:root{--bg:#f7f7f8;--surface:#ffffff;--surface-2:#fafafa;--surface-3:#f1f2f4;--text:#18181b;--muted:#686b73;--muted-2:#9698a1;--border:#e7e7ea;--border-strong:#d7d8dd;--primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eff6ff;--primary-glow:rgba(37,99,235,.17);--brand-dark:#173b8f;--brand-mid:#2563eb;--brand-light:#85adff;--auth-dark:#18181b;--auth-mid:#27272a;--auth-accent:#173b8f;--success:#13865f;--success-soft:#eaf8f2;--warning:#b96b12;--warning-soft:#fff5e8;--danger:#c93646;--danger-soft:#fff0f2;--shadow:0 14px 40px rgba(24,24,27,.065);--shadow-sm:0 5px 18px rgba(24,24,27,.05);--radius:18px;--radius-sm:12px;--topbar:72px;--max:1420px;color-scheme:light}
html[data-accent="swiss"]{--primary:#dc2438;--primary-2:#bc1729;--primary-soft:#fff0f2;--primary-glow:rgba(220,36,56,.18);--brand-dark:#7a1020;--brand-mid:#dc2438;--brand-light:#ff8793;--auth-accent:#7a1020}
html[data-accent="ocean"]{--primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eff6ff;--primary-glow:rgba(37,99,235,.17);--brand-dark:#173b8f;--brand-mid:#2563eb;--brand-light:#85adff;--auth-accent:#173b8f}
html[data-accent="forest"]{--primary:#11856b;--primary-2:#0b6d57;--primary-soft:#ebf8f4;--primary-glow:rgba(17,133,107,.17);--brand-dark:#0a5747;--brand-mid:#11856b;--brand-light:#71ccb8;--auth-accent:#0a5747}
html[data-accent="graphite"]{--primary:#30333a;--primary-2:#17181c;--primary-soft:#f0f1f3;--primary-glow:rgba(48,51,58,.14);--brand-dark:#111216;--brand-mid:#34373f;--brand-light:#9ca0aa;--auth-accent:#34373f}
html[data-theme="dark"]{--bg:#0f1012;--surface:#17181b;--surface-2:#1d1f23;--surface-3:#25272d;--text:#f5f5f6;--muted:#a4a6ad;--muted-2:#7b7e87;--border:#2b2d32;--border-strong:#3a3d44;--primary:#6b9cff;--primary-2:#89b0ff;--primary-soft:#172746;--primary-glow:rgba(107,156,255,.18);--brand-dark:#14234a;--brand-mid:#315fc5;--brand-light:#8bb2ff;--auth-dark:#101114;--auth-mid:#1b1c20;--auth-accent:#14234a;--success:#51cda5;--success-soft:#16382f;--warning:#f1b05a;--warning-soft:#3a2c18;--danger:#ff7a87;--danger-soft:#3f2026;--shadow:0 16px 44px rgba(0,0,0,.26);--shadow-sm:0 6px 20px rgba(0,0,0,.2);color-scheme:dark}
html[data-theme="dark"][data-accent="swiss"]{--primary:#ff6171;--primary-2:#ff7b88;--primary-soft:#3a1c22;--primary-glow:rgba(255,97,113,.18);--brand-dark:#50111b;--brand-mid:#c92639;--brand-light:#ff7b88;--auth-accent:#50111b}
html[data-theme="dark"][data-accent="ocean"]{--primary:#6b9cff;--primary-2:#89b0ff;--primary-soft:#172746;--primary-glow:rgba(107,156,255,.18);--brand-dark:#14234a;--brand-mid:#315fc5;--brand-light:#8bb2ff;--auth-accent:#14234a}
html[data-theme="dark"][data-accent="forest"]{--primary:#52c9a8;--primary-2:#72d7bb;--primary-soft:#17362f;--primary-glow:rgba(82,201,168,.17);--brand-dark:#113a31;--brand-mid:#167b66;--brand-light:#75d9bd;--auth-accent:#113a31}
html[data-theme="dark"][data-accent="graphite"]{--primary:#c7cad1;--primary-2:#eef0f3;--primary-soft:#2b2d32;--primary-glow:rgba(199,202,209,.14);--brand-dark:#1a1b1e;--brand-mid:#44474e;--brand-light:#a4a7ae;--auth-accent:#25272b}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-main{min-height:65vh}.container{width:min(1180px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)}

/* topbar */
.topbar{height:var(--topbar);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topbar-inner{max-width:var(--max);height:100%;margin:auto;padding:0 26px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand:hover{text-decoration:none}.brand-symbol{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--brand-light),var(--brand-mid) 44%,var(--brand-dark));display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px var(--primary-glow);position:relative}.brand-symbol span{font-size:22px;line-height:1;font-weight:850;transform:translateY(-1px)}.brand-symbol.small{width:31px;height:31px;border-radius:10px}.brand-symbol.small span{font-size:18px}.brand-word{font-size:20px;font-weight:830;letter-spacing:-.6px}.brand-word>span{color:var(--primary)}.global-search{height:42px;max-width:590px;flex:1;margin-left:18px;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:0 11px;transition:.2s}.global-search:focus-within{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}.global-search svg{width:19px;height:19px;color:var(--muted)}.global-search input{width:100%;height:100%;border:0;background:transparent;outline:0;font-size:14px}.global-search input::placeholder{color:var(--muted-2)}.global-search kbd{border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface);border-radius:6px;padding:2px 6px;font-size:11px;color:var(--muted)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px}.ask-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);padding:10px 14px;font-size:14px;font-weight:720;line-height:1;white-space:nowrap;transition:.18s}.ask-button{background:var(--text);border-color:var(--text);color:var(--surface);padding:11px 15px}.ask-button:hover,.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ask-button span{font-size:18px;line-height:0}.button-primary{background:var(--primary);border-color:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-2)}.button-small{font-size:12px;padding:8px 10px;border-radius:9px}.button-large{padding:13px 18px;border-radius:12px}.button-full{width:100%}.button-danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger);background:var(--danger-soft)}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button svg{width:18px;height:18px}.moon-icon{display:none}html[data-theme="dark"] .sun-icon{display:none}html[data-theme="dark"] .moon-icon{display:block}.user-menu-link{display:flex;align-items:center;gap:8px;font-weight:700}.user-menu-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--primary) 18%,var(--surface)));color:var(--primary);font-weight:800;flex:none}.avatar-header{width:34px;height:34px;font-size:13px}.avatar-small{width:34px;height:34px;font-size:12px}.avatar-medium{width:42px;height:42px;font-size:14px}.nav-admin{font-weight:700;color:var(--primary)}.logout-form{margin:0}.login-link{font-weight:700;padding:9px}.mobile-bottom-nav{display:none}

/* flash */
.flash-wrap{width:min(1120px,calc(100% - 32px));margin:14px auto -2px}.flash{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:13px}.flash>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:850}.flash.success{border-color:color-mix(in srgb,var(--success) 24%,var(--border))}.flash.success>span{background:var(--success-soft);color:var(--success)}.flash.error{border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}.flash.error>span{background:var(--danger-soft);color:var(--danger)}

