:root{color:#eef0ff;font-synthesis:none;--bg:#080b1a;--bg-soft:#0c1024;--panel:#10152fd6;--panel-solid:#111630;--line:#aeb7ff21;--line-strong:#aeb7ff3d;--text:#f0f2ff;--muted:#959dbd;--violet:#8b7cff;--cyan:#47d7ff;--amber:#ffbd63;--rose:#ff7ba9;--green:#52e0a0;--sidebar:246px;background:#080b1a;font-family:Be Vietnam Pro,system-ui,sans-serif}:root[data-theme=light]{color:#17203c;--bg:#f5f6ff;--bg-soft:#edf0ff;--panel:#ffffffe6;--panel-solid:#fff;--line:#2e376a1f;--line-strong:#2e376a33;--text:#17203c;--muted:#69708e;background:#f5f6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,article:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.modal-open{overflow:hidden}.app-shell{background:radial-gradient(circle at 65% 8%, #5046d71c, transparent 30%), var(--bg);min-height:100vh}.sidebar{z-index:40;width:var(--sidebar);border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;align-items:center;padding:0 8px 25px;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:10px;font-weight:800;display:flex}.logo-mark{color:#fff;background:linear-gradient(145deg,#7768f8,#3a2ea2);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 30px #6e5cff59}.logo-dot{color:var(--violet);margin:0 1px}.nav-label{color:var(--muted);letter-spacing:1.7px;text-transform:uppercase;margin:0 10px 9px;font-size:10px;font-weight:700}.main-nav{gap:5px;display:grid}.main-nav button{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.main-nav button svg:last-child{margin-left:auto}.main-nav button:hover{color:var(--text);background:#7d71ff14}.main-nav button.active{color:#fff;background:linear-gradient(90deg,#7462f638,#7462f614);box-shadow:inset 2px 0 #8a7cff}:root[data-theme=light] .main-nav button.active{color:#4c3dc4}.side-progress{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;padding:16px 10px;display:flex}.progress-orbit{flex:none;width:46px;height:46px}.progress-orbit>span{background:conic-gradient(var(--violet) var(--progress), var(--line) 0);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative}.progress-orbit>span:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:4px}.progress-orbit b{z-index:1;font-family:DM Mono;font-size:10px;position:relative}.side-progress strong,.side-progress small{display:block}.side-progress strong{margin-bottom:4px;font-size:12px}.side-progress small{color:var(--muted);font-size:10px}.sidebar-tip{background:#ffbd630f;border:1px solid #ffbd632e;border-radius:12px;gap:9px;margin:10px 0 14px;padding:12px;display:flex}.sidebar-tip svg{color:var(--amber);flex:none}.sidebar-tip p{margin:0}.sidebar-tip strong,.sidebar-tip span{display:block}.sidebar-tip strong{color:var(--amber);text-transform:uppercase;margin-bottom:3px;font-size:10px}.sidebar-tip span{color:var(--muted);font-size:10px;line-height:1.5}.sidebar-version{color:var(--muted);text-align:center;letter-spacing:1px;opacity:.55;margin:0;font-family:DM Mono;font-size:9px}.main-shell{min-width:0;min-height:100vh;margin-left:var(--sidebar);overflow:hidden}.topbar{z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:68px;padding:0 36px;display:flex;position:sticky;top:0}.search-box{border:1px solid var(--line);background:var(--panel);width:min(420px,45vw);height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 11px;display:flex}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line-strong);color:var(--muted);background:var(--bg-soft);border-radius:5px;padding:3px 6px;font:9px DM Mono}.top-actions{align-items:center;gap:12px;display:flex}.status-pill{border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:7px 10px;font-size:10px}.status-pill span{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:6px;display:inline-block}.icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong)}.menu-btn,.mobile-close{display:none}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0 0 0 auto}.hero-vignette{background:linear-gradient(90deg,#080b1a 2%,#080b1afa 23%,#080b1aa6 52%,#080b1a1f 85%),linear-gradient(#0000 80%,#080b1a 100%);position:absolute;inset:0}:root[data-theme=light] .hero-vignette{background:linear-gradient(90deg,#f5f6fffa 3%,#f5f6ffe6 32%,#f5f6ff40 70%),linear-gradient(#0000 76%,#f5f6ff 100%)}.hero-content{z-index:1;width:min(590px,52%);padding:70px 0 65px 7vw;position:relative}.eyebrow,.section-kicker{color:var(--violet);letter-spacing:1.8px;font-size:10px;font-weight:800}.eyebrow{align-items:center;gap:9px;display:flex}.pulse{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 0 5px #47d7ff1a, 0 0 15px var(--cyan);border-radius:50%}.hero h1{letter-spacing:-4px;margin:22px 0 18px;font-size:clamp(46px,5vw,76px);line-height:1.02}.hero h1 em{color:#a49aff;font-style:normal}.hero-content>p{color:#aab1cd;max-width:510px;font-size:15px;line-height:1.75}:root[data-theme=light] .hero-content>p{color:#58617d}.hero-actions{gap:10px;margin-top:28px;display:flex}.primary-btn,.ghost-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#7767f5,#5a49d5);border:0;box-shadow:0 12px 35px #5d4adc4d}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.ghost-btn{border:1px solid var(--line-strong);background:#0f132da6}:root[data-theme=light] .ghost-btn{background:#ffffffb3}.hero-proof{align-items:center;gap:13px;margin-top:40px;display:flex}.avatar-stack{display:flex}.avatar-stack span{color:#fff;background:#272d59;border:2px solid #080b1a;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-6px;font:8px DM Mono;display:grid}.avatar-stack span:first-child{background:#694fcd;margin-left:0}.avatar-stack span:nth-child(2){background:#167a9f}.hero-proof p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.hero-proof b{color:var(--text);font-weight:600}.stats-strip{border-bottom:1px solid var(--line);background:var(--bg-soft);grid-template-columns:repeat(3,1fr);min-height:106px;padding:0 7vw;display:grid}.stats-strip>div{border-left:1px solid var(--line);grid-template-columns:auto 1fr;align-content:center;column-gap:15px;padding:24px 30px;display:grid;position:relative}.stats-strip>div:last-child{border-right:1px solid var(--line)}.stat-index{color:var(--muted);opacity:.45;font:8px DM Mono;position:absolute;top:13px;right:14px}.stats-strip strong{color:var(--text);grid-row:span 2;font:700 34px DM Mono}.stats-strip p{color:var(--muted);align-self:center;margin:0;font-size:11px}.section-block{padding:84px 6vw 90px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.section-kicker{margin:0 0 13px}.section-heading h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,4vw,48px)}.section-heading>div>p:last-child{color:var(--muted);margin:10px 0 0;font-size:13px}.section-progress{text-align:right}.section-progress span{font:600 24px DM Mono;display:block}.section-progress small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:9px}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.chapter-card{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--panel-solid) 97%, white 3%), var(--panel-solid));cursor:pointer;border-radius:16px;flex-direction:column;min-height:315px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.chapter-card:hover{border-color:var(--tone);box-shadow:0 18px 55px color-mix(in srgb, var(--tone) 10%, transparent);transform:translateY(-4px)}.tone-violet{--tone:var(--violet);--tone-soft:#8b7cff1f}.tone-cyan{--tone:var(--cyan);--tone-soft:#47d7ff1a}.tone-amber{--tone:var(--amber);--tone-soft:#ffbd631a}.tone-rose{--tone:var(--rose);--tone-soft:#ff7ba91a}.card-top{align-items:center;gap:10px;height:45px;display:flex}.chapter-no{color:var(--muted);font:10px DM Mono}.icon-wrap{border:1px solid color-mix(in srgb, var(--tone) 30%, transparent);width:39px;height:39px;color:var(--tone);background:var(--tone-soft);border-radius:11px;place-items:center;margin-left:auto;display:grid}.done-badge{color:var(--green);background:#52e0a014;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:8px;font-weight:700;display:flex}.card-eyebrow{color:var(--tone);letter-spacing:1.2px;text-transform:uppercase;margin:25px 0 8px;font-size:9px;font-weight:700}.chapter-card h3{letter-spacing:-.5px;margin:0;font-size:19px}.card-summary{color:var(--muted);margin:12px 0 18px;font-size:11px;line-height:1.7}.card-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:auto;padding-top:15px;font:9px DM Mono;display:flex}.card-meta span{align-items:center;gap:5px;display:flex}.card-link{color:var(--tone);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:18px 0 0;padding:0;font-size:10px;font-weight:700;display:flex}.empty-state{border:1px dashed var(--line-strong);text-align:center;color:var(--muted);border-radius:16px;padding:80px}.empty-state h3{color:var(--text)}.master-rule{background:radial-gradient(circle at 90% 20%,#8b7cff29,#0000 35%),linear-gradient(145deg,#141832,#0d1127);border:1px solid #8b7cff47;border-radius:19px;grid-template-columns:1fr 1.2fr;align-items:end;gap:65px;margin:0 6vw 90px;padding:46px;display:grid}:root[data-theme=light] .master-rule{background:radial-gradient(circle at 90% 20%,#8b7cff21,#0000 35%),#fff}.master-rule span{color:var(--violet);letter-spacing:2px;font:9px DM Mono}.master-rule h2{letter-spacing:-1.3px;margin:12px 0 0;font-size:30px}.master-rule p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.practice-page,.reference-page{min-height:calc(100vh - 68px);padding:70px 7vw 100px}.practice-head{justify-content:space-between;align-items:flex-end;max-width:900px;margin:0 auto 28px;display:flex}.practice-head h1,.reference-hero h1{letter-spacing:-3px;margin:5px 0 8px;font-size:clamp(38px,5vw,62px)}.practice-head>div>p:last-child,.reference-hero>p:last-child{color:var(--muted);font-size:13px}.score-box{border:1px solid var(--line);background:var(--panel);border-radius:13px;min-width:115px;padding:13px 17px}.score-box small{color:var(--muted);font-size:9px;display:block}.score-box strong{font:600 26px DM Mono}.score-box strong span{color:var(--muted);font-size:13px}.quiz-progress{background:var(--line);border-radius:4px;max-width:900px;height:3px;margin:0 auto 18px;overflow:hidden}.quiz-progress span{background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .35s;display:block}.quiz-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;max-width:900px;min-height:560px;margin:auto;padding:38px;box-shadow:0 30px 80px #00000021}.quiz-label{color:var(--violet);justify-content:space-between;font:10px DM Mono;display:flex}.quiz-label small{color:var(--muted)}.quiz-card h2{letter-spacing:-.7px;max-width:730px;margin:24px 0 28px;font-size:clamp(20px,3vw,29px);line-height:1.45}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options button{border:1px solid var(--line);text-align:left;background:var(--bg-soft);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:66px;padding:11px 14px;transition:all .18s;display:flex}.options button:hover{border-color:var(--violet);transform:translateY(-1px)}.options button>span{border:1px solid var(--line-strong);width:31px;height:31px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font:11px DM Mono;display:grid}.options button p{margin:0;font-size:11px;line-height:1.45}.options button>svg{margin-left:auto}.options button.correct{border-color:var(--green);background:#52e0a014}.options button.correct>span,.options button.correct>svg{color:var(--green)}.options button.wrong{border-color:var(--rose);background:#ff7ba914}.options button.wrong>span,.options button.wrong>svg{color:var(--rose)}.options button.dim{opacity:.45}.explanation{background:#52e0a00f;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:20px;padding:17px;display:grid}.explanation.wrong{background:#ff7ba90f}.explanation>span{color:var(--green);font:700 9px DM Mono}.explanation.wrong>span{color:var(--rose)}.explanation p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.explanation button{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.result-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:780px;margin:auto;display:flex}.result-orbit{width:170px;height:170px;color:var(--amber);background:radial-gradient(circle,#8b7cff33,#0000 68%);border:1px solid #8b7cff59;border-radius:50%;place-items:center;margin-bottom:30px;display:grid;box-shadow:0 0 70px #8b7cff1f}.result-orbit span{font:600 22px DM Mono}.result-page h1{letter-spacing:-1.8px;font-size:38px}.result-page>p:not(.section-kicker){max-width:580px;color:var(--muted);margin-bottom:26px;line-height:1.7}.reference-hero{max-width:790px;margin-bottom:48px}.pattern-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pattern-grid>div{border:1px solid var(--line);background:var(--panel);border-radius:13px;grid-template-columns:25px 1fr auto 1.1fr;align-items:center;gap:9px;min-height:76px;padding:15px 17px;display:grid}.pattern-grid span{color:var(--muted);font:9px DM Mono}.pattern-grid p,.pattern-grid b{margin:0;font-size:11px}.pattern-grid svg{color:var(--violet)}.pattern-grid b{color:var(--cyan)}.domain-audit-panel{background:linear-gradient(145deg, #52e0a00e, var(--panel));border:1px solid #52e0a033;border-radius:18px;margin-top:55px;overflow:hidden}.audit-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.audit-summary>div>span{color:var(--green);letter-spacing:1.3px;font:8px DM Mono}.audit-summary h2{margin:7px 0 5px;font-size:26px}.audit-summary p{color:var(--muted);margin:0;font-size:9px}.audit-summary>strong{color:var(--green);font:600 38px DM Mono}.audit-summary>strong small{font-size:14px}.audit-domains{padding:4px 28px}.audit-domains>div{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:64px;padding:12px 2px;display:grid}.audit-domains>div:last-child{border-bottom:0}.audit-domains>div>span{width:36px;height:36px;color:var(--green);background:#52e0a00f;border:1px solid #52e0a033;border-radius:9px;place-items:center;font:9px DM Mono;display:grid}.audit-domains p{margin:0}.audit-domains b,.audit-domains small{display:block}.audit-domains b{margin-bottom:4px;font-size:10px}.audit-domains small{color:var(--muted);font-size:8px}.audit-domains svg{color:var(--green)}.answer-lookup{border:1px solid var(--line);background:linear-gradient(145deg, var(--panel), var(--bg-soft));border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin-top:55px;padding:35px;display:grid}.answer-lookup h2{margin:4px 0 7px;font-size:27px}.answer-lookup p{color:var(--muted);font-size:11px;line-height:1.6}.lookup-control label{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.lookup-control>div{display:flex}.lookup-control input{border:1px solid var(--line-strong);width:120px;color:var(--text);background:var(--bg);border-radius:9px 0 0 9px;outline:0;padding:12px}.lookup-control button{color:#fff;background:var(--violet);cursor:pointer;border:0;border-radius:0 9px 9px 0;padding:0 18px}.lookup-control button:disabled{opacity:.35;cursor:not-allowed}.lookup-control small{color:var(--rose);margin-top:7px;font-size:9px;display:block}.answer-reveal{background:#52e0a00f;border:1px solid #52e0a038;border-radius:13px;grid-column:1/-1;align-items:center;padding:18px 22px;display:flex}.answer-reveal span{color:var(--muted);font:11px DM Mono}.answer-reveal p{color:var(--text);margin:0 20px}.answer-reveal strong{color:var(--green);margin-left:auto;font:700 36px DM Mono}.trap-panel{background:#ff7ba90a;border:1px solid #ff7ba929;border-radius:18px;grid-template-columns:1.1fr 1fr;gap:35px;margin-top:22px;padding:30px 35px;display:grid}.trap-panel>div{align-items:flex-start;gap:15px;display:flex}.trap-panel svg{color:var(--rose)}.trap-panel span{color:var(--rose);letter-spacing:1.5px;font:9px DM Mono}.trap-panel h2{margin:8px 0;font-size:22px}.trap-panel ul{color:var(--muted);margin:0;padding-left:20px;font-size:10px;line-height:2}.modal-shell{z-index:100;justify-items:end;display:grid;position:fixed;inset:0}.modal-scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03050fb8;border:0;width:100%;position:absolute;inset:0}.lesson-modal{border-left:1px solid var(--line-strong);background:var(--bg);width:min(1120px,100vw - 72px);height:100%;animation:.3s ease-out slideIn;position:relative;overflow-y:auto;box-shadow:-30px 0 100px #00000059}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}}.modal-head{z-index:3;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:15px;height:70px;padding:0 48px;display:flex;position:sticky;top:0}.modal-head>span{color:var(--muted);margin-left:auto;font:9px DM Mono}.complete-btn{border:1px solid var(--line);color:var(--muted);background:var(--panel);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;display:flex}.complete-btn.done{color:var(--green);border-color:#52e0a038}.lesson-title{padding:46px 56px 32px}.lesson-title .icon-wrap{margin:0 0 22px}.lesson-title p{color:var(--tone);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:700}.lesson-title h2{letter-spacing:-2.2px;margin:0 0 14px;font-size:clamp(38px,4vw,50px)}.lesson-title>span:last-child{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.lesson-visual{border:1px solid color-mix(in srgb, var(--tone) 18%, var(--line));background:radial-gradient(circle at center, var(--tone-soft), transparent 68%), var(--bg-soft);border-radius:19px;place-items:center;min-height:360px;margin:0 56px;display:grid;overflow:hidden}.lesson-copy{padding:42px 56px 55px}.lesson-intro{color:var(--muted);margin:0 0 35px;font-size:13px;line-height:1.9}.plain-explain{border-left:2px solid var(--tone);background:linear-gradient(90deg, var(--tone-soft), transparent);border-radius:0 12px 12px 0;margin:-8px 0 35px;padding:20px}.plain-explain>span,.worked-example .example-head>span,.trap-list>span,.self-check>div>span{color:var(--tone);letter-spacing:1.2px;margin-bottom:8px;font:700 8px DM Mono;display:block}.plain-explain p{color:var(--text);margin:0;font-size:11px;line-height:1.85}.lesson-copy h3{margin:0 0 18px;font-size:16px}.keyword-atlas{margin:40px 0}.content-section-head{margin-bottom:17px}.content-section-head>span{color:var(--tone);letter-spacing:1.2px;margin-bottom:8px;font:700 8px DM Mono;display:block}.content-section-head h3{margin-bottom:7px;font-size:19px}.content-section-head p{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.keyword-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.keyword-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--panel-solid), var(--bg-soft));border-radius:14px;min-width:0;padding:20px}.keyword-head{gap:10px;min-height:62px;display:flex}.keyword-head>span{border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);width:24px;height:24px;color:var(--tone);background:var(--tone-soft);border-radius:7px;flex:none;place-items:center;font:7px DM Mono;display:grid}.keyword-head h4{color:var(--text);margin:1px 0 5px;font-size:11px}.keyword-head p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.mini-flow{border:1px solid var(--line);background:var(--bg);border-radius:10px;align-items:center;min-height:92px;margin-top:12px;padding:14px;display:flex;overflow-x:auto}.flow-part{flex:1;align-items:center;min-width:0;display:flex}.flow-part>span{border:1px solid var(--line-strong);min-width:78px;min-height:46px;color:var(--text);text-align:center;background:var(--panel-solid);border-radius:7px;place-items:center;padding:8px;font-size:8px;line-height:1.4;display:grid}.flow-part>svg{width:14px;color:var(--tone);flex:none;margin:0 4px}.branch-flow{border:1px solid var(--line);background:var(--bg);border-radius:10px;grid-template-columns:minmax(82px,.9fr) 30px 1.25fr;align-items:center;gap:8px;min-height:92px;margin-top:12px;padding:13px;display:grid}.branch-flow>span,.branch-flow>div span{border:1px solid var(--line-strong);text-align:center;background:var(--panel-solid);border-radius:7px;place-items:center;min-height:38px;padding:8px;font-size:8px;line-height:1.35;display:grid}.branch-flow>svg{color:var(--tone)}.branch-flow>div{gap:5px;display:grid}.branch-flow>div span{color:var(--tone);border-color:color-mix(in srgb, var(--tone) 25%, var(--line))}.domain-deep-dive{border-top:1px solid var(--line);margin:42px 0;padding-top:35px}.deep-dive-list{gap:9px;display:grid}.deep-dive-list details{border:1px solid var(--line);background:var(--panel-solid);border-radius:11px;overflow:hidden}.deep-dive-list summary{cursor:pointer;grid-template-columns:125px 1fr auto;align-items:center;gap:12px;min-height:60px;padding:13px 16px;list-style:none;display:grid}.deep-dive-list summary::-webkit-details-marker{display:none}.deep-dive-list summary:hover{background:var(--tone-soft)}.deep-dive-list summary>span{color:var(--tone);text-transform:uppercase;letter-spacing:.5px;font:7px DM Mono}.deep-dive-list summary b{font-size:10px}.deep-dive-list summary svg{color:var(--muted);transition:transform .2s}.deep-dive-list details[open]{border-color:color-mix(in srgb, var(--tone) 35%, var(--line))}.deep-dive-list details[open] summary{border-bottom:1px solid var(--line);background:var(--tone-soft)}.deep-dive-list details[open] summary svg{color:var(--tone);transform:rotate(90deg)}.deep-dive-body{padding:19px 20px 20px 153px}.deep-dive-body>p{color:var(--muted);margin:0 0 15px;font-size:10px;line-height:1.75}.deep-dive-body>div:not(.deep-remember){border-left:2px solid var(--tone);background:var(--bg-soft);padding:13px}.deep-dive-body>div>span{color:var(--tone);letter-spacing:1px;margin-bottom:5px;font:7px DM Mono;display:block}.deep-dive-body>div>p{color:var(--text);margin:0;font-size:9px;line-height:1.7}.deep-remember{color:var(--green);background:#52e0a00a;border:1px solid #52e0a024;border-radius:8px;align-items:flex-start;gap:9px;margin-top:10px;padding:12px 13px;display:flex}.deep-remember svg{flex:none}.deep-remember p span{color:var(--green)}.principle-list{border-top:1px solid var(--line)}.principle-list>div{border-bottom:1px solid var(--line);gap:17px;padding:17px 0;display:flex}.principle-list>div>span{color:var(--tone);font:9px DM Mono}.principle-list p{margin:0}.principle-list b,.principle-list small{display:block}.principle-list b{margin-bottom:6px;font-size:11px}.principle-list small{color:var(--muted);font-size:10px;line-height:1.6}.worked-example{border:1px solid var(--line-strong);background:var(--bg-soft);border-radius:16px;margin-top:38px;overflow:hidden}.example-head{border-bottom:1px solid var(--line);background:radial-gradient(circle at 100% 0, var(--tone-soft), transparent 50%);padding:24px 24px 20px}.worked-example .example-head h3{margin:0 0 9px;font-size:18px}.example-head p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.example-steps{padding:6px 24px}.example-steps>div{gap:15px;padding:16px 0;display:flex;position:relative}.example-steps>div:not(:last-child){border-bottom:1px solid var(--line)}.example-steps>div>span{border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);width:30px;height:30px;color:var(--tone);background:var(--tone-soft);border-radius:8px;flex:none;place-items:center;font:8px DM Mono;display:grid}.example-steps p{margin:0}.example-steps b,.example-steps small{display:block}.example-steps b{margin:1px 0 5px;font-size:10px}.example-steps small{color:var(--muted);font-size:9px;line-height:1.65}.example-conclusion{color:var(--green);background:#52e0a00e;border-top:1px solid #52e0a02e;align-items:flex-start;gap:10px;padding:16px 20px;display:flex}.example-conclusion svg{flex:none}.example-conclusion p{color:var(--muted);margin:0;font-size:9px;line-height:1.7}.example-conclusion p span{color:var(--green);letter-spacing:1px;margin-bottom:3px;font:7px DM Mono;display:block}.trap-list{margin-top:38px}.trap-list h3{margin-bottom:14px}.trap-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trap-list li{color:var(--muted);background:#ff7ba909;border:1px solid #ff7ba91f;border-radius:9px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:9px;line-height:1.55;display:flex}.trap-list li svg{color:var(--rose);flex:none}.self-check{border:1px dashed color-mix(in srgb, var(--tone) 45%, transparent);background:var(--tone-soft);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:15px;margin-top:38px;padding:22px;display:grid}.self-check h3{max-width:430px;margin:0;font-size:12px;line-height:1.55}.self-check button{border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);color:var(--tone);background:var(--bg);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:9px 11px;font-size:8px;font-weight:700;display:flex}.self-answer{border-top:1px solid color-mix(in srgb, var(--tone) 22%, transparent);color:var(--text);grid-column:1/-1;align-items:flex-start;gap:8px;margin:2px 0 0;padding-top:15px;font-size:10px;line-height:1.65;animation:.2s ease-out reveal;display:flex}.self-answer svg{color:var(--green);flex:none}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}}.practical-application{border:1px solid color-mix(in srgb, var(--tone) 28%, var(--line));background:var(--panel-solid);border-radius:16px;margin-top:40px;overflow:hidden}.application-title{border-bottom:1px solid var(--line);background:linear-gradient(120deg, var(--tone-soft), transparent 60%);gap:13px;padding:22px;display:flex}.application-icon{width:40px;height:40px;color:var(--tone);background:var(--tone-soft);border-radius:10px;flex:none;place-items:center;display:grid}.application-title>div>span{color:var(--tone);letter-spacing:1.2px;font:700 8px DM Mono}.application-title h3{margin:5px 0;font-size:18px}.application-title p{color:var(--muted);margin:0;font-size:9px}.application-table{padding:0 20px}.application-row{border-bottom:1px solid var(--line);grid-template-columns:.75fr 1.15fr 1.2fr;align-items:start;gap:13px;padding:15px 2px;display:grid}.application-row.table-head{color:var(--muted);letter-spacing:.7px;padding-top:13px;padding-bottom:9px;font:7px DM Mono}.application-row b,.application-row p,.application-row small{margin:0;font-size:8px;line-height:1.6}.application-row b{color:var(--tone)}.application-row p{color:var(--text)}.application-row small{color:var(--muted)}.decision-rule{border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);color:var(--tone);background:var(--tone-soft);border-radius:10px;align-items:flex-start;gap:10px;margin:18px 20px 20px;padding:14px;display:flex}.decision-rule svg{flex:none}.decision-rule p{color:var(--text);margin:0;font-size:9px;line-height:1.65}.decision-rule span{color:var(--tone);letter-spacing:.8px;margin-bottom:3px;font:7px DM Mono;display:block}blockquote{border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);color:var(--tone);background:var(--tone-soft);border-radius:12px;gap:13px;margin:28px 0 0;padding:18px;display:flex}blockquote p{color:var(--text);margin:0;font-size:11px;line-height:1.65}blockquote span{color:var(--tone);letter-spacing:1px;margin-bottom:4px;font:8px DM Mono;display:block}.modal-footer{border-top:1px solid var(--line);justify-content:space-between;padding:24px 56px 38px;display:flex}.modal-footer button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:9px;display:flex}.modal-footer .next-btn{color:#fff;background:var(--violet);border:0}.site-footer{border-top:1px solid var(--line);min-height:90px;color:var(--muted);align-items:center;gap:30px;padding:0 6vw;display:flex}.site-footer p{margin-left:auto;font-size:9px}.footer-verified{color:var(--green);align-items:center;gap:5px;font-size:9px;display:flex}.loop-visual{width:330px;height:205px;position:relative}.loop-core{z-index:2;border:1px solid var(--tone);width:76px;height:76px;color:var(--tone);background:var(--bg);box-shadow:0 0 40px var(--tone-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:65px;left:129px}.loop-core span{font:8px DM Mono}.loop-node{border:1px solid var(--line);width:85px;color:var(--muted);text-align:center;background:var(--panel-solid);border-radius:8px;padding:8px;font-size:8px;position:absolute}.loop-node span{color:var(--tone);margin-right:5px;font-family:DM Mono}.loop-node:after{content:"";background:linear-gradient(90deg, var(--tone), transparent);width:65px;height:1px;position:absolute}.loop-node.n1{top:12px;left:0}.loop-node.n1:after{top:35px;left:70px;transform:rotate(25deg)}.loop-node.n2{top:12px;right:0}.loop-node.n2:after{top:35px;right:70px;transform:rotate(155deg)}.loop-node.n3{bottom:8px;right:0}.loop-node.n3:after{bottom:34px;right:70px;transform:rotate(205deg)}.loop-node.n4{bottom:8px;left:0}.loop-node.n4:after{bottom:34px;left:70px;transform:rotate(-25deg)}.trace-visual{justify-content:center;align-items:center;width:90%;display:flex}.trace-step{color:var(--muted);align-items:center;font-size:8px;display:flex}.trace-step i{border:1px solid var(--line);width:27px;height:27px;color:var(--tone);background:var(--panel-solid);border-radius:7px;place-items:center;margin-right:5px;font:9px DM Mono;display:grid}.trace-step svg{color:var(--tone);opacity:.5;margin:0 5px}.decision-visual{text-align:center;width:88%}.decision-root{border:1px solid var(--tone);width:180px;color:var(--tone);background:var(--tone-soft);border-radius:10px;margin:auto;padding:12px;font-size:10px}.branch-line{border:solid var(--line-strong);border-width:0 1px 1px;width:67%;height:32px;margin:auto}.decision-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.decision-options div{border:1px solid var(--line);background:var(--panel-solid);border-radius:8px;padding:12px 6px}.decision-options span,.decision-options b{font-size:8px;display:block}.decision-options span{color:var(--muted);margin-bottom:5px}.decision-options b{color:var(--tone)}.layers-visual{perspective:500px;width:310px}.layers-visual div{border:1px solid var(--line-strong);background:var(--panel-solid);border-radius:9px;width:250px;height:55px;margin:-3px auto;padding:10px 15px;transform:rotateX(48deg)rotate(-4deg);box-shadow:0 12px 25px #0003}.layers-visual div:nth-child(2){width:275px}.layers-visual div:nth-child(3){border-color:var(--tone);width:300px}.layers-visual small,.layers-visual b,.layers-visual span{margin-right:8px;font-size:7px}.layers-visual small{color:var(--tone)}.layers-visual span{color:var(--muted)}.pyramid-visual{justify-items:center;gap:7px;width:320px;display:grid}.pyramid-visual div{border:1px solid var(--line);clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);text-align:center;background:var(--panel-solid);height:50px;padding:9px}.pyramid-visual div:first-child{border-color:var(--tone);width:160px}.pyramid-visual div:nth-child(2){width:230px}.pyramid-visual div:last-child{width:300px}.pyramid-visual b,.pyramid-visual span{font-size:8px;display:block}.pyramid-visual b{color:var(--tone)}.pyramid-visual span{color:var(--muted);margin-top:4px}.split-visual{align-items:center;gap:18px;display:flex}.sm-card{border:1px solid var(--line);background:var(--panel-solid);border-radius:10px;gap:6px;width:150px;padding:15px;display:grid}.sm-card small{color:var(--muted);font:7px DM Mono}.sm-card b{background:var(--bg-soft);border-radius:5px;padding:5px;font-size:8px}.sm-card span{color:var(--tone);margin-top:4px;font:9px DM Mono}.sm-divider{color:var(--muted);font:9px DM Mono}.errors-visual{gap:12px;display:flex}.error-card{border:1px solid var(--line);background:var(--panel-solid);border-radius:12px;align-items:center;gap:13px;width:210px;padding:18px;display:flex}.error-card i{border-radius:50%;place-items:center;width:45px;height:45px;font:10px DM Mono;display:grid}.error-card.retry i{color:var(--amber);background:#ffbd631f}.error-card.stop i{color:var(--rose);background:#ff7ba91f}.error-card p{margin:0}.error-card b,.error-card span{font-size:8px;display:block}.error-card span{color:var(--muted);margin-top:5px}.shield-visual{color:var(--tone);align-items:center;gap:30px;display:flex}.shield-visual>div{justify-items:center;gap:8px;display:grid}.shield-visual span,.shield-visual b,.shield-visual small{font-size:8px}.shield-visual span:first-child{border:1px dashed var(--line-strong);color:var(--muted);padding:7px 15px}.shield-visual .arrow-down{color:var(--tone)}.shield-visual b{color:var(--tone);background:var(--tone-soft);border-radius:7px;padding:10px 16px}.shield-visual small{color:var(--muted)}.agents-visual{width:340px;height:180px;position:relative}.agent{z-index:2;border:1px solid var(--line-strong);width:50px;height:50px;color:var(--muted);background:var(--panel-solid);border-radius:50%;place-items:center;font:12px DM Mono;display:grid;position:absolute}.agent.coordinator{width:60px;height:60px;color:var(--tone);border-color:var(--tone);box-shadow:0 0 35px var(--tone-soft);top:62px;left:145px}.agent.a1{top:12px;left:10px}.agent.a2{top:12px;right:10px}.agent.a3{bottom:0;right:32px}.agent-line{z-index:1;background:linear-gradient(90deg, var(--tone), transparent);transform-origin:0;width:140px;height:1px;position:absolute;top:85px;left:165px}.agent-line.l1{transform:rotate(200deg)}.agent-line.l2{transform:rotate(-22deg)}.agent-line.l3{transform:rotate(28deg)}.handoff-visual,.precision-visual{align-items:center;gap:18px;display:flex}.chat-mini,.precision-visual>div{border:1px solid var(--line);background:var(--panel-solid);border-radius:11px;padding:18px}.chat-mini span,.chat-mini b,.precision-visual span,.precision-visual b,.precision-visual small{font-size:8px;display:block}.chat-mini span,.precision-visual span,.precision-visual small{color:var(--muted)}.chat-mini b,.precision-visual b{margin-top:7px}.chat-mini.accent{border-color:var(--tone);color:var(--tone)}.handoff-visual>svg,.precision-visual>svg{color:var(--tone)}.precision-visual>div{min-width:145px}.precision-visual b{color:var(--tone);font-size:12px}.precision-visual small{margin-top:5px}.compass-ring{border:1px solid var(--line-strong);width:150px;height:150px;color:var(--tone);box-shadow:inset 0 0 35px var(--tone-soft);border-radius:50%;place-items:center;display:grid;position:relative}.compass-ring span{color:var(--muted);font:7px DM Mono;position:absolute}.compass-ring .north{top:-19px}.compass-ring .south{bottom:-19px}.compass-ring .east{right:-35px}.compass-ring .west{left:-50px}@media (width<=1100px){.chapter-grid{grid-template-columns:repeat(2,1fr)}.hero-content{width:62%;padding-left:5vw}.hero h1{font-size:56px}}@media (width<=820px){:root{--sidebar:0px}.sidebar{width:250px;transition:transform .25s;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:39;background:#03050fa6;border:0;position:fixed;inset:0}.mobile-close,.menu-btn{display:grid}.topbar{gap:12px;padding:0 18px}.search-box{flex:1;width:auto}.status-pill,kbd{display:none}.hero{align-items:flex-end;min-height:650px}.hero-image{opacity:.55;object-position:62% center}.hero-vignette{background:linear-gradient(#080b1a40 0%,#080b1af7 65%,#080b1a 95%)}:root[data-theme=light] .hero-vignette{background:linear-gradient(#f5f6ff33 0%,#f5f6fff5 58%,#f5f6ff 95%)}.hero-content{width:100%;padding:50px 28px}.hero h1{font-size:clamp(44px,12vw,62px)}.stats-strip{padding:0 20px}.stats-strip>div{padding:20px 12px}.section-block{padding:65px 25px}.master-rule{grid-template-columns:1fr;gap:22px;margin:0 25px 70px}.pattern-grid{grid-template-columns:1fr}.practice-page,.reference-page{padding:55px 25px 80px}.lesson-modal{border-left:0;width:100vw}.modal-head{padding:0 32px}.lesson-title{padding-left:36px;padding-right:36px}.lesson-visual{min-height:300px;margin-left:36px;margin-right:36px}.lesson-copy,.modal-footer{padding-left:36px;padding-right:36px}}@media (width<=600px){.top-actions{display:none}.hero h1{letter-spacing:-2.2px;max-width:330px;font-size:40px}.hero-content>p{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.stats-strip{grid-template-columns:1fr}.stats-strip>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{align-items:flex-start;gap:20px}.chapter-grid{grid-template-columns:1fr}.master-rule{padding:30px}.options{grid-template-columns:1fr}.quiz-card{padding:25px 18px}.explanation{grid-template-columns:1fr}.practice-head{align-items:flex-start;gap:15px}.score-box{min-width:92px}.answer-lookup,.trap-panel{grid-template-columns:1fr;padding:25px 20px}.pattern-grid>div{grid-template-columns:20px 1fr}.pattern-grid svg{display:none}.answer-reveal{grid-column:auto}.lesson-title,.lesson-copy{padding-left:24px;padding-right:24px}.lesson-title h2{font-size:30px}.lesson-visual{transform-origin:50%;min-height:220px;margin:0 24px}.modal-head{padding:0 16px}.modal-head>span{display:none}.complete-btn{margin-left:auto}.modal-footer{padding:20px 24px}.example-head,.example-steps{padding-left:17px;padding-right:17px}.keyword-grid{grid-template-columns:1fr}.deep-dive-list summary{grid-template-columns:1fr auto;gap:6px}.deep-dive-list summary>span,.deep-dive-list summary b{grid-column:1}.deep-dive-list summary svg{grid-area:1/2/span 2}.deep-dive-body{padding:17px}.self-check{grid-template-columns:1fr}.self-check button{justify-self:start}.application-row{grid-template-columns:1fr;gap:5px}.application-row.table-head{display:none}.application-row b{margin-top:3px}.audit-summary{padding:22px}.audit-summary>strong{font-size:27px}.audit-domains{padding:3px 18px}.trace-visual{width:125%;transform:scale(.74)}.split-visual,.errors-visual{transform:scale(.78)}.site-footer{flex-wrap:wrap;padding:25px}.site-footer p{order:3;width:100%;margin:0}}