*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#fff;--foreground:#000;--border:#dbdbdb;--input-background:#fff;--secondary-background:#f5f5f5;--secondary-foreground:#1d1d1f;--placeholder:#737373;--subtle-text:#737373;--feed-background:#fafafa;--focus-ring:#1877f224;--card-shadow:#0000000f;--text:var(--foreground);--muted:#68717d;--blue:#4a9cf3;--blue-hover:#2684eb;--surface:var(--background);--soft:var(--secondary-background);--error:#b42318;--success:#16794f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#1c2b36;--foreground:#f5f5f5;--border:#4b5964;--input-background:#1c2b36;--secondary-background:#263642;--secondary-foreground:#f5f5f5;--placeholder:#aeb6bd;--subtle-text:#aeb6bd;--feed-background:#1c2b36;--focus-ring:#1877f247;--card-shadow:#ffffff0a;--muted:#a8a8a8;--error:#ff6b6b;--success:#58c795}}html,body{background:var(--background);min-height:100%;color:var(--foreground);margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:18px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.auth-shell{background:var(--background);grid-template-rows:1fr;grid-template-columns:55% 45%;min-height:100vh;display:grid}.hero-panel{border-right:1px solid var(--border);min-height:760px;padding:52px 56px 30px;position:relative;overflow:hidden}.brand-mark{background:radial-gradient(circle at 70% 70%,#ffd76a 0 16%,#ff7d22 28%,#ff2a68 52%,#bc2be2 72%,#4f5eea 100%);border-radius:21px;width:74px;height:74px;padding:6px;box-shadow:0 8px 24px #00000014}.brand-mark.small{border-radius:17px;width:58px;height:58px;margin:0 auto 18px}.brand-mark-inner{border:6px solid #fff;border-radius:17px;width:100%;height:100%;position:relative}.brand-mark-inner:before{content:"";border:5px solid #fff;border-radius:50%;width:21px;height:21px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-mark-inner:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.hero-copy{max-width:680px;margin:34px auto 0}.hero-copy h1{text-align:center;letter-spacing:-1.4px;margin:0;font-family:Segoe UI Variable Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(38px,2.8vw,52px);font-weight:400;line-height:1.35}.hero-copy span{background:linear-gradient(90deg,#ff6547,#ff304f,#ff1b79,#d900b5);color:#0000;-webkit-background-clip:text;background-clip:text}.story-visual{justify-content:center;width:min(650px,92%);margin:35px auto 0;display:flex}.story-collage-image{object-fit:contain;width:100%;height:auto;display:block}.login-panel{background:var(--background);min-height:760px;color:var(--foreground);justify-content:center;align-items:flex-start;padding:clamp(96px,11vh,120px) 52px 48px;display:flex}.auth-card{flex-direction:column;width:min(100%,548px);display:flex}.mobile-language,.create-account-button{display:none}.login-logo{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.login-logo img{object-fit:contain;width:72px;height:auto;display:block}.auth-title{text-align:left;letter-spacing:0;margin:0 0 8px;font-size:16px;font-weight:700;line-height:20px}.demo-label{color:var(--subtle-text);margin:0 0 24px;font-size:13px;line-height:18px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form input{border:1px solid var(--border);letter-spacing:0;background:var(--input-background);width:100%;height:60px;color:var(--foreground);border-radius:16px;outline:none;padding:0 18px;font-size:16px;font-weight:400;transition:border-color .15s,box-shadow .15s}.auth-form input::placeholder{color:var(--placeholder);opacity:1}.auth-form input:focus{box-shadow:0 0 0 2px var(--focus-ring);border-color:#1877f2}.note-field{position:relative}.note-field input{padding-right:56px}.note-visibility-button{width:32px;height:32px;color:var(--placeholder);background:0 0;border:0;border-radius:50%;place-items:center;padding:5px;display:grid;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.note-visibility-button:hover{background:var(--secondary-background)}.note-visibility-button:focus-visible{outline-offset:2px;outline:2px solid #1877f2}.note-visibility-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.primary-button,.google-button,.outline-button{letter-spacing:0;border-radius:999px;width:100%;min-height:44px;font-size:16px;font-weight:700}.primary-button{color:#fff;background:var(--blue);border:0;margin-top:8px}.primary-button:hover:not(:disabled){background:#1877f2}.text-button{color:var(--foreground);background:0 0;border:0;margin:18px auto 0;font-weight:600;display:block}.divider{color:var(--subtle-text);align-items:center;gap:14px;margin:26px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.google-button{background:var(--secondary-background);color:var(--secondary-foreground);border:0;justify-content:center;align-items:center;gap:10px;display:flex}.google-g{color:#1a73e8;font-weight:800}.outline-button{background:var(--background);color:#0874ea;border:1.5px solid #1680f5;margin-top:24px}.status{margin:16px 4px 0;font-size:14px;line-height:1.35}.status.error{color:var(--error)}.status.success{color:var(--success)}.forgot-save{color:var(--foreground);text-align:center;margin:22px 0 0;font-size:14px;font-weight:600;line-height:18px}.meta-brand{justify-content:center;align-items:center;margin-top:64px;display:flex}.meta-logo{object-fit:contain;width:92px;height:auto}.feed-shell{background:var(--feed-background);place-items:center;min-height:100vh;padding:24px;display:grid}.feed-card{background:var(--background);width:min(100%,480px);color:var(--foreground);border:1px solid var(--border);text-align:center;box-shadow:0 12px 36px var(--card-shadow);border-radius:24px;padding:34px}.feed-card h1{margin:0 0 18px}.feed-note{color:var(--muted);margin:18px 0 24px;line-height:1.5}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:960px){.auth-shell{grid-template-columns:1fr}.hero-panel{display:none}.login-panel{align-items:center;min-height:100vh;padding:32px 22px}.auth-card{transform:none}}@media (max-width:600px){.login-panel{align-items:stretch;min-height:100svh;padding:24px 16px 28px}.auth-card{width:100%;min-height:calc(100svh - 52px)}.mobile-language{color:var(--subtle-text);text-align:center;margin:0;font-size:14px;line-height:18px;display:block}.login-logo{margin-top:clamp(48px,9vh,88px);margin-bottom:clamp(72px,11vh,112px)}.login-logo img{width:80px}.auth-title,.demo-label{display:none}.auth-form{gap:10px}.auth-form input{height:60px}.primary-button{min-height:48px;margin-top:4px}.forgot-save{margin-top:24px}.create-account-button{background:var(--background);color:#0874ea;border:1px solid #1680f5;border-radius:999px;width:100%;min-height:48px;margin-top:auto;font-size:16px;font-weight:600;display:block}.meta-brand{margin-top:24px}}@media (prefers-color-scheme:dark){.meta-logo{filter:brightness(0)invert()}}