:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#f3f5f8;--surface-3:#eceff4;--text:#14161c;--text-2:#4a5160;--muted:#8a92a3;--line:#e7eaf0;--line-2:#d9dee7;--accent:#4f46e5;--accent-2:#6366f1;--accent-soft:#4f46e51a;--accent-ring:#4f46e559;--green:#0f9d6b;--green-soft:#0f9d6b1f;--amber:#d98a00;--amber-soft:#d98a0021;--rose:#e0457b;--rose-soft:#e0457b1f;--violet:#7c5cff;--violet-soft:#7c5cff21;--shadow-sm:0 1px 2px #14161c0a, 0 1px 3px #14161c0f;--shadow:0 6px 24px #14161c0f;--r-sm:8px;--r:12px;--r-lg:16px}:root[data-theme=dark]{--bg:#0c0e13;--surface:#14171e;--surface-2:#1a1e27;--surface-3:#222734;--text:#eef1f6;--text-2:#b3bccb;--muted:#7d8699;--line:#262b36;--line-2:#333a48;--accent:#7c84ff;--accent-2:#8b92ff;--accent-soft:#7c84ff29;--accent-ring:#7c84ff66;--green:#34d399;--green-soft:#34d39926;--amber:#fbbf24;--amber-soft:#fbbf2426;--rose:#fb7299;--rose-soft:#fb729926;--violet:#a78bfa;--violet-soft:#a78bfa29;--shadow-sm:0 1px 3px #0000004d;--shadow:0 10px 34px #00000073}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}html,body{max-width:100%;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.55}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.01em;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.eyebrow{color:var(--muted);margin:0;font-size:12px;font-weight:600}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:6px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:6px 8px 16px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--violet));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.brand-text{flex-direction:column;display:flex}.brand-text strong{font-size:15px;font-weight:750}.brand-text small{color:var(--muted);font-size:11px}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--text-2);border-radius:10px;grid-template-columns:20px 1fr auto;align-items:center;gap:11px;padding:10px 12px;transition:background .14s,color .14s;display:grid}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-label{font-size:14px;font-weight:650}.nav-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.nav-item.active .nav-eyebrow{color:var(--accent);opacity:.7}.sidebar-foot{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:auto;padding-top:14px;display:flex}.mini-progress{align-items:center;gap:11px;padding:4px 8px;display:flex}.mini-ring{background:conic-gradient(var(--accent) var(--p), var(--surface-3) 0);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.mini-ring span{background:var(--surface);border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.mini-progress small{color:var(--muted);font-size:12px}.theme-toggle{background:var(--surface-2);width:100%;color:var(--text-2);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:650;transition:background .14s;display:flex}.theme-toggle:hover{background:var(--surface-3)}.workspace{min-width:0;padding:30px 34px 64px}.topbar{max-width:1120px;margin:0 auto 26px}.topbar div{flex-direction:column;display:flex}.topbar h1{margin-top:4px;font-size:28px;font-weight:760}.topbar .eyebrow{color:var(--muted);order:2;margin-top:6px;font-size:13.5px}.primary-btn,.secondary-btn,.ghost-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:650;transition:transform .12s,background .14s,border-color .14s;display:inline-flex}.primary-btn{background:var(--accent);color:#fff;padding:10px 16px;font-size:13.5px}.primary-btn:hover{background:var(--accent-2)}.secondary-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:9px 14px;font-size:13px}.secondary-btn:hover{background:var(--surface-3)}.ghost-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);padding:6px 11px;font-size:12.5px}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.ghost-btn.subtle{color:var(--muted);background:0 0;border-color:#0000}.ghost-btn.subtle:hover{color:var(--accent)}.today-layout,.learn-layout,.build-layout,.cards-layout,.interview-layout,.roadmap-layout{max-width:1120px;margin:0 auto}.block-title{margin-bottom:12px;font-size:16px;font-weight:720}.block-sub{color:var(--muted);margin:-6px 0 14px;font-size:13px}.empty-state{color:var(--muted);text-align:center;padding:20px;font-size:13px}.today-layout{grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:18px;display:grid}.hero-card{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--accent), var(--violet));color:#fff;box-shadow:var(--shadow);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.hero-card .eyebrow{color:#ffffffc7}.hero-card h2{margin:8px 0;font-size:24px;font-weight:760;line-height:1.3}.hero-sub{color:#ffffffd1;font-size:13.5px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-card .primary-btn{color:var(--accent);background:#fffffff2}.hero-card .primary-btn:hover{background:#fff}.hero-card .secondary-btn{color:#fff;background:#ffffff24;border-color:#ffffff47}.hero-card .secondary-btn:hover{background:#ffffff38}.hero-ring{background:conic-gradient(#fff var(--p), #ffffff38 0);text-align:center;border-radius:50%;flex-shrink:0;place-items:center;width:132px;height:132px;display:grid;position:relative}.hero-ring:before{content:"";background:color-mix(in srgb, var(--accent) 78%, var(--violet));border-radius:50%;width:104px;height:104px;position:absolute}.hero-ring-pct,.hero-ring small{color:#fff;position:relative}.hero-ring-pct{font-size:30px;font-weight:820;line-height:1}.hero-ring small{color:#ffffffd1;margin-top:4px;font-size:11px;display:block}.queue-section{min-width:0}.queue-grid{gap:12px;display:grid}.queue-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);gap:14px;padding:16px 18px;transition:border-color .14s;display:flex}.queue-card:hover{border-color:var(--line-2)}.queue-card.done{background:var(--surface-2);opacity:.72}.queue-check{border:2px solid var(--line-2);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:2px;transition:all .14s;display:grid}.queue-card.done .queue-check{background:var(--green);border-color:var(--green)}.queue-body{min-width:0}.queue-tag{color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:650;display:inline-flex}.queue-title{margin:6px 0 4px;font-size:16px;font-weight:700;display:block}.queue-title:hover{color:var(--accent)}.queue-card.done .queue-title{text-decoration:line-through}.queue-body p{color:var(--text-2);font-size:13px;line-height:1.5}.queue-foot{gap:8px;margin-top:12px;display:flex}.today-rail{flex-direction:column;gap:14px;display:flex}.rail-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);padding:18px}.check-list{flex-direction:column;gap:4px;display:flex}.check-row{text-align:left;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 8px;transition:background .12s;display:flex}.check-row:hover{background:var(--surface-2)}.check-box{border:2px solid var(--line-2);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.check-row.checked .check-box{background:var(--accent);border-color:var(--accent)}.check-text strong{font-size:13.5px;font-weight:600;display:block}.check-row.checked .check-text strong{color:var(--muted);text-decoration:line-through}.check-text small{color:var(--muted);font-size:11.5px}.readiness-bars{flex-direction:column;gap:10px;display:flex}.readiness-row span{justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.readiness-row strong{font-weight:600}.readiness-row small{color:var(--muted)}.bar-track{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.bar-track i{background:var(--accent);border-radius:999px;height:100%;display:block}.reflection{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);resize:vertical;width:100%;min-height:110px;padding:12px;line-height:1.6}.filter-bar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.filter-row{align-items:flex-start;gap:12px;display:flex}.filter-label{width:40px;color:var(--muted);flex-shrink:0;padding-top:7px;font-size:12px;font-weight:650}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:all .12s}.chip:hover{border-color:var(--line-2);color:var(--text)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.lv-초급.active{background:var(--green);border-color:var(--green)}.chip.lv-중급.active{background:var(--amber);border-color:var(--amber)}.chip.lv-심화.active{background:var(--rose);border-color:var(--rose)}.result-count{color:var(--muted);margin-bottom:14px;font-size:12.5px}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:13px;display:grid}.learn-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:9px;padding:17px;transition:border-color .14s,transform .14s;display:flex}.learn-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.learn-card.note:hover{transform:none}.learn-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.track-pill{background:var(--surface-3);color:var(--text-2);border-radius:7px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.level-pill{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.level-pill.lv-초급{background:var(--green-soft);color:var(--green)}.level-pill.lv-중급{background:var(--amber-soft);color:var(--amber)}.level-pill.lv-심화{background:var(--rose-soft);color:var(--rose)}.learn-card-title{font-size:16px;font-weight:700}.learn-card-title:hover{color:var(--accent)}.learn-card>p{color:var(--text-2);flex:1;font-size:13px;line-height:1.55}.learn-card-foot{flex-wrap:wrap;gap:7px;display:flex}.note-title{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:16px;font-weight:700;display:flex}.note-chevron{color:var(--muted);flex-shrink:0;transition:transform .18s}.learn-card.open .note-chevron{transform:rotate(180deg)}.note-sub{color:var(--text-2);font-size:12.5px;line-height:1.5}.note-body{border-top:1px dashed var(--line);flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;display:flex}.note-body p{color:var(--text-2);font-size:12.5px;line-height:1.6}.note-body b{background:var(--surface-3);color:var(--text-2);border-radius:5px;margin-right:6px;padding:1px 7px;font-size:10.5px;display:inline-block}.note-answer{border-radius:var(--r-sm);background:var(--surface-2);padding:11px 12px;color:var(--text)!important}.note-answer b{background:var(--accent);color:#fff}.module-chips{margin-bottom:18px}.build-list{flex-direction:column;gap:10px;margin-bottom:26px;display:flex}.build-row{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:border-color .14s;display:flex}.build-row:hover{border-color:var(--accent)}.build-row h4{margin:8px 0 4px;font-size:16px}.build-row p{color:var(--text-2);font-size:13px;line-height:1.5}.state-pill{background:var(--surface-3);color:var(--text-2);border-radius:999px;flex-shrink:0;padding:4px 11px;font-size:11.5px;font-weight:700}.state-pill.doing{background:var(--accent-soft);color:var(--accent)}.state-pill.todo{background:var(--amber-soft);color:var(--amber)}.state-pill.planned{background:var(--violet-soft);color:var(--violet)}.playbook-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:13px;display:grid}.playbook-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:9px;padding:18px;transition:border-color .14s;display:flex}.playbook-card:hover{border-color:var(--accent)}.playbook-card h4{font-size:16px}.playbook-card>p{color:var(--text-2);font-size:13px;line-height:1.5}.pb-meta{gap:7px;margin-top:2px;display:grid}.pb-meta span{color:var(--muted);font-size:12px;line-height:1.5}.pb-meta b{color:var(--text-2);margin-right:6px;display:inline-block}.cards-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brain-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px;display:grid}.brain-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:9px;padding:18px;transition:border-color .14s;display:flex}.brain-card.open{border-color:var(--accent)}.brain-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.brain-card-head h3{margin:9px 0 2px;font-size:18px}.brain-card-head small{color:var(--muted);font-size:11.5px}.icon-link{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.icon-link:hover{border-color:var(--accent);color:var(--accent)}.axis-pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.axis-speed{background:var(--accent-soft);color:var(--accent)}.axis-consistency{background:var(--green-soft);color:var(--green)}.axis-recovery{background:var(--amber-soft);color:var(--amber)}.axis-scalability{background:var(--rose-soft);color:var(--rose)}.axis-audit{background:var(--violet-soft);color:var(--violet)}.brain-card-def{color:var(--text-2);font-size:13px;line-height:1.55}.brain-card-q{font-size:14px;font-weight:700}.reveal-btn{border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:10px;font-size:13px;font-weight:650;display:inline-flex}.reveal-btn:hover{border-color:var(--accent);color:var(--accent)}.brain-card-answer{flex-direction:column;gap:9px;display:flex}.answer-line{font-weight:700;line-height:1.5}.reason-list{gap:4px;margin:0;padding-left:18px;display:grid}.reason-list li{color:var(--text-2);font-size:13px;line-height:1.5}.apply-line{color:var(--text-2);font-size:12.5px;line-height:1.5}.apply-line b{background:var(--accent);color:#fff;border-radius:5px;margin-right:6px;padding:1px 7px;font-size:10.5px;display:inline-block}.answer-30{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);padding:10px 12px}.answer-30 summary{cursor:pointer;color:var(--accent);font-size:12.5px;font-weight:700}.answer-30 p{color:var(--text-2);margin-top:8px;font-size:13px;line-height:1.6}.card-actions{gap:6px;display:flex}.own-card{margin-top:22px}.field{color:var(--text-2);flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.field input,.field textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);padding:10px 12px;font-weight:400}.field textarea{resize:vertical;min-height:84px;line-height:1.6}.saved-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.saved-item{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);padding:12px 14px}.saved-item strong{margin-bottom:4px;font-size:13.5px;display:block}.saved-item p{color:var(--text-2);font-size:12.5px;line-height:1.55}.interview-layout{flex-direction:column;gap:28px;display:flex}.axis-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.axis-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);border-left-width:3px;flex-direction:column;gap:9px;padding:16px;display:flex}.axis-card.axis-speed{border-left-color:var(--accent)}.axis-card.axis-consistency{border-left-color:var(--green)}.axis-card.axis-recovery{border-left-color:var(--amber)}.axis-card.axis-scalability{border-left-color:var(--rose)}.axis-card.axis-audit{border-left-color:var(--violet)}.axis-card-head{align-items:center;gap:9px;display:flex}.axis-card-head h4{font-size:16px}.axis-no{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.axis-q{font-size:13.5px;font-weight:650}.axis-tech{flex-wrap:wrap;gap:5px;display:flex}.axis-tech span{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:11px}.axis-sentence{color:var(--text-2);font-size:12.5px;line-height:1.55}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.template-ol{gap:7px;margin:0;padding-left:20px;display:grid}.template-ol li{color:var(--text-2);font-size:13px;line-height:1.55}.order-chips{flex-wrap:wrap;gap:8px;display:flex}.order-chips span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:5px 13px 5px 6px;font-size:13px;font-weight:600;display:inline-flex}.order-chips i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10.5px;font-style:normal;font-weight:800;display:grid}.sd-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:13px;display:grid}.sd-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:18px;display:flex}.sd-card h4{font-size:16px}.sd-req{flex-wrap:wrap;gap:5px;display:flex}.sd-req span{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:3px 9px;font-size:11px}.sd-flow{border-radius:var(--r-sm);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:4px;padding:11px;display:flex}.sd-flow span{align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.sd-flow span svg{color:var(--muted)}.prompt-list{flex-direction:column;gap:6px;display:flex}.prompt-row{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:13px;transition:border-color .14s;display:flex}.prompt-row:hover{border-color:var(--accent);color:var(--accent)}.month-accordion{flex-direction:column;gap:10px;display:flex}.month-block{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.month-block.open{border-color:var(--accent)}.month-head{text-align:left;grid-template-columns:38px minmax(0,1fr) 120px 42px 20px;align-items:center;gap:14px;width:100%;padding:16px 18px;display:grid}.month-no{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.month-title strong{font-size:15.5px;display:block}.month-title small{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.month-bar{background:var(--surface-3);border-radius:999px;height:6px;position:relative;overflow:hidden}.month-bar i{background:var(--accent);border-radius:999px;position:absolute;inset:0 auto 0 0}.month-pct{color:var(--muted);text-align:right;font-size:13px;font-weight:800}.month-chevron{color:var(--muted);transition:transform .18s}.month-block.open .month-chevron{transform:rotate(180deg)}.month-weeks{flex-direction:column;gap:10px;padding:0 18px 18px;display:flex}.week-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);flex-direction:column;gap:12px;padding:15px 16px;transition:border-color .14s;display:flex}.week-card:hover{border-color:var(--accent)}.week-card-head{align-items:center;gap:12px;display:flex}.week-badge{background:var(--accent-soft);min-width:46px;height:30px;color:var(--accent);border-radius:999px;flex-shrink:0;place-items:center;padding:0 8px;font-size:13px;font-weight:800;display:grid}.week-card-head strong{font-size:15px;display:block}.week-card-head small{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.week-fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.week-fields span{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--text-2);padding:10px 12px;font-size:12.5px;line-height:1.5;display:block}.week-fields b{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:10.5px;font-weight:750;display:block}.month-detail-link{color:var(--accent);align-self:flex-start;align-items:center;gap:4px;padding:6px 2px;font-size:13px;font-weight:700;display:inline-flex}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c126b;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);width:min(440px,100%);height:100%;padding:28px 26px;animation:.22s drawer-in;position:relative;overflow-y:auto}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-close{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.drawer-close:hover{color:var(--text)}.drawer h2{margin:6px 0 16px;font-size:21px}.prompt-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.prompt-tab{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.prompt-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.drawer-hint{color:var(--muted);margin-bottom:12px;font-size:12.5px;display:block}.drawer pre{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);white-space:pre-wrap;color:var(--text);margin:0 0 16px;padding:16px;font-size:12.5px;line-height:1.6}.timer-face{border:8px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;place-items:center;width:132px;height:132px;margin:8px auto 18px;font-size:44px;font-weight:850;display:grid}.timer-face[data-zero=true]{border-color:var(--rose-soft);border-top-color:var(--rose);color:var(--rose)}.practice-q{text-align:center;margin-bottom:14px;font-size:15px;font-weight:700}.detail-shell{max-width:940px;margin:0 auto;padding:52px 32px 100px}.detail-back{background:var(--surface);border:1px solid var(--line);color:var(--text-2);border-radius:999px;align-items:center;margin-bottom:26px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.detail-back:hover{color:var(--accent);border-color:var(--accent)}.detail-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:22px;padding:38px 40px}.detail-panel .eyebrow{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:13px;font-weight:700}.detail-panel h1{margin-top:4px;font-size:40px;line-height:1.25}.detail-panel h2{font-size:27px;line-height:1.3}.detail-panel>p{color:var(--text-2);margin-top:14px;font-size:16.5px;line-height:1.8}.detail-lead{color:var(--text-2);margin-top:16px;font-size:16.5px;line-height:1.8}.lesson-detail h2{margin-top:4px;font-size:32px;line-height:1.25}.quote-text{border-left:4px solid var(--accent);border-radius:0 var(--r) var(--r) 0;background:var(--surface-2);margin-top:20px;padding:22px 24px;font-size:17.5px;font-weight:600;line-height:1.75}.lesson-columns,.detail-two-column{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.lesson-columns article h3,.detail-list-block h3{margin-bottom:12px;font-size:18px}.lesson-columns article p{color:var(--text-2);font-size:15.5px;line-height:1.75}.detail-list-block{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);padding:24px}.detail-list{gap:10px;margin:0;padding-left:22px;display:grid}.detail-list li{color:var(--text-2);font-size:15.5px;line-height:1.7}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:22px;display:grid}.detail-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);color:var(--text-2);padding:16px 18px;font-size:15px;line-height:1.6}.proof-strip{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.proof-strip span{gap:7px;display:grid}.proof-strip b{font-size:15px}.proof-strip small{color:var(--text-2);font-size:14.5px;line-height:1.7}.roadmap-week-detail-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.roadmap-week-detail{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);grid-template-columns:60px 1fr;gap:18px;padding:24px;display:grid}.roadmap-week-detail h3{font-size:19px}.roadmap-week-detail>div>p{color:var(--text-2);margin:6px 0 14px;font-size:15px;line-height:1.7}.week-code{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}.prompt-box{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);white-space:pre-wrap;color:var(--text-2);margin-top:18px;padding:22px;font-size:14px;line-height:1.7}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;height:auto;padding:12px 16px;position:static}.brand{margin-right:auto;padding:0}.nav-list{flex-flow:wrap;gap:4px}.nav-item{grid-template-columns:18px auto;padding:8px 11px}.nav-eyebrow{display:none}.sidebar-foot{border-top:0;flex-direction:row;align-items:center;margin-top:0;padding-top:0}.mini-progress small{display:none}.today-layout{grid-template-columns:1fr}}@media (max-width:720px){.workspace{padding:22px 16px 56px}.topbar h1{font-size:23px}.hero-card{flex-direction:column;align-items:flex-start}.two-col,.lesson-columns,.detail-two-column,.proof-strip{grid-template-columns:1fr}.month-head{grid-template-columns:34px minmax(0,1fr) 18px;grid-template-areas:"no title chev""no bar bar";row-gap:8px}.month-no{grid-area:no}.month-title{grid-area:title}.month-chevron{grid-area:chev}.month-bar{grid-area:bar}.month-pct{display:none}.week-fields{grid-template-columns:1fr}.filter-row{flex-direction:column;gap:7px}.roadmap-week-detail{grid-template-columns:1fr}.detail-shell{padding:28px 16px 64px}.detail-panel{padding:24px 22px}.detail-panel h1{font-size:30px}.detail-panel h2,.lesson-detail h2{font-size:23px}.quote-text{font-size:16px}}.resources-layout{max-width:1120px;margin:0 auto}.res-chips{margin-bottom:24px}.res-group{margin-bottom:32px}.res-group-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.res-group-head .block-title{margin-bottom:0}.res-count{color:var(--muted);margin-left:4px;font-size:13px;font-weight:600}.res-desc{max-width:460px;color:var(--muted);text-align:right;font-size:12.5px;line-height:1.5}.res-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.res-card{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;gap:6px;padding:16px;transition:border-color .14s,transform .14s;display:flex}a.res-card:hover{border-color:var(--accent);transform:translateY(-2px)}.res-card-top{justify-content:space-between;align-items:center;min-height:20px;display:flex}.res-ext{color:var(--muted)}a.res-card:hover .res-ext{color:var(--accent)}.res-card h4{font-size:15px;line-height:1.35}.res-by{color:var(--accent);font-size:11.5px;font-weight:600}.res-card p{color:var(--text-2);font-size:12.5px;line-height:1.5}@media (max-width:720px){.res-group-head{flex-direction:column;align-items:flex-start}.res-desc{text-align:left}.res-grid{grid-template-columns:1fr}}.docs-shell{grid-template-columns:256px minmax(0,1fr) 212px;align-items:start;gap:40px;max-width:1280px;margin:0 auto;padding:36px 32px 96px;display:grid}.docs-nav{max-height:calc(100vh - 48px);padding-right:6px;position:sticky;top:24px;overflow-y:auto}.docs-home{color:var(--muted);align-items:center;gap:6px;margin-bottom:18px;font-size:13px;font-weight:650;display:inline-flex}.docs-home:hover{color:var(--accent)}.docs-nav-group{margin-bottom:18px}.docs-nav-group h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:750}.docs-nav-link{color:var(--text-2);border-left:2px solid #0000;border-radius:8px;margin:2px 0;padding:7px 12px;font-size:13.5px;line-height:1.4;transition:background .13s,color .13s,border-color .13s;display:block}.docs-nav-link:hover{background:var(--surface-2);color:var(--text)}.docs-nav-link.active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent);font-weight:650}.docs-main{min-width:0;max-width:760px}.docs-header{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:24px}.docs-crumb{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.docs-crumb a:hover{color:var(--accent)}.docs-title-row{align-items:center;gap:12px;margin-top:10px;display:flex}.docs-title-row h1{font-size:38px;line-height:1.2}.docs-summary{color:var(--text-2);margin-top:14px;font-size:17px;line-height:1.75}.doc-section{border-bottom:1px solid var(--line);opacity:0;padding:30px 0;scroll-margin-top:88px;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(14px)}.doc-section.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.doc-section{opacity:1;transition:none;transform:none}}.doc-section:last-of-type{border-bottom:0}.doc-section h2{margin-bottom:14px;font-size:23px}.doc-text{color:var(--text-2);font-size:16.5px;line-height:1.85}.doc-list{gap:10px;margin:0;padding-left:22px;display:grid}.doc-list li{color:var(--text-2);font-size:16px;line-height:1.7}.doc-list.warn li::marker{color:var(--amber)}.doc-list.check li::marker{color:var(--green)}.doc-list.q{padding-left:0;list-style:none}.doc-list.q li{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);padding:12px 16px;font-weight:550}.doc-callout{border-radius:var(--r);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text);padding:18px 20px;font-size:16px;line-height:1.75}.doc-quote{border-left:4px solid var(--accent);border-radius:0 var(--r) var(--r) 0;background:var(--surface-2);gap:12px;margin:0;padding:20px 22px;font-size:17px;font-weight:600;line-height:1.75;display:flex}.doc-quote svg{color:var(--accent);flex-shrink:0;margin-top:4px}.doc-prompt{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);white-space:pre-wrap;color:var(--text-2);margin:0;padding:20px;font-size:14px;line-height:1.7}.docs-prevnext{grid-template-columns:1fr 1fr;gap:14px;margin-top:36px;display:grid}.docs-pn{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px 20px;transition:border-color .14s,transform .14s;display:flex}.docs-pn:hover{border-color:var(--accent);transform:translateY(-2px)}.docs-pn.next{text-align:right}.pn-dir{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;font-weight:650;display:inline-flex}.docs-pn.next .pn-dir{justify-content:flex-end}.docs-pn strong{color:var(--text);font-size:15.5px}.docs-toc{max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}.docs-toc-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:750}.docs-toc ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.docs-toc-link{border-left:2px solid var(--line);color:var(--muted);padding:5px 10px;font-size:13px;line-height:1.4;transition:color .13s,border-color .13s;display:block}.docs-toc-link:hover{color:var(--text)}.docs-toc-link.active{border-left-color:var(--accent);color:var(--accent);font-weight:650}@media (max-width:1180px){.docs-shell{grid-template-columns:220px minmax(0,1fr);gap:28px}.docs-toc{display:none}}@media (max-width:880px){.docs-shell{grid-template-columns:1fr;padding:24px 16px 72px}.docs-nav{border-bottom:1px solid var(--line);max-height:none;margin-bottom:8px;padding-bottom:16px;position:static}.docs-nav-group{margin-bottom:12px}.docs-title-row h1{font-size:30px}.docs-prevnext{grid-template-columns:1fr}}.doc-code-list{gap:16px;display:grid}.doc-code{border-radius:var(--r);box-shadow:var(--shadow-sm);background:#0f1422;border:1px solid #20283a;margin:0;overflow:hidden}.doc-code-head{background:#161d2e;border-bottom:1px solid #20283a;align-items:center;gap:10px;padding:10px 14px;display:flex}.doc-code-lang{color:#aab2ff;text-transform:uppercase;letter-spacing:.03em;background:#7c84ff2e;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.doc-code-label{color:#aeb6c7;flex:1;min-width:0;font-size:12.5px;line-height:1.4}.doc-code-copy{color:#cdd4e1;background:#ffffff0f;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .13s,color .13s;display:inline-flex}.doc-code-copy:hover{color:#fff;background:#ffffff1f}.doc-code pre{background:#0f1422;margin:0;padding:18px;overflow-x:auto}.doc-code code{color:#e6e9f2;white-space:pre;tab-size:2;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13.5px;line-height:1.65}.doc-quiz{counter-reset:quiz;gap:14px;margin:0;padding:0;list-style:none;display:grid}.doc-quiz li{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);padding:18px 20px 18px 52px;position:relative}.doc-quiz li:before{counter-increment:quiz;content:"Q" counter(quiz);background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid;position:absolute;top:18px;left:16px}.quiz-q{color:var(--text);font-size:15.5px;font-weight:650;line-height:1.6}.quiz-a{margin-top:12px}.quiz-a summary{cursor:pointer;background:var(--surface);border:1px solid var(--line);width:fit-content;color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:650;list-style:none;transition:background .13s,border-color .13s;display:inline-flex}.quiz-a summary::-webkit-details-marker{display:none}.quiz-a summary:before{content:"▸";font-size:11px}.quiz-a[open] summary:before{content:"▾"}.quiz-a summary:hover{border-color:var(--accent);background:var(--accent-soft)}.quiz-a[open] summary{margin-bottom:10px}.quiz-a>p{color:var(--text-2);border-left:3px solid var(--green);background:var(--surface);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:14px 16px;font-size:15px;line-height:1.8;animation:.28s quiz-reveal}@keyframes quiz-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}