/* home shell */
.community-shell{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:220px minmax(0,720px) 310px;gap:28px;padding:32px 26px 72px}.community-nav{position:sticky;top:calc(var(--topbar) + 24px);height:max-content;padding:2px 0}.nav-section{margin-bottom:28px}.nav-label,.admin-nav-label{display:block;font-size:10px;font-weight:820;letter-spacing:1.25px;text-transform:uppercase;color:var(--muted-2);padding:0 12px;margin:0 0 8px}.side-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border-radius:11px;font-size:14px;color:var(--muted);margin:2px 0;transition:.16s}.side-link svg{width:19px;height:19px}.side-link:hover{background:var(--surface-2);color:var(--text)}.side-link.active{background:var(--primary-soft);color:var(--primary);font-weight:750}.side-link small{margin-left:auto;font-size:11px}.topic-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--primary) 55%,var(--border));flex:none}.topic-link:nth-of-type(3n+2) .topic-dot{background:#d89720}.topic-link:nth-of-type(3n+3) .topic-dot{background:#10b981}.muted-link{font-size:12px}.side-cta{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.side-cta-icon{width:33px;height:33px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:850}.side-cta strong{display:block;font-size:14px;margin:12px 0 4px}.side-cta p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 10px}.side-cta a{font-size:12px;color:var(--primary);font-weight:750}.feed-column{min-width:0}.feed-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:12px 2px 28px}.eyebrow{display:block;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:7px}.feed-intro h1,.page-heading-row h1{font-size:32px;line-height:1.14;letter-spacing:-1.15px;margin:0 0 7px}.feed-intro p,.page-heading-row p{color:var(--muted);font-size:14px;margin:0;line-height:1.55}.feed-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);margin-bottom:15px}.feed-tabs a{font-size:13px;color:var(--muted);font-weight:680;padding:11px 1px 12px;position:relative}.feed-tabs a.active{color:var(--text)}.feed-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--primary)}.modern-list{display:grid;gap:12px}.question-card-modern{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:17px 19px;transition:.18s}.question-card-modern:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.question-author-row{display:flex;align-items:center;gap:9px}.mini-author{display:flex;align-items:center;gap:9px;min-width:0}.mini-author>span:last-child{display:grid;gap:1px}.mini-author strong{font-size:12px}.mini-author small{font-size:10px;color:var(--muted)}.card-time{font-size:11px;color:var(--muted-2)}.more-button{margin-left:auto;border:0;background:transparent;color:var(--muted);letter-spacing:1px;font-weight:800;padding:7px}.question-card-body{padding:13px 0 15px}.category-pill,.tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:800;padding:5px 8px}.question-card-body h2{font-size:19px;line-height:1.35;letter-spacing:-.25px;margin:9px 0 6px}.question-card-body h2 a:hover{color:var(--primary)}.question-card-body p{color:var(--muted);font-size:13px;line-height:1.58;margin:0}.question-card-footer{border-top:1px solid var(--border);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.engagement{display:flex;align-items:center;gap:17px}.engagement span,.engagement a{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.engagement svg{width:16px;height:16px}.open-question{font-size:11px;font-weight:780;color:var(--primary)}.open-question span{margin-left:3px}.load-more{margin:20px 0;display:flex;justify-content:center;gap:7px;padding:13px;border:1px dashed var(--border-strong);border-radius:13px;color:var(--muted);font-size:12px;font-weight:700}.load-more:hover{background:var(--surface);color:var(--primary)}.right-rail{display:grid;align-content:start;gap:14px;position:sticky;top:calc(var(--topbar) + 24px);height:max-content}.rail-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.welcome-card{background:linear-gradient(150deg,var(--surface) 0%,var(--primary-soft) 160%)}.rail-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:850;color:var(--primary)}.rail-card h2{font-size:20px;letter-spacing:-.4px;margin:8px 0}.rail-card h3{font-size:14px;margin:0}.rail-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 14px}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rail-heading>a{font-size:11px;color:var(--primary);font-weight:700}.trend-list>a{display:grid;grid-template-columns:25px 1fr 12px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.trend-list>a:last-child{border:0;padding-bottom:0}.trend-index{font-size:12px;color:var(--muted-2);font-weight:800}.trend-list a>span:nth-child(2){display:grid;gap:2px}.trend-list strong{font-size:12px}.trend-list small{font-size:10px;color:var(--muted)}.chev{color:var(--muted-2)}.live-dot{font-size:9px;font-weight:800;color:var(--success);background:var(--success-soft);border-radius:99px;padding:4px 7px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-stats div{display:grid}.mini-stats strong{font-size:18px;letter-spacing:-.4px}.mini-stats span{font-size:9px;color:var(--muted)}.soft-card{background:var(--surface-2)}

/* browse */
.browse-shell{max-width:1120px;margin:0 auto;padding:48px 24px 80px;display:grid;grid-template-columns:minmax(0,760px) 290px;gap:34px}.browse-main{min-width:0}.page-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-heading-row h1{font-size:36px}.browse-tabs{margin-bottom:16px}.browse-sidebar{display:grid;align-content:start;gap:14px;position:sticky;top:calc(var(--topbar) + 24px);height:max-content}.filter-card{padding:14px}.filter-link{display:flex;align-items:center;gap:9px;border-radius:9px;padding:9px 10px;margin:2px 0;font-size:12px;color:var(--muted)}.filter-link:hover,.filter-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.simple-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;color:var(--muted)}.simple-pagination a,.simple-pagination span{padding:9px 11px;border-radius:9px}.simple-pagination a{border:1px solid var(--border);background:var(--surface)}.simple-pagination .disabled{opacity:.4}

