:root{
  --dash-bg:#08111d;--dash-bg2:#0e1928;--dash-card:#111f30;--dash-card2:#142438;
  --dash-line:rgba(189,205,225,.13);--dash-text:#ecf3fb;--dash-muted:#9bacbf;
  --dash-purple:#9a6de2;--dash-violet:#6e55bd;--dash-cyan:#49b6c4;--dash-green:#65b98f;
  --dash-amber:#d89a3f;--dash-rose:#cc6387;--dash-shadow:0 18px 48px rgba(0,0,0,.25)
}
.dashboard-body{background:var(--dash-bg);color:var(--dash-text)}
.dashboard-topbar{position:sticky;top:0;z-index:120;height:64px;display:flex;align-items:center;gap:1rem;padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));border-bottom:1px solid var(--dash-line);background:rgba(7,16,28,.96);backdrop-filter:blur(18px)}
.suite-brand{display:flex;align-items:center;gap:.65rem;min-width:230px;text-decoration:none;color:#fff}.suite-brand>span:last-child{display:grid;line-height:1.05}.suite-brand strong{font:700 1.05rem/1.1 Inter,system-ui,sans-serif}.suite-brand small{margin-top:.18rem;color:var(--dash-muted);font-size:.67rem}.suite-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff647d,#df405d);box-shadow:0 0 0 3px #ffffff0d;font:700 1rem Georgia,serif}
.top-nav{display:flex;align-items:center;gap:.3rem;margin:auto}.top-nav a,.top-nav button{min-height:42px;display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border:0;border-radius:.7rem;color:#d8e2ed;background:transparent;text-decoration:none;font-weight:700}.top-nav a:hover,.top-nav button:hover,.top-nav a:focus-visible,.top-nav button:focus-visible{background:#ffffff0c;color:#fff}.general-index-link{color:#fff!important}.dashboard-actions{margin-left:auto}.dashboard-actions .icon-button,.dashboard-actions .round-button,.dashboard-actions .index-button{border-color:var(--dash-line);background:#ffffff08;color:#fff}.mobile-only{display:none}
.dashboard-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 292px;align-items:start;min-height:calc(100svh - 64px);background:var(--dash-bg)}
.left-rail,.right-rail{position:sticky;top:64px;height:calc(100svh - 64px);overflow:auto;scrollbar-width:thin;scrollbar-color:#32445b transparent;background:linear-gradient(180deg,#0d1828,#0a1421)}.left-rail{border-right:1px solid var(--dash-line);padding:.8rem}.right-rail{border-left:1px solid var(--dash-line);padding:.8rem}.rail-block,.right-card{border:1px solid var(--dash-line);border-radius:.7rem;background:#ffffff05}.rail-block{margin-bottom:.7rem;padding:.9rem}.rail-title{display:grid;gap:.35rem}.rail-title strong{font-size:.92rem}.rail-label{display:block;margin-bottom:.55rem;color:#b889f5;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.epoch-link{display:flex;align-items:center;gap:.55rem;margin:.12rem 0;padding:.55rem .5rem;border-radius:.5rem;color:#cbd7e5;text-decoration:none;font-size:.78rem}.epoch-link:hover,.epoch-link.active{color:#fff;background:#6d4daf33}.epoch-open{margin-top:.15rem}.thinker-link{display:flex;align-items:center;justify-content:space-between;margin:.12rem 0 .12rem 1rem;padding:.48rem .55rem;border-radius:.48rem;color:#d1d9e4;text-decoration:none;font-size:.76rem}.thinker-link span{display:grid}.thinker-link small{margin-top:.12rem;color:#8798ad;font-size:.62rem}.thinker-link b{color:#65d59b}.thinker-link.current{background:linear-gradient(90deg,#6243ad,#7f57c9);color:#fff}.thinker-link.current small{color:#ddd2f5}.thinker-link.current b{color:#cab1ff}.thinker-link.muted{opacity:.65}
.lesson-nav{display:grid;gap:.22rem}.lesson-nav>a{display:grid;grid-template-columns:25px 1fr;gap:.5rem;align-items:center;padding:.48rem .35rem;border-radius:.5rem;color:#d4dfeb;text-decoration:none}.lesson-nav>a:hover{background:#ffffff08}.lesson-nav i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#315177;font-style:normal;font-size:.7rem}.lesson-nav a:nth-of-type(2) i{background:#478755}.lesson-nav a:nth-of-type(3) i{background:#b27426}.lesson-nav a:nth-of-type(4) i{background:#a84365}.lesson-nav strong,.lesson-nav small{display:block}.lesson-nav strong{font-size:.76rem}.lesson-nav small{margin-top:.1rem;color:#8394a8;font-size:.61rem}.offline-card{text-align:center}.offline-icon{display:grid;place-items:center;width:38px;height:38px;margin:.2rem auto .6rem;border-radius:50%;color:#42d5b1;background:#093c35;font-size:1.25rem}.offline-card strong,.offline-card small{display:block}.offline-card strong{font-size:.72rem}.offline-card small{margin-top:.35rem;color:var(--dash-muted);font-size:.62rem}
.dashboard-main{min-width:0;background:radial-gradient(circle at 55% 0,#172447 0,transparent 34rem),var(--dash-bg);overflow:hidden}.dashboard-home{padding:.55rem}.dashboard-hero{position:relative;min-height:335px;display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--dash-line);border-radius:.72rem;background:linear-gradient(115deg,#16152a 0 51%,#2b2448);box-shadow:var(--dash-shadow)}.dashboard-hero .hero-image{position:absolute;inset:0 0 0 auto;width:53%;height:100%;object-fit:cover;object-position:center}.dashboard-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111326 0,#17162a 45%,rgba(19,17,35,.12) 72%,rgba(19,17,35,.05))}.dashboard-hero .hero-copy{position:relative;z-index:2;width:60%;margin:0;padding:1.45rem 1.7rem;display:flex;flex-direction:column;justify-content:center}.dashboard-hero .eyebrow{margin-bottom:.65rem;color:#b985ef}.dashboard-hero h1{margin:0;max-width:620px;font-size:clamp(2.7rem,5.2vw,4.4rem);line-height:.92;letter-spacing:-.045em}.dashboard-hero h1 em{color:#f0e3c9;font-style:normal}.hero-subtitle{margin:.85rem 0 1.15rem;color:#bb8de4;font-size:1rem}.generative-question{max-width:520px;display:grid;grid-template-columns:30px 1fr;gap:.65rem;padding-top:.9rem;border-top:1px dashed #ffffff2b}.generative-question>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#8f67d8;font-weight:900}.generative-question strong{color:#caa5f3;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.generative-question p{margin:.35rem 0 0;color:#e2e6ed;font-size:.84rem;line-height:1.45}
.dashboard-portal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:.7rem 0}.dash-entry{min-height:154px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:.7rem;padding:1rem;border:1px solid #ffffff20;border-radius:.68rem;color:#fff;text-decoration:none;background:linear-gradient(135deg,#15333a,#123139);box-shadow:var(--dash-shadow)}.dash-entry.study{background:linear-gradient(135deg,#183753,#17304c)}.dash-entry.deepen{background:linear-gradient(135deg,#312453,#3b295f)}.dash-entry.comics-entry{background:linear-gradient(135deg,#5a263b,#6a2d46)}.entry-icon{width:50px;height:50px;display:grid;place-items:center;border:2px solid #65d4cb;border-radius:50%;font-size:1.6rem}.study .entry-icon{border-color:#7ac6ff}.deepen .entry-icon{border-color:#bd8df5}.comics-entry .entry-icon{border-color:#f483a6}.dash-entry strong,.dash-entry small{display:block}.dash-entry strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:500}.dash-entry small{margin-top:.3rem;color:#d4dbe4;font-size:.72rem;line-height:1.4}.dash-entry b{font-size:1.5rem;font-weight:400}.dash-entry:hover{transform:translateY(-3px);border-color:#ffffff45}
.dashboard-widgets{display:grid;grid-template-columns:1.35fr .9fr .9fr;gap:.7rem}.dash-panel{min-height:250px;padding:.8rem;border:1px solid var(--dash-line);border-radius:.68rem;background:#0e1a2a}.dash-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.75rem}.dash-panel>header>div{display:flex;align-items:center;gap:.55rem}.dash-panel header strong,.dash-panel header small{display:block}.dash-panel header strong{color:#d7b1ff;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.dash-panel header small{margin-top:.12rem;color:#8fa0b5;font-size:.64rem}.dash-panel header a{color:#a88dd4;font-size:.65rem;text-decoration:none}.panel-icon{width:26px;height:26px;display:grid;place-items:center;color:#a987ee;font-size:1.1rem}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.mini-grid a{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:.55rem;min-height:86px;padding:.65rem;border:1px solid #ffffff15;border-radius:.55rem;color:#fff;background:#ffffff05;text-decoration:none}.mini-grid a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:.5rem;color:#cf9af3;background:#563c7b;font-size:1.1rem}.mini-grid strong,.mini-grid small{display:block}.mini-grid strong{font-size:.77rem}.mini-grid small{grid-column:2;color:#91a0b3;font-size:.61rem;line-height:1.35}.path-feature{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #ffffff16;border-radius:.55rem;color:#dce6f3;background:#ffffff05}.path-list{display:grid;gap:.45rem;margin-top:.65rem;color:#b5c1d0;font-size:.7rem}.thought-preview blockquote{margin:.4rem 0 .8rem;padding:.8rem;border:1px solid #ffffff17;border-radius:.55rem;color:#d9d2e4;background:#ffffff04;font-size:1rem;line-height:1.4}.featured-work{display:grid;gap:.2rem;padding:.65rem;border:1px solid #ffffff17;border-radius:.55rem;background:#ffffff04}.featured-work>span{color:#a990ce;font-size:.61rem;text-transform:uppercase}.featured-work strong{font-family:Georgia,serif}.featured-work small{color:#8fa0b5;font-size:.62rem}.featured-work button{justify-self:start;margin-top:.35rem;border:0;color:#c9a9ef;background:transparent;padding:0;font-size:.65rem}
.dashboard-section{margin:.7rem .55rem;border:1px solid var(--dash-line);border-radius:.72rem;overflow:hidden}.dashboard-section .wrap{width:min(100% - 2rem,1050px)}.dashboard-section.paper,.dashboard-section.sources,.dashboard-section.tools-section{color:#e8edf4;background:linear-gradient(180deg,#111d2c,#0e1927)}.dashboard-section.studio,.dashboard-section.lab-section,.dashboard-section.comics,.dashboard-section.maps-section{background:linear-gradient(180deg,#111d2c,#0d1724)}.dashboard-section .eyebrow.dark{color:#b98cee}.dashboard-section .section-lead,.dashboard-section.sources .section-heading p:last-child{color:#a9b5c5}.dashboard-section .discovery{color:#27303b}.dashboard-section .source-card,.dashboard-section .tool-grid button{color:#2d3038}.dashboard-footer{margin:0 .55rem .7rem;border:1px solid var(--dash-line);border-radius:.72rem;background:#09111d}
.right-card{margin-bottom:.7rem;padding:.85rem}.rail-tool{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:.5rem;align-items:center;padding:.58rem .35rem;border:0;border-bottom:1px solid #ffffff0d;color:#e1e9f2;background:transparent;text-align:left;text-decoration:none}.rail-tool:last-child{border-bottom:0}.rail-tool i{font-style:normal;color:#5fc6dd;font-size:1rem}.rail-tool strong,.rail-tool small{display:block}.rail-tool strong{font-size:.72rem}.rail-tool small{margin-top:.1rem;color:#8798ac;font-size:.59rem}.rail-tool b{color:#c2cede}.progress-layout{display:grid;grid-template-columns:90px 1fr;gap:.8rem;align-items:center}.progress-ring{--progress:0;position:relative;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#64c499 calc(var(--progress)*1%),#213247 0);box-shadow:inset 0 0 0 8px #0d1927}.progress-ring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0f1c2c}.progress-ring strong,.progress-ring small{position:relative;z-index:2;display:block;text-align:center}.progress-ring strong{align-self:end;font-size:1.15rem}.progress-ring small{align-self:start;margin-top:-.1rem;color:#8fa0b5;font-size:.5rem;line-height:1.2}.progress-copy strong{display:block;font-size:.68rem}.progress-copy small{display:block;color:#8191a4;font-size:.56rem}.progress-widget .progress-track{height:5px;margin:.55rem 0;background:#1f3044}.resume-button,.general-index-button{display:flex;justify-content:center;margin-top:.75rem;padding:.55rem .7rem;border:1px solid #8e6bc8;border-radius:.5rem;color:#ddd2f2;text-decoration:none;font-size:.68rem}.mode-card{display:grid;gap:.45rem}.mode-choice{display:grid;grid-template-columns:28px 1fr auto;gap:.55rem;align-items:center;padding:.65rem;border:1px solid #ffffff12;border-radius:.55rem;color:#dce5ef;background:#ffffff03;text-align:left}.mode-choice.active{border-color:#845fc7;background:#6d4daf2b}.mode-choice strong,.mode-choice small{display:block}.mode-choice strong{font-size:.72rem}.mode-choice small{margin-top:.12rem;color:#8ea0b4;font-size:.58rem}.index-card>strong{display:block;font-size:.75rem}
.drawer-panel .general-index-button{display:block}.dashboard-body dialog{color:#28242a}.dashboard-body .drawer,.dashboard-body .notes-panel{z-index:180}.dashboard-body .toast{z-index:250}
@media(max-width:1180px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.right-rail{display:none}.dashboard-widgets{grid-template-columns:1.2fr 1fr}.thought-preview{grid-column:1/-1}.suite-brand{min-width:190px}.top-nav span{display:none}}
@media(max-width:860px){.dashboard-topbar{height:60px}.dashboard-shell{display:block}.left-rail{display:none}.dashboard-main{width:100%}.mobile-only{display:inline-flex}.top-nav{margin-left:auto}.top-nav a,.top-nav button{padding:.5rem}.dashboard-hero{min-height:470px}.dashboard-hero .hero-image{inset:0;width:100%;height:54%;object-position:center top}.dashboard-hero .hero-shade{background:linear-gradient(0deg,#111326 0 56%,rgba(17,19,38,.18) 78%,rgba(17,19,38,.04))}.dashboard-hero .hero-copy{width:100%;padding:1rem 1.2rem;justify-content:flex-end}.dashboard-hero h1{font-size:clamp(2.6rem,9vw,4.2rem)}.dashboard-portal{grid-template-columns:repeat(2,1fr)}.dashboard-widgets{grid-template-columns:1fr}.thought-preview{grid-column:auto}}
@media(max-width:560px){.suite-brand small{display:none}.suite-brand{min-width:auto}.suite-brand strong{font-size:.88rem}.top-nav{display:none}.dashboard-actions{gap:.25rem}.dashboard-actions .icon-button{width:38px;height:38px}.dashboard-actions #fontButton{display:none}.dashboard-hero{min-height:520px}.dashboard-hero .hero-image{height:48%}.dashboard-portal{grid-template-columns:1fr}.dash-entry{min-height:105px}.mini-grid{grid-template-columns:1fr}.dashboard-home{padding:.35rem}.dashboard-section{margin:.5rem .35rem}.generative-question p{font-size:.78rem}}
