:root,[data-theme=system]{color-scheme:dark light;--bg: #0b1220;--bg-raised: #131c30;--bg-sunken: #080e1a;--surface: #182338;--line: #2b3a55;--line-strong: #3d5273;--text: #e6edf7;--text-muted: #94a5bf;--text-inverse: #0b1220;--accent: #4da3ff;--accent-strong: #2b8cff;--accent-soft: rgba(77, 163, 255, .16);--success: #3ddc97;--success-soft: rgba(61, 220, 151, .16);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .16);--warning: #ffc857;--vlan-1: #4da3ff;--vlan-2: #3ddc97;--vlan-3: #ffc857;--vlan-4: #c792ea;--vlan-5: #ff8fab;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--shadow: 0 12px 32px rgba(0, 0, 0, .34);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .24);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, monospace}@media (prefers-color-scheme: light){:root,[data-theme=system]{--bg: #f4f7fc;--bg-raised: #ffffff;--bg-sunken: #e6ecf6;--surface: #ffffff;--line: #d3ddec;--line-strong: #b3c2d8;--text: #16233a;--text-muted: #5b6b85;--text-inverse: #ffffff;--accent: #1d6fd0;--accent-strong: #14539f;--accent-soft: rgba(29, 111, 208, .12);--success: #12855c;--success-soft: rgba(18, 133, 92, .12);--danger: #c62f2f;--danger-soft: rgba(198, 47, 47, .12);--vlan-1: #1d6fd0;--vlan-2: #12855c;--vlan-3: #b07400;--vlan-4: #7b3fbf;--vlan-5: #c2185b;--shadow: 0 12px 32px rgba(20, 40, 70, .12);--shadow-sm: 0 4px 14px rgba(20, 40, 70, .08)}}[data-theme=sunset]{color-scheme:dark;--bg: #1b1029;--bg-raised: #241536;--bg-sunken: #140b1f;--surface: #2b1940;--line: #4a2c5e;--line-strong: #6b3f80;--text: #ffe9dd;--text-muted: #c9a3b8;--text-inverse: #2a1020;--accent: #ff8a4c;--accent-strong: #ff6b2c;--accent-soft: rgba(255, 138, 76, .18);--success: #5fd6a8;--success-soft: rgba(95, 214, 168, .18);--danger: #ff5470;--danger-soft: rgba(255, 84, 112, .18);--warning: #ffd166;--vlan-1: #ff8a4c;--vlan-2: #5fd6a8;--vlan-3: #ffd166;--vlan-4: #b980f0;--vlan-5: #4cc9f0}[data-theme=deepFried]{color-scheme:light;--bg: #ffcc00;--bg-raised: #ffe600;--bg-sunken: #ff9d00;--surface: #fff200;--line: #ff5500;--line-strong: #cc2200;--text: #3d1400;--text-muted: #7a2e00;--text-inverse: #fff200;--accent: #ff1a00;--accent-strong: #cc0000;--accent-soft: rgba(255, 26, 0, .22);--success: #007a1f;--success-soft: rgba(0, 122, 31, .22);--danger: #b30000;--danger-soft: rgba(179, 0, 0, .22);--warning: #ff7700;--vlan-1: #b30000;--vlan-2: #007a1f;--vlan-3: #7a3c00;--vlan-4: #6a00b3;--vlan-5: #005f9e;--shadow: 0 12px 32px rgba(120, 40, 0, .4);--shadow-sm: 0 4px 14px rgba(120, 40, 0, .3)}[data-theme=justWokeUp]{color-scheme:dark;--bg: #14161a;--bg-raised: #191c21;--bg-sunken: #0f1114;--surface: #1d2126;--line: #2a2f36;--line-strong: #3a4048;--text: #aab0b8;--text-muted: #767c85;--text-inverse: #14161a;--accent: #8298ad;--accent-strong: #9aaec1;--accent-soft: rgba(130, 152, 173, .16);--success: #74a68d;--success-soft: rgba(116, 166, 141, .16);--danger: #b8807f;--danger-soft: rgba(184, 128, 127, .16);--warning: #b5a37a;--vlan-1: #8298ad;--vlan-2: #74a68d;--vlan-3: #b5a37a;--vlan-4: #9a8bb0;--vlan-5: #b08a97}[data-theme=terminal]{color-scheme:dark;--bg: #000000;--bg-raised: #0a120a;--bg-sunken: #000000;--surface: #0d160d;--line: #1f3b1f;--line-strong: #2f5f2f;--text: #33ff66;--text-muted: #1f9c46;--text-inverse: #001200;--accent: #33ff66;--accent-strong: #7dffa5;--accent-soft: rgba(51, 255, 102, .16);--success: #33ff66;--success-soft: rgba(51, 255, 102, .16);--danger: #ff3355;--danger-soft: rgba(255, 51, 85, .18);--warning: #ffcc33;--vlan-1: #33ff66;--vlan-2: #33ffcc;--vlan-3: #ccff33;--vlan-4: #ff9933;--vlan-5: #33ccff}[data-theme=blueprint]{color-scheme:dark;--bg: #0b2f5c;--bg-raised: #103a6e;--bg-sunken: #082446;--surface: #12417a;--line: #2f6bb0;--line-strong: #4f8fd8;--text: #eaf4ff;--text-muted: #a9c8ea;--text-inverse: #072040;--accent: #7fe3ff;--accent-strong: #4fd4ff;--accent-soft: rgba(127, 227, 255, .18);--success: #86f0c0;--success-soft: rgba(134, 240, 192, .18);--danger: #ff9aa8;--danger-soft: rgba(255, 154, 168, .2);--warning: #ffe08a;--vlan-1: #7fe3ff;--vlan-2: #86f0c0;--vlan-3: #ffe08a;--vlan-4: #cbb2ff;--vlan-5: #ff9aa8}[data-theme=highlighter]{color-scheme:light;--bg: #fbfbf2;--bg-raised: #ffffff;--bg-sunken: #f0f0e0;--surface: #ffffff;--line: #d8d8c0;--line-strong: #b0b094;--text: #14140f;--text-muted: #56564a;--text-inverse: #ffffff;--accent: #d4006b;--accent-strong: #a80055;--accent-soft: rgba(212, 0, 107, .14);--success: #00874a;--success-soft: rgba(0, 135, 74, .16);--danger: #d42b16;--danger-soft: rgba(212, 43, 22, .16);--warning: #c99700;--vlan-1: #d4006b;--vlan-2: #00874a;--vlan-3: #c99700;--vlan-4: #6a2fb8;--vlan-5: #0077c2;--shadow: 0 12px 32px rgba(40, 40, 20, .16);--shadow-sm: 0 4px 14px rgba(40, 40, 20, .1)}[data-theme=cottonCandy]{color-scheme:light;--bg: #fdf2f8;--bg-raised: #ffffff;--bg-sunken: #f8e2f0;--surface: #ffffff;--line: #f0cbe2;--line-strong: #d9a3c8;--text: #4a2540;--text-muted: #86617c;--text-inverse: #ffffff;--accent: #c9457f;--accent-strong: #a83367;--accent-soft: rgba(201, 69, 127, .14);--success: #2f9179;--success-soft: rgba(47, 145, 121, .16);--danger: #d24459;--danger-soft: rgba(210, 68, 89, .16);--warning: #cf8a1f;--vlan-1: #c9457f;--vlan-2: #2f9179;--vlan-3: #cf8a1f;--vlan-4: #7b5cc4;--vlan-5: #3d8fc4;--shadow: 0 12px 32px rgba(90, 40, 70, .14);--shadow-sm: 0 4px 14px rgba(90, 40, 70, .09)}[data-theme=monochrome]{color-scheme:light;--bg: #f2f2f2;--bg-raised: #ffffff;--bg-sunken: #e6e6e6;--surface: #ffffff;--line: #cfcfcf;--line-strong: #9c9c9c;--text: #101010;--text-muted: #5a5a5a;--text-inverse: #ffffff;--accent: #1c1c1c;--accent-strong: #000000;--accent-soft: rgba(0, 0, 0, .09);--success: #6e6e6e;--success-soft: rgba(0, 0, 0, .06);--danger: #000000;--danger-soft: rgba(0, 0, 0, .17);--warning: #8a8a8a;--vlan-1: #000000;--vlan-2: #2e2e2e;--vlan-3: #565656;--vlan-4: #7d7d7d;--vlan-5: #9e9e9e;--shadow: 0 12px 32px rgba(0, 0, 0, .18);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .12)}[data-theme=sepia]{color-scheme:light;--bg: #ece0c8;--bg-raised: #f6eeda;--bg-sunken: #ddceae;--surface: #f8f1e1;--line: #c9b48c;--line-strong: #a3865a;--text: #3b2a17;--text-muted: #6d5637;--text-inverse: #f8f1e1;--accent: #8b5e34;--accent-strong: #66421f;--accent-soft: rgba(139, 94, 52, .16);--success: #5a7333;--success-soft: rgba(90, 115, 51, .18);--danger: #97382b;--danger-soft: rgba(151, 56, 43, .18);--warning: #a8770f;--vlan-1: #8b5e34;--vlan-2: #5a7333;--vlan-3: #a8770f;--vlan-4: #7a5183;--vlan-5: #97382b;--shadow: 0 12px 32px rgba(80, 55, 25, .2);--shadow-sm: 0 4px 14px rgba(80, 55, 25, .13)}[data-theme=brazil]{color-scheme:dark;--bg: #04301d;--bg-raised: #073d26;--bg-sunken: #022415;--surface: #0a4a2e;--line: #146b41;--line-strong: #1f9159;--text: #f2fff7;--text-muted: #a6d8bd;--text-inverse: #04301d;--accent: #ffdf00;--accent-strong: #ffc800;--accent-soft: rgba(255, 223, 0, .18);--success: #5cf2a0;--success-soft: rgba(92, 242, 160, .2);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .22);--warning: #ffdf00;--vlan-1: #ffdf00;--vlan-2: #5cf2a0;--vlan-3: #4aa3ff;--vlan-4: #ff9de2;--vlan-5: #ffa14a}[data-theme=switzerland]{color-scheme:light;--bg: #f4f4f4;--bg-raised: #ffffff;--bg-sunken: #e7e7e7;--surface: #ffffff;--line: #d6d6d6;--line-strong: #a2a2a2;--text: #171717;--text-muted: #575757;--text-inverse: #ffffff;--accent: #da291c;--accent-strong: #a81d13;--accent-soft: rgba(218, 41, 28, .12);--success: #14795a;--success-soft: rgba(20, 121, 90, .15);--danger: #c21807;--danger-soft: rgba(194, 24, 7, .15);--warning: #9d7008;--vlan-1: #da291c;--vlan-2: #14795a;--vlan-3: #9d7008;--vlan-4: #5b3f9e;--vlan-5: #1f6fb8;--shadow: 0 12px 32px rgba(30, 30, 30, .14);--shadow-sm: 0 4px 14px rgba(30, 30, 30, .09)}[data-theme=radioactive]{color-scheme:dark;--bg: #0d0f05;--bg-raised: #16190a;--bg-sunken: #080a03;--surface: #1c2010;--line: #3a4318;--line-strong: #5c6b26;--text: #eaffb0;--text-muted: #a3b86a;--text-inverse: #0d0f05;--accent: #ccff00;--accent-strong: #a8d600;--accent-soft: rgba(204, 255, 0, .16);--success: #9fff3d;--success-soft: rgba(159, 255, 61, .16);--danger: #ff4d1a;--danger-soft: rgba(255, 77, 26, .2);--warning: #ffb400;--vlan-1: #ccff00;--vlan-2: #9fff3d;--vlan-3: #ffb400;--vlan-4: #ff4d1a;--vlan-5: #4ddbff}[data-theme=slay]{color-scheme:dark;--bg: #12021f;--bg-raised: #1c0630;--bg-sunken: #0a0114;--surface: #250a3d;--line: #4a1170;--line-strong: #6d1aa3;--text: #ffe9fb;--text-muted: #cd9be0;--text-inverse: #12021f;--accent: #ff2fd0;--accent-strong: #ff00c8;--accent-soft: rgba(255, 47, 208, .2);--success: #3dffd6;--success-soft: rgba(61, 255, 214, .18);--danger: #ff4d4d;--danger-soft: rgba(255, 77, 77, .22);--warning: #ffe14d;--vlan-1: #ff2fd0;--vlan-2: #3dffd6;--vlan-3: #ffe14d;--vlan-4: #9d5cff;--vlan-5: #4dc4ff}[data-theme=touchGrass]{color-scheme:light;--bg: #f2f5ec;--bg-raised: #ffffff;--bg-sunken: #e3ead7;--surface: #ffffff;--line: #cfdcbc;--line-strong: #9db287;--text: #1f2b18;--text-muted: #55684a;--text-inverse: #ffffff;--accent: #4f7c2a;--accent-strong: #3a6323;--accent-soft: rgba(79, 124, 42, .14);--success: #2f7d4f;--success-soft: rgba(47, 125, 79, .16);--danger: #b5442e;--danger-soft: rgba(181, 68, 46, .16);--warning: #a67c00;--vlan-1: #4f7c2a;--vlan-2: #2f7d4f;--vlan-3: #a67c00;--vlan-4: #6b5b95;--vlan-5: #2f6f8f;--shadow: 0 12px 32px rgba(40, 60, 30, .14);--shadow-sm: 0 4px 14px rgba(40, 60, 30, .09)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,var(--accent-soft),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:87.5rem;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}h1,h2,h3{margin:0;line-height:1.2;font-weight:650}p{margin:0}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.muted{color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.85rem}.is-emphasis{color:var(--accent);font-weight:650;font-size:1.05rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.home-header,.exercise-header{display:flex;flex-wrap:wrap-reverse;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.home-header>:first-child,.exercise-header>:first-child{flex:1 1 24rem}.home-title{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em}.home-subtitle{color:var(--text-muted);margin-top:var(--space-2)}.section-title{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-4)}.exercise-title{font-size:1.6rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);align-items:start}.switch-layout,.router-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:var(--space-4);align-items:start}.switch-side,.router-side{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-layout{max-width:760px;margin:0 auto}@media (max-width: 1000px){.switch-layout,.router-layout{grid-template-columns:1fr}}.text-xlarge .switch-layout,.text-xlarge .router-layout{grid-template-columns:1fr}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.card-art{height:110px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-soft),transparent 70%);border:1px solid var(--line);overflow:hidden;display:block}.card-art .art{width:100%;height:100%;display:block}.art-text{fill:var(--text);font-family:var(--font-mono);font-size:15px;font-weight:700}.art-caption{fill:var(--text-muted);font-family:var(--font-sans);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.card-art-switch{background:linear-gradient(135deg,rgba(77,163,255,.18),transparent 70%)}.card-art-router{background:linear-gradient(135deg,rgba(61,220,151,.18),transparent 70%)}.card-art-quiz{background:linear-gradient(135deg,rgba(199,146,234,.18),transparent 70%)}.card-options{border-top:1px solid var(--line);margin-top:var(--space-2);padding-top:var(--space-2)}.card-options-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;list-style:none;font-size:.85rem;font-weight:600;color:var(--text-muted);padding:var(--space-1) 0}.card-options-summary::-webkit-details-marker{display:none}.card-options-summary:before{content:"▸";transition:transform .16s ease;color:var(--accent)}.card-options[open] .card-options-summary:before{transform:rotate(90deg)}.card-options-summary:hover{color:var(--accent)}.card-options-state{margin-left:auto;font-family:var(--font-mono);font-size:.76rem;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px var(--space-2)}.card-locked{display:flex;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.card-locked .card-options-state{margin-left:0}.card-options-body{margin-top:var(--space-3);animation:slide-up .18s ease-out}.card-options .field-group{margin-bottom:var(--space-2)}.exam-panel{margin-top:var(--space-6)}.exam-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.exam-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-left:3px solid var(--success);border-radius:var(--radius-sm);background:var(--bg-raised)}.exam-badge{color:var(--success);font-weight:700}.exam-main{display:flex;flex-direction:column;flex:1;min-width:0}.exam-name{font-weight:650}.exam-detail{font-size:.8rem;color:var(--text-muted)}.exam-score{font-weight:650;color:var(--success);white-space:nowrap}.exam-date{font-size:.8rem;color:var(--text-muted);white-space:nowrap}@media (max-width: 560px){.exam-date{display:none}}.site-footer{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:.72rem;color:var(--text-muted)}.footer-link{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.footer-link:hover{color:var(--accent)}.footer-sep{opacity:.5}.footer-version{opacity:.8}.footer-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.header-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-left:auto}.card-title{font-size:1.15rem}.card-description{color:var(--text-muted);font-size:.92rem;flex:1;min-height:4.2em}.card-progress{font-family:var(--font-mono);font-size:.82rem;color:var(--accent)}.panel-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.panel-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.panel-header .panel-title{margin-bottom:0}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.85rem}.topology-panel{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3);overflow:hidden;transition:border-color .2s ease}.topology-panel.is-correct{border-color:var(--success)}.topology-panel.is-wrong{border-color:var(--danger)}.router-main{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.verdict{display:flex;align-items:center;gap:var(--space-3);height:52px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);overflow:hidden}.verdict.is-correct{background:var(--success-soft);border-color:var(--success)}.verdict.is-wrong{background:var(--danger-soft);border-color:var(--danger)}.verdict-label{white-space:nowrap}.verdict.is-correct .verdict-label{color:var(--success)}.verdict.is-wrong .verdict-label{color:var(--danger)}.verdict-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;color:var(--text-muted)}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font:inherit;font-weight:600;cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease}.btn:active{transform:translateY(1px)}a.btn{display:inline-block;text-decoration:none}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.lang-switch{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden}.lang-button{appearance:none;border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;padding:var(--space-2) var(--space-3);cursor:pointer}.lang-button.is-active{background:var(--accent);color:var(--text-inverse)}.icon-button{display:inline-flex;align-items:center;justify-content:center}.icon{width:1.5em;height:1.5em;display:block}.text-size .icon{transition:transform .16s ease}.text-size-large{background:var(--accent-soft);color:var(--accent)}.text-size-large .icon{transform:scale(1.1)}.text-size-xlarge{background:var(--accent);color:var(--text-inverse)}.text-size-xlarge .icon{transform:scale(1.2)}.input{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:var(--space-2) var(--space-3);width:100%}.input:disabled{opacity:.6}.input-answer{font-size:1.05rem}.input-number{width:5.5rem}.labelled{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--text-muted)}.labelled-text{font-size:.85rem;color:var(--text-muted)}.field-group{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.field-group legend{padding:0 var(--space-2);font-size:.82rem;color:var(--text-muted)}.radio,.check{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:.92rem}.radio small,.check small{display:block;color:var(--text-muted);font-size:.78rem}.check.is-disabled{cursor:default;opacity:.55}.labelled-row{flex-direction:row;align-items:center;gap:var(--space-3)}.input-select{width:auto;min-width:12rem}.entry-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.goal-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.goal-row .hint{flex-basis:100%}.score-bar{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-5);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);overflow:hidden}.stat{display:flex;flex-direction:column}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stat-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:650}.score-progress{position:absolute;inset:auto 0 0;height:3px;background:var(--line)}.score-progress-fill{height:100%;width:calc(var(--progress) * 100%);background:var(--accent);transition:width .32s ease}.banner{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--line);color:var(--text-muted)}.banner-frame{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--text)}.banner-payload{color:var(--text-muted);font-size:.88rem}.chip{display:inline-block;padding:2px var(--space-2);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:650}.chip-ipv6{background:#c792ea2e;color:var(--vlan-4)}.result{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--line)}.result.is-correct{background:var(--success-soft);border-color:var(--success)}.result.is-wrong{background:var(--danger-soft);border-color:var(--danger)}.result-detail{margin-top:var(--space-2);font-size:.88rem}.port-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.port-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--bg-raised)}.port-card.is-correct{border-color:var(--success)}.port-card.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.port-card-title{font-weight:650;font-size:.9rem}.port-card-role{font-size:.74rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.port-card-expected{margin-top:var(--space-2);font-size:.76rem;color:var(--danger)}.mac-table+.mac-table{margin-top:var(--space-4)}.mac-table-title{font-size:.82rem;color:var(--vlan-colour, var(--accent));border-left:3px solid var(--vlan-colour, var(--accent));padding-left:var(--space-2);margin-bottom:var(--space-2)}.mac-table td{font-family:var(--font-mono)}.route-table td{font-family:var(--font-mono);font-size:.84rem}.route-table tr.is-default td{color:var(--text-muted)}.route-table tr.is-match td{background:var(--accent-soft)}.route-table tr.is-winner td{background:var(--success-soft);font-weight:650}.route-table tr.is-evaluating td{background:var(--warning);color:var(--text-inverse);transition:background .12s ease}.explain{margin-top:var(--space-4);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow);animation:slide-up .22s ease-out}.explain-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.explain-table td{font-size:.82rem}.explain-table tr.is-match td{background:var(--accent-soft)}.explain-table tr.is-nomatch td{color:var(--text-muted)}.explain-table tr.is-winner td{background:var(--success-soft);font-weight:650}.explain-verdict{margin-top:var(--space-3);font-weight:650;color:var(--success)}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}}.quiz-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4)}.quiz-question{font-size:1.25rem;line-height:1.4}.choice-group{display:flex;flex-direction:column;gap:var(--space-2)}.choice{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);cursor:pointer;transition:border-color .14s ease,background .14s ease}.choice:hover{border-color:var(--accent)}.choice.is-expected{border-color:var(--success);background:var(--success-soft)}.choice.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.summary{display:grid;place-items:center;min-height:60vh}.summary-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;max-width:460px;box-shadow:var(--shadow);animation:slide-up .28s ease-out}.summary-card.is-passed{border-top-color:var(--success)}.summary-card.is-failed{border-top-color:var(--danger)}.summary-eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.summary-heading{font-size:1.8rem;margin:var(--space-2) 0 var(--space-4)}.summary-line{color:var(--text-muted)}.summary-points{font-family:var(--font-mono);font-size:2rem;font-weight:700;margin:var(--space-3) 0}.summary-goal{font-size:.85rem;color:var(--text-muted)}.summary-actions{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:0}.kv dt{color:var(--text-muted);font-size:.82rem}.kv dd{margin:0;font-family:var(--font-mono)}.fatal{max-width:640px;margin:10vh auto;padding:var(--space-5);border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft)}.fatal pre{white-space:pre-wrap;font-size:.8rem;color:var(--text-muted)}.extras-entry{margin-top:var(--space-4)}.extras-entry .actions{margin-top:var(--space-3)}.extras-subtitle{margin-top:var(--space-1);font-size:.85rem;color:var(--text-muted);max-width:70ch}.extras-body{display:grid;grid-template-columns:220px 1fr;min-height:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);overflow:hidden}.extras-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-right:1px solid var(--line);background:var(--bg-sunken);overflow-y:auto}.extras-nav-item{text-align:left;font:inherit;font-size:.9rem;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer}.extras-nav-item:hover{color:var(--text);background:var(--surface)}.extras-nav-item.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.extras-content{padding:var(--space-5);overflow-y:auto;min-height:0}.extras-feature-title{font-size:1.05rem}.extras-feature-description{margin:var(--space-2) 0 var(--space-5);font-size:.88rem;color:var(--text-muted);max-width:64ch}.link-builder{display:flex;flex-direction:column;gap:var(--space-2)}.builder-exercises{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:var(--space-3)}.builder-output{border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-2)}.builder-output-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.url-output{resize:vertical;font-size:.82rem;line-height:1.5;word-break:break-all}.builder-status{font-size:.82rem;color:var(--text-muted);align-self:center}@media (max-width: 720px){.extras-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.extras-nav{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--line);padding:var(--space-3)}}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.theme-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-card.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-soft),var(--shadow-sm)}.theme-preview{display:flex;gap:3px;height:2.2em}.theme-swatch{flex:1;border-radius:var(--radius-sm);border:1px solid var(--line)}.theme-name{font-size:.9rem;font-weight:600}.theme-card.is-active .theme-name:after{content:" ✓";color:var(--accent)}.theory{margin-top:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}.theory-summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none;font-size:.85rem;font-weight:600;color:var(--text-muted)}.theory-summary::-webkit-details-marker{display:none}.theory-summary:before{content:"▸";transition:transform .16s ease;color:var(--accent)}.theory[open] .theory-summary:before{transform:rotate(90deg)}.theory-summary:hover{color:var(--accent)}.theory-topic{margin-left:auto;font-weight:500;text-align:right}.theory-body{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:.92rem;animation:slide-up .18s ease-out}.theory-subtitle{margin:var(--space-4) 0 var(--space-2);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.theory-steps{margin:var(--space-3) 0 0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--space-2)}.theory-kv dd{font-size:.9rem}.theory-table{font-size:.85rem}.theory-table th{white-space:nowrap}.theory-note{margin-top:var(--space-4);padding:var(--space-3);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-soft);font-size:.88rem}.theory-code{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.76rem;line-height:1.7;overflow-x:auto;white-space:pre}.theory-caption{margin-top:var(--space-2);font-size:.86rem;color:var(--text-muted)}.theory-worked{margin:var(--space-3) 0 0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--space-3)}.theory-worked-label{display:block;font-size:.82rem;color:var(--text-muted)}.theory-worked-calc{display:block;font-size:.92rem}.theory-worked-thought{display:block;margin-top:var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--line-strong);font-size:.86rem;color:var(--text-muted)}.slider{display:flex;align-items:center;gap:var(--space-3)}.input-slider{accent-color:var(--accent);min-width:120px}.slider-value{min-width:3.2em;font-size:.86rem;color:var(--text-muted)}.wire{display:flex;flex-direction:column;gap:var(--space-4)}.wire-message-row{display:flex;flex-direction:column;gap:var(--space-2)}.wire-message-line{display:flex;align-items:center;gap:var(--space-3)}.wire-message-line .input{flex:1 1 auto;min-width:0}.wire-message-line .btn{flex:0 0 auto;white-space:nowrap}.wire-counter{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.wire-notice{font-size:.85rem;color:var(--warning)}.wire-notice.is-empty{display:none}.wire-transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.wire-transport .actions{margin:0}.wire-stage{display:flex;flex-direction:column;gap:var(--space-5)}.wire-canvas-frame{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);max-width:880px;margin:0 auto;width:100%}.wire-canvas{width:100%;height:auto}.wire-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.wire-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);padding:var(--space-4)}.wire-panel-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.wire-panel-title+.wire-panel-title{margin-top:var(--space-4)}.wire-panel-foot{margin-top:var(--space-3);font-size:.8rem;color:var(--text-muted)}.wire-chars{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.wire-char{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent}.wire-char.is-current{border-color:var(--accent);background:var(--accent-soft)}.wire-char.is-done:not(.is-current){opacity:.55}.wire-char-glyph{min-width:1.6em;text-align:center;font-size:1rem;font-weight:600}.wire-char-code{font-size:.8rem;color:var(--text-muted)}.wire-char-bits{display:flex;gap:2px;margin-left:auto}.wire-bit{min-width:1.05em;text-align:center;font-size:.9rem;border-radius:3px}.wire-bit.is-pending{color:var(--text-muted);opacity:.5}.wire-bit.is-sent{color:var(--text)}.wire-bit.is-current{background:var(--accent);color:var(--text-inverse)}.wire-bit.is-framing{color:var(--warning);opacity:.85}.wire-bit.is-framing.is-current{background:var(--warning);color:var(--text-inverse);opacity:1}.wire-bit.is-nibble-end{margin-right:var(--space-2)}.wire-buffer{display:flex;gap:var(--space-1)}.wire-slot{flex:1;text-align:center;padding:var(--space-2) 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-sunken)}.wire-slot.is-empty{color:var(--text-muted);opacity:.6}.wire-slot.is-filled{border-color:var(--line-strong);color:var(--text)}.wire-buffer.is-complete .wire-slot{border-color:var(--success);background:var(--success-soft);color:var(--success)}.wire-output{font-size:1.1rem;word-break:break-all;min-height:1.6em}.wire-output.is-empty{font-size:.85rem;color:var(--text-muted)}.wire-explain{display:flex;flex-direction:column;gap:var(--space-3)}.wire-now-body{border-left:3px solid var(--accent);padding-left:var(--space-4)}.wire-now-detail{margin-top:var(--space-2);color:var(--text-muted);font-size:.9rem}.wire-transport-side{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5)}.wire-coding-field{display:flex;align-items:center;gap:var(--space-3)}.wire-modes .lang-button{font-size:.8rem}.wire-coding-note{max-width:78ch;font-size:.9rem}.wire-coding-note .hint{margin-top:var(--space-2)}.wire-endpoint-body{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5}.wire-endpoint-label{fill:var(--text-muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.wire-endpoint-char{fill:var(--text);font-size:26px;font-weight:600}.bit-token-body{fill:var(--accent);stroke:var(--accent-strong);stroke-width:1.5}.bit-token.is-zero .bit-token-body{fill:var(--bg-raised);stroke:var(--line-strong)}.bit-token-text{fill:var(--text-inverse);font-size:17px;font-weight:700}.bit-token.is-framing .bit-token-body{fill:var(--warning);stroke:var(--warning)}.bit-token.is-framing .bit-token-text{fill:var(--text-inverse)}.bit-token.is-zero .bit-token-text{fill:var(--text)}.wire-trace-label{fill:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.wire-trace-baseline{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4}.wire-trace-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.bit-token-symbols{fill:var(--text-muted);font-size:12px;letter-spacing:.1em}.wire-trace-cell{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:2 3;opacity:.7}.wire-trace-bit{fill:var(--text-muted);font-size:12px}.wire-trace-bit.is-pending{opacity:.4}.wire-trace-code{fill:var(--accent);font-size:11px;letter-spacing:.08em}.wire-trace-bit.is-current{fill:var(--accent);font-weight:700}@media (max-width: 720px){.wire-panels{grid-template-columns:1fr}}.ascii-dialog{width:min(1080px,96vw);max-width:96vw;max-height:92vh;padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow);overflow:hidden}.ascii-dialog::backdrop{background:#0308129e}.ascii-shell{display:flex;flex-direction:column;max-height:92vh}.ascii-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--line)}.ascii-title{font-size:1.2rem}.ascii-subtitle{margin-top:var(--space-1);font-size:.85rem;color:var(--text-muted)}.ascii-body{padding:var(--space-5);overflow-y:auto;min-height:0}.ascii-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.ascii-table{width:100%;border-collapse:collapse;font-size:.82rem;table-layout:fixed}.ascii-table th{text-align:left;padding:var(--space-1) var(--space-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--line)}.ascii-table td{padding:1px var(--space-2);white-space:nowrap}.ascii-table .ascii-char{font-weight:600}.ascii-table tr.is-current td{background:var(--accent-soft);color:var(--accent)}@media (max-width: 720px){.ascii-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none}.ascii-shell{max-height:100vh}}.numbers{display:flex;flex-direction:column;gap:var(--space-4)}.numbers-prompt{font-weight:650}.numbers-rows{display:flex;flex-direction:column;gap:var(--space-2)}.numbers-row{display:grid;grid-template-columns:8.5rem 1fr;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised)}.numbers-row.is-target{border-color:var(--accent);background:var(--accent-soft)}.numbers-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.numbers-shown{font-size:1.3rem;font-weight:650}.numbers-entry{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.numbers-input{max-width:12rem;font-size:1.1rem}.numbers-invalid{color:var(--warning)}.numbers-table{margin-top:var(--space-4)}.numbers-table .theory-table td:nth-child(3),.numbers-table .theory-table th:nth-child(3){padding-right:var(--space-5)}@media (max-width: 620px){.numbers-row{grid-template-columns:1fr;gap:var(--space-2)}}.bit-editor{display:flex;align-items:flex-end;gap:var(--space-4)}.bit-group{display:flex;gap:var(--space-1)}.bit-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.bit-place{font-size:.68rem;color:var(--text-muted)}.bit-button{width:2.4rem;height:2.4rem;font:inherit;font-family:var(--font-mono);font-size:1.1rem;font-weight:650;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.bit-button.is-one{background:var(--accent);border-color:var(--accent-strong);color:var(--text-inverse)}button.bit-button:hover:not(:disabled){border-color:var(--accent)}button.bit-button:disabled{cursor:default;opacity:.75}.bit-button.is-static{cursor:default}.bit-editor.is-static .bit-button{border-style:dashed}.topology{width:100%;height:auto;display:block;overflow:visible}.text-xlarge .topology{max-height:80vh}.cable{fill:none;stroke:var(--line-strong);stroke-width:2.5;stroke-linecap:round;opacity:.55;transition:opacity .2s ease,stroke-width .2s ease}.cable-host{stroke-dasharray:4 6;opacity:.4}.cable.is-active{opacity:1;stroke-width:4;filter:drop-shadow(0 0 6px currentColor)}.chassis-body{fill:var(--bg-raised);stroke:var(--line-strong);stroke-width:2}.chassis-label,.router-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:15px;letter-spacing:.18em}.router-circle{fill:var(--bg-raised);stroke:var(--line-strong);stroke-width:2}.port,.interface{transform-box:fill-box;transform-origin:center}.port-body,.interface-body{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5;transition:stroke .2s ease,fill .2s ease}.port-label,.interface-name{fill:var(--text);font-family:var(--font-mono);font-size:15px;font-weight:650}.port-role{fill:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.interface-addr{fill:var(--text-muted);font-family:var(--font-mono);font-size:10px}.vlan-badge{font-family:var(--font-mono);font-size:11px;font-weight:650}.vlan-badge.is-tagged{font-style:italic}.port.is-expected .port-body,.interface.is-expected .interface-body{stroke:var(--success);stroke-width:3}.port.is-mistake .port-body,.interface.is-mistake .interface-body{stroke:var(--danger);stroke-width:3}.interface.is-interactive{cursor:pointer}.interface.is-interactive:hover .interface-body{stroke:var(--accent)}.interface.is-selected .interface-body{fill:var(--accent-soft);stroke:var(--accent);stroke-width:3}.host-body{fill:var(--bg-raised);stroke-width:2.5}.host-label{fill:var(--text);font-family:var(--font-mono);font-size:13px;font-weight:700}.host.is-unknown .host-body{fill:var(--bg-sunken);stroke-dasharray:3 3;opacity:.7}.host.is-unknown .host-label{fill:var(--text-muted);font-weight:500}.host.is-known .host-label{animation:host-reveal .42s ease-out}@keyframes host-reveal{0%{opacity:0;transform:scale(.6)}}.host.is-sending .host-body{filter:drop-shadow(0 0 8px var(--accent))}.frame-token,.packet-token{pointer-events:none}.frame-body,.packet-body{fill:var(--accent);stroke:var(--accent-strong);stroke-width:1.5;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.frame-text,.packet-text{fill:var(--text-inverse);font-family:var(--font-mono);font-size:12px;font-weight:700}.frame-tag,.packet-sub{fill:var(--text-inverse);font-family:var(--font-mono);font-size:9px;opacity:.85}.packet-token.is-parked .packet-body{fill:var(--warning)}.frame-token.is-discarded,.packet-token.is-dropped{opacity:.55}.frame-token.is-discarded .frame-body,.packet-token.is-dropped .packet-body{fill:var(--text-muted);stroke:var(--text-muted)}