/* question detail */
.question-layout{max-width:1080px;margin:0 auto;padding:48px 24px 80px;display:grid;grid-template-columns:minmax(0,760px) 260px;gap:32px}.question-main-column{min-width:0}.question-detail-modern,.answer-modern,.answer-composer,.login-cta{background:var(--surface);border:1px solid var(--border);border-radius:18px}.question-detail-modern{padding:28px}.question-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.question-detail-modern h1{font-size:32px;line-height:1.23;letter-spacing:-.8px;margin:16px 0 18px}.question-byline>a,.answer-author>a{display:flex;align-items:center;gap:10px}.question-byline a>span:last-child,.answer-author a>span:last-child{display:grid;gap:2px}.question-byline strong,.answer-author strong{font-size:12px}.question-byline small,.answer-author small{font-size:10px;color:var(--muted)}.post-content{font-size:15px;line-height:1.78;margin:26px 0;color:color-mix(in srgb,var(--text) 92%,var(--muted));overflow-wrap:anywhere}.post-actionbar{border-top:1px solid var(--border);padding-top:14px;display:flex;align-items:center;gap:15px}.vote-inline{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-2)}.vote-inline form{margin:0}.vote-inline button{width:35px;height:32px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.vote-inline button:hover{color:var(--primary);background:var(--primary-soft)}.vote-inline button svg{width:16px;height:16px}.vote-inline strong{min-width:30px;text-align:center;font-size:12px}.action-count{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.action-count svg{width:16px;height:16px}.report-menu{margin-left:auto;position:relative}.report-menu summary{list-style:none;cursor:pointer;color:var(--muted);padding:5px}.report-menu summary::-webkit-details-marker{display:none}.report-menu form{position:absolute;right:0;top:28px;z-index:10;width:280px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:14px;display:grid;gap:9px}.report-menu select,.report-menu input{width:100%;border:1px solid var(--border-strong);background:var(--surface-2);border-radius:9px;padding:9px}.answers-modern{margin-top:34px}.answers-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;padding:0 3px}.answers-heading h2{font-size:23px;letter-spacing:-.4px;margin:0}.answer-sort{font-size:10px;color:var(--muted)}.answer-modern{padding:22px 24px;margin-bottom:12px;position:relative}.answer-modern.accepted{border-color:color-mix(in srgb,var(--success) 30%,var(--border));box-shadow:inset 3px 0 0 var(--success)}.accepted-ribbon{display:inline-flex;align-items:center;gap:6px;background:var(--success-soft);color:var(--success);border-radius:99px;font-size:10px;font-weight:820;padding:5px 8px;margin-bottom:13px}.accepted-ribbon span{font-weight:900}.answer-content{margin:20px 0}.text-action{border:0;background:transparent;color:var(--success);font-size:11px;font-weight:730;padding:5px}.answer-composer{padding:22px 24px;margin-top:22px}.composer-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.composer-head>div{display:grid;gap:2px}.composer-head strong{font-size:13px}.composer-head small{font-size:10px;color:var(--muted)}.answer-composer textarea{width:100%;min-height:145px;resize:vertical;border:1px solid var(--border-strong);border-radius:12px;padding:14px;background:var(--surface-2);outline:0;line-height:1.6}.answer-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.composer-footer>span{font-size:10px;color:var(--muted)}.login-cta{padding:20px 22px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.login-cta>div{display:grid;gap:3px}.login-cta strong{font-size:14px}.login-cta span{font-size:11px;color:var(--muted)}.question-side-column{display:grid;align-content:start;gap:14px;position:sticky;top:calc(var(--topbar) + 24px);height:max-content}.detail-stats{display:grid;gap:9px;margin-top:14px}.detail-stats>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:8px}.detail-stats>div:last-child{border:0;padding:0}.detail-stats span{font-size:10px;color:var(--muted)}.detail-stats strong{font-size:13px}

/* profile */
.profile-page{max-width:1080px;margin:0 auto;padding:34px 24px 80px}.profile-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.profile-cover{height:145px;background:linear-gradient(120deg,var(--brand-dark),var(--brand-mid) 58%,var(--brand-light));position:relative;overflow:hidden}.cover-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.13)}.cover-orb.one{width:260px;height:260px;right:7%;top:-150px}.cover-orb.two{width:160px;height:160px;right:29%;bottom:-115px}.profile-header-content{padding:0 30px 26px}.profile-avatar-wrap{height:44px}.profile-avatar-image,.profile-avatar-fallback{width:96px;height:96px;border-radius:24px;border:5px solid var(--surface);transform:translateY(-52px);object-fit:cover;box-shadow:var(--shadow-sm)}.profile-avatar-fallback{display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:850;font-size:30px}.profile-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.profile-heading h1{font-size:26px;letter-spacing:-.5px;margin:0 0 2px}.profile-heading>div>span{font-size:11px;color:var(--muted)}.profile-bio{max-width:650px;font-size:13px;color:var(--muted);line-height:1.6;margin:13px 0 21px}.profile-metrics{display:flex;gap:34px}.profile-metrics>div{display:grid;gap:1px}.profile-metrics strong{font-size:15px}.profile-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.profile-content-grid{display:grid;grid-template-columns:minmax(0,740px) 270px;gap:28px;margin-top:25px}.profile-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:26px}.profile-tabs a{font-size:12px;color:var(--muted);font-weight:700;padding:11px 1px;position:relative}.profile-tabs a.active{color:var(--text)}.profile-tabs a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.section-heading-modern h2{font-size:22px;margin:0 0 14px;letter-spacing:-.4px}.profile-content-grid aside{display:grid;align-content:start;gap:14px}.profile-rank{display:flex;gap:11px;align-items:center;margin-top:14px}.rank-icon{width:36px;height:36px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.profile-rank>div{display:grid}.profile-rank strong{font-size:12px}.profile-rank small{font-size:9px;color:var(--muted)}

/* auth */
.auth-page{min-height:calc(100vh - var(--topbar));display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;background:var(--surface)}.auth-page~*{}.auth-showcase{background:linear-gradient(145deg,var(--auth-dark) 0%,var(--auth-mid) 55%,var(--auth-accent) 100%);color:#fff;padding:42px clamp(34px,5vw,80px);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-showcase:before,.auth-showcase:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.10)}.auth-showcase:before{width:430px;height:430px;right:-230px;top:11%}.auth-showcase:after{width:260px;height:260px;right:-95px;top:31%}.auth-brand{color:#fff;z-index:1}.auth-brand .brand-word>span{color:var(--brand-light)}.auth-copy{margin:auto 0;max-width:510px;z-index:1}.auth-copy .eyebrow{color:var(--brand-light)}.auth-copy h1{font-size:clamp(38px,4vw,56px);line-height:1.04;letter-spacing:-1.8px;margin:11px 0 17px}.auth-copy>p{color:rgba(255,255,255,.7);line-height:1.65;font-size:15px;max-width:440px}.auth-benefits{display:grid;gap:11px;margin-top:27px}.auth-benefits>div{display:flex;align-items:center;gap:9px;font-size:12px}.auth-benefits>div>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:10px}.auth-showcase-footer{z-index:1;color:rgba(255,255,255,.5)}.auth-form-side{display:grid;place-items:center;padding:46px 28px;background:var(--surface)}.auth-card-modern{width:min(430px,100%)}.auth-mobile-brand{display:none}.auth-card-modern h2{font-size:31px;letter-spacing:-.8px;margin:7px 0 6px}.auth-subtitle{font-size:13px;color:var(--muted);margin:0 0 24px}.social-buttons-modern{display:grid;gap:9px}.social-button-modern{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface-2);font-size:12px;font-weight:720}.social-button-modern.dark{background:#111;color:#fff;border-color:#111}.social-g{font-weight:900;color:#4285f4}.social-apple{font-size:12px}.divider-modern{display:flex;align-items:center;gap:11px;color:var(--muted-2);font-size:10px;margin:20px 0}.divider-modern:before,.divider-modern:after{content:"";height:1px;background:var(--border);flex:1}.modern-form{display:grid;gap:14px}.modern-form label,.ask-form-card label,.form-card label,.admin-card label,.installer-card label{display:grid;gap:6px;font-size:11px;font-weight:720}.modern-form input,.modern-form textarea,.modern-form select,.ask-form-card input,.ask-form-card textarea,.ask-form-card select,.form-card input,.form-card textarea,.form-card select,.admin-card input,.admin-card textarea,.admin-card select,.installer-card input,.installer-card textarea,.installer-card select,.answer-form textarea,.comment-form input,.moderation-card textarea,.report-box input,.report-box select{width:100%;border:1px solid var(--border-strong);border-radius:10px;padding:11px 12px;background:var(--surface-2);outline:0;color:var(--text)}.modern-form input:focus,.modern-form textarea:focus,.modern-form select:focus,.ask-form-card input:focus,.ask-form-card textarea:focus,.ask-form-card select:focus,.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus,.installer-card input:focus,.installer-card textarea:focus,.installer-card select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}.modern-form label>small,.ask-form-card label>small{font-size:9px;color:var(--muted);font-weight:500}.checkbox-modern{display:flex!important;grid-template-columns:16px 1fr!important;align-items:start;gap:8px!important;font-weight:500!important;line-height:1.45}.checkbox-modern input{width:15px;height:15px;margin-top:2px}.checkbox-modern a{color:var(--primary);font-weight:700}.auth-switch{display:flex;justify-content:center;gap:5px;font-size:11px;margin-top:18px;color:var(--muted)}.auth-switch a{color:var(--primary);font-weight:750}.auth-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.5;margin-top:18px}

/* ask */
.ask-page{max-width:1060px;margin:0 auto;padding:55px 24px 80px;display:grid;grid-template-columns:.75fr 1.25fr;gap:58px}.ask-intro{padding-top:16px}.back-link{display:inline-block;font-size:11px;color:var(--muted);margin-bottom:36px}.ask-intro h1{font-size:39px;line-height:1.12;letter-spacing:-1.2px;margin:8px 0 13px}.ask-intro>p{font-size:13px;color:var(--muted);line-height:1.7}.ask-tips{display:grid;gap:17px;margin-top:30px}.ask-tips>div{display:grid;grid-template-columns:31px 1fr;gap:11px}.ask-tips>div>span{width:31px;height:31px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:820}.ask-tips>div>div{display:grid;gap:2px}.ask-tips strong{font-size:12px}.ask-tips small{font-size:10px;color:var(--muted);line-height:1.5}.ask-form-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:28px;display:grid;gap:20px}.form-progress{display:flex;gap:5px;margin-bottom:3px}.form-progress span{height:3px;border-radius:99px;background:var(--border);flex:1}.form-progress span.active{background:var(--primary)}.ask-form-card label>span{font-size:11px}.field-large input{font-size:15px;padding:13px}.ask-form-card textarea{resize:vertical;line-height:1.6}.form-actions-modern{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px;margin-top:2px}

/* admin modern */
.admin-layout-modern{min-height:calc(100vh - var(--topbar));display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1500px;margin:0 auto}.admin-sidebar-modern{border-right:1px solid var(--border);padding:25px 16px 24px;display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar));position:sticky;top:var(--topbar);height:calc(100vh - var(--topbar));background:var(--surface)}.admin-brand{display:flex;align-items:center;gap:9px;padding:0 8px;margin-bottom:30px}.admin-brand>div{display:grid}.admin-brand strong{font-size:13px}.admin-brand small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.admin-sidebar-modern nav{display:grid}.admin-sidebar-modern nav a,.admin-sidebar-footer>a{display:flex;align-items:center;gap:10px;min-height:39px;padding:0 10px;border-radius:9px;color:var(--muted);font-size:12px;margin:2px 0}.admin-sidebar-modern nav a svg,.admin-sidebar-footer>a svg{width:17px;height:17px}.admin-sidebar-modern nav a:hover,.admin-sidebar-modern nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:730}.admin-nav-label{padding-left:10px}.admin-nav-label.spaced{margin-top:20px}.admin-sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:13px}.admin-user-mini{display:flex;align-items:center;gap:9px;padding:12px 9px 0}.admin-user-mini>span:last-child{display:grid}.admin-user-mini strong{font-size:11px}.admin-user-mini small{font-size:9px;color:var(--muted);text-transform:capitalize}.admin-content-modern{padding:38px 34px 70px;min-width:0}.admin-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:27px}.admin-topline h1{font-size:31px;letter-spacing:-.8px;margin:5px 0 4px}.admin-topline p{margin:0;color:var(--muted);font-size:12px}.admin-top-actions{display:flex;gap:8px}.metric-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metric-card-modern{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:17px;display:flex;gap:12px;align-items:center}.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.metric-icon svg{width:18px;height:18px}.metric-icon.answers{background:var(--success-soft);color:var(--success)}.metric-icon.reports{background:var(--warning-soft);color:var(--warning)}.metric-card-modern>div:last-child{display:grid}.metric-card-modern span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.metric-card-modern strong{font-size:22px;letter-spacing:-.5px}.metric-card-modern small{font-size:9px;color:var(--muted-2)}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:14px}.admin-panel-modern{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;min-width:0}.admin-panel-modern.wide{min-width:0}.admin-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:13px}.admin-panel-heading h2{font-size:14px;margin:0 0 2px}.admin-panel-heading p{font-size:9px;color:var(--muted);margin:0}.admin-panel-heading a{font-size:10px;color:var(--primary);font-weight:700}.health-list{display:grid}.health-list>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--border)}.health-list>div:last-child{border:0}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-2)}.health-dot.ok{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent)}.health-dot.warn{background:var(--warning)}.health-dot.bad{background:var(--danger)}.health-list>div>div{display:grid}.health-list strong{font-size:10px}.health-list small{font-size:8px;color:var(--muted)}.health-list b{font-size:8px;color:var(--muted)}.recent-content-list{display:grid}.recent-content-list>a{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.recent-content-list>a:last-child{border:0}.content-status{width:7px;height:7px;border-radius:50%;background:var(--muted)}.content-status.published{background:var(--success)}.recent-content-text{display:grid;gap:2px;min-width:0}.recent-content-text strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-content-text small{font-size:8px;color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;font-size:10px}.data-table th{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.65px}.modern-table tr:last-child td{border:0}.table-user{display:flex;align-items:center;gap:8px}.table-user>span:last-child{display:grid}.table-user strong{font-size:10px}.table-user small,.table-muted{font-size:8px;color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 7px;background:var(--surface-3);font-size:9px;font-weight:760;color:var(--muted)}.badge-green{background:var(--success-soft);color:var(--success)}.badge-orange{background:var(--warning-soft);color:var(--warning)}.badge-red{background:var(--danger-soft);color:var(--danger)}.role-badge{text-transform:capitalize}

/* legacy admin pages kept compatible */
.admin-shell{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;padding:36px 24px 70px}.admin-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:15px;position:sticky;top:calc(var(--topbar) + 24px);height:max-content}.admin-sidebar h2{font-size:14px;margin:3px 8px 12px}.admin-sidebar a{display:block;padding:9px 10px;border-radius:9px;color:var(--muted);font-size:12px}.admin-sidebar a.active,.admin-sidebar a:hover{background:var(--primary-soft);color:var(--primary)}.admin-main{min-width:0}.admin-main>h1{font-size:30px;letter-spacing:-.6px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card,.admin-card,.panel,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:18px}.stat-card span{font-size:9px;color:var(--muted);text-transform:uppercase}.stat-card strong{font-size:25px;display:block}.admin-card{margin:14px 0}.admin-card h2,.admin-card h3{margin-top:0}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-controls select,.inline-controls input{width:auto;padding:7px 8px}.page-title{font-size:34px;letter-spacing:-.8px}.page-subtitle{color:var(--muted)}.danger-zone{border-color:color-mix(in srgb,var(--danger) 25%,var(--border))}.moderation-note{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));padding:12px;border-radius:10px}.codeish{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-3);padding:8px;border-radius:8px;word-break:break-all}.settings-help{font-size:10px;color:var(--muted);margin:-8px 0 12px}

