@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";body.ss-landing-active{overflow-y:auto!important;height:auto!important}body.ss-landing-active #root{height:auto!important;min-height:100vh;overflow:visible!important}.ss-landing{font-family:var(--sans);color:var(--text);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.ss-landing *,.ss-landing *:before,.ss-landing *:after{box-sizing:border-box}.ss-landing h1,.ss-landing h2,.ss-landing h3,.ss-landing h4,.ss-landing p,.ss-landing ul,.ss-landing li{margin:0;padding:0}.ss-landing ul{list-style:none}.ss-landing button{font-family:inherit}.ss-landing{--bg: #0d0b08;--bg-2: #100d09;--surface: #16120c;--surface-2: #1c1710;--surface-3: #241e14;--hover: rgba(199, 169, 104, .06);--line: rgba(233, 226, 214, .08);--line-2: rgba(233, 226, 214, .14);--gold: #c7a968;--gold-soft: #d9c089;--gold-deep: #a8884a;--gold-glow: rgba(199, 169, 104, .16);--cream: #f2ede3;--text: #e6dfd2;--muted: #98917f;--muted-2: #6a6457;--faint: #443f36;--good: #8ca87a;--warn: #c79a5a;--bad: #c47a6a;--maths: oklch(.74 .085 255);--bio: oklch(.74 .085 152);--chem: oklch(.74 .085 318);--physics: oklch(.74 .085 40);--english: oklch(.74 .085 95);--history: oklch(.74 .085 18);--geo: oklch(.74 .085 200);--cs: oklch(.74 .085 280);--serif: "Playfair Display", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 1px 0 rgba(255,255,255,.02) inset, 0 18px 40px -24px rgba(0,0,0,.8);--shell-pad: 30px}.ss-landing *{box-sizing:border-box;margin:0;padding:0}.ss-landing ::selection{background:var(--gold-glow);color:var(--cream)}.ss-landing ::-webkit-scrollbar{width:10px;height:10px}.ss-landing ::-webkit-scrollbar-thumb{background:#e9e2d61a;border-radius:20px;border:3px solid transparent;background-clip:padding-box}.ss-landing ::-webkit-scrollbar-thumb:hover{background:#e9e2d62e;background-clip:padding-box}.ss-landing .serif{font-family:var(--serif)}.ss-landing .mono{font-family:var(--mono)}.ss-landing .display{font-family:var(--serif);color:var(--cream);font-weight:600;letter-spacing:-.01em;line-height:1.05}.ss-landing .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.ss-landing .btn{font-family:var(--sans);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .16s ease;white-space:nowrap;color:var(--text);background:transparent}.ss-landing .btn svg{width:16px;height:16px}.ss-landing .btn-gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#1a1305;box-shadow:0 1px #ffffff40 inset,0 8px 20px -10px var(--gold-glow)}.ss-landing .btn-gold:hover{filter:brightness(1.06);transform:translateY(-1px)}.ss-landing .btn-ghost{background:var(--surface-2);border-color:var(--line);color:var(--text)}.ss-landing .btn-ghost:hover{background:var(--surface-3);border-color:var(--line-2)}.ss-landing .btn-quiet{color:var(--muted);padding:8px 12px}.ss-landing .btn-quiet:hover{color:var(--cream);background:var(--hover)}.ss-landing .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.ss-landing .card-pad{padding:22px}.ss-landing .chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted);background:var(--surface-2)}.ss-landing :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ss-landing button:focus:not(:focus-visible){outline:none}.ss-landing .row{display:flex;align-items:center}.ss-landing .col{display:flex;flex-direction:column}.ss-landing .gap-xs{gap:6px}.ss-landing .gap-sm{gap:10px}.ss-landing .gap-md{gap:16px}.ss-landing .gap-lg{gap:24px}.ss-landing .grow{flex:1}.ss-landing .muted{color:var(--muted)}.ss-landing .faint{color:var(--muted-2)}.ss-landing .gold{color:var(--gold)}.ss-landing .cream{color:var(--cream)}.ss-landing .bar{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.ss-landing .bar>i{display:block;height:100%;border-radius:99px;background:var(--gold)}@keyframes rise{0%{transform:translateY(10px)}to{transform:none}}.ss-landing .rise{animation:rise .4s cubic-bezier(.2,.7,.3,1)}@keyframes fade{0%{transform:translateY(5px)}to{transform:none}}.ss-landing .fade{animation:fade .3s ease}.ss-landing[data-theme=light]{--bg: #f3efe6;--bg-2: #efe9dd;--surface: #fbf8f1;--surface-2: #f4eee2;--surface-3: #ece4d3;--hover: rgba(120, 95, 40, .06);--line: rgba(40, 32, 16, .1);--line-2: rgba(40, 32, 16, .18);--cream: #2a2114;--text: #3a3020;--muted: #7c715a;--muted-2: #9c9079;--faint: #c4bba6;--gold: #9a7b34;--gold-soft: #b89a52;--gold-deep: #7e6224;--shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 18px 36px -26px rgba(70,55,20,.4)}.ss-landing[data-theme=light] .btn-gold{color:#2a1f08}.ss-landing .wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 32px}.ss-landing .section{padding:clamp(72px,9vw,128px) 0}.ss-landing .section-tight{padding:clamp(48px,6vw,80px) 0}.ss-landing .center{text-align:center}.ss-landing .section-head{max-width:640px}.ss-landing .section-head.center{margin-left:auto;margin-right:auto}.ss-landing .section-head .eyebrow{display:block;margin-bottom:16px;color:var(--gold)}.ss-landing .section-head h2{font-family:var(--serif);color:var(--cream);font-weight:600;font-size:clamp(30px,4.4vw,46px);line-height:1.06;letter-spacing:-.015em}.ss-landing .section-head p{color:var(--muted);font-size:clamp(16px,1.5vw,18px);margin-top:18px;line-height:1.6;text-wrap:pretty}.ss-landing .nav{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s}.ss-landing .nav.scrolled{background:color-mix(in oklab,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-bottom-color:var(--line)}.ss-landing .nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.ss-landing .brand{display:flex;align-items:center;gap:10px;cursor:pointer}.ss-landing .brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,var(--gold-soft),var(--gold-deep));color:#1a1305;font-family:var(--serif);font-weight:700;font-size:17px;box-shadow:0 1px #ffffff40 inset,0 6px 16px -8px var(--gold-glow)}.ss-landing .brand-name{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--cream);letter-spacing:-.01em}.ss-landing .nav-links{display:flex;align-items:center;gap:4px}.ss-landing .nav-link{font-size:14px;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s;background:none;border:0}.ss-landing .nav-link:hover{color:var(--cream);background:var(--hover)}.ss-landing .nav-actions{display:flex;align-items:center;gap:8px}.ss-landing .icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all .15s}.ss-landing .icon-btn:hover{color:var(--cream);border-color:var(--line-2);background:var(--surface-3)}@media (max-width: 860px){.ss-landing .nav-links{display:none}}.ss-landing .hero{position:relative;overflow:hidden;padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(64px,8vw,112px)}.ss-landing .hero-glow{position:absolute;left:50%;top:-10%;width:900px;height:640px;transform:translate(-50%);background:radial-gradient(ellipse at center,var(--gold-glow),transparent 62%);pointer-events:none;filter:blur(8px);opacity:.9}.ss-landing .hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}.ss-landing .hero-inner{position:relative;z-index:1}.ss-landing .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:7px 14px;border-radius:99px;color:var(--gold);background:var(--gold-glow);border:1px solid color-mix(in oklab,var(--gold) 28%,transparent)}.ss-landing .badge .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.ss-landing .hero h1{font-family:var(--serif);color:var(--cream);font-weight:600;font-size:clamp(44px,7.5vw,88px);line-height:.99;letter-spacing:-.02em}.ss-landing .hero h1 .accent{color:var(--gold);font-style:italic;font-weight:600}.ss-landing .hero-sub{color:var(--muted);font-size:clamp(17px,1.8vw,20px);line-height:1.55;max-width:600px;text-wrap:pretty}.ss-landing .hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ss-landing .btn-lg{font-size:15.5px;padding:14px 26px;border-radius:12px}.ss-landing .hero-trust{display:flex;align-items:center;gap:18px;color:var(--muted-2);font-size:13px;flex-wrap:wrap}.ss-landing .hero-trust .stars{display:inline-flex;color:var(--gold);gap:1px}.ss-landing .avatars{display:flex}.ss-landing .avatars>div{width:28px;height:28px;border-radius:50%;margin-left:-8px;border:2px solid var(--bg);background:var(--surface-3);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--gold-soft);font-family:var(--mono)}.ss-landing .avatars>div:first-child{margin-left:0}.ss-landing .hero-centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}.ss-landing .hero-centered .hero-sub{margin-inline:auto}.ss-landing .hero-centered .hero-cta,.ss-landing .hero-centered .hero-trust{justify-content:center}.ss-landing .hero-split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.ss-landing .hero-split .hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media (max-width: 940px){.ss-landing .hero-split{grid-template-columns:1fr}.ss-landing .hero-split .hero-art{order:-1}}.ss-landing .hero-editorial{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.ss-landing .hero-editorial .hero-sub{max-width:540px}.ss-landing .hero-metrics{display:flex;gap:0;flex-wrap:wrap;margin-top:4px;border-top:1px solid var(--line);padding-top:28px;width:100%}.ss-landing .hero-metric{padding-right:40px;margin-right:40px;border-right:1px solid var(--line)}.ss-landing .hero-metric:last-child{border-right:0;margin-right:0;padding-right:0}.ss-landing .hero-metric .v{font-family:var(--serif);font-size:38px;font-weight:700;color:var(--cream);line-height:1}.ss-landing .hero-metric .v .gold{color:var(--gold)}.ss-landing .hero-metric .l{color:var(--muted);font-size:13.5px;margin-top:8px}.ss-landing .preview-frame{position:relative;border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--surface);box-shadow:0 1px #ffffff08 inset,0 40px 90px -50px #000000e6,0 0 0 1px var(--line);overflow:hidden}.ss-landing .preview-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg-2)}.ss-landing .preview-bar .dots{display:flex;gap:6px}.ss-landing .preview-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--surface-3);display:block}.ss-landing .preview-bar .url{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--muted-2);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:4px 12px}.ss-landing .preview-body{padding:18px}.ss-landing .mini-brief{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);padding:18px 20px;margin-bottom:14px}.ss-landing .mini-brief .glow{position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--gold-glow),transparent 70%)}.ss-landing .mini-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ss-landing .mini-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}.ss-landing .mini-stat .v{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--cream);line-height:1}.ss-landing .mini-stat .l{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-top:8px}.ss-landing .preview-float{position:absolute;z-index:2;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:0 20px 50px -24px #000000d9;display:flex;align-items:center;gap:11px;animation:floaty 6s ease-in-out infinite}.ss-landing .preview-float .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--gold-glow);color:var(--gold);flex-shrink:0}.ss-landing .preview-float .t{font-size:13px;font-weight:600;color:var(--cream)}.ss-landing .preview-float .s{font-size:11.5px;color:var(--muted)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ss-landing .boards{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,56px);flex-wrap:wrap}.ss-landing .boards .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.ss-landing .boards .board{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--muted);opacity:.8;transition:color .2s}.ss-landing .boards .board:hover{color:var(--cream)}.ss-landing .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:56px}@media (max-width: 760px){.ss-landing .feature-grid{grid-template-columns:1fr}}.ss-landing .feature{position:relative;padding:28px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s,background .2s;overflow:hidden}.ss-landing .feature:hover{border-color:var(--line-2);transform:translateY(-3px)}.ss-landing .feature .ficon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--gold);background:var(--gold-glow);margin-bottom:18px;border:1px solid color-mix(in oklab,var(--gold) 22%,transparent)}.ss-landing .feature h3{font-family:var(--serif);font-size:21px;color:var(--cream);font-weight:600;margin-bottom:8px}.ss-landing .feature p{color:var(--muted);font-size:14.5px;line-height:1.6;text-wrap:pretty}.ss-landing .feature .tag{display:inline-flex;margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:.04em}.ss-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;position:relative}@media (max-width: 760px){.ss-landing .steps{grid-template-columns:1fr;gap:32px}}.ss-landing .step{position:relative}.ss-landing .step-num{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--gold);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--gold) 32%,transparent);background:var(--gold-glow);margin-bottom:20px}.ss-landing .step h3{font-family:var(--serif);font-size:22px;color:var(--cream);font-weight:600;margin-bottom:10px}.ss-landing .step p{color:var(--muted);font-size:15px;line-height:1.6;text-wrap:pretty}.ss-landing .step-line{position:absolute;top:22px;left:56px;right:-24px;height:1px;background:linear-gradient(90deg,color-mix(in oklab,var(--gold) 32%,transparent),transparent)}@media (max-width: 760px){.ss-landing .step-line{display:none}}.ss-landing .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;align-items:stretch}@media (max-width: 880px){.ss-landing .price-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}.ss-landing .price-card{display:flex;flex-direction:column;padding:30px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);position:relative}.ss-landing .price-card.featured{border-color:color-mix(in oklab,var(--gold) 42%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--gold) 7%,var(--surface)),var(--surface));box-shadow:0 0 0 1px color-mix(in oklab,var(--gold) 22%,transparent),0 30px 70px -40px var(--gold-glow)}.ss-landing .price-flag{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:99px;color:#1a1305;background:linear-gradient(180deg,var(--gold-soft),var(--gold));white-space:nowrap}.ss-landing .price-name{font-family:var(--serif);font-size:22px;color:var(--cream);font-weight:600}.ss-landing .price-desc{color:var(--muted);font-size:13.5px;margin-top:6px;min-height:38px}.ss-landing .price-amt{display:flex;align-items:baseline;gap:4px;margin:18px 0 4px}.ss-landing .price-amt .cur{font-family:var(--serif);font-size:22px;color:var(--cream);font-weight:600}.ss-landing .price-amt .num{font-family:var(--serif);font-size:52px;color:var(--cream);font-weight:700;line-height:1;letter-spacing:-.02em}.ss-landing .price-amt .per{color:var(--muted);font-size:14px}.ss-landing .price-bill{color:var(--muted-2);font-size:12.5px;margin-bottom:22px}.ss-landing .price-card .btn{width:100%;justify-content:center}.ss-landing .price-list{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:13px}.ss-landing .price-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--text);line-height:1.45}.ss-landing .price-list li .ck{color:var(--gold);flex-shrink:0;margin-top:2px}.ss-landing .price-list li.off{color:var(--muted-2)}.ss-landing .price-list li.off .ck{color:var(--faint)}.ss-landing .faq-list{max-width:760px;margin:48px auto 0;border-top:1px solid var(--line)}.ss-landing .faq-item{border-bottom:1px solid var(--line)}.ss-landing .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;cursor:pointer;background:none;border:0;text-align:left;font-family:var(--serif);font-size:19px;color:var(--cream);font-weight:600;transition:color .15s}.ss-landing .faq-q:hover{color:var(--gold)}.ss-landing .faq-q .chev{color:var(--muted);transition:transform .25s,color .15s;flex-shrink:0}.ss-landing .faq-item.open .faq-q .chev{transform:rotate(180deg);color:var(--gold)}.ss-landing .faq-a{overflow:hidden;max-height:0;transition:max-height .3s ease}.ss-landing .faq-item.open .faq-a{max-height:320px}.ss-landing .faq-a p{color:var(--muted);font-size:15.5px;line-height:1.65;padding:0 4px 26px;max-width:660px;text-wrap:pretty}.ss-landing .personalise-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}@media (max-width: 880px){.ss-landing .personalise-grid{grid-template-columns:1fr;gap:40px}}.ss-landing .theme-card{margin-top:28px;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px}.ss-landing .theme-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.ss-landing .theme-lbl{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ss-landing .swatches{display:flex;gap:10px}.ss-landing .swatch{width:34px;height:34px;border-radius:10px;cursor:pointer;border:2px solid transparent;display:grid;place-items:center;transition:transform .14s,box-shadow .14s;box-shadow:0 0 0 1px var(--line) inset}.ss-landing .swatch:hover{transform:translateY(-2px)}.ss-landing .swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px currentColor}.ss-landing .seg{display:flex;padding:3px;gap:3px;background:var(--surface-3);border-radius:10px;border:1px solid var(--line)}.ss-landing .seg-btn{border:0;background:transparent;color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:600;padding:7px 18px;border-radius:7px;cursor:pointer;transition:all .14s}.ss-landing .seg-btn.on{background:var(--surface);color:var(--cream);box-shadow:var(--shadow)}.ss-landing .theme-hint{font-size:12.5px;color:var(--muted-2);margin:0}.ss-landing .subj-panel{padding:24px;border-radius:var(--radius-lg);background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow)}.ss-landing .subj-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 480px){.ss-landing .subj-grid{grid-template-columns:1fr}}.ss-landing .subj-chip{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .18s,transform .18s}.ss-landing .subj-chip:hover{border-color:var(--line-2);transform:translateY(-2px)}.ss-landing .cta-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid color-mix(in oklab,var(--gold) 26%,transparent);padding:clamp(40px,6vw,72px);text-align:center}.ss-landing .cta-banner .glow{position:absolute;left:50%;bottom:-60%;width:700px;height:500px;transform:translate(-50%);background:radial-gradient(ellipse at center,var(--gold-glow),transparent 65%);pointer-events:none}.ss-landing .cta-banner h2{position:relative;font-family:var(--serif);font-size:clamp(30px,4.6vw,52px);color:var(--cream);font-weight:600;line-height:1.05;letter-spacing:-.015em}.ss-landing .cta-banner h2 .accent{color:var(--gold);font-style:italic}.ss-landing .cta-banner p{position:relative;color:var(--muted);font-size:17px;margin:18px auto 30px;max-width:480px}.ss-landing .cta-banner .hero-cta{position:relative;justify-content:center}.ss-landing .footer{border-top:1px solid var(--line);padding:64px 0 40px}.ss-landing .footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}@media (max-width: 760px){.ss-landing .footer-grid{grid-template-columns:1fr 1fr;gap:32px}}.ss-landing .footer-brand p{color:var(--muted);font-size:14px;line-height:1.6;margin-top:16px;max-width:280px}.ss-landing .footer-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px}.ss-landing .footer-col a{display:block;color:var(--muted);font-size:14px;padding:6px 0;cursor:pointer;transition:color .15s}.ss-landing .footer-col a:hover{color:var(--cream)}.ss-landing .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line);color:var(--muted-2);font-size:13px;flex-wrap:wrap}.ss-landing .footer-bottom .socials{display:flex;gap:8px}.ss-landing .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.ss-landing .reveal.in{opacity:1;transform:none}.auth{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-base)}.auth-glow{position:absolute;left:50%;top:-10%;width:720px;height:520px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,var(--accent-glow),transparent 64%);filter:blur(6px)}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,#000 25%,transparent 72%)}.auth-wrap{position:relative;z-index:1;width:100%;max-width:410px;animation:authIn .4s ease both}@keyframes authIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-brand{display:inline-flex;align-items:center;gap:9px;justify-content:center;width:100%;margin-bottom:26px}.auth-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,#d9bc84,var(--accent));color:#1a1305;font-family:var(--font-display);font-size:1.1rem;box-shadow:0 1px #ffffff40 inset,0 6px 16px -8px var(--accent-glow)}.auth-brand .name{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary)}.auth-brand .name .gold{color:var(--accent)}.auth-head{text-align:center;margin-bottom:28px}.auth-head h1{font-family:var(--font-display);font-size:1.7rem;margin-bottom:8px;color:var(--text-primary)}.auth-head p{color:var(--text-muted);font-size:.9rem}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow)}.auth-foot{text-align:center;margin-top:20px;color:var(--text-muted);font-size:.86rem}.auth-foot a{color:var(--accent);font-weight:600}.auth-otp{display:flex;gap:10px;justify-content:center}.auth-otp input{width:46px;height:54px;text-align:center;font-size:1.4rem;font-weight:700;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);padding:0}.auth-otp input:focus{border-color:var(--accent)}.auth-pw{position:relative}.auth-pw input{padding-right:56px}.auth-pw .toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:2px 4px;transition:color var(--transition)}.auth-pw .toggle:hover{color:var(--accent)}.auth-mini{text-align:center;margin-top:14px}.auth-mini button{background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;font-family:var(--font-body)}.auth-mini button:hover{color:var(--accent)}.auth-mini button:disabled{opacity:.5;cursor:default}.onb{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:32px 24px;background:var(--bg-base)}.onb-glow{position:absolute;left:50%;top:-12%;width:760px;height:540px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,var(--accent-glow),transparent 64%)}.onb-gridbg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,#000 22%,transparent 70%);mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,#000 22%,transparent 70%)}.onb-wrap{position:relative;z-index:1;width:100%;animation:onbIn .4s ease both}@keyframes onbIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.onb-brand{display:inline-flex;align-items:center;gap:9px}.onb-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,#d9bc84,var(--accent));color:#1a1305;font-family:var(--font-display);font-size:1rem}.onb-brand .name{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary)}.onb-brand .name .gold{color:var(--accent)}.onb-head{text-align:center;margin-bottom:30px}.onb-steps{display:flex;justify-content:center;gap:8px;margin:22px 0 24px}.onb-dot{width:8px;height:8px;border-radius:99px;background:var(--border);transition:all .3s ease}.onb-dot.on{background:var(--accent)}.onb-dot.cur{width:28px}.onb-head h1{font-family:var(--font-display);font-size:1.7rem;margin-bottom:8px;color:var(--text-primary)}.onb-head p{color:var(--text-muted);font-size:.9rem}.onb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 480px){.onb-grid2{grid-template-columns:1fr}}.opt{display:flex;align-items:center;gap:12px;padding:15px 18px;text-align:left;border-radius:var(--radius-lg);border:1.5px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.opt:hover{border-color:var(--border)}.opt.sel{border-color:var(--accent);background:var(--accent-dim)}.opt .mark{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--border);transition:all .15s ease}.opt .mark.round{border-radius:50%}.opt .mark.box{border-radius:5px}.opt.sel .mark{border-color:var(--accent);background:var(--accent)}.opt .mark .dot{width:8px;height:8px;border-radius:50%;background:var(--bg-base)}.opt .mark .tick{font-size:.62rem;color:var(--bg-base);font-weight:900}.opt .lbl{font-size:.92rem;font-weight:500;color:var(--text-primary)}.opt.sel .lbl{color:var(--accent);font-weight:600}.onb-search{position:relative;margin-bottom:16px}.onb-search input{padding-left:40px}.onb-search .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex}.subj-scroll{max-height:380px;overflow-y:auto;margin-bottom:18px;padding:2px}.subj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:8px}.onb-section-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.onb-actions{display:flex;gap:10px;margin-top:4px}.onb-actions .grow{flex:1;justify-content:center}.onb-foot{text-align:center;margin-top:14px;font-size:.78rem;color:var(--text-muted)}.pred-scroll{max-height:400px;overflow-y:auto;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;padding:2px}.pred-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-subtle);flex-wrap:wrap}.pred-name{font-size:.88rem;font-weight:600;color:var(--text-primary);min-width:120px;flex:1}.pred-name .board{display:block;font-size:.7rem;font-weight:400;color:var(--text-muted);margin-top:2px}.grade-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{min-width:34px;padding:6px 8px;border-radius:8px;cursor:pointer;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;font-weight:600;font-family:var(--font-body);transition:all .13s ease;text-align:center}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.sel{background:var(--accent);border-color:var(--accent);color:var(--bg-base)}.pred-empty{text-align:center;padding:40px 16px;color:var(--text-muted);font-size:.86rem;line-height:1.5}.dash{width:100%;max-width:1180px;margin:0 auto;padding:28px 40px 56px}@media (max-width: 768px){.dash{padding:18px 16px 40px}}.dash *{box-sizing:border-box}.dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;flex-wrap:wrap}.dash-head h1{font-family:var(--font-display);font-size:2rem;line-height:1.1;color:var(--text-primary);margin:0}.dash-date{font-size:.82rem;color:var(--text-muted);margin-top:6px;letter-spacing:.01em}.dash-date .gold{color:var(--accent)}.dash-tools{display:flex;align-items:center;gap:10px}.dash-search{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:99px;padding:8px 14px;width:240px;max-width:42vw;transition:border-color var(--transition)}.dash-search:focus-within{border-color:var(--border)}.dash-search input{all:unset;flex:1;font-size:.84rem;color:var(--text-primary);font-family:var(--font-body);min-width:0}.dash-search input::placeholder{color:var(--text-muted)}.dash-search .ic{color:var(--text-muted);display:flex;flex-shrink:0}.dash-streak{display:inline-flex;align-items:center;gap:7px;background:var(--accent-dim);border:1px solid rgba(200,169,110,.3);color:var(--accent);border-radius:99px;padding:8px 14px;font-size:.8rem;font-weight:600;white-space:nowrap}@media (max-width: 560px){.dash-search{display:none}}.brief{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:30px 34px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));border:1px solid var(--border-subtle);margin-bottom:22px}.brief-glow{position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--accent-glow),transparent 68%)}.brief-eyebrow{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.brief-title{position:relative;font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.05rem);line-height:1.18;color:var(--text-primary);max-width:640px;margin:0}.brief-title .em{color:var(--accent);font-style:italic}.brief-sub{position:relative;color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin:12px 0 0;max-width:600px}.brief-sub strong{color:var(--text-primary);font-weight:600}.brief-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.statgrid{display:grid;grid-template-columns:repeat(var(--stat-cols, 4),1fr);gap:16px;margin-bottom:22px}@media (max-width: 860px){.statgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.statgrid{grid-template-columns:1fr}}.stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition),transform var(--transition)}.stat:hover{border-color:var(--border);transform:translateY(-2px)}.stat-link:hover{border-color:var(--accent)}.stat-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-ic{color:var(--accent);opacity:.85;display:flex}.stat-label{font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--text-primary)}.stat-value .unit{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);font-weight:400}.stat-value.gold{color:var(--accent)}.stat-sub{font-size:.74rem;color:var(--text-muted);margin-top:9px}.stat-sub .up{color:var(--green)}.stat-sub .down{color:var(--red)}.dash-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:22px}@media (max-width: 920px){.dash-cols{grid-template-columns:1fr}}.dash-colstack{display:flex;flex-direction:column;gap:18px}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h3{font-family:var(--font-display);font-size:1.15rem;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:9px}.panel-head .ic{color:var(--accent);opacity:.8;display:flex}.panel-meta{font-size:.74rem;color:var(--text-muted)}.focus-row{margin-bottom:16px}.focus-row:last-child{margin-bottom:0}.focus-row .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.focus-row .name{font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-row .pct{font-size:.8rem;font-weight:700;flex-shrink:0}.bar{height:6px;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;transition:width .7s cubic-bezier(.2,.7,.3,1)}.panel .ghost-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:11px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all var(--transition)}.panel .ghost-link:hover{border-color:var(--accent);color:var(--accent)}.exam-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:8px 0 4px}.exam-ring{display:flex;align-items:center;gap:16px}.exam-ring .copy{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.exam-ring .copy strong{color:var(--text-primary)}.plan-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 16px;min-height:200px}.plan-empty .ic{font-size:1.6rem;color:var(--accent);opacity:.5}.plan-empty p{font-size:.86rem;color:var(--text-muted);max-width:280px;line-height:1.55;margin:0}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}@media (max-width: 860px){.qa-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.qa-grid{grid-template-columns:1fr}}.qa-card{text-align:left;cursor:pointer;padding:18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);display:flex;flex-direction:column;gap:14px;font-family:var(--font-body)}.qa-card:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:var(--shadow)}.qa-ic{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.qa-card h4{font-family:var(--font-display);font-size:1.02rem;color:var(--text-primary);font-weight:400;margin:0}.qa-open{font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.recent-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;cursor:pointer;transition:all var(--transition)}.recent-card:hover{border-color:var(--border);transform:translateY(-2px)}.recent-empty{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px 20px;text-align:center}.recent-empty .ic{font-size:1.8rem;opacity:.25;margin-bottom:12px}.recent-empty p{color:var(--text-muted);font-size:.86rem;margin:0}.fade-up{animation:dashFade .4s ease both}@keyframes dashFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0d0b08;--bg-surface: #16120c;--bg-elevated: #1c1710;--bg-card: #16120c;--bg-hover: #241e14;--border: rgba(233,226,214,.14);--border-subtle: rgba(233,226,214,.08);--text-primary: #f2ede3;--text-secondary:#98917f;--text-muted: #6a6457;--accent: #c7a968;--accent-dim: rgba(199,169,104,.12);--accent-glow: rgba(199,169,104,.16);--on-accent: #1a1305;--green: #8ca87a;--green-dim: rgba(140,168,122,.15);--red: #c47a6a;--red-dim: rgba(196,122,106,.15);--blue: #7e9bc4;--blue-dim: rgba(126,155,196,.15);--subj-maths: oklch(.74 .085 255);--subj-bio: oklch(.74 .085 152);--subj-chem: oklch(.74 .085 318);--subj-physics: oklch(.74 .085 40);--subj-english: oklch(.74 .085 95);--subj-history: oklch(.74 .085 18);--subj-geo: oklch(.74 .085 200);--subj-cs: oklch(.74 .085 280);--radius-sm: 10px;--radius: 14px;--radius-lg: 22px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0,0,0,.45);--shadow: 0 1px 0 rgba(255,255,255,.02) inset, 0 18px 40px -24px rgba(0,0,0,.8);--shadow-lg: 0 24px 60px -28px rgba(0,0,0,.85);--font-display: "Playfair Display", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--transition: .18s ease}:root[data-theme=light]{--bg-base: #f6f1e7;--bg-surface: #fbf7ef;--bg-elevated: #fffdf8;--bg-card: #fffdf8;--bg-hover: #efe7d6;--border: rgba(60,48,28,.16);--border-subtle: rgba(60,48,28,.09);--text-primary: #2a2118;--text-secondary:#6a5f4d;--text-muted: #998c74;--green: #6f8a5e;--green-dim: rgba(111,138,94,.16);--red: #b35c4a;--red-dim: rgba(179,92,74,.14);--blue: #5a79a8;--blue-dim: rgba(90,121,168,.14);--shadow-sm: 0 1px 3px rgba(70,56,30,.1);--shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 18px 40px -28px rgba(70,56,30,.3);--shadow-lg: 0 24px 60px -28px rgba(70,56,30,.32)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all var(--transition)}input,textarea,select{font-family:var(--font-body);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:10px 14px;font-size:.95rem;width:100%;outline:none;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-elevated)}.page-shell{display:flex;min-height:100vh}.page-main{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.page-content{flex:1;padding:36px 44px;max-width:1180px;width:100%;margin:0 auto}.page-title{font-size:2rem;margin-bottom:6px}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:36px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;letter-spacing:.01em}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent));color:#1a1305;border:none;box-shadow:0 1px #ffffff40 inset,0 8px 20px -10px var(--accent-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:all var(--transition)}.card:hover{border-color:var(--border);box-shadow:var(--shadow)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{font-size:.82rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:2px}.alert{padding:12px 16px;border-radius:var(--radius);font-size:.88rem;line-height:1.5}.alert-error{background:var(--red-dim);border:1px solid var(--red);color:var(--red)}.alert-success{background:var(--green-dim);border:1px solid var(--green);color:var(--green)}.alert-info{background:var(--blue-dim);border:1px solid var(--blue);color:var(--blue)}.empty-state{text-align:center;padding:72px 20px;color:var(--text-muted)}.empty-state-icon{font-size:2.8rem;margin-bottom:16px;opacity:.3}.empty-state h3{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.03em}.badge-gold{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(199,169,104,.3)}.divider{height:1px;background:var(--border-subtle);margin:24px 0}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-body);font-weight:600;margin:16px 0 8px;color:var(--text-primary)}.markdown-body p{margin-bottom:10px;color:var(--text-secondary)}.markdown-body ul,.markdown-body ol{padding-left:20px;margin-bottom:10px}.markdown-body li{color:var(--text-secondary);margin-bottom:4px}.markdown-body code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:.88em;font-family:var(--font-mono);color:var(--accent)}.markdown-body strong{color:var(--text-primary);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .3s ease forwards}@media (max-width: 768px){.page-content{padding:20px 16px}.desktop-sidebar{display:none!important}.mobile-topbar{display:flex!important}.page-shell{padding-top:56px!important}.page-main{min-height:calc(100vh - 56px)}.saved-layout{flex-direction:column!important}.saved-folder-sidebar{display:none!important}.saved-folder-topbar{display:flex!important}}@media (min-width: 769px){.mobile-topbar,.mobile-menu,.mobile-backdrop,.saved-folder-topbar{display:none!important}}