.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.mode-cards button{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;cursor:pointer;color:var(--navy)}.mode-cards button>span{font-size:22px;color:#8b9691}.mode-cards b,.mode-cards small{display:block;font-family:Manrope}.mode-cards b{font-size:12px}.mode-cards small{font-size:9px;color:#86908c;margin-top:3px}.mode-cards button.selected{border-color:var(--lime-dark);box-shadow:inset 0 0 0 1px var(--lime-dark);background:#f9fdeb}.mode-cards button.selected>span{color:var(--lime-dark)}
.quiz-layout{display:grid;grid-template-columns:190px minmax(0,850px);gap:18px;align-items:start;justify-content:center;margin:54px auto}.quiz-layout .quiz-shell{margin:0;max-width:none;width:100%}.question-map{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.map-grid button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:6px;font:600 10px DM Mono;color:#6f7a75;cursor:pointer;position:relative}.map-grid button.current{background:var(--navy);border-color:var(--navy);color:#fff}.map-grid button.done:not(.current){background:#eff8dd;border-color:#9ac43c;color:#52730e}.map-grid button.flagged:after{content:"";position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%;right:-2px;top:-2px}.map-key{display:grid;gap:6px;margin-bottom:17px;font-size:8px;color:#7b8681}.map-key span{display:flex;align-items:center;gap:6px}.map-key i{width:9px;height:9px;border-radius:3px;background:#eff8dd;border:1px solid #9ac43c}.map-key i.flagged{background:var(--orange);border-color:var(--orange);border-radius:50%}.question-tools{display:flex;align-items:center;justify-content:space-between}.flag-btn{border:0;background:none;color:#7d8883;font:600 10px Manrope;cursor:pointer}.flag-btn.active{color:#b36222}.select-note{font:600 9px DM Mono;color:#8a9590;margin:-18px 0 14px}.btn:disabled,.answer:disabled{cursor:not-allowed;transform:none;opacity:.65}
.results-shell{max-width:900px;margin:55px auto}.result-hero{background:var(--navy);color:#fff;border-radius:16px;padding:32px 45px;display:flex;align-items:center;gap:35px}.result-hero .score-ring{margin:0;flex:0 0 140px}.result-hero h2{font-size:29px;margin:7px 0}.result-hero p{color:#afbac5;font-size:11px}.result-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:14px 0 32px}.result-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.result-panel h3{color:var(--navy);margin:0 0 16px;font-size:15px}.recommendation{background:#f8fcea}.recommendation h3{margin:7px 0}.recommendation p{color:var(--muted);font-size:10px;line-height:1.6}.domain-breakdown{display:grid;gap:11px}.domain-breakdown>div{display:grid;grid-template-columns:130px 1fr 25px;gap:9px;align-items:center;font-size:9px}.domain-breakdown i{height:6px;background:#edf0ee;border-radius:4px;overflow:hidden}.domain-breakdown i b{display:block;height:100%;background:var(--lime-dark)}.review-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.review-head h3{margin:5px 0 0;color:var(--navy)}.review-list{display:grid;gap:8px}.review-item{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.review-item summary{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:15px;cursor:pointer;list-style:none}.review-item summary>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eff8dd;color:#5e880d;font-weight:800}.review-item.miss summary>span{background:#fff0f0;color:var(--red)}.review-item summary small,.review-item summary b{display:block}.review-item summary small{font:500 8px DM Mono;color:#8b9691;margin-bottom:3px}.review-item summary b{font-size:10px;color:var(--navy)}.review-item summary em{font:600 9px DM Mono;font-style:normal;color:#658b18}.review-item.miss summary em{color:var(--red)}.review-body{border-top:1px solid var(--line);padding:12px 53px 17px;background:#fafbf9}.review-body p{font-size:10px;line-height:1.65;color:#5f6b66;margin:5px 0}.results-shell>.result-actions{margin-top:25px}
@media(max-width:800px){.quiz-layout{grid-template-columns:1fr;margin:25px auto}.question-map{position:static;order:2}.map-grid{grid-template-columns:repeat(10,1fr)}.result-hero{padding:25px;gap:22px}.result-columns{grid-template-columns:1fr}}@media(max-width:520px){.mode-cards{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(5,1fr)}.quiz-shell{padding:22px}.quiz-actions{align-items:flex-start;gap:15px}.quiz-actions>div{display:flex;gap:7px}.quiz-actions .btn{padding:11px}.result-hero{display:block;text-align:center}.result-hero .score-ring{margin:0 auto 20px}.domain-breakdown>div{grid-template-columns:100px 1fr 25px}.review-item summary{grid-template-columns:28px 1fr}.review-item summary em{display:none}.review-body{padding-left:18px}.results-shell{margin-top:28px}}

/* Theme control */
.theme-toggle{width:48px;height:27px;padding:3px;border:1px solid var(--line);border-radius:16px;background:#eef2ef;display:flex;align-items:center;justify-content:space-between;position:relative;color:#7a8580;cursor:pointer}.theme-toggle:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(16,35,62,.17);transition:transform .25s}.theme-toggle span{font-size:12px;line-height:1;z-index:1;width:18px;text-align:center}.theme-toggle .sun{color:#b67414}.theme-toggle .moon{color:#77838d}

[data-theme="dark"]{--ink:#e8edf2;--muted:#97a5b2;--paper:#091321;--white:#111e2d;--navy:#dce9f5;--line:#29394a;--lime:#b7ef3b;--lime-dark:#a3da2d;--cyan:#35d0d8;--shadow:0 18px 50px rgba(0,0,0,.28);color-scheme:dark}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}[data-theme="dark"] .topbar{background:#0e1a28;border-color:var(--line)}[data-theme="dark"] .brand{color:#edf5fb}[data-theme="dark"] .nav-link{color:#91a0ad}[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{color:#e8f2f8;background:#192839}[data-theme="dark"] .theme-toggle{background:#172638}[data-theme="dark"] .theme-toggle:before{transform:translateX(21px);background:#31445a}[data-theme="dark"] .theme-toggle .sun{color:#758493}[data-theme="dark"] .theme-toggle .moon{color:#d8e9fa}
[data-theme="dark"] .track-card,[data-theme="dark"] .stats-grid article,[data-theme="dark"] .builder-main,[data-theme="dark"] .session-summary,[data-theme="dark"] .panel,[data-theme="dark"] .quiz-shell,[data-theme="dark"] .question-map,[data-theme="dark"] .result-panel,[data-theme="dark"] .review-item,[data-theme="dark"] .roadmap-item{background:var(--white);border-color:var(--line)}
[data-theme="dark"] .hero-copy h1,[data-theme="dark"] .section-head h2,[data-theme="dark"] .track-card h3,[data-theme="dark"] .track-card h2,[data-theme="dark"] .track-card strong,[data-theme="dark"] .stats-grid strong,[data-theme="dark"] .page-title h1,[data-theme="dark"] .session-summary h3,[data-theme="dark"] .field-label,[data-theme="dark"] .panel h2,[data-theme="dark"] .panel h3,[data-theme="dark"] .question-text,[data-theme="dark"] .roadmap-item h3,[data-theme="dark"] .review-head h3,[data-theme="dark"] .review-item summary b,[data-theme="dark"] .result-panel h3{color:var(--navy)}
[data-theme="dark"] .segmented,[data-theme="dark"] .drill-question{background:#0b1724}[data-theme="dark"] .segmented button.selected{background:#25374a;color:#f1f6fa}[data-theme="dark"] .domain-option,[data-theme="dark"] .mode-cards button,[data-theme="dark"] .answer,[data-theme="dark"] .drill-answers button,[data-theme="dark"] .map-grid button{background:#111e2d;border-color:var(--line);color:#b7c3cd}[data-theme="dark"] .domain-option.selected,[data-theme="dark"] .mode-cards button.selected{background:#1b2b31;border-color:var(--lime-dark);color:#eff8fa}[data-theme="dark"] .card-btn{background:#1b2b3b;color:#dce9f5}[data-theme="dark"] .progress,[data-theme="dark"] .quiz-progress,[data-theme="dark"] .domain-breakdown i{background:#273747}
[data-theme="dark"] .ip-input-row input,[data-theme="dark"] .ip-input-row select{background:#0b1724;border-color:var(--line);color:#e0ebf4}[data-theme="dark"] .result-list,[data-theme="dark"] .result-list div{background:var(--white);border-color:var(--line)}[data-theme="dark"] .result-list strong{color:#e4edf4}[data-theme="dark"] .subnet-row{border-color:var(--line)}[data-theme="dark"] .tip-card code,[data-theme="dark"] .binary-strip{background:#07101b}
[data-theme="dark"] .answer.selected{background:#24384b;border-color:#8ca1b3;color:#fff}[data-theme="dark"] .answer.correct{background:#20371f;border-color:#7fae32;color:#e6f4d4}[data-theme="dark"] .answer.wrong{background:#3a2025;border-color:#d86767;color:#f6dada}[data-theme="dark"] .explanation{background:#1a2b25;color:#bdc9c2}[data-theme="dark"] .review-body{background:#0d1926;border-color:var(--line)}[data-theme="dark"] .recommendation{background:#1a2b25}[data-theme="dark"] .score-ring:before{background:#111e2d}[data-theme="dark"] .result-hero .score-ring:before{background:#111e2d}[data-theme="dark"] footer{background:#060e18}[data-theme="dark"] .topology-card{border:1px solid #30435a}
[data-theme="dark"] .btn.primary,[data-theme="dark"] .result-hero,[data-theme="dark"] .topology-card,[data-theme="dark"] .roadmap-num,[data-theme="dark"] .map-grid button.current{background:#10233e;color:#fff}[data-theme="dark"] .avatar,[data-theme="dark"] .brand-mark{background:#203750}[data-theme="dark"] .text-btn{color:#aebbc5}[data-theme="dark"] .result-hero h2{color:#fff}[data-theme="dark"] .node.main text{fill:#10233e}
@media(max-width:800px){[data-theme="dark"] .topbar nav{background:#0e1a28;border-color:var(--line)}}