/* common old forms / static / profile edit */
.section{padding:46px 0}.form-page{max-width:1000px;margin:auto;padding:55px 24px 80px;display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}.form-intro h1{font-size:36px}.form-intro p{color:var(--muted);line-height:1.65}.form-card label,.admin-card label,.installer-card label{margin-bottom:14px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.profile-card{text-align:center}.avatar-big{width:104px;height:104px;border-radius:24px;object-fit:cover}.avatar-large{width:104px;height:104px;border-radius:24px;display:grid;place-items:center;margin:auto;background:var(--primary-soft);color:var(--primary);font-size:30px;font-weight:850}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.profile-stats>div{display:grid}.profile-stats span{font-size:9px;color:var(--muted)}.search-box-large{display:flex;max-width:760px;margin-bottom:20px}.search-box-large input{flex:1;border:1px solid var(--border-strong);border-radius:11px 0 0 11px;padding:12px;background:var(--surface)}.search-box-large button{border-radius:0 11px 11px 0}.empty-state{min-height:170px;border:1px dashed var(--border-strong);border-radius:16px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:25px;background:var(--surface-2)}.empty-state strong{font-size:14px}.empty-state span{font-size:11px;color:var(--muted)}.empty-state .button{margin-top:7px}.auth-shell{min-height:65vh;display:grid;place-items:center;padding:55px 20px}.auth-card{width:min(450px,100%)}

/* installer */
.installer-body{background:radial-gradient(circle at 20% 0%,var(--primary-soft),var(--bg) 36%);min-height:100vh}.installer-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:42px 0}.installer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.installer-brand strong{font-size:22px}.installer-brand small{margin-left:auto;color:var(--muted)}.installer-grid{display:grid;grid-template-columns:minmax(0,1.65fr) .75fr;gap:20px}.installer-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.installer-card h1{font-size:32px;margin:8px 0}.installer-card h2{margin-top:0}.installer-section-title{font-weight:850;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--primary);border-top:1px solid var(--border);padding-top:18px;margin:20px 0 12px}.form-row{display:grid;gap:12px}.form-row.two{grid-template-columns:1fr 1fr}.form-row.three{grid-template-columns:1fr 120px 1fr}.requirement{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.requirement>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:900}.requirement.ok>span{background:var(--success-soft);color:var(--success)}.requirement.bad>span{background:var(--danger-soft);color:var(--danger)}.requirement div{display:grid}.requirement small{color:var(--muted)}.installer-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:850}.installer-status.ok{background:var(--success-soft);color:var(--success)}

/* footer */
.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:auto}.footer-inner{max-width:var(--max);margin:auto;padding:27px 26px;display:flex;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand>div{display:grid}.footer-brand strong{font-size:12px}.footer-brand small{font-size:9px;color:var(--muted)}.footer-links{display:flex;gap:18px;margin-left:auto}.footer-links a,.footer-copy{font-size:10px;color:var(--muted)}

@media(max-width:1180px){.community-shell{grid-template-columns:190px minmax(0,1fr) 280px;gap:20px}.global-search{max-width:460px}.user-menu-name{display:none}.metric-grid-modern{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.community-shell{grid-template-columns:190px minmax(0,1fr)}.right-rail{display:none}.browse-shell,.question-layout,.profile-content-grid{grid-template-columns:1fr}.browse-sidebar,.question-side-column{position:static;grid-template-columns:repeat(2,1fr)}.profile-content-grid aside{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-mobile-brand{display:flex;align-items:center;gap:8px;margin-bottom:34px}.ask-page{grid-template-columns:1fr;gap:28px}.ask-intro{max-width:650px}.ask-tips{grid-template-columns:repeat(3,1fr)}.ask-tips>div{grid-template-columns:31px 1fr}.admin-dashboard-grid{grid-template-columns:1fr}.admin-layout-modern{grid-template-columns:200px minmax(0,1fr)}.admin-content-modern{padding:32px 22px}.admin-shell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){:root{--topbar:62px}.topbar-inner{padding:0 14px;gap:12px}.brand-word{font-size:18px}.brand-symbol{width:32px;height:32px}.global-search{margin-left:auto;max-width:none;flex:0}.global-search input,.global-search kbd{display:none}.global-search{width:39px;height:39px;padding:0;justify-content:center;background:transparent}.global-search svg{width:18px}.topbar-actions .theme-toggle,.topbar-actions .login-link,.topbar-actions .ask-button,.topbar-actions .nav-admin,.topbar-actions .user-menu-link,.logout-form{display:none}.community-shell{display:block;padding:22px 13px 80px}.community-nav{display:none}.feed-intro{padding:8px 2px 20px}.feed-intro h1{font-size:26px}.feed-intro p{font-size:12px}.feed-ask{display:none}.question-card-modern{padding:15px}.question-card-body h2{font-size:17px}.question-card-body p{font-size:12px}.engagement{gap:12px}.open-question{display:none}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;position:fixed;z-index:60;bottom:0;left:0;right:0;height:66px;padding:5px 9px max(5px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(15px)}.mobile-bottom-nav>a{display:grid;justify-items:center;gap:2px;font-size:9px;color:var(--muted)}.mobile-bottom-nav svg{width:20px;height:20px}.mobile-bottom-nav .mobile-ask{width:46px;height:46px;border-radius:15px;background:var(--primary);color:#fff;align-self:center;justify-self:center;transform:translateY(-10px);display:grid;place-items:center;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.mobile-ask span{font-size:27px;line-height:1}.site-footer{padding-bottom:65px}.footer-inner{padding:22px 16px;display:grid;gap:15px}.footer-links{margin:0;flex-wrap:wrap}.browse-shell,.question-layout,.profile-page,.ask-page{padding:28px 13px 85px}.page-heading-row{align-items:flex-start}.page-heading-row h1{font-size:29px}.page-heading-row .button{display:none}.browse-sidebar{grid-template-columns:1fr}.question-detail-modern{padding:21px 18px}.question-detail-modern h1{font-size:26px}.answer-modern,.answer-composer{padding:18px}.question-side-column{display:none}.profile-cover{height:110px}.profile-header-content{padding:0 18px 20px}.profile-avatar-image,.profile-avatar-fallback{width:82px;height:82px;border-radius:21px;transform:translateY(-45px)}.profile-avatar-wrap{height:34px}.profile-heading h1{font-size:22px}.profile-heading .button{font-size:10px;padding:8px 10px}.profile-metrics{gap:20px;overflow:auto}.profile-content-grid aside{grid-template-columns:1fr}.profile-tabs{overflow:auto}.auth-form-side{padding:34px 18px 90px;align-items:start}.auth-card-modern{margin-top:16px}.ask-page{display:block}.ask-intro{padding:0}.ask-intro h1{font-size:31px}.back-link{margin-bottom:24px}.ask-tips{grid-template-columns:1fr;margin-bottom:24px}.ask-form-card{padding:19px}.form-actions-modern{flex-direction:column-reverse;align-items:stretch}.admin-layout-modern{display:block}.admin-sidebar-modern{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--border);padding:13px;display:block;overflow:auto}.admin-brand{display:none}.admin-sidebar-modern nav{display:flex;gap:4px;min-width:max-content}.admin-sidebar-modern nav a{padding:0 9px}.admin-sidebar-modern nav a svg{display:none}.admin-nav-label,.admin-sidebar-footer{display:none}.admin-content-modern{padding:25px 13px 80px}.admin-topline{display:block}.admin-top-actions{margin-top:14px}.metric-grid-modern{grid-template-columns:1fr 1fr}.admin-shell{display:block;padding:22px 13px 80px}.admin-sidebar{position:static;margin-bottom:18px;display:flex;overflow:auto;gap:3px}.admin-sidebar h2{display:none}.admin-sidebar a{white-space:nowrap}.admin-grid{grid-template-columns:1fr 1fr}.admin-two{grid-template-columns:1fr}.form-page{grid-template-columns:1fr;padding:28px 13px 85px}.installer-grid{grid-template-columns:1fr}.form-row.three{grid-template-columns:1fr 100px}.form-row.three label:last-child{grid-column:1/-1}}
@media(max-width:480px){.brand-word{font-size:16px}.question-author-row .card-time{margin-left:auto}.more-button{display:none}.question-card-footer{justify-content:flex-start}.engagement{width:100%;justify-content:space-between}.question-detail-modern h1{font-size:23px}.post-content{font-size:14px}.composer-footer,.login-cta{align-items:stretch;flex-direction:column}.profile-heading{gap:10px}.profile-metrics{gap:16px}.profile-metrics strong{font-size:14px}.metric-grid-modern{grid-template-columns:1fr}.admin-top-actions{flex-direction:column}.admin-top-actions .button{width:100%}.form-row.two,.form-row.three{grid-template-columns:1fr}.form-row.three label:last-child{grid-column:auto}.installer-card{padding:20px}.footer-links{gap:12px}}

/* v0.3.1 palette selector */
.palette-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:4px}.palette-preview{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:9px;background:var(--surface-2);font-size:10px}.palette-preview i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.palette-preview.swiss i{background:#dc2438}.palette-preview.ocean i{background:#2563eb}.palette-preview.forest i{background:#11856b}.palette-preview.graphite i{background:#30333a}@media(max-width:760px){.palette-previews{grid-template-columns:1fr 1fr}}

/* =========================================================
   v0.3.2 — Professional visual system
   Structure stays unchanged; this layer upgrades visual polish.
   ========================================================= */
:root{
  --bg:#f4f6f8;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#eef2f6;
  --text:#101828;
  --muted:#667085;
  --muted-2:#98a2b3;
  --border:#e4e7ec;
  --border-strong:#d0d5dd;
  --shadow:0 18px 48px rgba(16,24,40,.08),0 2px 8px rgba(16,24,40,.035);
  --shadow-sm:0 7px 22px rgba(16,24,40,.065),0 1px 3px rgba(16,24,40,.04);
  --shadow-float:0 22px 60px rgba(16,24,40,.13),0 5px 16px rgba(16,24,40,.06);
  --radius:20px;
  --radius-sm:13px;
}
html[data-theme="dark"]{
  --bg:#0b0e14;
  --surface:#11151d;
  --surface-2:#161b24;
  --surface-3:#1e2530;
  --text:#f4f7fb;
  --muted:#9aa4b2;
  --muted-2:#687385;
  --border:#222a36;
  --border-strong:#313b49;
  --shadow:0 22px 56px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.24);
  --shadow-sm:0 9px 26px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.2);
  --shadow-float:0 28px 70px rgba(0,0,0,.42),0 6px 18px rgba(0,0,0,.26);
}
html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em}
body{background:
  radial-gradient(circle at 18% -8%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 27rem),
  radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--primary) 3%,transparent),transparent 24rem),
  var(--bg)}
