.stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 0%,#efeae1,#ddd6cb)}.phone{width:390px;height:844px;background:var(--bg-card);border-radius:44px;box-shadow:0 30px 70px #28221847,inset 0 0 0 11px #14110d,inset 0 0 0 13px #2a2520;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone__screen{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);transform:translateZ(0)}.statusbar{height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:var(--text-14);font-weight:var(--weight-semibold);color:var(--ink);background:transparent;z-index:5}.statusbar--solid{background:var(--bg-card)}.statusbar--overlay{position:absolute;top:0;left:0;right:0;background:transparent;z-index:10}.statusbar__icons{display:flex;align-items:center;gap:4px}.notch{position:absolute;top:13px;left:50%;transform:translate(-50%);width:120px;height:30px;background:#14110d;border-radius:0 0 18px 18px;z-index:6}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 16% 12%,rgba(36,59,107,.13) 0%,transparent 60%),radial-gradient(50% 42% at 90% 26%,rgba(138,43,63,.1) 0%,transparent 60%),radial-gradient(65% 50% at 50% 105%,rgba(150,130,95,.14) 0%,transparent 60%),#f6f1ea}.dark .backdrop{background:radial-gradient(55% 45% at 16% 12%,rgba(138,166,230,.16) 0%,transparent 60%),radial-gradient(50% 42% at 90% 26%,rgba(217,107,128,.12) 0%,transparent 60%),radial-gradient(65% 50% at 50% 105%,rgba(176,146,88,.14) 0%,transparent 60%),var(--bg)}.screen-body{position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.screen-body::-webkit-scrollbar{width:0}.screen-body--full{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:var(--r-pill);background:#14110dd9;z-index:7}.toast{position:absolute;bottom:calc(86px + var(--safe-bottom));left:50%;transform:translate(-50%) translateY(8px);z-index:var(--z-toast);display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 32px);background:var(--ink);color:var(--on-dark);font-size:var(--text-13);font-weight:var(--weight-semibold);font-family:var(--font-sans);line-height:var(--leading-tight);white-space:nowrap;padding:9px 16px;border-radius:var(--r-pill);box-shadow:0 8px 24px #00000029;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.toast__icon{flex-shrink:0;opacity:.7;margin-left:-2px}.toast span{overflow:hidden;text-overflow:ellipsis}.logo{font-family:var(--font-serif);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--ink)}.btn{width:100%;height:var(--h-control);border-radius:var(--r-pill);font-size:var(--text-16);font-weight:var(--weight-semibold);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--ink);color:var(--on-dark)}.btn--primary:disabled{opacity:var(--disabled-opacity);cursor:default}.btn--ghost{background:var(--bg-card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.field{margin-bottom:16px}.field__label{display:block;font-size:var(--text-14);font-weight:var(--weight-semibold);color:var(--ink-soft);margin-bottom:8px;padding-left:8px}.input-wrap{position:relative;display:flex;align-items:center}.input{width:100%;height:var(--h-control);padding:0 16px;background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--r-md);font-size:var(--text-16);color:var(--ink);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent)}.input--with-icon{padding-left:48px}.input__icon{position:absolute;left:16px;color:var(--muted);display:flex;pointer-events:none}.input__action{position:absolute;right:14px;color:var(--muted);display:flex}.input-wrap--error .input{border-color:var(--color-danger)}.field__error{margin-top:4px;font-size:var(--text-12);color:var(--color-danger);font-family:var(--font-sans);padding-left:8px}.pwd-meter{display:flex;gap:4px;margin-top:8px}.pwd-meter__bar{flex:1;height:4px;border-radius:var(--r-pill);background:var(--line);transition:background var(--dur-base) var(--ease-out)}.pwd-meter__bar.is-on{background:var(--accent)}.pwd-hint{font-size:var(--text-12);color:var(--muted);margin-top:8px}.screen-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;gap:8px;color:var(--muted)}.screen-empty__title{font-size:var(--text-16);font-weight:var(--weight-semibold);color:var(--ink);font-family:var(--font-sans);margin-top:8px}.screen-empty__sub{font-size:var(--text-14);color:var(--muted);line-height:var(--leading-body);max-width:220px}.screen-empty__btn{margin-top:16px;padding:12px 24px;border-radius:var(--r-pill);background:var(--ink);color:var(--on-dark);font-size:var(--text-14);font-weight:var(--weight-semibold);font-family:var(--font-sans)}.screen-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;gap:8px;color:var(--muted)}.screen-error__title{font-size:var(--text-16);font-weight:var(--weight-semibold);color:var(--ink);font-family:var(--font-sans);margin-top:8px}.screen-error__sub{font-size:var(--text-14);color:var(--muted);line-height:var(--leading-body);max-width:220px}.screen-error__btn{margin-top:16px;padding:12px 24px;border-radius:var(--r-pill);border:1.5px solid var(--ink);color:var(--ink);font-size:var(--text-14);font-weight:var(--weight-semibold);font-family:var(--font-sans)}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:var(--text-13)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.oauth-stack{display:flex;flex-direction:column;gap:12px}.foot-link{text-align:center;font-size:var(--text-14);color:var(--muted);margin-top:20px}.foot-link b{color:var(--accent);font-weight:var(--weight-semibold)}@keyframes pageInFade{0%{opacity:0}to{opacity:1}}.page-enter--fwd,.page-enter--back,.page-enter--fade{animation:pageInFade var(--dur-base) var(--ease-out)}.consent{display:flex;align-items:flex-start;gap:8px;cursor:pointer;margin:4px 0 12px}.consent__box{flex:0 0 20px;width:20px;height:20px;margin-top:1px;accent-color:var(--accent);cursor:pointer}.consent__text{font-size:var(--text-13);line-height:var(--leading-body);color:var(--muted)}.consent__text a{color:var(--accent);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:2px}.sr-skip{position:absolute;top:-40px;left:0;z-index:999;padding:8px 16px;background:var(--ink);color:var(--on-dark);font-size:var(--text-14);font-weight:var(--weight-semibold)}.sr-skip:focus{top:0}:root{--bg: #ffffff;--bg-card: #ffffff;--bg-input: #f5f5f5;--bg-elevated: #fafafa;--ink: #111111;--ink-soft: #333333;--muted: #666666;--line: #E8E8E8;--accent: #243B6B;--like: #8A2B3F;--on-dark: #ffffff;--tag-1: #edf2f8;--tag-2: #e8ede9;--tag-3: #ede8f2;--tag-4: #f5efe6;--font-serif: "Playfair Display", Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-15: 15px;--text-16: 16px;--text-18: 18px;--text-20: 20px;--text-22: 22px;--text-24: 24px;--text-28: 28px;--text-32: 32px;--text-40: 40px;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.3;--leading-body: 1.5;--leading-read: 1.65;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .06em;--px: 16px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--r-xs: 8px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-soft: 0 1px 6px rgba(0, 0, 0, .04);--hairline: rgba(0, 0, 0, .06);--h-control: 52px;--h-tap: 44px;--z-raised: 2;--z-sticky: 10;--z-nav: 20;--z-overlay: 200;--z-toast: 350;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--disabled-opacity: .35;--color-danger: #e03131;--color-danger-bg: #fff0f0;--bg-sheet: #f2f2f2;--status-warning-bg: #FFF4E5;--status-warning-fg: #C07000;--status-info-bg: #EAF0FF;--status-info-fg: #2B5FD9;--color-success: #2b8a3e;--color-success-bg: #e6f9e6;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.dark{--bg: #111111;--bg-card: #161616;--bg-input: #222222;--bg-elevated: #1e1e1e;--ink: #f0ede8;--ink-soft: #c8c0b0;--muted: #999999;--line: #2a2a2a;--hairline: rgba(255, 255, 255, .08);--accent: #8AA6E6;--like: #d96b80;--on-dark: #111111;--tag-1: #1a2030;--tag-2: #182018;--tag-3: #1e1828;--tag-4: #251e14;--shadow-card: 0 2px 12px rgba(0, 0, 0, .5);--shadow-soft: 0 1px 6px rgba(0, 0, 0, .4);--color-danger: #ff6b6b;--color-danger-bg: rgba(224, 49, 49, .15);--bg-sheet: #1a1a1a;--status-warning-bg: rgba(255, 180, 0, .12);--status-warning-fg: #f0a030;--status-info-bg: rgba(43, 95, 217, .15);--status-info-fg: #6090f0;--color-success: #69db7c;--color-success-bg: rgba(43, 138, 62, .15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden}body{font-family:var(--font-sans);color:var(--ink);background:var(--line);overscroll-behavior:contain}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}button{font-family:inherit;cursor:pointer;border:none;background:none}button,a,nav,.bottombar,.sheet,.notif__item,.settings__row,.profile__tabs,.feed__bar-tabs{user-select:none;-webkit-user-select:none}input{font-family:inherit}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}