:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0f0f1a;--surface: #1a1a2e;--border: #2d2d44;--text: #f0f0f8;--muted: #9a9ab0;--accent: #7c3aed;--error: #f87171;--danger: #dc2626;--text-on-accent: #fff;--text-on-danger: #fff;--accent-subtle: rgba(124, 58, 237, .08);--accent-muted: rgba(124, 58, 237, .15);--accent-strong: rgba(124, 58, 237, .25);--accent-focus-ring: rgba(124, 58, 237, .5);--accent-gradient: linear-gradient(to right, #8B52EE, #7D55FC);--error-bg: rgba(239, 68, 68, .1);--glass-bg: rgba(26, 26, 46, .72);--glass-bg-strong: rgba(26, 26, 46, .88);--glass-blur: 20px;--glass-blur-strong: 40px;--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .06);--glass-hover: rgba(255, 255, 255, .12);--glass-radius: 16px;--glass-radius-sm: 12px;--touch-min: 44px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-xs: .75rem;--font-sm: .875rem;--transition-fast: .15s ease;--nav-height: 56px;--glass-radius-md: 14px;--shadow-subtle: none;--shadow-card: 0 2px 12px rgba(0, 0, 0, .15);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .6);--overlay-bg-strong: rgba(0, 0, 0, .95);--media-control-bg: rgba(0, 0, 0, .5)}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #fdf6f9;--surface: #ffffff;--border: #c9c8c4;--text: #141414;--muted: #525254;--accent: #7b68ee;--error: #b91c1c;--danger: #991b1b;--text-on-accent: #ffffff;--text-on-danger: #ffffff;--accent-subtle: rgba(123, 104, 238, .14);--accent-muted: rgba(123, 104, 238, .22);--accent-strong: rgba(123, 104, 238, .34);--accent-focus-ring: rgba(123, 104, 238, .5);--accent-gradient: linear-gradient(to right, #9f8df8, #7b68ee);--error-bg: rgba(185, 28, 28, .1);--glass-bg: #ffffff;--glass-bg-strong: #ffffff;--glass-blur: 20px;--glass-blur-strong: 40px;--glass-border: rgba(0, 0, 0, .12);--glass-highlight: #feeef5;--glass-hover: #e0dfdd;--glass-radius: 16px;--glass-radius-sm: 12px;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .06);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--shadow-dropdown: 0 12px 40px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .08);--overlay-bg: rgba(0, 0, 0, .4);--overlay-bg-strong: rgba(0, 0, 0, .75);--media-control-bg: rgba(0, 0, 0, .45)}}html[data-theme=light]{--bg: #fdf6f9;--surface: #ffffff;--border: #c9c8c4;--text: #141414;--muted: #525254;--accent: #7b68ee;--error: #b91c1c;--danger: #991b1b;--text-on-accent: #ffffff;--text-on-danger: #ffffff;--accent-subtle: rgba(123, 104, 238, .14);--accent-muted: rgba(123, 104, 238, .22);--accent-strong: rgba(123, 104, 238, .34);--accent-focus-ring: rgba(123, 104, 238, .5);--accent-gradient: linear-gradient(to right, #9f8df8, #7b68ee);--error-bg: rgba(185, 28, 28, .1);--glass-bg: #ffffff;--glass-bg-strong: #ffffff;--glass-border: rgba(0, 0, 0, .12);--glass-highlight: #feeef5;--glass-hover: #e0dfdd;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .06);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--shadow-dropdown: 0 12px 40px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .08);--overlay-bg: rgba(0, 0, 0, .4);--overlay-bg-strong: rgba(0, 0, 0, .75);--media-control-bg: rgba(0, 0, 0, .45)}html[data-theme=dark]{--bg: #0f0f1a;--surface: #1a1a2e;--border: #2d2d44;--text: #f0f0f8;--muted: #9a9ab0;--accent: #7c3aed;--error: #f87171;--danger: #dc2626;--text-on-accent: #fff;--text-on-danger: #fff;--accent-subtle: rgba(124, 58, 237, .08);--accent-muted: rgba(124, 58, 237, .15);--accent-strong: rgba(124, 58, 237, .25);--accent-focus-ring: rgba(124, 58, 237, .5);--error-bg: rgba(239, 68, 68, .1);--glass-bg: rgba(26, 26, 46, .72);--glass-bg-strong: rgba(26, 26, 46, .88);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .06);--glass-hover: rgba(255, 255, 255, .12);--shadow-subtle: none;--shadow-card: 0 2px 12px rgba(0, 0, 0, .15);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .6);--overlay-bg-strong: rgba(0, 0, 0, .95);--media-control-bg: rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}@media(max-width:767px){html,html[data-theme=light] body,html[data-theme=dark] body,body{background:var(--bg)}#root,html[data-theme=light] #root{position:relative;background:transparent;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}#root:before{content:"";position:fixed;inset:0;background:var(--bg);z-index:-1;pointer-events:none}}button{font-family:inherit}*:focus,*:focus-visible{outline:none}@media(hover:hover){a:focus-visible,button:focus-visible{transform:scale(1.03);transition:transform .2s ease;outline:2px solid #a855f7;outline-offset:2px}}@supports (overflow: overlay){.overflow-auto{overflow:overlay}}[role=dialog] *,.overlay *{scrollbar-width:none;-ms-overflow-style:none}[role=dialog] ::-webkit-scrollbar,.overlay ::-webkit-scrollbar{display:none}[role=dialog] ::-webkit-scrollbar-track,.overlay ::-webkit-scrollbar-track{border-inline-start:none}a{color:var(--accent)}a:hover{text-decoration:underline}html[data-theme=light] #root{color:var(--text)}html[data-theme=light] #root p{color:var(--muted)}html[data-theme=light] main{color:var(--text)}@media(min-width:768px){html[data-theme=light] #root{background:var(--bg)}html[data-theme=light] main{background:var(--bg)}}.float-btn{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;font-family:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.float-btn:hover{box-shadow:var(--shadow-dropdown)}.float-btn:active{transform:scale(.97)}.float-btn.modal-back-btn:hover{box-shadow:var(--shadow-card);transform:none}.float-btn.modal-back-btn:active{transform:none}.app-toast{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-xl));left:50%;transform:translate(-50%);z-index:1300;padding:10px 18px;border-radius:100px;font-size:var(--font-sm);font-weight:500;color:var(--text);box-shadow:var(--shadow-dropdown);animation:app-toast-in .2s ease-out}.app-toast.float-btn{cursor:default;pointer-events:none}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.feeds-float-wrap,.view-mode-float-wrap,.hide-seen-fab,.login-float-wrap,.notification-float-wrap,.nav-outer,.nav{transition:opacity .2s ease}body.feed-scrolling .feeds-float-wrap,body.feed-scrolling .view-mode-float-wrap,body.feed-scrolling .hide-seen-fab,body.feed-scrolling .login-float-wrap,body.feed-scrolling .notification-float-wrap,body.feed-scrolling .nav-outer,body.feed-scrolling .nav{opacity:0;pointer-events:none}