*{box-sizing:border-box}body{margin:0;background:#0a0e1a;color:#dbe4f3;font-family:ui-sans-serif,-apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:14px}#root,.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#2a3a5e transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3a5e;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3a4d76;background-clip:padding-box}.topbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px;padding:7px 16px;background:#0d1322;border-bottom:1px solid #1c2742}.brand{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;order:1}.brand-dot{width:10px;height:10px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 10px #2dd4bf}.brand-title{font-weight:700;font-size:15px;letter-spacing:.2px;white-space:nowrap}.brand-sub{font-size:11px;color:#6b7d9e;white-space:nowrap}.brand-by{display:inline-block;margin-top:2px;font-size:11px;font-weight:600;color:#2dd4bf;text-decoration:none;white-space:nowrap}.brand-by:hover{text-decoration:underline}.topbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;order:2;justify-content:flex-end}.counts{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:4px 10px;font-size:12px;color:#8aa0c4;background:#0a0f1c;border:1px solid #1c2742;border-radius:999px;white-space:nowrap}.counts strong{color:#e8eefb;font-weight:700}.counts-sep{color:#3a4866}.lab-actions{display:flex;align-items:center;gap:8px}.nav-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}.nav-toggle span{font-size:13px;line-height:1}.session-start{display:inline-flex;align-items:center;gap:7px}.session-clock{font-size:14px;line-height:1}.session-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 11px;background:#0a1f1c;border:1px solid #1f5141;border-radius:999px;color:#5eead4}.session-time{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;min-width:44px;text-align:center}.session-reset{display:grid;place-items:center;width:22px;height:22px;border:1px solid #1f5141;background:transparent;color:#5eead4;border-radius:50%;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.session-reset:hover{background:#0e3a32;color:#a7f3d0}.btn{background:#141d33;border:1px solid #243355;color:#aebcd8;border-radius:8px;padding:6px 12px;font-size:12.5px;cursor:pointer}.btn:hover{background:#1a2542;color:#e8eefb}.btn.accent{border-color:#3b82f6;color:#93c5fd;box-shadow:0 0 10px #3b82f622}.btn.small{padding:2px 8px;font-size:11px}.main{flex:1;display:flex;min-height:0}.toolbar{width:clamp(148px,11vw,188px);flex:none;background:#0d1322;border-right:1px solid #1c2742;padding:10px 8px;overflow-y:auto}.tb-section{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:#4d5e7e;margin:10px 6px 6px}.tool-btn{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;margin-bottom:2px;border-radius:8px;background:transparent;border:1px solid transparent;color:#9fb0cc;cursor:pointer;font-size:12.5px;text-align:left}.tool-btn:hover{background:#141d33}.tool-btn.active{background:#15233f;border-color:var(--accent, #3b82f6);color:#e8eefb;box-shadow:0 0 10px color-mix(in srgb,var(--accent, #3b82f6) 25%,transparent)}.tb-icon{width:18px;height:18px;flex:none}.canvas-wrap{flex:1;position:relative;overflow:hidden;background-color:#0a0e1a;background-image:radial-gradient(circle,#16203a 1px,transparent 1px);background-size:26px 26px}svg.scene{position:absolute;inset:0;width:100%;height:100%;user-select:none;-webkit-user-select:none}svg.scene text{pointer-events:none}.bubble,.flight,.demo-flight{pointer-events:none}.bubble-label{font-size:12px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;opacity:.9}.link-line{stroke:#7dd3fc;stroke-opacity:.5;stroke-width:2;stroke-dasharray:7 7;animation:march 1.1s linear infinite;pointer-events:none}.link-hit{stroke:transparent;stroke-width:16;pointer-events:none}.link.deletable .link-hit{pointer-events:stroke}.link.deletable{cursor:pointer}.link.deletable:hover .link-line{stroke:#f87171;stroke-opacity:.95;animation:none}@keyframes march{to{stroke-dashoffset:-28}}.preview-line{stroke:#fbbf24;stroke-opacity:.7;stroke-width:2;stroke-dasharray:5 6;pointer-events:none}.tile{fill:#0e1526;stroke-width:1.6}.device .ring{fill:none;stroke:#e8eefb;stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:4 4}.device .ring.pending{stroke:#fbbf24;stroke-opacity:.9}.dev-name{fill:#dbe4f3;font-size:12px;font-weight:600;text-anchor:middle}.dev-ip{fill:#5eead4;font-size:10.5px;text-anchor:middle;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.packet{fill:#fbbf24;filter:drop-shadow(0 0 7px #fbbf24)}.packet.reply{fill:#34d399;filter:drop-shadow(0 0 7px #34d399)}.burst{fill:none;stroke-width:2.5;animation:burst .9s ease-out forwards}.burst.ok{stroke:#34d399}.burst.bad{stroke:#f87171}@keyframes burst{0%{r:6;opacity:1}to{r:30;opacity:0}}.hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#0d1322e0;border:1px solid #233152;padding:6px 16px;border-radius:999px;font-size:12px;color:#9fb0cc;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.side{width:clamp(300px,22vw,420px);flex:none;background:#0d1322;border-left:1px solid #1c2742;display:flex;flex-direction:column;min-height:0}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#4d5e7e;padding:12px 14px 8px}.panel.details{flex:none;max-height:46%;overflow-y:auto;border-bottom:1px solid #1c2742}.panel.eventlog{flex:1;display:flex;flex-direction:column;min-height:0}.pad{padding:0 14px 14px}.muted{color:#6b7d9e;font-size:12.5px}.dev-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.chip{width:12px;height:12px;border-radius:4px;flex:none}.dev-head-name{font-weight:700;font-size:14px}.dev-head-type{font-size:11px;color:#6b7d9e}.row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid #141d33;font-size:12.5px}.row-k{color:#6b7d9e;flex:none}.row-v{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;color:#c9d6ee;text-align:right}.row-v.warn{color:#fbbf24;font-family:inherit}.blurb{font-size:12px;color:#8b9cbd;line-height:1.5;margin:10px 0 0}.toggle{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:#fbbf24;cursor:pointer}.toggle input{accent-color:#fb923c}.addr-block{margin-top:10px}.seg-toggle{display:flex;gap:4px;padding:3px;background:#0a0f1c;border:1px solid #1c2842;border-radius:9px;margin-bottom:10px}.seg{flex:1;background:transparent;border:none;color:#8b9cbd;font-size:12px;font-weight:600;padding:6px 8px;border-radius:6px;cursor:pointer}.seg.on{background:#18233d;color:#e8eefb;box-shadow:inset 0 0 0 1px #2c3c63}.ipform{display:flex;flex-direction:column;gap:9px}.ipf{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:#8b9cbd}.ipf input{background:#0a0f1c;border:1px solid #2c3c63;color:#e8eefb;border-radius:8px;padding:8px 10px;font-size:13px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.ipf input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 22%,transparent)}.ipf.bad input{border-color:#f87171}.warn-text{color:#fbbf24}.log{flex:1;overflow-y:auto;padding:4px 14px 12px;font-size:12.5px;line-height:1.6}.log-entry{padding:3px 0;border-bottom:1px solid #10182c}.log-entry.info{color:#9fb0cc}.log-entry.system{color:#93c5fd}.log-entry.success{color:#34d399}.log-entry.error{color:#f87171}.log-entry.warn{color:#fbbf24}.overlay{position:fixed;inset:0;background:#04070eb8;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(620px,92vw);max-height:84vh;overflow-y:auto;background:#0d1322;border:1px solid #243355;border-radius:14px;padding:20px 24px;box-shadow:0 0 40px #3b82f626;font-size:13.5px;line-height:1.6;color:#aebcd8}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal h2{margin:0;font-size:17px;color:#e8eefb}.modal h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#5eead4;margin:18px 0 6px}.modal b{color:#dbe4f3}.modal ol,.modal ul{padding-left:20px;margin:6px 0}.modal li{margin-bottom:5px}.gloss{list-style:none;padding-left:0}.toolbar.learn{width:216px}.tabs{display:flex;gap:4px;margin:2px 2px 8px;background:#0a0f1c;border:1px solid #1c2742;border-radius:9px;padding:3px}.tab{flex:1;padding:5px 0;border:none;border-radius:6px;background:transparent;color:#9fb0cc;font-size:12px;font-weight:600;cursor:pointer}.tab.active{background:#15233f;color:#e8eefb;box-shadow:0 0 8px #3b82f622}.tb-blurb{font-size:11px;color:#6b7d9e;line-height:1.45;margin:0 6px 10px}.concept-btn{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;margin-bottom:1px;border-radius:7px;background:transparent;border:1px solid transparent;color:#9fb0cc;cursor:pointer;font-size:12px;text-align:left}.concept-btn:hover{background:#141d33}.concept-btn.active{background:#15233f;border-color:#3b82f6;color:#e8eefb}.cnum{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10px;color:#4d5e7e;flex:none;width:18px}.concept-btn.active .cnum{color:#5eead4}.zoom-controls{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:6px}.zoom-controls .btn{width:34px;height:34px;padding:0;font-size:16px;line-height:1}.caption-card{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:min(640px,calc(100% - 48px));background:#0d1322f0;border:1px solid #2a3a63;border-radius:14px;padding:12px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #00000073}.caption-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.caption-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#5eead4;font-weight:700}.caption-progress{font-size:11px;color:#4d5e7e;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.caption-text{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:#dbe4f3;min-height:2.6em}.caption-controls{display:flex;gap:6px;flex-wrap:wrap}.caption-controls .btn:disabled{opacity:.4;cursor:not-allowed}.task-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(680px,calc(100% - 140px));background:#0d1322eb;border:1px solid #2dd4bf66;border-radius:999px;padding:7px 14px;font-size:12.5px;color:#dbe4f3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.task-tag{flex:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#2dd4bf;border:1px solid #2dd4bf55;border-radius:999px;padding:2px 8px}.task-close{flex:none;background:none;border:none;color:#6b7d9e;cursor:pointer;font-size:13px;padding:0 2px}.task-close:hover{color:#e8eefb}.flight-label{font-size:11.5px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-weight:600;paint-order:stroke;stroke:#0a0e1ae6;stroke-width:3px}.demo-notes{pointer-events:none}.demo-note{animation:noteIn .32s ease both}@keyframes noteIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-note-link{stroke-width:1.5;stroke-dasharray:4 4;opacity:.6}.demo-note-dot{opacity:.9}.demo-note-box{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;background:#0d1322f5;border:1px solid #5eead4;border-left-width:3px;border-radius:9px;padding:9px 11px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:12.5px;line-height:1.4;color:#e8eefb;box-shadow:0 8px 22px #00000073}.device .ring.hl{stroke:#fbbf24;stroke-opacity:.9;stroke-width:2;stroke-dasharray:6 5;animation:hl-pulse 1.1s ease-in-out infinite}@keyframes hl-pulse{0%,to{stroke-opacity:.9}50%{stroke-opacity:.35}}.sectionnav{order:3;flex:1 1 100%;display:flex;justify-content:center;flex-wrap:nowrap;gap:4px;margin-top:2px;padding-top:5px;border-top:1px solid #16213a;overflow-x:auto;scrollbar-width:none}.sectionnav::-webkit-scrollbar{display:none}.snav{border:none;background:transparent;color:#9fb0cc;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:7px;cursor:pointer;flex:0 0 auto;white-space:nowrap}.snav:hover{color:#e8eefb}.snav.active{background:#15233f;color:#e8eefb;box-shadow:0 0 10px #3b82f633}.study{flex:1;min-height:0;overflow-y:auto;padding:28px 24px 60px;background:radial-gradient(1200px 500px at 50% -10%,#11203f44,transparent),#0a0e1a}.study-intro{max-width:680px;margin:4vh auto 0;text-align:center}.study-intro.wide{max-width:920px}.study h1{font-size:28px;margin:0 0 10px;color:#e8eefb;letter-spacing:.2px}.study-lead{font-size:15px;line-height:1.6;color:#9fb0cc;margin:0 auto 26px;max-width:620px}.study-filter{margin-bottom:26px}.study-filter-label,.ws-label,.pbq-res-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#4d5e7e;margin-bottom:10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fchip{background:#101a30;border:1px solid #243355;color:#aebcd8;border-radius:999px;padding:7px 14px;font-size:12.5px;cursor:pointer;transition:border-color .15s,color .15s}.fchip:hover{color:#e8eefb;border-color:var(--accent, #3b82f6)}.fchip.active{border-color:var(--accent, #3b82f6);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--accent, #3b82f6) 30%,transparent);background:#15233f}.big-btn{background:#2563eb;border:1px solid #3b82f6;color:#fff;font-size:14px;font-weight:600;padding:11px 22px;border-radius:10px;cursor:pointer;box-shadow:0 0 16px #3b82f644;transition:filter .15s}.big-btn:hover{filter:brightness(1.12)}.big-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.big-btn.ghost{background:transparent;border-color:#2dd4bf66;color:#5eead4;box-shadow:none}.big-btn.ghost:hover{background:#0e2420;border-color:#2dd4bf}.study-tip{margin-top:16px;font-size:12px;color:#6b7d9e}.quiz-mode-grid{width:min(760px,100%);margin:22px auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-mode-card{display:grid;gap:7px;min-height:160px;text-align:left;background:#0d1322;border:1px solid #1f2c4a;border-radius:14px;padding:18px;color:#cdd9f0;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.quiz-mode-card:hover,.quiz-mode-card.active{border-color:#3b82f6;background:#101a30}.quiz-mode-card:hover{transform:translateY(-1px)}.quiz-exam-card{width:min(760px,100%);margin:0 auto 22px;display:grid;gap:7px;min-height:132px;text-align:left;background:#10111e;border:1px solid #4b2e45;border-radius:14px;padding:18px;color:#cdd9f0;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.quiz-exam-card:hover,.quiz-exam-card:focus-visible{border-color:#f472b6;background:#171326;outline:none;transform:translateY(-1px)}.quiz-exam-card .mode-eyebrow{color:#f9a8d4}.quiz-exam-card .mode-count{background:#2a1430;border-color:#6b2f63;color:#fce7f3}.mode-eyebrow{color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.mode-title{color:#f8fbff;font-size:22px;font-weight:800}.mode-copy{color:#9fb1d1;font-size:13px;line-height:1.5}.mode-count{align-self:end;width:fit-content;color:#dbeafe;background:#17284a;border:1px solid #2f4d83;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.quiz-statusbar,.cards-statusbar{max-width:760px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.qs-left{display:flex;align-items:baseline;gap:6px;min-width:0}.qs-domain{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.qs-topic{font-size:12.5px;color:#6b7d9e}.qs-difficulty{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.qs-difficulty.easy{background:#0f2c24;color:#6ee7b7;border:1px solid #286b58}.qs-difficulty.medium{background:#261a3d;color:#c4b5fd;border:1px solid #554080}.qs-right{display:flex;align-items:center;gap:10px}.qs-score{font-size:12.5px;color:#c9d6ee;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.qs-round{font-size:11px;color:#4d5e7e}.quiz-card{max-width:760px;margin:0 auto;background:#0d1322;border:1px solid #1f2c4a;border-radius:16px;padding:26px;box-shadow:0 10px 40px #00000059}.quiz-q{font-size:17px;line-height:1.55;color:#e8eefb;margin-bottom:20px}.acro-help{display:flex;align-items:flex-start;gap:10px;margin:-6px 0 18px;flex-wrap:wrap}.acro-label{color:#6b7d9e;font-size:11px;font-weight:800;letter-spacing:.7px;line-height:28px;text-transform:uppercase}.acro-list{display:flex;flex-wrap:wrap;gap:8px}.acro-btn{position:relative;border:1px solid #2c3c63;background:#121f38;color:#bfdbfe;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.4px;cursor:help}.acro-btn:hover,.acro-btn:focus-visible{border-color:#60a5fa;background:#16294d;color:#f8fbff;outline:none}.acro-pop{position:absolute;z-index:20;left:0;top:calc(100% + 8px);display:none;width:max-content;max-width:280px;padding:11px 12px;border:1px solid #33517f;border-radius:10px;background:#07101f;color:#cdd9f0;box-shadow:0 16px 35px #00000059;text-align:left;white-space:normal}.acro-pop strong{display:block;color:#f8fbff;font-size:12.5px;line-height:1.35;margin-bottom:5px}.acro-pop span{display:block;color:#9fb1d1;font-size:12px;line-height:1.45;font-weight:500;letter-spacing:0}.acro-btn:nth-last-child(-n+2) .acro-pop{right:0;left:auto}.acro-btn:hover .acro-pop,.acro-btn:focus .acro-pop,.acro-btn:focus-visible .acro-pop{display:block}.quiz-choices{display:flex;flex-direction:column;gap:10px}.quiz-choice{display:flex;align-items:center;gap:12px;text-align:left;background:#101a30;border:1px solid #243355;color:#cdd9f0;border-radius:11px;padding:13px 15px;font-size:14px;cursor:pointer;transition:border-color .12s,background .12s}.quiz-choice:hover:not(:disabled){border-color:#3b82f6;background:#142239}.quiz-choice.selected{border-color:#60a5fa;background:#16294d;color:#f8fbff}.quiz-choice:disabled{cursor:default}.qc-key{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#1a2542;border:1px solid #2c3c63;font-size:12px;font-weight:700;color:#93c5fd}.quiz-choice.right{border-color:#34d399;background:#0e2a20;color:#d6ffe9}.quiz-choice.right .qc-key{background:#14532d;border-color:#34d399;color:#6ee7b7}.quiz-choice.wrong{border-color:#f87171;background:#2a1414;color:#ffd9d9}.quiz-choice.wrong .qc-key{background:#4c1d1d;border-color:#f87171;color:#fca5a5}.quiz-choice.dim{opacity:.5}.quiz-feedback{margin-top:20px;border-radius:12px;padding:16px 18px;border:1px solid}.quiz-feedback.ok{background:#0e2018;border-color:#2f6b50}.quiz-feedback.bad{background:#1c1320;border-color:#5a3a6b}.qf-head{font-weight:700;font-size:14px;margin-bottom:6px}.quiz-feedback.ok .qf-head{color:#6ee7b7}.quiz-feedback.bad .qf-head{color:#f0abfc}.qf-text{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:#cdd9f0}.qf-actions{display:flex;gap:10px;flex-wrap:wrap}.quiz-weakspots{max-width:760px;margin:22px auto 0;text-align:center}.ws-chip{background:#1c1320;border:1px solid #43304f;color:#d8b4fe;border-radius:999px;padding:5px 12px;font-size:12px}.ws-chip b{color:#f0abfc}.exam-intro{max-width:760px}.exam-kicker{display:inline-flex;margin-bottom:10px;color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.exam-rules{width:min(720px,100%);margin:24px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.exam-rules div{background:#0d1322;border:1px solid #1f2c4a;border-radius:14px;padding:18px}.exam-rules b{display:block;color:#f8fbff;font-size:28px;line-height:1;margin-bottom:8px}.exam-rules span{color:#8ea0bf;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.exam-intro-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.exam-statusbar{max-width:760px;margin:0 auto 16px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.exam-clock{border:1px solid #4b2e45;background:#20111f;color:#f9a8d4;border-radius:999px;padding:8px 14px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:800}.exam-progress{justify-self:end;color:#8ea0bf;font-size:12.5px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.exam-card{overflow:visible}.exam-actions{margin-top:20px}.exam-ai-box{margin-bottom:14px}.exam-ai-text{margin:12px 0 0;background:#101a30;border:1px solid #243355;border-radius:10px;padding:12px 14px;color:#d8e4f8;font-size:13.5px;line-height:1.6}.exam-results{max-width:760px;margin:6vh auto 0;text-align:center;background:#0d1322;border:1px solid #1f2c4a;border-radius:16px;padding:30px;box-shadow:0 10px 40px #00000059}.exam-results>.big-btn{margin:0 5px 8px}.exam-result-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.exam-result-pill.pass{color:#6ee7b7;border:1px solid #286b58;background:#0f2c24}.exam-result-pill.fail{color:#fca5a5;border:1px solid #6b2f2f;background:#2a1414}.exam-results h1{margin:14px 0 8px;color:#f8fbff;font-size:44px}.exam-results p{max-width:560px;margin:0 auto 24px;color:#9fb1d1;font-size:14px;line-height:1.6}.exam-domain-list{display:grid;gap:8px;margin:0 0 24px;text-align:left}.exam-domain-row{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#101a30;border:1px solid #243355;border-radius:10px;padding:12px 14px}.exam-domain-name{font-size:13px;font-weight:800}.exam-domain-score{color:#e8eefb;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800}.exam-review{margin:28px 0;text-align:left}.exam-review h2{margin:0 0 14px;color:#f8fbff;font-size:18px}.exam-review-domain{margin-top:18px}.exam-review-domain h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.6px}.exam-miss-list{display:grid;gap:12px}.exam-miss-card{background:#101a30;border:1px solid #243355;border-radius:12px;padding:16px}.exam-miss-topic{display:inline-flex;color:#9fb1d1;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.exam-miss-q{margin:0 0 12px!important;max-width:none!important;color:#e8eefb!important;font-size:14px!important;line-height:1.55!important}.exam-miss-answers{display:grid;gap:7px;margin-bottom:12px}.exam-miss-answers span{color:#8ea0bf;font-size:12.5px}.exam-miss-answers b{color:#f8fbff;font-weight:700}.exam-miss-explain{margin:0 0 12px!important;max-width:none!important;color:#cdd9f0!important;font-size:13.5px!important;line-height:1.6!important}@media(max-width:700px){.quiz-mode-grid{grid-template-columns:1fr}.quiz-mode-card{min-height:0}.acro-help{display:block}.acro-list{margin-top:8px}.acro-btn{position:static}.acro-pop{position:fixed;inset:auto 16px 20px;width:auto;max-width:none}.acro-btn:nth-last-child(-n+2) .acro-pop{right:16px;left:16px}.exam-rules,.exam-statusbar{grid-template-columns:1fr}.exam-clock{width:fit-content}.exam-progress{justify-self:start}.exam-results{margin-top:24px;padding:22px}}.card-stage{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px;perspective:1600px}.btn.nav{flex:none;width:42px;height:42px;font-size:22px;line-height:1;padding:0;border-radius:50%}.flashcard{flex:1;height:340px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #243355;background:#0d1322;box-shadow:0 12px 40px #0006}.flashcard-face.front{border-top:3px solid var(--accent, #3b82f6)}.flashcard-face.back{transform:rotateY(180deg);border-top:3px solid #2dd4bf;background:#0c1a1c}.flashcard-face p{font-size:18px;line-height:1.55;color:#e8eefb;margin:0}.flashcard-face.back p{font-size:15.5px;color:#d3e6e2}.fc-tag{position:absolute;top:14px;left:16px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#4d5e7e}.fc-hint{position:absolute;bottom:14px;font-size:11px;color:#4d5e7e}.fc-link{margin-top:18px;background:transparent;border:1px solid #2dd4bf66;color:#5eead4;border-radius:8px;padding:7px 14px;font-size:12.5px;cursor:pointer}.fc-link:hover{background:#0e2420}.card-rate{max-width:760px;margin:20px auto 0;display:flex;gap:12px;justify-content:center}.pbq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:6px}.pbq-cat{margin-top:16px;border:1px solid #1c2842;border-radius:12px;background:#0b1322;overflow:hidden}.pbq-cat-head{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:12px 16px;-webkit-user-select:none;user-select:none;border-left:3px solid var(--accent, #3b82f6)}.pbq-cat-head::-webkit-details-marker{display:none}.pbq-cat-head:after{content:"▸";margin-left:auto;color:#6b7d9e;font-size:12px;transition:transform .15s}.pbq-cat[open]>.pbq-cat-head:after{transform:rotate(90deg)}.pbq-cat-dot{width:10px;height:10px;border-radius:50%;flex:none}.pbq-cat-name{font-size:14px;font-weight:700;color:#e8eefb}.pbq-cat-meta{font-size:11.5px;color:#6b7d9e}.pbq-cat[open]>.pbq-cat-head{border-bottom:1px solid #1c2842}.pbq-cat>.pbq-grid{margin:0;padding:14px 16px 16px}.pbq-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#0d1322;border:1px solid #243355;border-left:3px solid var(--accent, #3b82f6);border-radius:12px;padding:15px;cursor:pointer;transition:transform .12s,border-color .12s}.pbq-tile:hover{transform:translateY(-2px);border-color:var(--accent, #3b82f6)}.pbq-kind{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6b7d9e}.pbq-tile-title{font-size:14.5px;font-weight:600;color:#e8eefb}.pbq-tile-domain{font-size:11.5px;margin-top:auto}.pbq-card{max-width:760px;margin:0 auto;background:#0d1322;border:1px solid #1f2c4a;border-radius:16px;padding:24px 26px}.pbq-title{margin:0 0 8px;font-size:20px;color:#e8eefb}.pbq-scenario{margin:0 0 6px;font-size:14px;line-height:1.6;color:#c9d6ee}.pbq-instruction{margin:0 0 18px;font-size:12.5px;color:#8b9cbd;font-style:italic}.match-rows,.cat-rows{display:flex;flex-direction:column;gap:9px}.match-row,.cat-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#101a30;border:1px solid #243355;border-radius:10px;padding:11px 14px}.match-row.ok,.cat-row.ok{border-color:#34d399;background:#0e2018}.match-row.bad,.cat-row.bad{border-color:#f87171;background:#1f1314}.match-prompt,.cat-item{font-size:13.5px;color:#dbe4f3}.match-select{flex:none;background:#0a0f1c;border:1px solid #2c3c63;color:#e8eefb;border-radius:8px;padding:7px 10px;font-size:13px;min-width:130px}.match-select:disabled{opacity:.85}.seg{display:flex;gap:4px;background:#0a0f1c;border:1px solid #243355;border-radius:9px;padding:3px;flex:none}.seg-btn{border:none;background:transparent;color:#9fb0cc;font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer}.seg-btn:hover:not(:disabled){color:#e8eefb}.seg-btn.active{background:#15233f;color:#fff;box-shadow:0 0 8px #3b82f633}.seg-btn:disabled{cursor:default}.subnet-given{display:flex;flex-wrap:wrap;gap:18px;align-items:center;background:#0a0f1c;border:1px solid #243355;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px;color:#c9d6ee;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.subnet-given b{color:#5eead4}.subnet-hint{font-size:11.5px;color:#6b7d9e;font-family:ui-sans-serif,system-ui,sans-serif}.subnet-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.subnet-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#8b9cbd}.subnet-field input{background:#0a0f1c;border:1px solid #2c3c63;color:#e8eefb;border-radius:8px;padding:9px 11px;font-size:13.5px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.subnet-field.ok input{border-color:#34d399}.subnet-field.bad input{border-color:#f87171}.order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.order-item{display:flex;align-items:center;gap:12px;background:#101a30;border:1px solid #243355;border-radius:10px;padding:11px 14px}.order-item.ok{border-color:#34d399;background:#0e2018}.order-item.bad{border-color:#f87171;background:#1f1314}.order-num{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#1a2542;border:1px solid #2c3c63;font-size:12px;font-weight:700;color:#93c5fd}.order-text{flex:1;font-size:13.5px;color:#dbe4f3}.order-moves{flex:none;display:flex;gap:4px}.pbq-submit{margin-top:20px;display:flex;align-items:center;gap:12px}.pbq-submit-hint{font-size:12px;color:#6b7d9e}.pbq-results{max-width:760px;margin:18px auto 0}.pbq-score{display:flex;align-items:baseline;gap:14px;background:#0d1322;border:1px solid #1f2c4a;border-left:3px solid #fbbf24;border-radius:12px;padding:16px 20px}.pbq-score.perfect{border-left-color:#34d399}.pbq-score-num{font-size:26px;font-weight:800;color:#e8eefb;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.pbq-score-pct{font-size:15px;color:#9fb0cc}.pbq-score-tag{margin-left:auto;font-size:12px;color:#8b9cbd}.pbq-insight{background:#0c1a1c;border:1px solid #2f6b5066;border-radius:12px;padding:14px 18px;margin-top:12px}.pbq-insight-tag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#2dd4bf;margin-bottom:6px}.pbq-insight p{margin:0;font-size:13.5px;line-height:1.6;color:#d3e6e2}.pbq-breakdown{margin-top:14px;display:flex;flex-direction:column;gap:7px}.pbq-part{border:1px solid #243355;border-radius:10px;padding:10px 14px;background:#101a30}.pbq-part.ok{border-color:#2f6b5066}.pbq-part.bad{border-color:#f8717166;background:#1a1320}.pbq-part-head{display:flex;align-items:center;gap:9px}.pbq-part-mark{font-weight:700}.pbq-part.ok .pbq-part-mark{color:#34d399}.pbq-part.bad .pbq-part-mark{color:#f87171}.pbq-part-label{font-size:13px;color:#dbe4f3}.pbq-part-detail{margin-top:6px;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:#9fb0cc}.ok-text{color:#6ee7b7}.bad-text{color:#fca5a5}.pbq-why{color:#8b9cbd;font-style:italic}.pbq-resources{margin-top:18px}.pbq-resources .chip-row{justify-content:flex-start}.pbq-result-actions{margin-top:18px}.lecture-links{margin:18px 0 16px;padding:12px 14px;border:1px solid #26385f;border-radius:10px;background:#0b1426}.lecture-links.compact{margin:12px 0}.lecture-label{display:block;margin-bottom:10px;color:#8ea2c7;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lecture-chip-row{display:flex;flex-wrap:wrap;gap:8px}.lecture-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #385386;border-radius:999px;background:#11203a;color:#d9e7ff;font-size:13px;font-weight:700;text-decoration:none}.lecture-chip span{color:#93c5fd;font-size:12px}.lecture-chip:hover,.lecture-chip:focus-visible{border-color:#60a5fa;background:#142a4d;outline:none}@media(max-width:560px){.sectionnav{display:none}.cat-row,.match-row{flex-direction:column;align-items:stretch}.lecture-chip{width:100%;justify-content:flex-start}}.qs-ai{font-size:11px;font-weight:600;color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa44;border-radius:999px;padding:2px 8px;margin-left:8px;white-space:nowrap}.gen-err{margin:8px 0 0;font-size:12px;color:#f87171}.drill-mode-toggle{display:flex;gap:4px;background:#0a0f1c;border:1px solid #1c2742;border-radius:9px;padding:3px}.drill-mode-btn{border:none;background:transparent;color:#9fb0cc;font-size:12.5px;font-weight:600;padding:5px 18px;border-radius:6px;cursor:pointer}.drill-mode-btn.active{background:#15233f;color:#e8eefb;box-shadow:0 0 8px #3b82f622}.drill-progress{font-size:12.5px;color:#6b7d9e;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.drill-abbr{text-align:center;font-size:44px;font-weight:800;letter-spacing:2px;color:#e8eefb;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;margin-bottom:22px}.drill-reveal{margin-top:18px;padding:14px 16px;background:#0c1a1c;border:1px solid #2f6b5066;border-radius:12px}.drill-reveal-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#2dd4bf;margin-bottom:10px}.drill-reveal-rows{display:flex;flex-direction:column;gap:6px}.drill-reveal-row{display:flex;gap:14px;font-size:13px}.drill-reveal-key{color:#6b7d9e;flex:none;width:96px}.drill-reveal-val{color:#d3e6e2}.drill-desc-hint{margin-top:12px;font-size:12px;color:#6b7d9e;font-style:italic}.drill-done{max-width:760px;margin:8vh auto 0;text-align:center}.drill-done h2{font-size:26px;color:#e8eefb;margin:0 0 10px}.drill-done p{color:#9fb0cc;font-size:15px;margin:0 0 28px}.drill-done-stats{display:flex;gap:32px;justify-content:center;margin:18px 0 22px}.drill-done-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.drill-done-val{font-size:30px;font-weight:800;color:#e8eefb;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.drill-done-label{font-size:12px;color:#6b7d9e}.drill-why{margin-top:14px;padding:12px 16px;background:#1c1320;border:1px solid #5a3a6b66;border-left:3px solid #a78bfa;border-radius:12px}.drill-why-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a78bfa;margin-bottom:6px}.drill-why p{margin:0;font-size:13.5px;line-height:1.6;color:#d8b4fe}.drill-hint{margin-top:12px;padding:10px 14px;background:#fbbf2414;border:1px solid rgba(251,191,36,.3);border-radius:10px;font-size:13px;color:#fcd34d;line-height:1.5}.drill-confirm-reset{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#9fb0cc;white-space:nowrap}.cidr-drill-card{max-width:860px}.cidr-scenario{display:flex;flex-direction:column;gap:7px;background:#081b20;border:1px solid #1e5963;border-left:3px solid #14b8a6;border-radius:12px;padding:16px;margin:16px 0;color:#c9f4ee}.cidr-scenario-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5eead4}.cidr-scenario strong{font-size:18px;color:#f0fdfa}.cidr-scenario span:last-child{font-size:13px;color:#8edbd0}.subnet-review-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;background:#facc1514;border:1px solid rgba(250,204,21,.28);border-radius:12px;color:#fde68a;font-size:13px}.subnet-review-prompt .big-btn{flex:none}.subnet-guide-card{max-width:980px}.subnet-credit{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#facc1514;border:1px solid rgba(250,204,21,.24);border-radius:10px;padding:10px 12px;margin:14px 0 18px}.subnet-credit span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#facc15}.subnet-credit a{color:#fde68a;font-size:13px;text-decoration:none}.subnet-credit a:hover{text-decoration:underline}.guide-section{margin-top:18px}.guide-section h3{margin:0 0 10px;color:#e8eefb;font-size:16px}.subnet-steps{margin:0;padding-left:22px;color:#c9d6ee;line-height:1.7;font-size:14px}.subnet-guide-table-wrap{overflow-x:auto;border:1px solid #243355;border-radius:12px}.subnet-guide-table{width:100%;border-collapse:collapse;min-width:620px;background:#0a0f1c}.subnet-guide-table th,.subnet-guide-table td{border-bottom:1px solid #1c2842;padding:11px 12px;text-align:left;font-size:13px}.subnet-guide-table th{color:#8b9cbd;background:#101a30;font-weight:700}.subnet-guide-table td{color:#dbe4f3;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.guide-example{margin-top:20px;background:#0f172a;border:1px solid #334155;border-left:3px solid #facc15;border-radius:12px;padding:16px}.guide-example-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.guide-example-head span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#facc15}.guide-example-head strong{color:#f8fafc;font-size:22px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.guide-example-grid,.class-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.guide-example-grid>div,.class-example-grid>div{background:#0a0f1c;border:1px solid #243355;border-radius:10px;padding:12px}.guide-example-grid span,.class-example-grid span{display:block;color:#8b9cbd;font-size:11px;margin-bottom:6px}.guide-example-grid b,.class-example-grid b{color:#fef3c7;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:14px}.class-example-grid p{color:#9fb0cc;font-size:12.5px;line-height:1.5;margin:8px 0 0}.guide-tip{margin-top:18px;padding:13px 15px;background:#0c1a1c;border:1px solid #2f6b5066;border-radius:12px;color:#a7f3d0;font-size:13.5px;line-height:1.6}.subnet-design-card{max-width:1180px}.subnet-design-given{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:#111827;border:1px solid #334155;border-radius:12px;padding:12px 14px;margin:14px 0 16px;color:#c9d6ee;font-size:13px}.subnet-design-given b{color:#c4b5fd;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.subnet-design-table-wrap{overflow-x:auto;border:1px solid #243355;border-radius:12px}.subnet-design-table{width:100%;min-width:1040px;border-collapse:collapse;background:#0a0f1c}.subnet-design-table th,.subnet-design-table td{border-bottom:1px solid #1c2842;padding:10px;text-align:left;vertical-align:top}.subnet-design-table th{background:#101a30;color:#8b9cbd;font-size:11.5px;font-weight:700}.subnet-design-table td{color:#dbe4f3;font-size:13px}.subnet-design-table td:first-child{min-width:150px}.subnet-design-table strong{display:block;color:#e8eefb;font-size:13px}.subnet-design-mask{display:block;margin-top:4px;color:#8b9cbd;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px}.subnet-design-table input{width:100%;min-width:112px;background:#070d18;border:1px solid #2c3c63;color:#e8eefb;border-radius:8px;padding:8px 9px;font-size:12.5px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.subnet-design-table input:disabled{opacity:.82}.subnet-design-results{margin-top:18px}.visual-topo-card{max-width:1320px}.visual-topo-shell{display:grid;grid-template-columns:205px minmax(700px,1fr) 300px;gap:14px;align-items:stretch;margin-top:14px}.topo-actionbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#9fb0cc;font-size:13px}.topo-actionbar b{color:#f8fafc}.topo-palette,.topo-terminal{background:#0a0f1c;border:1px solid #243355;border-radius:12px;padding:12px}.topo-panel-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8b9cbd;margin-bottom:10px}.topo-device{width:100%;display:flex;align-items:center;gap:10px;background:#101a30;border:1px solid #2c3c63;border-radius:8px;color:#dbe4f3;padding:9px 10px;margin-bottom:8px;text-align:left;cursor:pointer}.topo-device-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;border-radius:7px;background:#16213c;color:#93c5fd;flex:none}.topo-device-copy{display:grid;gap:2px;min-width:0}.topo-device-copy b{font-size:12.5px;font-weight:700}.topo-device-copy small{color:#8b9cbd;font-size:11px;line-height:1.25}.topo-device.active{border-color:#fb923c;box-shadow:0 0 0 1px #fb923c59}.topo-device:disabled{opacity:.75;cursor:default}.topo-selected-status{font-size:12px;color:#9fb0cc;padding:7px 10px;background:#16213c;border:1px solid #2c3c63;border-radius:7px;margin-bottom:10px}.topo-selected-status b{color:#fb923c}.topo-mini-help{color:#8b9cbd;font-size:12px;line-height:1.45;margin-top:10px}.office-map{position:relative;min-height:610px;background:linear-gradient(rgba(148,163,184,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.16) 1px,transparent 1px),#dceaf5;background-size:28px 28px;border:1px solid #8aa2b8;border-radius:10px;overflow:hidden;color:#1f2937}.map-zone{position:absolute;box-sizing:border-box;border:2px solid rgba(80,109,130,.55);background:#ffffff73;border-radius:8px;padding:8px;font-weight:800;font-size:13px;z-index:1}.map-zone.is-circle{border-radius:999px;display:grid;place-items:center;align-content:center;gap:2px;text-align:center}.map-zone.label-right{text-align:right}.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.map-lines path{fill:none;stroke:#0284c7;stroke-width:.82;stroke-linecap:round;stroke-linejoin:round}.map-slot{position:absolute;transform:translate(-50%,-50%);width:94px;min-height:78px;display:grid;grid-template-rows:auto auto;align-items:center;justify-content:center;gap:3px;background:#f8fafc;border:2px dashed #64748b;border-radius:8px;color:#334155;cursor:pointer;z-index:4;box-shadow:0 8px 18px #0f172a2e;text-align:center;-webkit-user-select:none;user-select:none}.map-slot:focus-visible,.map-clear:focus-visible,.map-endpoint:focus-visible{outline:3px solid rgba(251,146,60,.48);outline-offset:2px}.map-empty-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e2e8f0;color:#475569;font-size:17px;font-weight:900;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.map-slot span{font-size:11px;line-height:1.15;font-weight:800}.map-slot.filled{border-style:solid;border-color:#2563eb}.map-slot.ok{border-color:#16a34a;background:#dcfce7}.map-slot.bad{border-color:#dc2626;background:#fee2e2}.map-device-art{display:inline-grid;place-items:center;width:38px;height:32px;color:#2563eb}.map-device-name{display:grid;gap:1px}.map-device-name b{color:#0f172a;font-size:12px;line-height:1;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.map-device-name small{max-width:78px;color:#334155;font-size:9.5px;line-height:1.1}.map-clear{position:absolute;right:-8px;top:-8px;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;border:1px solid #94a3b8;background:#fff;color:#475569;padding:0;cursor:pointer;box-shadow:0 4px 10px #0f172a2e}.map-clear:hover{color:#dc2626;border-color:#fca5a5}.map-clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.map-endpoint{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;max-width:104px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;padding:7px 8px;font-size:11px;font-weight:800;line-height:1.1;box-shadow:0 5px 12px #0f172a24;cursor:pointer;z-index:3}.map-endpoint .topo-svg{width:21px;height:21px;flex:none}.topo-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cloud-svg{width:42px;height:34px;color:#64748b}.terminal-tabs{display:flex;gap:6px;margin-bottom:8px}.terminal-tabs button{flex:1;background:#101a30;border:1px solid #243355;color:#9fb0cc;border-radius:7px;padding:6px;font-size:11px;cursor:pointer}.terminal-tabs button.active{color:#fff;border-color:#60a5fa}.terminal-window{min-height:310px;background:#020617;border:1px solid #1e293b;border-radius:10px;padding:12px;color:#d1d5db;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55;white-space:pre-wrap}.terminal-window b,.terminal-window span{display:block}.terminal-window b{color:#93c5fd;margin-bottom:8px}.topo-results{margin-top:18px}.vlan-legend{margin:16px 0 18px}.vlan-legend-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8b9cbd;margin-bottom:8px}.vlan-chips{display:flex;flex-wrap:wrap;gap:8px}.vlan-chip{display:flex;align-items:center;gap:8px;background:#101a30;border:1px solid #2c3c63;border-radius:8px;color:#dbe4f3;padding:8px 11px;cursor:pointer;text-align:left}.vlan-chip:disabled{opacity:.75;cursor:default}.vlan-swatch{width:14px;height:14px;border-radius:4px;background:var(--vlan);flex:none}.vlan-chip-copy{display:grid;gap:1px}.vlan-chip-copy b{font-size:12.5px;font-weight:700}.vlan-chip-copy small{font-size:11px;color:#8b9cbd}.vlan-chip.active{border-color:var(--vlan);box-shadow:0 0 0 1px var(--vlan)}.vlan-switch{margin-top:6px}.vlan-switch-face{background:linear-gradient(180deg,#11192c,#0a0f1c);border:1px solid #2a3a5e;border-radius:14px;padding:16px 18px;box-shadow:inset 0 1px #94a3b81f,0 10px 26px #02061780}.vlan-switch-name{display:inline-block;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:1.5px;color:#7c8db0;margin-bottom:14px}.vlan-ports{display:grid;grid-template-columns:repeat(6,1fr);gap:14px 16px}.vlan-portcol{display:grid;gap:6px;justify-items:center;text-align:center}.vlan-port{position:relative;width:100%;max-width:64px;aspect-ratio:1 / 1;display:grid;place-items:center;background:#0d1322;border:1px solid #38476c;border-radius:7px;color:#cbd5e1;cursor:pointer;transition:border-color .1s,box-shadow .1s}.vlan-port:disabled{cursor:default}.vlan-port:hover:not(:disabled){border-color:#60a5fa}.vlan-port-num{position:absolute;top:3px;left:5px;font-size:9px;color:#64748b;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.vlan-port-tag{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;color:#f8fafc;line-height:1}.vlan-port.set{background:color-mix(in srgb,var(--vlan) 26%,#0d1322);border-color:var(--vlan);box-shadow:inset 0 0 0 1px var(--vlan)}.vlan-port.ok{border-color:#22c55e;box-shadow:inset 0 0 0 2px #16a34a}.vlan-port.bad{border-color:#ef4444;box-shadow:inset 0 0 0 2px #dc2626}.vlan-port-device{font-size:10.5px;line-height:1.2;color:#9fb0cc;min-height:26px}.vlan-switch-help{margin:12px 0 0;font-size:12px;color:#8b9cbd}@media(max-width:760px){.vlan-ports{grid-template-columns:repeat(4,1fr)}}.tshoot-queue{display:grid;gap:16px;margin:18px 0 6px}.tshoot-ticket{background:#0a0f1c;border:1px solid #243355;border-left:3px solid #34d399;border-radius:12px;padding:14px 16px}.tshoot-ticket.ok{border-left-color:#22c55e}.tshoot-ticket.bad{border-left-color:#ef4444}.tshoot-who{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:700;color:#dbe4f3;margin-bottom:12px}.tshoot-mark{font-weight:900}.tshoot-ticket.ok .tshoot-mark{color:#22c55e}.tshoot-ticket.bad .tshoot-mark{color:#ef4444}.tshoot-term{margin-bottom:12px}.tshoot-tabs{display:flex;gap:6px;margin-bottom:6px}.tshoot-tabs button{background:#101a30;border:1px solid #243355;color:#9fb0cc;border-radius:6px 6px 0 0;padding:5px 12px;font-size:11px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;cursor:pointer}.tshoot-tabs button.active{color:#fff;border-color:#34d399;background:#0e1a24}.tshoot-screen{background:#020617;border:1px solid #1e293b;border-radius:0 8px 8px;padding:12px 14px;min-height:120px;color:#d1d5db;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.tshoot-screen span{display:block;white-space:pre-wrap}.tshoot-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tshoot-field{display:grid;gap:5px}.tshoot-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8b9cbd}.tshoot-field select{width:100%;background:#101a30;border:1px solid #2c3c63;color:#dbe4f3;border-radius:8px;padding:9px 10px;font-size:12.5px;cursor:pointer}.tshoot-field select:disabled{cursor:default;opacity:.85}.tshoot-field.ok select{border-color:#22c55e;box-shadow:inset 0 0 0 1px #16a34a}.tshoot-field.bad select{border-color:#ef4444;box-shadow:inset 0 0 0 1px #dc2626}.tshoot-correction{display:grid;gap:4px;margin-top:11px;padding:10px 12px;background:#0e1424;border:1px solid #243355;border-radius:8px;font-size:12.5px;color:#c2cee2}@media(max-width:700px){.tshoot-selects{grid-template-columns:1fr}}.acl-table{margin:18px 0 6px;border:1px solid #243355;border-radius:10px;overflow:hidden}.acl-row{display:grid;grid-template-columns:32px 1.3fr 1.3fr 1.4fr 130px;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid #1b2640;font-size:12.5px;color:#cdd8ec}.acl-row:first-child{border-top:none}.acl-head{background:#0e1626;border-top:none;font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:#8b9cbd;font-weight:700}.acl-num{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;color:#7c8db0}.acl-svc{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#9fd0ff}.acl-action{background:#101a30;border:1px solid #2c3c63;color:#dbe4f3;border-radius:7px;padding:7px 8px;font-size:12px;font-weight:700;cursor:pointer}.acl-action:disabled{cursor:default;opacity:.9}.acl-row.ok{background:#22c55e14}.acl-row.bad{background:#ef44441a}.acl-row.ok .acl-action{border-color:#22c55e}.acl-row.bad .acl-action{border-color:#ef4444}@media(max-width:760px){.acl-row{grid-template-columns:26px 1fr 1fr 110px}.acl-row span:nth-child(4){display:none}}.wifi-legend{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 14px;font-size:12px;color:#9fb0cc}.wifi-chip{display:inline-flex;align-items:center;gap:6px}.wifi-chip i{width:12px;height:12px;border-radius:50%;background:var(--c);display:inline-block}.wifi-chip.muted{color:#8b9cbd}.wifi-floor{background:linear-gradient(rgba(148,163,184,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.16) 1px,transparent 1px),#dceaf5;background-size:26px 26px;border:1px solid #8aa2b8;border-radius:12px;padding:30px 8px;overflow:hidden}.wifi-aps{display:flex;justify-content:space-around;align-items:center}.wifi-ap{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;flex:1}.wifi-coverage{position:absolute;top:-2px;left:50%;transform:translate(-50%,-28%);width:150px;height:150px;max-width:220%;border-radius:50%;opacity:.22;pointer-events:none}.wifi-node{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f8fafc;border:2px solid currentColor;box-shadow:0 6px 14px #0f172a2e}.wifi-node .topo-svg{width:26px;height:26px}.wifi-node.ok{outline:3px solid #16a34a;outline-offset:1px}.wifi-node.bad{outline:3px solid #dc2626;outline-offset:1px}.wifi-ap-label{position:relative;z-index:1;font-size:11px;font-weight:800;color:#1f2937}.wifi-select{position:relative;z-index:1;background:#fff;border:1px solid #94a3b8;color:#1f2937;border-radius:7px;padding:5px 7px;font-size:12px;font-weight:700;cursor:pointer}.wifi-select:disabled{cursor:default}@media(max-width:1100px){.visual-topo-shell{grid-template-columns:1fr}.topo-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.topo-palette .topo-panel-label,.topo-palette .topo-mini-help{grid-column:1 / -1}.topo-device{margin-bottom:0}.office-map{min-height:570px}}@media(max-width:700px){.topo-palette{grid-template-columns:1fr}}.guided-home{flex:1;overflow-y:auto;padding:28px clamp(16px,5vw,64px) 60px}.gh-head h2{margin:0 0 6px;font-size:22px;color:#e8eefb}.gh-head p{margin:0 0 22px;max-width:620px;color:#8b9cbd;font-size:13.5px;line-height:1.55}.gh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.gh-card{display:flex;align-items:center;gap:14px;text-align:left;background:#0e1525;border:1px solid #1c2842;border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .15s,transform .1s}.gh-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.gh-num{font-family:ui-monospace,monospace;font-size:18px;font-weight:700;color:#3b82f6;flex:none}.gh-body{flex:1;min-width:0}.gh-title{font-size:15px;font-weight:600;color:#e8eefb;display:flex;align-items:center;gap:8px}.gh-check{font-size:11px;color:#34d399;font-weight:600}.gh-sub{font-size:12.5px;color:#8b9cbd;margin-top:3px;line-height:1.45}.gh-meta{display:flex;gap:10px;margin-top:8px;font-size:11px}.gh-domain{color:#a78bfa}.gh-min{color:#6b7d9e}.gh-go{flex:none;color:#3b82f6;font-weight:600;font-size:13px}.coach-root{position:fixed;inset:0;z-index:900;pointer-events:none}.coach-soft{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 42%,#080d1a57,#050912a8);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);animation:coachfade .35s ease}.coach-hole{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #070b1680;border:2px solid #5b9dff;animation:coachglow 1.8s ease-in-out infinite}@keyframes coachglow{0%,to{box-shadow:0 0 0 9999px #070b1680,0 0 #5b9dff8c}50%{box-shadow:0 0 0 9999px #070b1680,0 0 26px 7px #5b9dff73}}.coach-hole.pass{border-color:#34d399;animation:none;box-shadow:0 0 0 9999px #070b166b,0 0 26px 8px #34d39980}.coach-tick{position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;background:#34d399;color:#04140d;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #34d39980;animation:tickpop .4s cubic-bezier(.2,1.4,.4,1)}@keyframes tickpop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes coachfade{0%{opacity:0}to{opacity:1}}.coach-lesson,.coach-bubble{position:absolute;pointer-events:auto;background:linear-gradient(180deg,#131c30,#0e1525);border:1px solid #2a3a5e;box-shadow:0 20px 55px #0000008c;animation:coachin .32s cubic-bezier(.2,.9,.3,1)}@keyframes coachin{0%{opacity:0;transform:translateY(8px) scale(.98)}}.coach-lesson{left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 36px));border-radius:20px;padding:24px 28px 20px}.coach-emoji{font-size:34px;margin:6px 0 2px}.coach-bubble{width:320px;border-radius:16px;padding:14px 16px 13px}.coach-bubble.pos-right{transform:translateY(-50%)}.coach-bubble.pos-left{transform:translate(-100%,-50%)}.coach-bubble.pos-bottom{transform:translate(-50%)}.coach-bubble.pos-top{transform:translate(-50%,-100%)}.coach-bubble:after{content:"";position:absolute;width:14px;height:14px;background:#131c30;border:1px solid #2a3a5e;transform:rotate(45deg)}.coach-bubble.pos-right:after{left:-8px;top:50%;margin-top:-7px;border-right:none;border-top:none}.coach-bubble.pos-left:after{right:-8px;top:50%;margin-top:-7px;border-left:none;border-bottom:none}.coach-bubble.pos-bottom:after{top:-8px;left:50%;margin-left:-7px;border-bottom:none;border-right:none}.coach-bubble.pos-top:after{bottom:-8px;left:50%;margin-left:-7px;border-top:none;border-left:none}.coach-bubble.pass{border-color:#34d399}.coach-eyebrow-row{display:flex;align-items:center;gap:8px;margin-bottom:9px}.coach-eyebrow{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a78bfa}.coach-tag{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#93c5fd;background:#5b9dff24;border:1px solid rgba(91,157,255,.3);padding:2px 8px;border-radius:999px}.coach-tag.done{color:#6ee7b7;background:#34d39924;border-color:#34d39966}.coach-stepn{font-size:11px;color:#6b7d9e}.coach-x{margin-left:auto;background:none;border:none;color:#6b7d9e;font-size:13px;cursor:pointer;line-height:1}.coach-x:hover{color:#e8eefb}.coach-bar{height:4px;border-radius:2px;background:#1c2842;overflow:hidden;margin-bottom:12px}.coach-bar>span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#2dd4bf);transition:width .4s ease}.coach-h{margin:0 0 7px;color:#f1f5ff;font-size:19px;line-height:1.25}.coach-h.sm{font-size:15px}.coach-p{margin:0;color:#c1cde6;font-size:14px;line-height:1.6}.coach-p.sm{font-size:12.8px;line-height:1.5}.coach-done{margin-top:10px;padding:8px 11px;background:#34d3991f;border:1px solid rgba(52,211,153,.4);border-radius:9px;color:#6ee7b7;font-size:12.5px;animation:coachfade .3s ease}.coach-hint{margin-top:10px;padding:8px 11px;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);border-radius:9px;color:#fcd34d;font-size:12.5px}.coach-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.coach-foot-l,.coach-foot-r{display:flex;gap:6px}.btn.ghost{background:transparent;color:#6b7d9e}.btn.ghost:hover{color:#c1cde6}.gh-progress{margin-top:12px;display:inline-block;font-size:12px;color:#6ee7b7;background:#34d3991a;border:1px solid rgba(52,211,153,.3);padding:3px 10px;border-radius:999px}.gh-cat{margin-top:18px}.gh-cat-head{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:6px 0;-webkit-user-select:none;user-select:none}.gh-cat-head::-webkit-details-marker{display:none}.gh-cat-head:before{content:"▸";color:#6b7d9e;font-size:11px;transition:transform .15s}.gh-cat[open]>.gh-cat-head:before{transform:rotate(90deg)}.gh-cat-name{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9fb0cc}.gh-cat-count{font-size:11px;color:#4d5e7e;background:#131c30;border:1px solid #1c2842;border-radius:999px;padding:1px 8px}.gh-cat .gh-grid{margin-top:10px}.lvl{font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:1px 8px;border-radius:999px;border:1px solid}.lvl.beg{color:#6ee7b7;border-color:#34d39966;background:#34d3991a}.lvl.int{color:#93c5fd;border-color:#5b9dff66;background:#5b9dff1a}.lvl.adv{color:#fca5a5;border-color:#f8717166;background:#f871711a}.coach-lesson.dock-bottom{top:auto;bottom:28px;transform:translate(-50%);animation:coachin .32s cubic-bezier(.2,.9,.3,1)}.coach-stage{position:absolute;top:72px;left:50%;transform:translate(-50%);width:min(900px,94vw);height:min(56vh,520px);background:linear-gradient(180deg,#0f1a2e,#0b1322);border:1px solid #2a3a5e;border-radius:18px;box-shadow:0 24px 70px #0000008c;padding:14px 18px;pointer-events:auto;overflow:auto;display:flex;align-items:center;justify-content:center;animation:coachin .32s cubic-bezier(.2,.9,.3,1)}.seqdiag{width:100%;height:100%}.seq-life{stroke:#2c3c63;stroke-width:1.5;stroke-dasharray:5 6}.seq-actor{fill:#c7d2fe;stroke:#a5b4fc;stroke-width:1}.seq-actor-t{fill:#1e1b4b;font-size:14px;font-weight:700;text-anchor:middle;font-family:ui-sans-serif,system-ui,sans-serif}.seq-arrow{stroke-width:2.2}.seq-label{font-size:13px;font-weight:700;text-anchor:middle;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.seq-sub{fill:#8b9cbd;font-size:10.5px;text-anchor:middle}.seq-msg.latest{animation:seqpop .45s ease}@keyframes seqpop{0%{opacity:0;transform:translateY(-7px)}}.recall-input{background:#0a0f1c;border:1px solid #2c3c63;color:#e8eefb;border-radius:8px;padding:8px 11px;font-size:14px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;min-width:180px}.recall-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 22%,transparent)}.match-row.ok .recall-input{border-color:#34d399}.match-row.bad .recall-input{border-color:#f87171}.teachback-input{width:100%;background:#0a0f1c;border:1px solid #2c3c63;color:#e8eefb;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.6;font-family:inherit;resize:vertical}.teachback-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 22%,transparent)}.teachback-model{margin-top:14px;padding:14px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.3);border-radius:12px}.tb-model-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#93c5fd;margin-bottom:6px}.teachback-model p{margin:0 0 8px;color:#d6e0f5;font-size:13.5px;line-height:1.6}.tb-selfcheck{color:#fcd34d!important;font-size:12.5px!important}.osi{display:flex;flex-direction:column}.osi-intro{max-width:760px;margin:0 auto 14px;text-align:center}.osi-stage{max-width:1000px;width:100%;margin:0 auto}.osi-caption{background:linear-gradient(180deg,#101c33,#0c1525);border:1px solid #243355;border-radius:12px;padding:12px 16px;margin-bottom:12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-content:start;gap:8px 14px;height:108px;overflow:hidden}.osi-phase{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#5eead4;align-self:center}.osi-pdu{justify-self:end;align-self:center;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;color:#9fb0cc;background:#0a0f1c;border:1px solid #243355;border-radius:6px;padding:3px 9px}.osi-note{grid-column:1 / -1;margin:0;font-size:13.5px;line-height:1.5;color:#dbe4f3}.osi-packet-bar{height:56px;display:flex;align-items:center;justify-content:center;gap:14px;background:#0a0f1c;border:1px solid #1f2c49;border-radius:10px;padding:0 14px;margin-bottom:16px}.osi-dir{flex:none;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#93c5fd;width:110px}.osi-packet-bar[data-side=wire] .osi-dir{color:#5eead4}.osi-pdu-now{flex:none;width:110px;text-align:right;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;color:#e8eefb}.osi-grid{display:grid;grid-template-columns:1fr 90px 1fr;gap:6px 0;align-items:stretch}.osi-grid-row{display:contents}.osi-grid-spacer{grid-column:2}.osi-cell{display:flex;align-items:stretch}.osi-cell.send,.osi-cell.recv{min-width:0}.osi-cell .osi-row{height:100%;align-content:center}.osi-tower-head{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#6b7d9e;margin-bottom:4px}.osi-row{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;text-align:left;background:#0d1424;border:1px solid #1f2c49;border-radius:9px;padding:8px 10px;color:#c4d0e6;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .2s}.osi-row:hover{border-color:#34507f}.osi-row.active{border-color:#3b82f6;background:#14233f;box-shadow:0 0 18px #3b82f644}.osi-cell.recv .osi-row{flex-direction:row-reverse;text-align:right}.osi-num{flex:none;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#0a0e1a;background:#5b7bb4}.osi-row.active .osi-num{background:#60a5fa}.osi-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1 1 auto;height:48px;overflow:hidden}.osi-name{font-weight:600;font-size:13.5px;color:#e8eefb}.osi-job{font-size:11px;color:#8194b5;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.osi-tag{flex:none;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:600;border-radius:5px;padding:2px 7px;color:#0a0e1a}.osi-tag.gapplication{background:#c4b5fd}.osi-tag.gtransport{background:#93c5fd}.osi-tag.ginternet{background:#a7f3d0}.osi-tag.glink{background:#fcd9a8}.osi-packet{display:flex;flex-wrap:wrap;gap:4px;background:#060a14;border:1px solid #243355;border-radius:7px;padding:5px 6px;box-shadow:0 8px 22px #00000080;animation:osipop .35s ease}@keyframes osipop{0%{transform:translateY(-4px)}}.osi-chip{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:700;border-radius:5px;padding:3px 8px;color:#0a0e1a}.osi-chip.data{background:#86efac}.osi-chip.port{background:#93c5fd}.osi-chip.ip{background:#c4b5fd}.osi-chip.mac{background:#5eead4}.osi-chip.fcs{background:#94a3b8}.osi-bits{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:1px;color:#5eead4;background:#060a14;border:1px solid #1f6f63;border-radius:7px;padding:6px 8px;text-align:center;box-shadow:0 8px 22px #00000080;animation:osibits 1s linear infinite}@keyframes osibits{50%{opacity:.55}}.osi-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.osi-link-line{width:100%;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,#2c3c63 0 7px,transparent 7px 13px)}.osi-link-line.hot{background:repeating-linear-gradient(90deg,#2dd4bf 0 7px,transparent 7px 13px);box-shadow:0 0 12px #2dd4bf99}.osi-link-label{margin-top:6px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#4d5e7e}.osi-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.osi-progress{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;color:#6b7d9e;margin-left:4px}.osi-extras{max-width:1000px;width:100%;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.osi-card{background:#0c1322;border:1px solid #1f2c49;border-radius:12px;padding:14px 16px}.osi-card h3{margin:0 0 10px;font-size:13px;color:#e8eefb}.osi-legend{display:flex;flex-direction:column;gap:7px}.osi-legend-item{display:flex;align-items:center;gap:9px;font-size:12px;color:#aebcd8}.osi-fine{margin:11px 0 0;font-size:11.5px;line-height:1.5;color:#8194b5}.osi-tcpip,.osi-mnem{display:flex;flex-direction:column;gap:9px}.osi-tcpip-row{display:grid;grid-template-columns:auto auto;gap:2px 10px}.osi-tcpip-name{font-weight:600;font-size:12.5px;color:#e8eefb}.osi-tcpip-span{justify-self:end;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;color:#5eead4}.osi-tcpip-note{grid-column:1 / -1;font-size:11.5px;color:#8194b5}.osi-mnem-row{display:flex;flex-direction:column;gap:2px}.osi-mnem-order{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:#4d5e7e}.osi-mnem-phrase{font-size:13px;font-weight:600;color:#fcd34d}.osi-mnem-hint{font-size:11px;color:#8194b5}.osi-practice{max-width:1000px;width:100%;margin:26px auto 10px;text-align:center}.osi-practice-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#4d5e7e;margin-bottom:12px}.osi-practice-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media(max-width:860px){.osi-extras{grid-template-columns:1fr}.osi-job{display:none}}.ts-intro{max-width:760px;margin:0 auto 18px;text-align:center}.ts-block{max-width:1000px;width:100%;margin:0 auto 34px}.ts-h2{font-size:18px;color:#e8eefb;margin:0 0 6px}.ts-sub{font-size:13.5px;color:#9fb0cc;line-height:1.55;margin:0 0 14px;max-width:760px}.ts-fine{font-size:12.5px;color:#8194b5;line-height:1.55;margin:12px 0 0}.ts-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.ts-step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#0d1424;border:1px solid #1f2c49;border-radius:10px;padding:10px 8px;color:#9fb0cc;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .2s}.ts-step:hover{border-color:#34507f}.ts-step.done{border-color:#1f5141}.ts-step.active{border-color:#f472b6;background:#2a1424;box-shadow:0 0 16px #f472b633}.ts-step-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#0a0e1a;background:#5b7bb4}.ts-step.active .ts-step-n{background:#f472b6}.ts-step.done .ts-step-n{background:#34d399}.ts-step-name{font-size:11px;line-height:1.25;color:#c4d0e6}.ts-step-card{background:linear-gradient(180deg,#101c33,#0c1525);border:1px solid #243355;border-radius:12px;padding:16px 18px;min-height:188px}.ts-step-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ts-step-head h3{margin:0;font-size:17px;color:#e8eefb}.ts-step-badge{flex:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#f472b6;background:#2a1424;border:1px solid #5e2545;border-radius:6px;padding:3px 9px}.ts-step-action{font-size:14px;line-height:1.55;color:#dbe4f3;margin:0 0 12px}.ts-step-applied,.ts-step-tip{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start;padding:8px 0;border-top:1px solid #182338}.ts-step-applied p,.ts-step-tip p{margin:0;font-size:13px;line-height:1.5;color:#c4d0e6}.ts-tag-applied,.ts-tag-tip{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 6px;text-align:center;height:fit-content}.ts-tag-applied{color:#5eead4;background:#08231f;border:1px solid #1f5141}.ts-tag-tip{color:#fcd34d;background:#231b06;border:1px solid #5e4a16}.ts-step-controls{display:flex;align-items:center;gap:10px;margin-top:14px}.ts-progress{margin-left:auto;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;color:#6b7d9e}.ts-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px}.ts-tool{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;background:#0d1424;border:1px solid #1f2c49;border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s}.ts-tool:hover{border-color:#34507f}.ts-tool.active{border-color:#60a5fa;background:#14233f;box-shadow:0 0 16px #3b82f633}.ts-tool-name{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;color:#e8eefb}.ts-tool-proves{font-size:12px;color:#9fb0cc;line-height:1.4}.ts-tool-live{margin-top:2px;align-self:flex-start;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#5eead4;background:#08231f;border:1px solid #1f5141;border-radius:5px;padding:1px 6px}.ts-term{background:#060a14;border:1px solid #243355;border-radius:12px;overflow:hidden}.ts-term-bar{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#0d1424;border-bottom:1px solid #1f2c49}.ts-dot{width:11px;height:11px;border-radius:50%}.ts-dot.r{background:#ff5f56}.ts-dot.y{background:#ffbd2e}.ts-dot.g{background:#27c93f}.ts-term-title{margin-left:6px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;color:#c4d0e6}.ts-term-layer{margin-left:auto;font-size:11px;color:#6b7d9e}.ts-term-body{padding:14px 16px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;min-height:96px}.ts-term-cmd{margin:0 0 8px;font-size:13px;color:#e8eefb}.ts-prompt{color:#5eead4;font-weight:700}.ts-term-out{margin:0 0 12px;font-size:12.5px;color:#8fb8ff;line-height:1.5}.ts-term-proves{margin:0;font-size:12.5px;color:#9fb0cc}.ts-term-q{color:#fcd34d;font-weight:700}.ts-trace{background:#0c1525;border:1px solid #243355;border-radius:12px;padding:8px 10px}.ts-hop{display:grid;grid-template-columns:34px 130px 110px 1fr 1.4fr;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #131c30;opacity:1;transition:opacity .25s,transform .25s}.ts-hop.pending{opacity:.18}.ts-hop.in{animation:tshopin .3s ease}@keyframes tshopin{0%{opacity:0;transform:translate(-6px)}}.ts-hop-n{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#0a0e1a;background:#5b7bb4}.ts-hop.dead .ts-hop-n{background:#6b2740;color:#ffc9d8}.ts-hop-ip{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:#e8eefb}.ts-hop-host{font-size:11.5px;color:#8194b5;text-transform:uppercase;letter-spacing:.4px}.ts-hop-bar-wrap{display:flex;align-items:center;min-height:20px}.ts-hop-bar{display:inline-flex;align-items:center;justify-content:flex-end;height:20px;min-width:44px;padding:0 8px;border-radius:5px;font-size:11px;font-weight:700;color:#04121e;background:linear-gradient(90deg,#34d399,#60a5fa);white-space:nowrap}.ts-hop-timeout{font-size:11.5px;font-weight:700;color:#fb7185}.ts-hop-note{font-size:12px;color:#9fb0cc;line-height:1.4}.ts-trace-foot{display:flex;align-items:center;gap:14px;padding:12px 8px 4px}.ts-trace-foot .btn{flex:none}.ts-verdict{margin:0;font-size:12.5px;line-height:1.5;color:#c4d0e6}.ts-arp{border:1px solid #243355;border-radius:12px;overflow:hidden}.ts-arp-row{display:grid;grid-template-columns:130px 170px 110px 1fr;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #131c30;font-size:12.5px;color:#c4d0e6}.ts-arp-row:last-child{border-bottom:none}.ts-arp-head{background:#0d1424;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7d9e}.ts-arp-row.incomplete{background:#1c0f14}.ts-arp-ip,.ts-arp-mac{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;color:#e8eefb}.ts-arp-state{justify-self:start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:2px 9px;border:1px solid}.ts-arp-state.dynamic{color:#5eead4;background:#08231f;border-color:#1f5141}.ts-arp-state.static{color:#93c5fd;background:#0c1a33;border-color:#1e3a66}.ts-arp-state.incomplete{color:#fb7185;background:#2a0f17;border-color:#6b2740}.ts-arp-note{color:#9fb0cc;line-height:1.4}.ts-practice{max-width:1000px;width:100%;margin:6px auto 0;text-align:center}.ts-practice-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6b7d9e;margin-bottom:12px}.ts-practice-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media(max-width:860px){.ts-steps{grid-template-columns:repeat(3,1fr)}.ts-hop{grid-template-columns:28px 1fr 1fr}.ts-hop-host,.ts-hop-note{display:none}.ts-arp-row{grid-template-columns:1fr 1fr}.ts-arp-note{display:none}}.study-match{position:relative}.match-bar{display:flex;align-items:center;gap:14px;max-width:1000px;width:100%;margin:0 auto 18px;padding:10px 14px;background:#0d1424;border:1px solid #1f2c49;border-radius:12px}.match-setname{font-weight:700;font-size:14px;color:#e8eefb}.match-hud{display:flex;align-items:center;gap:18px;margin-left:auto}.match-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1}.match-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#6b7d9e}.match-stat-val{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;color:#e8eefb}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;width:100%;margin:0 auto}.match-tile{position:relative;min-height:96px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.35;color:#dbe4f3;background:#0e1729;border:1.5px solid #243355;border-radius:12px;cursor:pointer;transition:border-color .12s,background .12s,transform .1s,box-shadow .15s,opacity .25s}.match-tile:hover:not(.matched):not(.wrong){border-color:#34507f;background:#122038}.match-tile.term{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-weight:700;color:#e8eefb}.match-tile.sel{border-color:#3b82f6;background:#13233f;box-shadow:0 0 0 1.5px #3b82f6,0 0 22px #3b82f699,0 0 6px #60a5fa80 inset;transform:translateY(-1px)}.match-tile.wrong{border-color:#ef4444;background:#2a1115;color:#fca5a5;animation:matchshake .32s ease}@keyframes matchshake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.match-tile.matched{border-color:#1f5141;background:#0a1f1c;color:#1f5141;opacity:0;pointer-events:none;visibility:hidden;animation:matchpop .3s ease forwards}@keyframes matchpop{0%{opacity:1;transform:scale(1);visibility:visible}60%{opacity:1;transform:scale(1.05);visibility:visible}to{opacity:0;transform:scale(.9);visibility:hidden}}.match-done-wrap{position:absolute;inset:0;display:grid;place-items:center;background:#080c16b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}.match-done{width:min(440px,90vw);text-align:center;background:linear-gradient(180deg,#101c33,#0c1525);border:1px solid var(--accent, #3b82f6);border-radius:16px;padding:26px 28px 24px;box-shadow:0 20px 60px #0009,0 0 30px color-mix(in srgb,var(--accent, #3b82f6) 25%,transparent)}.match-done h2{margin:0 0 18px;font-size:24px;color:#e8eefb}.match-done-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mds{display:flex;flex-direction:column;gap:4px;padding:12px 6px;background:#0a0f1c;border:1px solid #1f2c49;border-radius:10px}.mds-val{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;color:var(--accent, #60a5fa)}.mds-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7d9e}.match-done-best{min-height:18px;margin:0 0 18px;font-size:13px;color:#5eead4}.match-done-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:760px){.match-grid{grid-template-columns:repeat(2,1fr)}.match-bar{flex-wrap:wrap}.match-hud{gap:12px}}.mobile-banner{display:flex;align-items:flex-start;gap:10px;flex:none;margin:0;padding:11px 12px 11px 13px;background:#0d1b2a;border-bottom:1px solid #1c2742;border-left:3px solid #2dd4bf}.mobile-banner-text{flex:1;font-size:12.5px;line-height:1.5;color:#b9c6db}.mobile-banner-text strong{color:#e8eefb}.mobile-banner-close{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:none;background:transparent;color:#6b7d9e;font-size:15px;border-radius:7px;cursor:pointer}.mobile-banner-close:hover{background:#15233f;color:#e8eefb}.desktop-only{max-width:460px;margin:6vh auto 0;text-align:center;background:#0d1322;border:1px solid #1c2742;border-radius:14px;padding:30px 24px}.desktop-only-icon{font-size:40px;line-height:1;margin-bottom:12px}.desktop-only h2{font-size:18px;color:#e8eefb;margin:0 0 8px}.desktop-only p{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:#9fb0cc}.desktop-only .desktop-only-tip{margin-top:14px;padding-top:14px;border-top:1px solid #1c2742;color:#6b7d9e}@media(max-width:720px){.topbar{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.brand{flex:1 1 auto}.brand-sub,.counts,.lab-actions{display:none}.topbar-right{flex:0 0 auto}.sectionnav{display:flex;order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.sectionnav::-webkit-scrollbar{display:none}.snav{flex:0 0 auto;white-space:nowrap;padding:7px 12px}.study{padding:18px 14px 56px}.study-intro{margin-top:2vh}.match-row,.cat-row{flex-direction:column;align-items:stretch;gap:8px}.match-select,.recall-input{width:100%;min-height:44px;font-size:15px}.seg{flex-wrap:wrap}.seg-btn{flex:1 1 auto;min-height:42px}.subnet-fields{grid-template-columns:1fr}.subnet-field input{min-height:44px;font-size:15px}.order-moves .btn{min-width:38px;min-height:38px}.pbq-card{padding:16px}.big-btn{min-height:44px}.ts-steps{grid-template-columns:repeat(2,1fr)}.ts-tools{grid-template-columns:1fr}.ts-arp-row{grid-template-columns:1fr 1fr}.match-grid{grid-template-columns:repeat(2,1fr)}.match-tile{min-height:56px}}@media(min-width:721px)and (max-width:1024px){.toolbar{width:132px}.side{width:clamp(248px,26vw,300px)}}@media(min-width:721px)and (max-width:880px){.toolbar{width:118px;padding:8px 6px}.side{width:232px}.tool-btn{font-size:12px}}