::selection{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:2px}

/* Header / brand */
.topbar{background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--border) 78%,transparent);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 1px 0 rgba(255,255,255,.55),0 8px 30px rgba(16,24,40,.035)}
html[data-theme="dark"] .topbar{box-shadow:0 1px 0 rgba(255,255,255,.025),0 10px 34px rgba(0,0,0,.16)}
.brand{gap:11px}
.brand-symbol{border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 74%,white),var(--primary) 52%,color-mix(in srgb,var(--primary) 75%,black));border:1px solid color-mix(in srgb,var(--primary) 72%,white);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.35);isolation:isolate;overflow:hidden}
.brand-symbol:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 48%);z-index:-1}
.brand-symbol span{font-weight:900;letter-spacing:-.06em;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.brand-word{font-weight:790;letter-spacing:-.75px;color:var(--text)}
.brand-word>span{font-weight:800}
.global-search{height:44px;background:color-mix(in srgb,var(--surface-2) 84%,var(--surface));border-color:color-mix(in srgb,var(--border) 88%,transparent);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 2px rgba(16,24,40,.025);transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}
.global-search:focus-within{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent),0 7px 22px rgba(16,24,40,.06);transform:translateY(-1px)}
.global-search kbd{background:var(--surface);border-color:var(--border);box-shadow:0 1px 1px rgba(16,24,40,.04);font-weight:650}

/* Controls */
.ask-button,.button{min-height:40px;border-radius:12px;border-color:var(--border);font-weight:720;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(16,24,40,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.ask-button,.button-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 90%,white),var(--primary));border-color:color-mix(in srgb,var(--primary) 78%,black);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 19%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.ask-button:hover,.button-primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-2) 88%,white),var(--primary-2));box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 23%,transparent),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-1px)}
.button:not(.button-primary):hover{border-color:color-mix(in srgb,var(--text) 18%,var(--border));background:var(--surface-2);box-shadow:0 6px 16px rgba(16,24,40,.06)}
.icon-button{border-color:transparent;background:transparent;border-radius:11px;transition:.18s}
.icon-button:hover{background:var(--surface-3);color:var(--text);transform:translateY(-1px)}
.avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),color-mix(in srgb,var(--primary) 19%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));box-shadow:inset 0 1px 0 rgba(255,255,255,.6);font-weight:800}

/* Navigation */
.nav-label,.admin-nav-label{font-weight:800;letter-spacing:1.35px;color:var(--muted-2)}
.side-link{min-height:44px;border-radius:12px;font-weight:570;transition:background .16s,color .16s,transform .16s,box-shadow .16s}
.side-link:hover{background:color-mix(in srgb,var(--surface) 65%,var(--surface-3));transform:translateX(2px)}
.side-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--primary) 6%,var(--surface)));box-shadow:inset 3px 0 0 var(--primary),inset 0 0 0 1px color-mix(in srgb,var(--primary) 11%,transparent);font-weight:720}
.side-cta{border-color:color-mix(in srgb,var(--primary) 11%,var(--border));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 3%,var(--surface)));box-shadow:var(--shadow-sm)}
.side-cta-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}

/* Editorial hierarchy */
.feed-intro{padding-top:16px}
.feed-intro h1,.page-heading-row h1,.admin-topline h1{font-weight:770;letter-spacing:-1.25px;text-wrap:balance}
.feed-intro h1{font-size:36px;line-height:1.08;max-width:560px}
.feed-intro p{font-size:14.5px;max-width:590px}
.eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:850}
.feed-tabs{gap:30px;margin-bottom:18px}
.feed-tabs a{padding:12px 1px 14px;font-weight:650;transition:color .16s}
.feed-tabs a.active{font-weight:760}
.feed-tabs a.active:after{height:3px;border-radius:999px}

/* Question cards */
.modern-list{gap:14px}
.question-card-modern{position:relative;overflow:hidden;padding:20px 21px 17px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,white),var(--surface));box-shadow:0 1px 2px rgba(16,24,40,.025);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.question-card-modern:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:transparent;transition:background .2s}
.question-card-modern:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:var(--shadow)}
.question-card-modern:hover:before{background:linear-gradient(var(--primary),color-mix(in srgb,var(--primary) 38%,transparent))}
.question-author-row{gap:10px}
.mini-author strong{font-size:12.5px;font-weight:720}.mini-author small{font-size:10px}.card-time{font-size:10.5px}
.more-button{border-radius:8px;transition:.16s}.more-button:hover{background:var(--surface-3);color:var(--text)}
.question-card-body{padding:14px 0 17px}
.category-pill,.tag{padding:5px 9px;border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);background:color-mix(in srgb,var(--primary) 7%,var(--surface));font-size:10px;letter-spacing:.01em}
.question-card-body h2{font-size:20px;line-height:1.32;letter-spacing:-.42px;font-weight:740;margin:10px 0 7px;text-wrap:pretty}
.question-card-body p{font-size:13.5px;line-height:1.62;color:color-mix(in srgb,var(--muted) 93%,var(--text))}
.question-card-footer{border-top-color:color-mix(in srgb,var(--border) 78%,transparent);padding-top:13px}
.engagement span,.engagement a{font-size:11px;font-weight:570}.engagement svg{stroke-width:1.7}
.open-question{display:inline-flex;align-items:center;gap:3px;font-weight:740;transition:gap .18s}.question-card-modern:hover .open-question{gap:7px}
.load-more{border-style:solid;background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:0 1px 2px rgba(16,24,40,.025)}

/* Rails */
.right-rail{gap:16px}
.rail-card{position:relative;overflow:hidden;border-radius:18px;border-color:color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 46%,var(--surface)));box-shadow:0 1px 2px rgba(16,24,40,.025);padding:19px}
.welcome-card{background:linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--primary) 6%,var(--surface)) 100%);box-shadow:var(--shadow-sm)}
.welcome-card:after{content:"?";position:absolute;right:-14px;bottom:-45px;font-size:140px;line-height:1;font-weight:900;color:color-mix(in srgb,var(--primary) 6%,transparent);transform:rotate(8deg);pointer-events:none}
.rail-card h2{font-size:21px;font-weight:760;letter-spacing:-.55px}.rail-card h3{font-weight:750}
.trend-list>a{border-bottom-color:color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px;transition:background .16s,padding .16s}
.trend-list>a:hover{background:var(--surface-2);padding-left:7px;padding-right:7px}
.trend-index{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);font-size:10px}
.live-dot{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 13%,transparent)}

