.jp-root.ss-root{--jp-accent:#74ebc0;--jp-accent-strong:#9af1d0;--jp-tint:rgba(52,211,153,.12);--ss-surface:#0c1f29;--ss-surface2:#0f2833;--ss-outline:#32626d;--ss-soft:#9bbfc3}.ss-root .jp-topic-hero h1 span{color:#74ebc0}.ss-root .jp-btn-primary{background:linear-gradient(115deg,#b0f5d5,#78e3df);border-color:#8be8cc;color:#063a37!important}.ss-root .jp-side-tab.is-active{border-color:#3ecaaa}.ss-root .ss-exercise{padding:0;background:none;border:0}.ss-root .ss-exercise .jp-exercise-top{background:linear-gradient(110deg,rgba(28,138,101,.13),rgba(14,138,160,.07));border:1px solid var(--jp-line);border-radius:17px;padding:25px;margin-bottom:16px}.ss-exercise .jp-exercise-top h2{font-size:clamp(24px,2.6vw,32px);font-weight:850;letter-spacing:-.04em}.ss-exercise .jp-exercise-top p{font-size:12px;line-height:1.7;color:var(--jp-muted);margin-top:8px}.ss-exercise-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}.ss-exercise-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;border:1px solid var(--jp-line);border-radius:13px;background:var(--jp-card);padding:15px;transition:border-color .16s,background .16s}.ss-exercise-tabs button>span{font:800 11px ui-monospace,Consolas,monospace;color:var(--jp-accent-strong)}.ss-exercise-tabs button strong{font-size:13px;color:var(--jp-strong)}.ss-exercise-tabs button small{font-size:10px;color:var(--jp-muted);line-height:1.45}.ss-exercise-tabs button.is-active{border-color:#4cc9a7;background:var(--jp-tint);box-shadow:inset 0 0 0 1px #4cc9a72b}.ss-decoder,.ss-pbq{border:1px solid var(--jp-line);border-radius:17px;background:var(--jp-card);padding:clamp(16px,2.5vw,25px)}.ss-step-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.ss-step-heading>div:first-child{flex:1;min-width:200px}.ss-eyebrow{color:var(--jp-accent-strong);font-size:10px;font-weight:850;letter-spacing:.15em;line-height:1.5}.ss-step-heading h3{font-weight:850;font-size:clamp(21px,2.6vw,28px);line-height:1.2;letter-spacing:-.04em;color:var(--jp-strong);margin:6px 0 9px}.ss-step-heading p{max-width:700px;font-size:12px;line-height:1.75;color:var(--jp-muted)}.ss-step-heading p b{color:var(--jp-strong)}.ss-help-note,.ss-time{font-size:10px;color:var(--jp-soft);font-weight:750;border:1px solid var(--jp-line);border-radius:999px;padding:7px 10px}.ss-decoder-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.ss-decode-left{background:var(--jp-card-alt);border:1px solid var(--jp-line);border-radius:13px;padding:18px}.ss-decode-left>label{display:block;color:var(--jp-strong);font-size:11px;font-weight:830;margin-bottom:9px}.ss-decode-left>input{border:1px solid var(--jp-line);border-radius:10px;min-height:46px;width:100%;padding:11px 14px;background:var(--jp-panel);color:var(--jp-text);font:600 13px ui-monospace,Consolas,monospace;outline-offset:3px}.ss-decode-left>input:focus-visible{outline:2px solid var(--jp-accent)}.ss-examples{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:15px}.ss-examples>span{font-size:9px;color:var(--jp-soft);letter-spacing:.11em;font-weight:850;width:100%}.ss-examples>button{font:700 10px ui-monospace,Consolas,monospace;color:var(--jp-accent-strong);border:1px solid var(--jp-line);border-radius:7px;padding:7px;background:var(--jp-panel)}.ss-examples>button:hover{border-color:var(--jp-accent)}.ss-decode-explain{padding:13px 14px;border-left:3px solid #3dd2ad;background:rgba(44,189,145,.08);border-radius:0 10px 10px 0;margin-top:17px}.ss-decode-explain strong{font-size:12px;color:var(--jp-strong)}.ss-decode-explain p{font-size:11px;line-height:1.7;color:var(--jp-muted);margin-top:5px}.ss-decode-explain b{color:var(--jp-strong)}.ss-validation{font-size:11px;color:#ffbd8d;line-height:1.6;margin-top:12px}.ss-decode-right{min-width:0;background:var(--ss-surface);border:1px solid var(--ss-outline);border-radius:13px;padding:18px;color:#e4f5f5}.ss-binary-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:9px;font-weight:850;color:#a6d9da;letter-spacing:.06em}.ss-binary-title>span:last-child{display:flex;align-items:center;gap:8px}.ss-binary-title i{display:inline-block;width:8px;height:8px;border-radius:3px;background:#36c9a1}.ss-binary-title i:last-child{background:#547d9e}.ss-binary-row{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:2px;margin:17px 0;overflow:hidden}.ss-binary-row span{min-width:0;display:grid;place-items:center;border-radius:3px;padding:10px 0;font:850 clamp(7px,.8vw,10px) ui-monospace,Consolas,monospace}.ss-binary-row .is-network{background:#1b936f;color:#e5fff3}.ss-binary-row .is-host{background:#365b80;color:#dbeafa}.ss-binary-row span[data-octet=end]{margin-right:2px}.ss-decode-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ss-decode-facts>div{border:1px solid #315966;background:#16333e;border-radius:9px;padding:11px;min-width:0}.ss-decode-facts span{display:block;color:#b6d0da;font-size:10px;margin-bottom:6px}.ss-decode-facts strong{display:block;overflow-wrap:anywhere;color:#e7fff7;font:750 12px ui-monospace,Consolas,monospace}.ss-empty-decode{padding:25px;color:#a8cbcf;line-height:1.7;font-size:13px}.ss-request{border-radius:13px;border:1px solid #3b9b81;background:linear-gradient(110deg,rgba(20,155,112,.14),rgba(30,138,164,.07));padding:17px 18px;margin-bottom:20px}.ss-request>span{display:block;color:var(--jp-accent-strong);font-size:10px;font-weight:850;letter-spacing:.13em}.ss-request strong{display:block;font-size:17px;color:var(--jp-strong);margin-top:8px;font-weight:820}.ss-request p{color:var(--jp-muted);font-size:12px;line-height:1.75;margin-top:7px}.ss-plan-grid{display:grid;gap:11px}.ss-plan-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:14px;border:1px solid var(--jp-line);border-radius:12px;padding:15px;background:var(--jp-card-alt)}.ss-plan-label{display:flex;align-items:center;gap:11px}.ss-key{display:inline-block;width:11px;height:11px;border-radius:4px;flex:none}.ss-key.is-mint,.ss-map-key i.is-mint,.ss-tiles span.is-mint{background:#39cf9d}.ss-key.is-blue,.ss-map-key i.is-blue,.ss-tiles span.is-blue{background:#4ca6ef}.ss-key.is-violet,.ss-map-key i.is-violet,.ss-tiles span.is-violet{background:#a78bfa}.ss-key.is-gold,.ss-map-key i.is-gold,.ss-tiles span.is-gold{background:#edb45c}.ss-plan-label strong{display:block;color:var(--jp-strong);font-size:13px;line-height:1.35}.ss-plan-label span{display:block;color:var(--jp-muted);font-size:10px;margin-top:4px}.ss-plan-inputs{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px}.ss-plan-inputs label,.ss-route-question label{display:grid;gap:6px;color:var(--jp-muted);font-size:10px;font-weight:800;min-width:0}.ss-plan-inputs input,.ss-plan-inputs select,.ss-route-question select{background:var(--jp-panel);color:var(--jp-text);border:1px solid var(--jp-line);border-radius:8px;padding:10px 11px;min-width:0;width:100%;min-height:41px;font:700 12px ui-monospace,Consolas,monospace}.ss-plan-inputs input:focus-visible,.ss-plan-inputs select:focus-visible,.ss-route-question select:focus-visible{outline:2px solid var(--jp-accent);outline-offset:3px}.ss-plan-feedback{grid-column:1/-1;display:grid;gap:5px;padding:10px;border-radius:8px;font-size:11px;line-height:1.6}.ss-plan-feedback.is-passed{border:1px solid #3eaa80;background:rgba(27,154,106,.11);color:var(--jp-text)}.ss-plan-feedback.is-failed{border:1px solid #bc8e54;background:rgba(215,153,70,.11);color:var(--jp-text)}.ss-map{margin-top:19px;padding:16px;border:1px solid var(--jp-line);border-radius:13px;background:var(--jp-card-alt)}.ss-map-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:14px}.ss-map-head strong{font-size:12px;color:var(--jp-strong)}.ss-map-head span{font-size:10px;color:var(--jp-muted)}.ss-tiles{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:3px}.ss-tiles span{height:18px;background:#314351;border-radius:3px;transition:background .1s}.ss-map-key i.is-empty,.ss-tiles span.is-empty{background:#344a59}.ss-map-key i.is-conflict,.ss-tiles span.is-conflict{background:#ec728a}.ss-map-key{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}.ss-map-key span{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--jp-muted)}.ss-map-key i{display:inline-block;width:9px;height:9px;border-radius:2px}.ss-pbq-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px}.ss-score{display:flex;flex-direction:column;gap:3px;align-items:flex-end;margin-left:auto}.ss-score strong{font-size:23px;font-weight:850;color:var(--jp-strong);line-height:1}.ss-score span{font-size:10px;color:var(--jp-muted)}.ss-hints{border:1px dashed var(--jp-line);padding:14px 16px;border-radius:11px;background:var(--jp-card-alt);margin-top:14px}.ss-hints strong{font-size:12px;color:var(--jp-strong)}.ss-hints p{font-size:11px;line-height:1.75;color:var(--jp-muted);margin-top:6px}.ss-verdict{border:1px solid #bf975e;background:rgba(233,179,82,.1);padding:14px;border-radius:10px;margin-top:14px;font-size:12px;line-height:1.65;color:var(--jp-text)}.ss-verdict.is-success{border-color:#3bac83;background:rgba(49,191,131,.12)}.ss-completed{font-size:12px;color:#79deb9;margin-top:12px;font-weight:850}.ss-route-layout{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:15px}.ss-route-left{min-width:0}.ss-route-table-wrap{border:1px solid var(--jp-line);border-radius:12px;overflow:auto;background:var(--jp-card-alt)}.ss-route-table{width:100%;border-collapse:collapse;text-align:left;font:720 11px ui-monospace,Consolas,monospace}.ss-route-table caption{text-align:left;font:850 11px system-ui,sans-serif;color:var(--jp-strong);padding:13px 15px}.ss-route-table th{color:var(--jp-soft);font-size:9px;text-transform:uppercase;letter-spacing:.07em;background:var(--jp-panel);border-top:1px solid var(--jp-line)}.ss-route-table td,.ss-route-table th{padding:12px 14px;border-bottom:1px solid var(--jp-line)}.ss-route-table td{color:var(--jp-text);white-space:nowrap}.ss-route-table tr:last-child td{border:0}.ss-route-table tr.is-matching td{background:rgba(37,166,125,.18);color:var(--jp-strong)}.ss-route-legend{margin-top:11px;border:1px solid var(--jp-line);border-radius:9px;padding:12px;color:var(--jp-muted);font-size:11px;line-height:1.6}.ss-route-legend strong{color:var(--jp-strong)}.ss-route-helper{margin-top:12px}.ss-route-helper p{margin-top:9px;font-size:11px;line-height:1.6;color:var(--jp-muted)}.ss-route-questions{display:grid;gap:10px}.ss-route-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.9fr);gap:12px;align-items:center;border:1px solid var(--jp-line);border-radius:11px;padding:12px;background:var(--jp-card-alt)}.ss-route-question.is-focused{border-color:#46c9aa;box-shadow:inset 0 0 0 1px #46c9aa22}.ss-route-focus{background:transparent;border:0;text-align:left;display:grid;gap:5px;padding:3px;min-width:0}.ss-route-focus>span{font-size:9px;color:var(--jp-accent-strong);font-weight:850;letter-spacing:.08em}.ss-route-focus strong{color:var(--jp-strong);font:850 14px ui-monospace,Consolas,monospace}.ss-route-focus small{font-size:10px;line-height:1.4;color:var(--jp-muted)}.ss-route-feedback{grid-column:1/-1;border-radius:7px;padding:9px;font-size:11px;line-height:1.6}.ss-route-feedback.is-passed{background:rgba(47,192,138,.12);color:var(--jp-text)}.ss-route-feedback.is-failed{background:rgba(224,157,71,.13);color:var(--jp-text)}.ss-next{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--jp-line);border-radius:11px;background:var(--jp-card-alt);margin-top:13px;padding:16px}.ss-next p{font-size:12px;line-height:1.65;color:var(--jp-muted)}.ss-next button{flex:none}.ss-footer-note{font-size:11px;color:var(--jp-muted);line-height:1.75;margin-top:17px}.ss-footer-note strong{color:var(--jp-strong)}.ss-footer-note a{color:var(--jp-accent-strong)!important;font-weight:850;text-decoration:underline}html[data-theme=light] .jp-root.ss-root{--jp-accent:#127e68;--jp-accent-strong:#086a59;--jp-tint:#dff5eb;--ss-surface:#122b38;--ss-surface2:#183746;--ss-outline:#477786;--ss-soft:#b7d7dc}html[data-theme=light] .ss-root .jp-topic-hero h1 span{color:#137a60}html[data-theme=light] .ss-root .ss-help-note,html[data-theme=light] .ss-root .ss-time{background:#fff;color:#496b71}html[data-theme=light] .ss-root .ss-exercise-tabs button.is-active{background:#e7f8ee;border-color:#58ad8f}html[data-theme=light] .ss-root .ss-tiles span.is-empty{background:#c5d2d9}html[data-theme=light] .ss-root .ss-map-key i.is-empty{background:#aebfc9}html[data-theme=light] .ss-root .ss-completed{color:#0c7158}html[data-theme=light] .ss-root .ss-decode-right{background:#122d38;color:#e4f5f5}html[data-theme=light] .ss-root .ss-decode-right .ss-decode-facts strong{color:#e7fff7}html[data-theme=light] .ss-root .ss-decode-left>input,html[data-theme=light] .ss-root .ss-plan-inputs input,html[data-theme=light] .ss-root .ss-plan-inputs select,html[data-theme=light] .ss-root .ss-route-question select{background:#fff;color:#1c3945;border-color:#b0ccc7}html[data-theme=light] .ss-root .ss-map,html[data-theme=light] .ss-root .ss-plan-row,html[data-theme=light] .ss-root .ss-route-question{background:#eff8f4}html[data-theme=light] .ss-root .ss-route-table-wrap{background:#fff}html[data-theme=light] .ss-root .ss-validation{color:#9b4f1b}@media(max-width:1270px){.ss-decoder-layout,.ss-route-layout{grid-template-columns:1fr}.ss-route-question{grid-template-columns:minmax(0,1fr) minmax(160px,1fr)}}@media(max-width:720px){.ss-plan-row{grid-template-columns:1fr}.ss-plan-inputs{grid-template-columns:minmax(0,1fr) 97px}.ss-next{display:block}.ss-next button{margin-top:12px}.ss-exercise-tabs button{padding:11px 9px}.ss-exercise-tabs button strong{font-size:11px}.ss-exercise-tabs button small{font-size:9px}.ss-tiles{grid-template-columns:repeat(16,minmax(0,1fr))}.ss-binary-row{gap:1px}.ss-binary-row span{font-size:7px;padding:10px 0}}@media(max-width:500px){.ss-exercise-tabs{grid-template-columns:1fr;gap:6px}.ss-exercise-tabs button{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:4px 10px}.ss-exercise-tabs button>span{grid-row:span 2}.ss-exercise-tabs button small{grid-column:2}.ss-route-question{grid-template-columns:1fr}.ss-route-question label{grid-column:1}.ss-pbq-actions .jp-btn-primary{flex-basis:100%}.ss-score{margin-left:0;align-items:flex-start}.ss-binary-row{grid-template-columns:repeat(16,minmax(0,1fr));gap:2px}.ss-binary-row span{font-size:8px}.ss-decode-facts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ss-root *,.ss-root :after,.ss-root :before{transition:none!important;scroll-behavior:auto!important}}