@font-face{font-family:Eina01;src:url(/fonts/Eina01-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Eina01;src:url(/fonts/Eina01-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Eina01;src:url(/fonts/Eina01-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--pi-midnight:#0d0f20;--pi-navy:#003;--pi-ink:#080927;--pi-steel:#1d3b61;--pi-sky:#2398ff;--pi-magenta:#f80590;--pi-coolgray:#b9cdcb;--pi-ashgray:#82898d;--pi-green:#16a600;--pi-tomato:#ff464a;--pi-orange:#f60;--pi-lavender:#8759f2;--pi-mint:#2aeaa7;--pi-amber:#f2a135;--pi-row:#212353;--pi-panel:#080927e0;--pi-hairline:var(--pi-steel);--pi-body:#ffffffe0;--pi-font:"Eina01", "Helvetica Neue", Arial, sans-serif;--pi-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pi-control:44px;--pi-control-sm:36px;--pi-margin:24px;--pi-radius-card:12px;--pi-radius-panel:16px;--pi-radius-button:6px;--pi-drawer-w:360px;--pi-card-w:320px}*{box-sizing:border-box}html,body{background:var(--pi-midnight);color:#fff;height:100%;font-family:var(--pi-font);-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}.pi-grid-bg{background-color:var(--pi-midnight);background-image:linear-gradient(#2398ff14 1px,#0000 1px),linear-gradient(90deg,#2398ff14 1px,#0000 1px);background-size:24px 24px}.pi-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--pi-coolgray);font-size:11px;font-weight:700}.pi-eyebrow.sky{color:var(--pi-sky)}.pi-eyebrow.magenta{color:var(--pi-magenta)}.pi-mono{font-family:var(--pi-mono);font-variant-numeric:tabular-nums}.pi-title{color:#fff;font-size:20px;font-weight:600;line-height:1.2}.pi-body-text{color:var(--pi-body);font-size:14px;line-height:1.5}.pi-muted{color:var(--pi-coolgray)}.pi-panel{background:var(--pi-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--pi-hairline);border-radius:var(--pi-radius-card);color:#fff}.pi-panel.r16{border-radius:var(--pi-radius-panel)}.pi-panel.capsule{border-radius:9999px}.pi-pill{height:var(--pi-control);background:var(--pi-panel);border:1px solid var(--pi-hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--pi-sky);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:transform .15s,background .2s,color .2s,opacity .2s;display:inline-flex}.pi-pill.has-icon{padding-left:12px}.pi-pill:active{transform:scale(.98)}.pi-pill.active,.pi-pill.primary{background:var(--pi-sky);color:#fff;border-color:#0000}.pi-pill.primary{padding:0 22px 0 16px}.pi-pill.destructive,.pi-pill.wrong{background:var(--pi-tomato);color:#fff;border-color:#0000}.pi-pill.right{background:var(--pi-green);color:#fff;border-color:#0000}.pi-pill.right-outline{border:1.5px solid var(--pi-green);color:var(--pi-green)}.pi-pill:disabled{opacity:.5;cursor:default}.pi-pill .pi-badge{width:26px;height:26px;font-family:var(--pi-mono);background:#2398ff29;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.pi-circle{width:var(--pi-control);height:var(--pi-control);cursor:pointer;background:var(--pi-panel);border:1px solid var(--pi-hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--pi-sky);border-radius:50%;place-items:center;padding:0;transition:transform .15s,background .2s,color .2s;display:grid;position:relative}.pi-circle.sm{width:var(--pi-control-sm);height:var(--pi-control-sm)}.pi-circle:active{transform:scale(.96)}.pi-circle.active{background:var(--pi-sky);color:#fff;border-color:#0000}.pi-circle.magenta{color:var(--pi-magenta)}.pi-circle:disabled{opacity:.45;cursor:default}.pi-tip{background:var(--pi-panel);border:1px solid var(--pi-hairline);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:9999px;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pi-tip.right{left:calc(100% + 10px)}.pi-tip.left{right:calc(100% + 10px)}.pi-circle:hover .pi-tip,.pi-pill:hover .pi-tip{opacity:1}.pi-rail{border-radius:9999px;flex-direction:column;gap:6px;padding:6px;display:flex}.pi-rail .pi-circle{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.pi-rail .pi-circle.active{background:var(--pi-sky)}.pi-topbar{align-items:center;gap:10px;display:flex}.pi-topbar .title{height:var(--pi-control);align-items:center;gap:10px;padding:0 16px 0 12px;display:inline-flex}.pi-topbar .title img{width:auto;height:22px}.pi-topbar .title .name{color:#fff;font-size:15px;font-weight:600}.pi-topbar .title .context{color:var(--pi-coolgray);font-size:13px}.pi-topbar .title .context.magenta{color:var(--pi-magenta)}.pi-topbar .group{border-radius:9999px;gap:6px;padding:4px;display:inline-flex}.pi-topbar .spacer{flex:1}.pi-drawer{width:var(--pi-drawer-w);border-top:3px solid var(--pi-sky);flex-direction:column;max-height:100%;display:flex;overflow:hidden}.pi-drawer .head{align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.pi-drawer .head .pi-title{flex:1}.pi-drawer .head .meta{font-family:var(--pi-mono);color:var(--pi-coolgray);letter-spacing:.04em;font-size:11px}.pi-drawer .scroll{scrollbar-width:thin;scrollbar-color:var(--pi-steel) transparent;padding:0 12px 12px;overflow:auto}.pi-drawer-heading{align-items:center;gap:8px;padding:14px 8px 6px;display:flex}.pi-drawer-heading .pi-eyebrow{flex:1}.pi-drawer-heading .count{font-family:var(--pi-mono);color:var(--pi-coolgray);font-size:11px}.pi-drawer-heading .rule{background:var(--pi-hairline);flex:1;height:1px}.pi-row{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.pi-row:hover{background:#ffffff0d}.pi-row.selected{background:var(--pi-row)}.pi-row.dimmed{opacity:.45}.pi-row .dot{border-radius:50%;flex:none;width:8px;height:8px}.pi-row .text{flex:1;min-width:0}.pi-row .name{font-size:15px;font-weight:600;line-height:1.2}.pi-row .caption{color:var(--pi-coolgray);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.pi-row .count{font-family:var(--pi-mono);color:var(--pi-coolgray);font-size:12px}.pi-row .eye{color:var(--pi-sky);place-items:center;display:grid}.pi-search{border:1px solid var(--pi-hairline);height:36px;color:var(--pi-coolgray);background:#ffffff0f;border-radius:9999px;align-items:center;gap:8px;margin:0 4px 6px;padding:0 12px;display:flex}.pi-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.pi-card{width:var(--pi-card-w);padding:14px 16px 16px}.pi-card .eyebrow-row{align-items:center;gap:8px;display:flex}.pi-card .eyebrow-row .dot{background:var(--pi-magenta);border-radius:50%;width:8px;height:8px}.pi-card .eyebrow-row .meta{font-family:var(--pi-mono);color:var(--pi-coolgray);margin-left:auto;font-size:11px}.pi-card .pi-title{margin-top:8px}.pi-card .subtitle{color:var(--pi-coolgray);margin-top:4px;font-size:13px}.pi-card .pi-body-text{margin-top:8px}.pi-card .actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pi-card-btn{border-radius:var(--pi-radius-button);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1.5px solid var(--pi-sky);height:34px;color:var(--pi-sky);background:0 0;padding:0 12px;font-size:11px;font-weight:700}.pi-card-btn.primary{background:var(--pi-sky);border-color:var(--pi-sky);color:#fff}.pi-card-btn:disabled{opacity:.4;cursor:default}.pi-hint{color:#fff;border-radius:9999px;align-items:center;gap:10px;height:40px;padding:0 16px 0 12px;font-size:14px;display:inline-flex}.pi-hint .glyph{color:var(--pi-sky);place-items:center;display:grid}.pi-hint.compact{height:36px;color:var(--pi-coolgray)}.pi-status{color:#fff;border-radius:9999px;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.pi-status-card{align-items:center;gap:12px;max-width:420px;padding:12px 16px;display:flex}.pi-status-card .glyph{color:var(--pi-sky);place-items:center;display:grid}.pi-status-card .title{color:#fff;font-size:15px}.pi-status-card .detail{color:var(--pi-coolgray);margin-top:2px;font-size:13px}.pi-spinner{border:2px solid #2398ff40;border-top-color:var(--pi-sky);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite pi-spin}@keyframes pi-spin{to{transform:rotate(360deg)}}.module{background:var(--pi-midnight);width:100vw;height:100vh;position:relative;overflow:hidden}.module .viewport{position:absolute;inset:0}.module .viewport canvas{outline:none;width:100%;height:100%;display:block}.overlay{pointer-events:none;position:absolute}.overlay>*{pointer-events:auto}.ov-top{top:var(--pi-margin);left:var(--pi-margin);right:var(--pi-margin)}.ov-rail{top:50%;transform:translateY(-50%)}.ov-rail.left{left:var(--pi-margin)}.ov-rail.right{right:var(--pi-margin)}.ov-drawer{top:calc(var(--pi-margin) + var(--pi-control) + 12px);bottom:var(--pi-margin)}.ov-drawer.right{right:var(--pi-margin)}.ov-drawer.left{left:var(--pi-margin)}.ov-bottom-left{left:var(--pi-margin);bottom:var(--pi-margin)}.ov-bottom-center{left:50%;bottom:var(--pi-margin);transform:translate(-50%)}.ov-top-center{left:50%;top:calc(var(--pi-margin) + var(--pi-control) + 16px);transform:translate(-50%)}.ov-card{top:calc(var(--pi-margin) + var(--pi-control) + 24px);left:calc(var(--pi-margin) + var(--pi-control) + 24px);transition:left .3s,top .3s,right .3s}.fade-in{animation:.2s pi-fade}@keyframes pi-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mode-page{flex-direction:column;min-height:100vh;padding:40px;display:flex}.mode-head{max-width:760px}.mode-head h1{margin:10px 0;font-size:34px;font-weight:700}.mode-head p{color:var(--pi-coolgray);margin:0;font-size:16px;line-height:1.6}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1280px;margin-top:32px;display:grid}.mode-card{background:var(--pi-ink);border:1px solid var(--pi-steel);text-align:left;cursor:pointer;color:#fff;border-radius:12px;flex-direction:column;padding:0;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.mode-card:hover{border-color:var(--pi-magenta);transform:translateY(-2px)}.mode-card .rule{background:var(--pi-magenta);height:3px}.mode-card .preview{aspect-ratio:4/3;background:#f3f6fa;place-items:center;display:grid;overflow:hidden}.mode-card .preview img{object-fit:cover;width:100%;height:100%}.mode-card .preview.dark{background-color:var(--pi-midnight)}.mode-card .preview.dark>div{width:100%;height:100%}.mode-card .body{flex-direction:column;gap:8px;padding:20px 24px 24px;display:flex}.mode-card .body h2{margin:2px 0 0;font-size:22px;font-weight:700}.mode-card .body p{color:var(--pi-coolgray);margin:0;font-size:14px;line-height:1.5}.mode-card .cta{letter-spacing:.12em;color:var(--pi-magenta);align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.mode-card:disabled{opacity:.55;cursor:default}.quiz-capsule{align-items:center;gap:14px;height:56px;padding:0 16px 0 10px;display:flex}.quiz-capsule .q{flex-direction:column;display:flex}.quiz-capsule .q .pi-eyebrow{font-size:11px}.quiz-capsule .q .question{color:#fff;font-size:18px;font-weight:600}.quiz-capsule{transition:background .2s,border-color .2s}.quiz-capsule.right{border-color:var(--pi-green);background:#16a6008c}.quiz-capsule.wrong{border-color:var(--pi-tomato);background:#ff464a73}.quiz-answers{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin-top:12px;display:flex}.quiz-answers .pi-pill{border:1.5px solid var(--pi-sky);height:52px;padding:0 24px 0 16px;font-size:16px}.exag{flex-direction:column;align-items:center;width:56px;height:280px;padding:0;display:flex}.exag .value{color:#fff;place-items:center;height:36px;font-size:12px;font-weight:700;display:grid}.exag .track{cursor:ns-resize;flex:1;width:100%;position:relative}.exag .rail-line{background:var(--pi-steel);border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.exag .fill{background:var(--pi-sky);border-radius:3px;width:6px;margin-left:-3px;position:absolute;bottom:0;left:50%}.exag .thumb{border:2px solid var(--pi-sky);background:#fff;border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;left:50%}.exag .glyph{height:36px;color:var(--pi-coolgray);place-items:center;display:grid}.pi-select{border-radius:var(--pi-radius-button);appearance:none;cursor:pointer;border:1px solid var(--pi-hairline);color:#fff;text-overflow:ellipsis;background:#ffffff0f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b5bccb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") right 12px center no-repeat;width:100%;height:40px;padding:0 34px 0 12px;font-family:inherit;font-size:13px;font-weight:600}.pi-select:focus{border-color:var(--pi-sky);outline:none}.pi-select option{color:#fff;background:#0d0f20}.pi-select option:disabled{color:var(--pi-steel)}.planner-section{padding:4px 8px 2px}.planner-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.planner-x{border:1px solid var(--pi-hairline);width:34px;height:34px;color:var(--pi-coolgray);cursor:pointer;background:#ffffff0f;border-radius:50%;flex:none;place-items:center;display:grid}.planner-x:hover{color:var(--pi-tomato);border-color:var(--pi-tomato)}.stepper{align-items:center;gap:12px;display:flex}.stepper .val{font-family:var(--pi-mono);color:#fff;text-align:center;min-width:96px;font-size:16px}.stepper button{border:1px solid var(--pi-hairline);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.stepper button:disabled{opacity:.35;cursor:default}.planner-note{color:var(--pi-coolgray);margin-top:10px;font-size:12px;line-height:1.45}.planner-problem{color:var(--pi-tomato);margin-top:10px;font-size:13px;font-weight:600}.pi-card-btn.destructive{border-color:var(--pi-tomato);color:var(--pi-tomato)}.route-card{width:100%;min-width:360px}.route-card .head{cursor:pointer;align-items:center;gap:10px;display:flex}.route-card .head .pi-title{flex:1;margin:0}.route-card .head .chev{color:var(--pi-coolgray);place-items:center;display:grid}.route-card .meta{font-family:var(--pi-mono);color:var(--pi-coolgray);letter-spacing:.04em;white-space:nowrap;font-size:12px}.route-card .line{color:var(--pi-body);align-items:flex-start;gap:8px;margin-top:8px;font-size:13px;line-height:1.4;display:flex}.route-card .line .dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.route-card .line .nm{font-family:var(--pi-mono);color:var(--pi-coolgray);white-space:nowrap;margin-left:6px}.route-card .line .num{width:20px;height:20px;color:var(--pi-sky);font-family:var(--pi-mono);background:#2398ff29;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.cm-page{overflow:auto}.cm-body{padding:calc(var(--pi-margin) + var(--pi-control) + 20px) var(--pi-margin) var(--pi-margin);max-width:1500px;margin:0 auto}.cm-head h1{margin:8px 0 6px;font-size:30px;font-weight:700}.cm-head p{color:var(--pi-coolgray);max-width:760px;margin:0 0 18px;font-size:15px;line-height:1.55}.chart-map{align-items:flex-start;gap:20px;display:flex}.cm-maps{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.cm-hint{color:var(--pi-coolgray);height:20px;font-size:14px}.cm-hint b{color:#fff;font-weight:600}.cm-panel{border:1px solid var(--pi-hairline);background:#ffffff06;border-radius:12px;padding:10px;position:relative}.cm-panel svg{width:100%;display:block;overflow:visible}.cm-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--pi-coolgray);font-size:11px;font-weight:700;position:absolute;top:10px;left:12px}.cm-insets{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.cm-insets .cm-panel svg{max-height:220px}.cm-state{fill:#ffffff0b;stroke:#ffffff38;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cm-box{fill:#2398ff1a;stroke:#2398ffa6;cursor:pointer;transition:fill .12s}.cm-box.hover{fill:#2398ff57;stroke:#2398ff}.cm-box.current{stroke:var(--pi-magenta);fill:#f8059029}.cm-box.current.hover{fill:#f8059052}.cm-box.off{fill:#ffffff08;stroke:#ffffff2e;cursor:default}.cm-label-bg{fill:#0d0f20eb;stroke:#fff3;vector-effect:non-scaling-stroke}.cm-label{fill:#fff;font-family:inherit;font-weight:600}.cm-list{border-top:3px solid var(--pi-sky);flex-direction:column;flex:none;gap:8px;width:320px;max-height:calc(100vh - 170px);padding:12px 12px 8px;display:flex}.cm-list-head{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.cm-list-head .meta{font-family:var(--pi-mono);color:var(--pi-coolgray);letter-spacing:.04em;font-size:11px}.cm-list .scroll{scrollbar-width:thin;scrollbar-color:var(--pi-steel) transparent;overflow:auto}@media (max-width:1000px){.chart-map{flex-direction:column}.cm-list{width:100%;max-height:420px}}.vor-cluster{flex-direction:column;align-items:center;gap:10px;width:294px;padding:14px;display:flex}.vor-cluster .head{justify-content:space-between;align-items:flex-start;gap:8px;width:266px;display:flex}.vor-cluster .ident{font-family:var(--pi-mono);color:#fff;margin-top:2px;font-size:18px;font-weight:600}.vor-cluster .name{color:var(--pi-coolgray);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.vor-cluster .dme{text-align:right}.vor-cluster .dme .val{font-family:var(--pi-mono);color:#fff;font-size:16px;font-weight:600}.vor-cluster .face{width:200px;height:200px;margin:0 33px 33px;position:relative}.vor-cluster .face.hsi-face{height:236px}.vor-cluster .face .hsi{position:absolute;top:0;left:2px}.vor-cluster .face .cdi{position:absolute;top:0;left:0}.vor-cluster .knob-slot{position:absolute;bottom:-33px;right:-33px}.vor-cluster .hi-slot{justify-content:center;padding-bottom:4px;display:flex}.pi-draggable{cursor:grab;touch-action:none}.pi-draggable:active{cursor:grabbing}.ov-rail{z-index:5}.crs-knob{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crs-knob:active{cursor:grabbing}.vor-cluster .radial-pill{font-family:var(--pi-mono);color:var(--pi-amber,#ffb020);background:#ffb02024;border-radius:9999px;align-self:flex-start;align-items:center;height:28px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.joystick .glyph{color:var(--pi-coolgray);transition:opacity .15s;position:absolute;transform:rotate(0)}.joystick .knob{background:#ffffffe0;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 6px #00000080}.yoke-controls{align-items:flex-end;gap:22px;display:flex}.throttle{flex-direction:column;align-items:center;gap:6px;display:flex}.throttle .label{color:#fff;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:600}.throttle .track{touch-action:none;cursor:pointer;background:#ffffff40;border-radius:13px;width:26px;position:relative}.throttle .fill{background:#ffffff8c;border-radius:13px;position:absolute;bottom:0;left:0;right:0}.throttle .handle{background:#fff;border-radius:8px;width:36px;height:16px;position:absolute;left:-5px;box-shadow:0 1px 3px #00000080}.yoke{width:170px;position:relative}.yoke img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:170px;display:block}.yoke .grips{display:flex;position:absolute;inset:0}.yoke .grip{touch-action:none;cursor:grab;color:#ffffffb3;flex:1;place-items:center;font-weight:700;display:grid}.yoke .grip.hint{background:#ffffff24}