/* Question detail / answers */
.question-detail-modern,.answer-modern,.answer-composer,.login-cta{border-color:color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 23%,var(--surface)));box-shadow:0 1px 2px rgba(16,24,40,.025)}
.question-detail-modern{border-radius:22px;padding:30px 32px;box-shadow:var(--shadow-sm)}
.question-detail-modern h1{font-size:35px;line-height:1.16;letter-spacing:-1.05px;font-weight:780;text-wrap:balance}
.question-byline{margin-top:18px}.question-byline strong,.answer-author strong{font-weight:730}
.post-content{font-size:15px;line-height:1.78;color:color-mix(in srgb,var(--text) 92%,var(--muted))}
.post-actionbar{border-top-color:color-mix(in srgb,var(--border) 75%,transparent)}
.vote-inline{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.vote-inline button{border-radius:8px;transition:.16s}.vote-inline button:hover{background:var(--primary-soft);color:var(--primary)}
.answer-modern{border-radius:18px;padding:24px 26px;transition:border-color .2s,box-shadow .2s}
.answer-modern:hover{border-color:color-mix(in srgb,var(--primary) 12%,var(--border));box-shadow:var(--shadow-sm)}
.answer-modern.accepted{background:linear-gradient(145deg,color-mix(in srgb,var(--success) 4%,var(--surface)),var(--surface));box-shadow:inset 3px 0 0 var(--success),var(--shadow-sm)}
.accepted-ribbon{border:1px solid color-mix(in srgb,var(--success) 14%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.answer-composer{border-radius:18px;box-shadow:var(--shadow-sm)}
.answer-composer textarea{background:var(--surface);border-radius:14px;transition:.18s}
.answer-composer textarea:focus{background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent),0 8px 25px rgba(16,24,40,.05)}

/* Forms */
.modern-form{gap:16px}
.modern-form label,.ask-form-card label,.form-card label,.admin-card label,.installer-card label{font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--text) 89%,var(--muted))}
.modern-form input,.modern-form textarea,.modern-form select,.ask-form-card input,.ask-form-card textarea,.ask-form-card select,.form-card input,.form-card textarea,.form-card select,.admin-card input,.admin-card textarea,.admin-card select,.installer-card input,.installer-card textarea,.installer-card select,.answer-form textarea,.comment-form input,.moderation-card textarea,.report-box input,.report-box select{min-height:46px;border-radius:12px;border-color:var(--border);background:var(--surface);box-shadow:inset 0 1px 0 rgba(16,24,40,.018),0 1px 2px rgba(16,24,40,.02);transition:border-color .18s,box-shadow .18s,background .18s}
.modern-form input:hover,.ask-form-card input:hover,.ask-form-card textarea:hover,.ask-form-card select:hover,.form-card input:hover,.form-card textarea:hover,.form-card select:hover{border-color:color-mix(in srgb,var(--text) 17%,var(--border))}
.modern-form input:focus,.modern-form textarea:focus,.modern-form select:focus,.ask-form-card input:focus,.ask-form-card textarea:focus,.ask-form-card select:focus,.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus,.installer-card input:focus,.installer-card textarea:focus,.installer-card select:focus{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 62%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 8px 24px rgba(16,24,40,.045)}
.ask-form-card{border-radius:22px;border-color:color-mix(in srgb,var(--border) 86%,transparent);box-shadow:var(--shadow);padding:30px}
.form-progress{gap:7px}.form-progress span{height:4px;background:var(--surface-3)}.form-progress span.active{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,white))}
.ask-tips>div>span{border:1px solid color-mix(in srgb,var(--primary) 11%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}

/* Authentication */
.auth-page{background:var(--bg)}
.auth-showcase{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a101a 0%,#131b28 52%,color-mix(in srgb,var(--auth-accent) 68%,#111827) 130%)}
.auth-showcase:before,.auth-showcase:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.auth-showcase:before{width:460px;height:460px;right:-160px;top:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 36%,transparent),transparent 67%)}
.auth-showcase:after{width:360px;height:360px;left:-170px;bottom:-180px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 65%)}
.auth-showcase>*{position:relative;z-index:1}
.auth-copy h1{font-weight:760;letter-spacing:-1.7px;text-wrap:balance}
.auth-benefits>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;backdrop-filter:blur(6px)}
.auth-form-side{background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--primary) 4%,var(--surface)),var(--bg) 34rem)}
.auth-card-modern{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:24px;padding:32px;box-shadow:var(--shadow-float)}
.auth-card-modern h2{font-size:29px;letter-spacing:-.8px;font-weight:770}
.social-button-modern{min-height:47px;border-radius:12px;border-color:var(--border);box-shadow:0 1px 2px rgba(16,24,40,.025);transition:.18s}.social-button-modern:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}

