:root{color-scheme:dark;--bg:#07111f;--surface:#0c1a2b;--surface-2:#102238;--line:#1d3550;--text:#e8f1ff;--muted:#9bb0c9;--accent:#43d9ff;--accent-2:#45e09a;--shadow:0 18px 45px rgba(0,0,0,.24)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#0d2037 0,var(--bg) 42rem);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:10px 0 28px}.nav a:first-child{margin-right:auto;font-weight:800;color:var(--text)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px;align-items:stretch;margin-bottom:24px}.hero>div,.panel,.card{background:linear-gradient(145deg,rgba(16,34,56,.96),rgba(8,22,38,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero>div{padding:30px}.hero h1{margin:10px 0 12px;max-width:780px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.035em}.panel{padding:22px}.card{padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:18px;max-height:72vh;overflow:auto;padding-right:4px}.command-card{min-width:0}.command-card h2{margin:10px 0 8px;font-size:1.25rem}.command-card pre,pre{overflow-x:auto;margin:12px 0;padding:13px 14px;border:1px solid #193650;border-radius:12px;background:#050d17;color:#d9e8ff;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #24506b;border-radius:999px;color:var(--accent);background:rgba(67,217,255,.07);font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:12px}.search{width:100%;min-height:46px;padding:10px 13px;border:1px solid #28435d;border-radius:12px;background:#071320;color:var(--text);font:inherit;outline:none}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(67,217,255,.14)}select.search{cursor:pointer}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:6px;padding:8px 13px;border:1px solid #28627a;border-radius:10px;background:rgba(67,217,255,.08);font-weight:750}.cta:hover{background:rgba(67,217,255,.14);text-decoration:none}.demo{margin:24px 0;overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.demo svg{display:block;width:100%;height:auto}.lesson-grid{margin-top:20px}.section-gap{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty{grid-column:1/-1;text-align:center;padding:36px}@media(max-width:760px){main{width:min(100% - 20px,1180px);padding-top:16px}.hero,.toolbar{grid-template-columns:1fr}.hero>div{padding:22px}.grid{max-height:68vh;grid-template-columns:1fr}.nav{gap:10px 14px}.nav a:first-child{width:100%;margin-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.detail-page{background:#f6f9fd;color:#15365c}.skip-link{position:absolute;left:-9999px;top:8px;padding:8px 12px;background:#fff;color:#123;border-radius:6px;z-index:100}.skip-link:focus{left:8px}.detail-page .site-header{min-height:62px;display:flex;align-items:center;gap:28px;padding:0 28px;background:#061b33;border-bottom:1px solid #17456f;box-shadow:0 4px 18px rgba(0,0,0,.16)}.detail-page .site-header a{color:#dcecff}.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:850;white-space:nowrap}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;border:2px solid #a5c9ff;border-radius:7px;color:#fff;font-family:monospace;font-size:15px}.main-nav,.right-nav{display:flex;align-items:center;gap:16px;font-size:.9rem}.right-nav{margin-left:auto}.try-btn{padding:9px 20px;border-radius:8px;background:#147de0;color:#fff!important;font-weight:800!important}.detail-page .command-page{width:min(1240px,calc(100% - 36px));padding:22px 0 30px}.command-hero{display:grid;grid-template-columns:1.3fr .8fr .9fr .75fr;gap:14px;align-items:stretch;margin-bottom:14px;background:#06213e;padding:20px 0 22px;border-radius:0 0 12px 12px}.command-intro{padding:4px 8px 8px 0;color:#fff}.command-mark{display:inline-flex;width:60px;height:50px;border:3px solid #7288ff;border-radius:9px;align-items:center;justify-content:center;font:700 20px monospace;color:#fff;float:left;margin:0 14px 8px 0}.command-intro h1{margin:0;font-size:3.7rem;line-height:1;color:#fff}.command-intro h2{margin:4px 0 12px;font-size:1.15rem;font-weight:650;color:#dcecff}.command-intro p{clear:both;margin:12px 0 0;color:#d0e1f4;line-height:1.55}.info-card,.quick-card,.steps-card,.examples-card,.output-card,.availability-card,.concepts-card{background:#fff;border:1px solid #c8d9eb;border-radius:8px;box-shadow:0 3px 12px rgba(24,61,97,.1)}.info-card,.quick-card{padding:14px 16px}.info-card h3,.quick-card h3{margin:0 0 10px;color:#17559c;font-size:1rem}.info-card p,.quick-card p{font-size:.87rem;line-height:1.5;margin:7px 0;color:#36516f}.info-card pre{margin:0 0 7px;background:#102d50;color:#dff1ff;border-color:#163f69}.quick-card{background:#effbf6;border-color:#bfe8d2}.quick-card h3{color:#12824e}.quick-card strong{display:block;color:#165f47;margin-bottom:5px}.green-btn{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border-radius:7px;background:#15965c;color:#fff!important;font-weight:800}.green-btn:hover{text-decoration:none;background:#0f804d}.compact-list{margin:0;padding-left:18px;font-size:.8rem;color:#315170}.compact-list li{margin:2px 0}.compact-list code{font-size:.78rem}.work-grid{display:grid;grid-template-columns:31% 69%;gap:14px}.steps-card{padding:12px 16px}.steps-card h2,.flow-card h2,.examples-card h2,.output-card h2,.terminal-card h2,.availability-card h2,.concepts-card h2,.anatomy-card h2,.packet-card h2{margin:0;color:#173e70;font-size:1.02rem}.process-list{list-style:none;margin:9px 0 0;padding:0;counter-reset:steps}.process-list li{counter-increment:steps;position:relative;padding:7px 0 7px 43px;border-left:2px solid #cbd8e7;margin-left:12px}.process-list li:before{content:counter(steps);position:absolute;left:-16px;top:5px;width:30px;height:30px;border-radius:50%;background:#167de1;color:#fff;text-align:center;line-height:30px;font-weight:800}.process-list li:nth-child(n+3):before{background:#12a16a}.process-list b{display:block;color:#15549a;font-size:.87rem}.process-list span{display:block;color:#5a718b;font-size:.78rem;line-height:1.35;margin-top:2px}.flow-card{background:#071d36;border:1px solid #19446d;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px rgba(6,29,54,.22)}.flow-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #17436d}.flow-head h2{color:#eef7ff}.flow-controls{display:flex;gap:6px}.flow-controls button{border:1px solid #335777;border-radius:5px;background:#122f4f;color:#e5f1ff;padding:5px 8px;font-size:.72rem;cursor:pointer}.flow-controls button:hover,.flow-controls button:focus-visible{background:#1a4169}.flow-controls button:focus-visible,.cta:focus-visible,.green-btn:focus-visible,a:focus-visible{outline:3px solid #80e8ff;outline-offset:2px}.flow-map{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:45px 22px 30px;min-height:180px}.flow-box{min-height:74px;border:1px solid #2780d5;border-radius:9px;background:#0c2a4b;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.flow-box b{font-size:.92rem}.flow-box small{color:#a9c7e5;margin-top:4px;font-size:.7rem}.flow-box.success{border-color:#32c88c;background:#0b4b3a}.flow-box.success small{color:#a4efd0}.flow-map>span{color:#46d8ff;font-size:1.5rem}.flow-pulse{position:absolute;left:23%;top:92px;width:10px;height:10px;border-radius:50%;background:#45e09a;box-shadow:0 0 0 5px rgba(69,224,154,.12);animation:flowMove 4s linear infinite}.flow-card.is-paused .flow-pulse{animation-play-state:paused}.flow-card.is-reset .flow-pulse{animation:none;left:23%}@keyframes flowMove{0%{left:23%}100%{left:75%}}.flow-caption{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 16px 12px;border-top:1px solid #17436d;color:#b8d2ee;font-size:.72rem;text-align:center}.example-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.examples-card,.output-card{padding:13px 16px}.example-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.example-chips code{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;padding:6px;border-radius:7px;background:#e9eff8;color:#173e70;font-size:.73rem}.example-chips code:nth-child(1){background:#eee2ff}.example-chips code:nth-child(2){background:#dceeff}.example-chips code:nth-child(3){background:#dff7ec}.example-chips code:nth-child(4){background:#e7edf5}.output-card pre{margin:8px 0 0;background:#eef5fb;color:#294b6e;border:0;font-size:.72rem}.anatomy-card,.packet-card{margin-top:14px;padding:15px 16px;background:#fff;border:1px solid #c8d9eb;border-radius:8px;box-shadow:0 3px 12px rgba(24,61,97,.1)}.output-anatomy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.output-anatomy>div{padding:11px;border:1px solid #d4e0eb;border-radius:7px;background:#f6f9fd}.output-anatomy b{display:block;color:#1a4d83;font-size:.75rem;margin-bottom:4px}.output-anatomy code{color:#294b6e;font-size:.76rem;overflow-wrap:anywhere}.packet-diagram{display:grid;grid-template-columns:1fr 1fr 2fr;gap:2px;margin:12px 0;border:1px solid #9ab3cc;border-radius:7px;overflow:hidden}.packet-diagram span{padding:15px;text-align:center;background:#e7eff8;color:#1b4e7f;font-weight:800;font-size:.8rem}.packet-diagram span:nth-child(2){background:#dff7ec}.packet-diagram span:nth-child(3){background:#eee2ff}.capture{background:#071d36!important;color:#d9e8ff!important;border-color:#17446e!important}.lower-grid{display:grid;grid-template-columns:1.45fr .9fr 1fr;gap:14px;margin-top:14px}.terminal-card{background:#071d36;border:1px solid #17446e;border-radius:8px;padding:12px 14px;box-shadow:0 4px 14px rgba(6,29,54,.22)}.terminal-title{display:flex;align-items:center;justify-content:space-between}.terminal-title h2{color:#eef7ff}.terminal-title span{font-size:.68rem;color:#3be19a;background:#073d32;border:1px solid #126c54;border-radius:999px;padding:3px 7px}.terminal-screen{min-height:225px;margin:10px 0 8px!important;background:#030c17!important;color:#d7e7f8!important;border-color:#143555!important;font-size:.76rem!important}.prompt{color:#39e09a}.cursor{color:#8bb9ff}.tip{padding:8px 10px;border:1px solid #168b64;border-radius:6px;background:#063e32;color:#c8f6e6;font-size:.72rem}.availability-card,.concepts-card{padding:13px 15px}.availability-card table{width:100%;border-collapse:collapse;margin-top:9px;font-size:.72rem}.availability-card th,.availability-card td{padding:6px 4px;border-bottom:1px solid #dce6f0;text-align:left;color:#3e5c79}.availability-card th{font-weight:800;color:#1a4d83}.note{margin-top:10px;padding:8px;border:1px solid #c4dff5;background:#eef8ff;color:#4b6b87;border-radius:6px;font-size:.68rem}.concept-list{list-style:none;padding:0;margin:8px 0 0}.concept-list li{display:flex;gap:8px;margin:8px 0}.concept-list i{font-style:normal;display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:#e1f7ec;color:#138755;font-weight:900}.concept-list b{color:#24558c;font-size:.76rem}.concept-list p{margin:1px 0;color:#5c748d;font-size:.68rem;line-height:1.35}.lesson-footer-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;background:#061b33;color:#b9cee4;font-size:.72rem;border-top:1px solid #17456f}.site-footer nav{display:flex;gap:14px}.site-footer a{color:#d9eaff}@media(max-width:1050px){.command-hero{grid-template-columns:1fr 1fr}.work-grid,.lower-grid{grid-template-columns:1fr}.example-grid{grid-template-columns:1fr}.right-nav a:not(.try-btn){display:none}}@media(max-width:700px){.detail-page .site-header{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 14px;gap:10px}.main-nav{order:3;width:100%;justify-content:center}.right-nav{margin-left:auto}.detail-page .command-page{width:min(100% - 20px,1240px)}.command-hero{grid-template-columns:1fr;padding:15px 0}.command-intro h1{font-size:3rem}.flow-map{grid-template-columns:1fr;gap:6px;padding:20px}.flow-map>span{transform:rotate(90deg)}.flow-pulse{display:none}.flow-caption,.example-chips,.output-anatomy,.packet-diagram{grid-template-columns:1fr 1fr}.site-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.flow-pulse{animation:none!important}}