/* Profile */
.profile-hero{border-radius:22px;border-color:color-mix(in srgb,var(--border) 84%,transparent);box-shadow:var(--shadow-sm)}
.profile-cover{height:158px;background:
  radial-gradient(circle at 76% 28%,rgba(255,255,255,.16),transparent 19%),
  radial-gradient(circle at 61% 86%,rgba(255,255,255,.09),transparent 22%),
  linear-gradient(125deg,color-mix(in srgb,var(--brand-dark) 92%,#111827),var(--brand-mid) 55%,color-mix(in srgb,var(--brand-light) 80%,white));}
.cover-orb{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);backdrop-filter:blur(1px)}
.profile-avatar-image,.profile-avatar-fallback{border-radius:26px;border-width:6px;box-shadow:0 16px 32px rgba(16,24,40,.16)}
.profile-heading h1{font-size:28px;font-weight:770;letter-spacing:-.75px}
.profile-bio{font-size:13.5px;line-height:1.7}
.profile-metrics{gap:38px}.profile-metrics strong{font-size:16px;font-weight:760}.profile-metrics span{font-weight:700;letter-spacing:.72px}
.profile-tabs a{font-weight:650}.profile-tabs a.active{font-weight:760}.profile-tabs a.active:after{height:3px;border-radius:999px}
.rank-icon{border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}

/* Admin: more like a professional control panel */
.admin-layout-modern{max-width:none;background:var(--bg)}
.admin-sidebar-modern{background:linear-gradient(180deg,#101722 0%,#0c121c 100%);border-right-color:rgba(255,255,255,.05);box-shadow:10px 0 35px rgba(16,24,40,.06)}
.admin-sidebar-modern .admin-brand strong,.admin-sidebar-modern .admin-user-mini strong{color:#f8fafc}
.admin-sidebar-modern .admin-brand small,.admin-sidebar-modern .admin-user-mini small,.admin-sidebar-modern .admin-nav-label{color:#7e8b9d}
.admin-sidebar-modern nav a,.admin-sidebar-footer>a{color:#98a5b6;border:1px solid transparent;border-radius:10px;font-weight:560}
.admin-sidebar-modern nav a:hover{background:rgba(255,255,255,.055);color:#fff;border-color:rgba(255,255,255,.035)}
.admin-sidebar-modern nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 28%,#111827),color-mix(in srgb,var(--primary) 10%,#111827));color:#fff;border-color:color-mix(in srgb,var(--primary) 28%,transparent);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--primary) 80%,white)}
.admin-sidebar-modern .admin-sidebar-footer{border-top-color:rgba(255,255,255,.07)}
.admin-sidebar-modern .avatar{border-color:rgba(255,255,255,.1)}
.admin-content-modern{padding:42px 38px 76px;background:
  radial-gradient(circle at 90% -8%,color-mix(in srgb,var(--primary) 4%,transparent),transparent 28rem),
  var(--bg)}
.admin-topline{margin-bottom:30px}.admin-topline h1{font-size:34px;font-weight:770}
.metric-grid-modern{gap:16px;margin-bottom:20px}
.metric-card-modern{position:relative;overflow:hidden;border-radius:17px;padding:19px;border-color:color-mix(in srgb,var(--border) 86%,transparent);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 42%,var(--surface)));box-shadow:0 1px 2px rgba(16,24,40,.025);transition:transform .2s,box-shadow .2s}
.metric-card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.metric-card-modern:after{content:"";position:absolute;right:-24px;top:-28px;width:82px;height:82px;border-radius:50%;background:color-mix(in srgb,var(--primary) 4%,transparent)}
.metric-icon{width:42px;height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.metric-card-modern strong{font-size:25px;font-weight:770;letter-spacing:-.75px}
.metric-card-modern span{font-size:9.5px;font-weight:750}.metric-card-modern small{font-size:9.5px}
.admin-dashboard-grid{gap:16px}
.admin-panel-modern{border-radius:18px;padding:21px;border-color:color-mix(in srgb,var(--border) 86%,transparent);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 26%,var(--surface)));box-shadow:0 1px 2px rgba(16,24,40,.025)}
.admin-panel-heading{margin-bottom:16px}.admin-panel-heading h2{font-size:15px;font-weight:750}.admin-panel-heading p{font-size:10px}.admin-panel-heading a{font-size:10.5px}
.modern-table tbody tr{transition:background .16s}.modern-table tbody tr:hover{background:var(--surface-2)}
.data-table th{font-weight:800;letter-spacing:.75px}.data-table td{padding-top:12px;padding-bottom:12px}
.health-list>div,.recent-content-list>a{border-bottom-color:color-mix(in srgb,var(--border) 72%,transparent)}
.health-dot.ok{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent),0 0 10px color-mix(in srgb,var(--success) 25%,transparent)}

/* Installer / legacy surfaces */
.installer-card,.admin-card,.form-card,.card{border-color:color-mix(in srgb,var(--border) 86%,transparent);box-shadow:var(--shadow-sm)}
.installer-card{border-radius:22px}
.empty-state{border-color:color-mix(in srgb,var(--border-strong) 75%,transparent);background:linear-gradient(180deg,var(--surface-2),color-mix(in srgb,var(--surface) 68%,var(--surface-2)))}
.site-footer{background:color-mix(in srgb,var(--surface) 95%,transparent);border-top-color:color-mix(in srgb,var(--border) 86%,transparent)}

/* Dark-mode refinements */
html[data-theme="dark"] .question-card-modern,
html[data-theme="dark"] .rail-card,
html[data-theme="dark"] .question-detail-modern,
html[data-theme="dark"] .answer-modern,
html[data-theme="dark"] .answer-composer,
html[data-theme="dark"] .ask-form-card,
html[data-theme="dark"] .admin-panel-modern,
html[data-theme="dark"] .metric-card-modern{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,white 1%),var(--surface))}
html[data-theme="dark"] .avatar{box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
html[data-theme="dark"] .global-search{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .ask-button,html[data-theme="dark"] .button-primary{box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.1)}

@media(max-width:760px){
  .topbar{box-shadow:0 1px 0 color-mix(in srgb,var(--border) 70%,transparent)}
  .feed-intro h1{font-size:29px;letter-spacing:-.8px}
  .question-card-modern{padding:17px;border-radius:16px}
  .question-card-modern:hover{transform:none}
  .question-detail-modern{padding:23px 19px;border-radius:18px}
  .question-detail-modern h1{font-size:27px;letter-spacing:-.65px}
  .auth-card-modern{padding:24px;border-radius:20px;box-shadow:var(--shadow)}
  .profile-hero{border-radius:18px}.profile-cover{height:120px}
  .admin-sidebar-modern{background:#101722;border-bottom-color:rgba(255,255,255,.06)}
  .admin-sidebar-modern nav a{color:#9ca9b9}.admin-sidebar-modern nav a.active{color:#fff}
  .admin-content-modern{padding:28px 14px 82px}
  .metric-card-modern{padding:16px}
  .mobile-bottom-nav{background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 -8px 30px rgba(16,24,40,.05)}
  .mobile-bottom-nav .mobile-ask{border-radius:16px;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 29%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
}


/* v0.3.3 — Update Manager */
.admin-version-chip{min-width:118px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;gap:2px;text-align:right}.admin-version-chip span{font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);font-weight:800}.admin-version-chip strong{font-size:17px;color:var(--primary)}
.update-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.update-status-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:15px 17px;box-shadow:var(--shadow-sm)}.update-status-card>div{display:grid;gap:2px}.update-status-card strong{font-size:12px}.update-status-card small{font-size:10px;color:var(--muted);line-height:1.45}.update-status-icon{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-weight:900;flex:none}.update-status-card.ok .update-status-icon{background:var(--success-soft);color:var(--success)}.update-status-card.bad .update-status-icon{background:var(--danger-soft);color:var(--danger)}.update-status-icon.info{background:var(--primary-soft);color:var(--primary)}
.update-manager-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:18px;margin-bottom:18px}.update-upload-panel,.update-info-panel,.backups-panel{padding:22px}.update-upload-form{display:grid;gap:17px}.update-dropzone{position:relative;min-height:190px;border:1.5px dashed color-mix(in srgb,var(--primary) 38%,var(--border-strong));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 52%,var(--surface)),var(--surface));display:grid;place-items:center;align-content:center;text-align:center;gap:7px;padding:24px;transition:.2s}.update-dropzone:hover{border-color:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 7%,transparent)}.update-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.update-dropzone strong{font-size:15px}.update-dropzone small{color:var(--muted);font-size:10px}.update-drop-icon{width:47px;height:47px;border-radius:15px;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px var(--primary-glow)}.update-drop-icon svg{width:23px;height:23px}.update-protection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.update-protection-list>div{display:flex;align-items:flex-start;gap:8px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.update-protection-list>div>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:10px;font-weight:900;flex:none}.update-protection-list p{margin:0;display:grid;gap:2px}.update-protection-list strong{font-size:10px}.update-protection-list small{font-size:9px;color:var(--muted);line-height:1.45}.update-install-button{justify-self:start}.update-steps{list-style:none;margin:0;padding:0;display:grid;gap:17px}.update-steps li{display:flex;gap:11px;align-items:flex-start}.update-steps li>span{width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:10px;font-weight:900;flex:none}.update-steps li>div{display:grid;gap:2px}.update-steps strong{font-size:11px}.update-steps small{font-size:9px;line-height:1.45;color:var(--muted)}.update-callout{margin-top:19px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:var(--primary-soft);border-radius:13px;padding:13px}.update-callout strong{font-size:10px;color:var(--primary)}.update-callout p{font-size:9px;color:var(--muted);line-height:1.55;margin:4px 0 0}.update-callout.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 25%,var(--border))}.update-callout.danger strong{color:var(--danger)}.backups-panel{margin-bottom:22px}.backup-list{display:grid}.backup-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--border)}.backup-row:first-child{border-top:0}.backup-file-icon{width:37px;height:37px;border-radius:11px;background:var(--surface-3);display:grid;place-items:center;color:var(--muted);flex:none}.backup-file-icon svg{width:19px;height:19px}.backup-meta{display:grid;gap:2px;min-width:0;flex:1}.backup-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-meta small{font-size:9px;color:var(--muted)}.backup-row form{margin:0}.empty-state.compact{min-height:100px}
@media(max-width:980px){.update-status-grid{grid-template-columns:1fr}.update-manager-grid{grid-template-columns:1fr}.update-protection-list{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.admin-version-chip{margin-top:12px;text-align:left}.update-protection-list{grid-template-columns:1fr}.update-upload-panel,.update-info-panel,.backups-panel{padding:17px}.backup-row{align-items:flex-start;flex-wrap:wrap}.backup-row form{width:100%;padding-left:48px}.backup-row form .button{width:100%}}

/* v0.3.4 — unified full-size admin workspace */
.admin-page-panel{min-width:0}.admin-panel-spaced{margin-top:18px}.admin-page-grid{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1.58fr);gap:18px;align-items:start}.admin-page-grid-categories .admin-form-panel{position:sticky;top:calc(var(--topbar) + 24px)}.admin-form-panel{padding:22px}.admin-modern-form{display:grid;gap:15px}.admin-modern-form label{display:grid;gap:7px;font-size:11.5px;font-weight:700}.admin-modern-form input,.admin-modern-form textarea,.admin-modern-form select,.admin-settings-grid input,.admin-settings-grid textarea,.admin-settings-grid select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:var(--surface);color:var(--text);outline:0;box-shadow:inset 0 1px 0 rgba(16,24,40,.018),0 1px 2px rgba(16,24,40,.02);transition:border-color .18s,box-shadow .18s,background .18s}.admin-modern-form textarea,.admin-settings-grid textarea{min-height:112px;resize:vertical}.admin-modern-form input:focus,.admin-modern-form textarea:focus,.admin-modern-form select:focus,.admin-settings-grid input:focus,.admin-settings-grid textarea:focus,.admin-settings-grid select:focus{border-color:color-mix(in srgb,var(--primary) 62%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 8px 24px rgba(16,24,40,.045)}.admin-search{max-width:none;margin:0 0 18px}.admin-search input{min-width:0}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-settings-grid>.admin-panel-modern{margin:0}.admin-settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:2px}.category-admin-name{display:flex;align-items:center;gap:10px}.category-admin-name>span{width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:16px;flex:none}.category-admin-name>div{display:grid;gap:2px}.category-admin-name strong{font-size:11px}.category-admin-name small{font-size:8px;color:var(--muted)}.admin-content-modern>.admin-panel-modern{max-width:none}.admin-content-modern .data-table{min-width:760px}.admin-content-modern .data-table td{font-size:11px}.admin-content-modern .data-table th{font-size:8.5px}.admin-content-modern .inline-controls select{min-height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 9px}.admin-content-modern .pagination{margin-top:18px}
@media(max-width:1080px){.admin-page-grid{grid-template-columns:1fr}.admin-page-grid-categories .admin-form-panel{position:static}.admin-settings-grid{grid-template-columns:1fr}.admin-settings-actions{grid-column:auto}}
@media(max-width:760px){.admin-page-grid{gap:14px}.admin-form-panel,.admin-page-panel{padding:17px}.admin-settings-grid{gap:14px}.admin-settings-actions .button{width:100%}.admin-content-modern .data-table{min-width:680px}}
.admin-settings-grid .checkbox-modern input{width:15px;height:15px;min-height:0;padding:0;box-shadow:none}

/* v0.4 — topics, notifications & account security */
.page-shell-narrow{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:38px 0 72px}.page-hero-compact{max-width:720px;margin-bottom:28px}.page-hero-compact h1,.notifications-head h1{font-size:34px;letter-spacing:-1px;margin:6px 0 8px}.page-hero-compact p,.notifications-head p{color:var(--muted);line-height:1.65;margin:0 0 18px}
.topic-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-category-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:19px;box-shadow:var(--shadow-sm)}.topic-category-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.topic-category-heading h2{font-size:15px;margin:0}.topic-category-heading>span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.topic-cloud{display:flex;flex-wrap:wrap;gap:8px}.topic-cloud form{margin:0}.topic-follow-pill{min-height:34px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);border-radius:999px;padding:7px 11px;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:750;cursor:pointer;transition:.18s}.topic-follow-pill:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--primary-soft);color:var(--primary)}.topic-follow-pill.followed{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:var(--primary-soft);color:var(--primary)}.topic-follow-pill>span{font-weight:900}.topic-follow-pill small{font-size:8px;color:var(--muted);font-weight:800}.topic-follow-pill.readonly{cursor:default}.question-topic-row{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 2px}.topic-chip{font-size:9.5px;font-weight:750;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));padding:5px 8px;border-radius:999px;text-decoration:none}.detail-topics{margin:-2px 0 15px}
.topic-picker{border:0;padding:0;margin:0;display:grid;gap:10px}.topic-picker legend{font-size:11.5px;font-weight:750;padding:0}.topic-picker legend small{font-weight:500;color:var(--muted)}.topic-picker-hint{margin:0;padding:11px 12px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:11px;color:var(--muted);font-size:10px}.topic-picker-grid{display:flex;flex-wrap:wrap;gap:8px}.topic-choice{cursor:pointer}.topic-choice input{position:absolute;opacity:0;pointer-events:none}.topic-choice span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:10.5px;font-weight:700;color:var(--text-soft);transition:.18s}.topic-choice input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 7px 18px var(--primary-glow)}.topic-choice input:disabled+span{opacity:.45;cursor:not-allowed}.topic-counter{color:var(--muted);font-size:9px}
.interest-card p{font-size:10px;line-height:1.55;color:var(--muted);margin:0 0 13px}
.notification-button{position:relative;text-decoration:none}.notification-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:8px;font-weight:900;display:grid;place-items:center;border:2px solid var(--surface)}.verification-banner{width:min(1180px,calc(100% - 32px));margin:14px auto -6px;background:color-mix(in srgb,var(--warning, #f59e0b) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warning, #f59e0b) 28%,var(--border));border-radius:13px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10.5px;color:var(--text-soft)}.verification-banner a{color:var(--primary);font-weight:800;text-decoration:none;white-space:nowrap}
.notifications-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.notification-list{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.notification-row{position:relative;display:flex;align-items:center;gap:13px;padding:16px 17px;border-top:1px solid var(--border);text-decoration:none;color:var(--text);transition:.18s}.notification-row:first-child{border-top:0}.notification-row:hover{background:var(--surface-2)}.notification-row.unread{background:color-mix(in srgb,var(--primary-soft) 48%,var(--surface))}.notification-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:17px;font-weight:900;flex:none}.notification-copy{display:grid;gap:3px;min-width:0}.notification-copy strong{font-size:11.5px}.notification-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-copy em{font-size:8.5px;color:var(--muted);font-style:normal}.notification-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);flex:none}
.account-action-page{min-height:calc(100vh - var(--topbar) - 160px);display:grid;place-items:center;padding:50px 16px}.account-action-card{width:min(460px,100%);background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:var(--shadow);display:grid;gap:14px}.account-action-card>.brand-symbol,.verification-mark{margin-bottom:3px}.account-action-card h1{font-size:28px;letter-spacing:-.7px;margin:0}.account-action-card>p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.account-warning{padding:11px 12px;border-radius:11px;background:color-mix(in srgb,#f59e0b 11%,var(--surface));border:1px solid color-mix(in srgb,#f59e0b 30%,var(--border));font-size:10px;line-height:1.5;color:var(--text-soft)}.account-warning.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 25%,var(--border));color:var(--danger)}.account-back{text-align:center;font-size:10px;color:var(--muted);font-weight:700;text-decoration:none}.verification-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:900}.verification-mark.done{background:var(--success-soft);color:var(--success)}.form-inline-help{display:flex;justify-content:flex-end;margin-top:-8px}.form-inline-help a{font-size:9.5px;font-weight:750;color:var(--primary);text-decoration:none}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--danger)}.status-dot.ok{background:var(--success)}.status-dot.bad{background:var(--danger)}.smtp-panel{grid-column:1/-1}.smtp-panel .admin-modern-form{max-width:none}
@media(max-width:820px){.topic-category-grid{grid-template-columns:1fr}.notifications-head{align-items:flex-start;flex-direction:column}.verification-banner{align-items:flex-start;flex-direction:column}.smtp-panel{grid-column:auto}}
@media(max-width:520px){.page-shell-narrow{width:min(100% - 20px,1120px);padding-top:24px}.topic-category-card{padding:15px}.account-action-card{padding:22px;border-radius:18px}.notification-row{padding:14px}.notification-copy small{white-space:normal}.notification-badge{right:-2px;top:-3px}}
.table-sub{display:block;margin-top:3px;font-size:8px;color:var(--muted);font-weight:500}

/* v0.4.2 — notification popover & live search */
.global-search{position:relative;overflow:visible}
.search-suggestions[hidden],.notification-popover[hidden]{display:none!important}
.search-suggestions{position:absolute;left:-1px;right:-1px;top:calc(100% + 10px);z-index:120;background:color-mix(in srgb,var(--surface) 98%,transparent);border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 70px rgba(15,23,42,.16),0 3px 12px rgba(15,23,42,.06);padding:7px;overflow:hidden;backdrop-filter:blur(22px);max-height:min(70vh,560px);overflow-y:auto}
.search-suggestions-state,.search-suggestions-empty{min-height:72px;padding:17px 15px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}
.search-suggestions-empty{display:grid;gap:4px}.search-suggestions-empty strong{font-size:12px;color:var(--text)}.search-suggestions-empty small{font-size:10px;color:var(--muted)}
.search-spinner{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-top-color:var(--primary);animation:efq-spin .75s linear infinite;flex:none}@keyframes efq-spin{to{transform:rotate(360deg)}}
.search-suggestions-label{padding:8px 10px 6px;color:var(--muted-2);font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.search-suggestion-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;color:var(--text);text-decoration:none;transition:background .14s,transform .14s}.search-suggestion-item:hover,.search-suggestion-item.is-active{background:var(--surface-3);text-decoration:none}.search-suggestion-item.is-active{box-shadow:inset 3px 0 0 var(--primary)}
.search-suggestion-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:15px;font-weight:900}.search-suggestion-icon.type-topic{background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:17px}.search-suggestion-icon.type-category{background:var(--surface-3);color:var(--muted);font-size:14px}
.search-suggestion-copy{display:grid;gap:2px;min-width:0}.search-suggestion-copy strong{font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-copy small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-kind{font-size:8px;font-weight:800;color:var(--muted-2);background:var(--surface-2);border:1px solid var(--border);padding:4px 7px;border-radius:999px}
.search-suggestions-footer{margin-top:5px;border-top:1px solid var(--border);padding:11px 10px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;color:var(--primary);text-decoration:none}.search-suggestions-footer:hover{text-decoration:none}.search-suggestions-footer b{font-size:15px;font-weight:600}
.notification-menu{position:relative;display:flex}.notification-button{position:relative;text-decoration:none;cursor:pointer}.notification-menu.is-open .notification-button{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 22%,var(--border));color:var(--primary)}
.notification-popover{position:absolute;right:0;top:calc(100% + 11px);width:min(390px,calc(100vw - 24px));z-index:130;background:color-mix(in srgb,var(--surface) 98%,transparent);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.18),0 3px 14px rgba(15,23,42,.06);overflow:hidden;backdrop-filter:blur(24px)}
.notification-popover:before{content:"";position:absolute;right:13px;top:-6px;width:11px;height:11px;background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}
.notification-popover-head{min-height:62px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);position:relative}.notification-popover-head>div{display:grid;gap:2px}.notification-popover-head strong{font-size:13px;letter-spacing:-.2px}.notification-popover-head small{font-size:9px;color:var(--muted)}.notification-read-form{margin:0}.notification-read-form button{appearance:none;border:0;background:transparent;color:var(--primary);font-size:9px;font-weight:800;padding:7px;border-radius:8px;cursor:pointer}.notification-read-form button:hover{background:var(--primary-soft)}
.notification-popover-list{max-height:390px;overflow:auto}.notification-popover-item{display:grid;grid-template-columns:38px minmax(0,1fr) 8px;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .15s}.notification-popover-item:hover{background:var(--surface-2);text-decoration:none}.notification-popover-item.unread{background:color-mix(in srgb,var(--primary-soft) 42%,var(--surface))}.notification-popover-item.unread:hover{background:color-mix(in srgb,var(--primary-soft) 65%,var(--surface))}.notification-popover-icon{width:36px;height:36px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:16px;font-weight:900}.notification-popover-copy{display:grid;gap:2px;min-width:0}.notification-popover-copy strong{font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-popover-copy small{font-size:8.8px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-popover-copy em{font-size:8px;color:var(--muted-2);font-style:normal;margin-top:1px}.notification-popover-item>i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.notification-popover-empty{padding:30px 20px;display:grid;justify-items:center;text-align:center;gap:4px}.notification-popover-empty>span{width:38px;height:38px;border-radius:12px;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-size:16px;font-weight:900;margin-bottom:4px}.notification-popover-empty strong{font-size:11px}.notification-popover-empty small{font-size:9px;color:var(--muted)}
.notification-popover-footer{height:45px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-size:9.5px;font-weight:800;text-decoration:none;background:var(--surface-2)}.notification-popover-footer:hover{text-decoration:none;background:var(--surface-3)}.notification-popover-footer span{font-size:15px}
html[data-theme="dark"] .search-suggestions,html[data-theme="dark"] .notification-popover{box-shadow:0 25px 75px rgba(0,0,0,.42),0 3px 14px rgba(0,0,0,.18)}
@media(max-width:760px){.global-search.mobile-search-open{position:absolute;left:10px;right:10px;top:9px;width:auto;height:44px;max-width:none;margin:0;z-index:150;background:var(--surface);padding:0 12px;justify-content:flex-start;box-shadow:0 12px 45px rgba(15,23,42,.16)}.global-search.mobile-search-open input{display:block!important}.global-search.mobile-search-open kbd{display:none}.global-search.mobile-search-open .search-suggestions{left:0;right:0;top:calc(100% + 8px)}.notification-popover{position:fixed;right:12px;left:12px;top:calc(var(--topbar) + 7px);width:auto;max-height:calc(100vh - var(--topbar) - 90px)}.notification-popover:before{right:74px}.notification-popover-list{max-height:calc(100vh - var(--topbar) - 200px)}}
@media(max-width:520px){.search-suggestion-kind{display:none}.search-suggestion-item{grid-template-columns:34px minmax(0,1fr)}.notification-popover{right:8px;left:8px}.notification-popover-copy small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}