html,body{color:#e8e8e8;background:#121316;height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app,canvas{touch-action:none;width:100%;height:100%;display:block}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#121316db;border:1px solid #2c2e33;border-radius:10px;width:300px;max-height:calc(100% - 24px);padding:12px 14px;font-size:13px;position:fixed;top:12px;left:12px;overflow:auto}.panel h1{letter-spacing:.2px;margin:0 0 10px;font-size:15px;font-weight:600}.panel label{margin:6px 0;display:block}.panel select{color:#eee;background:#1c1e23;border:1px solid #333;border-radius:6px;width:100%;margin-top:4px;padding:5px}.panel input[type=range]{width:100%;margin:4px 0 0}.panel label span{float:right;color:#9aa;font-variant-numeric:tabular-nums}.toggles label{margin:4px 10px 4px 0;display:inline-block}.readouts{border-top:1px solid #2c2e33;border-bottom:1px solid #2c2e33;margin:8px 0;padding:6px 0}.readouts div{grid-template-columns:1fr auto;gap:2px 8px;padding:2px 0;display:grid}.readouts span{color:#9aa}.readouts b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.readouts i{color:#6b7;grid-column:1/3;font-size:11px;font-style:normal}.readouts i:empty{display:none}.legend{color:#9aa;align-items:center;gap:8px;margin:8px 0;font-size:11px;display:flex}.ramp{background:linear-gradient(90deg,#0b2a9c,#19c7d9,#fff04d);border-radius:4px;flex:1;height:8px}.credits{color:#889;margin-top:8px;font-size:11px;line-height:1.35}.fps{color:#667;font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px}.hint{color:#556;margin-top:4px;font-size:11px}@media (width<=700px){.panel{width:calc(100% - 24px);max-height:45%;top:auto;bottom:12px}}.row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cases{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.cases button{color:#eee;cursor:pointer;background:#22252b;border:1px solid #3a3d44;border-radius:6px;flex:1;min-width:30%;padding:6px 8px;font-size:12px}.cases button:hover{background:#2c3038}.cases button:disabled{opacity:.4;cursor:default}.cards summary{cursor:pointer;color:#9aa;margin:6px 0;font-size:12px}.cards details details{margin:4px 0 4px 8px}.cards details details summary{color:#ccd}.cards p{color:#bcc;margin:4px 0 8px;font-size:12px;line-height:1.45}.pane{position:relative;overflow:hidden}.pane canvas{width:100%;height:100%}.pane-tag{background:#121316cc;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.pane-tag i{color:#6b7;font-size:11px;font-style:normal}body.compare .panel{width:260px}body.presenter .panel label,body.presenter .panel .toggles,body.presenter .panel .cases,body.presenter .panel .row,body.presenter .panel .hint,body.presenter .panel .fps,body.presenter .cards{display:none}body.presenter .panel{width:360px;font-size:17px}body.presenter .panel h1{font-size:20px}#slice{background:#121316f2;border:1px solid #2c2e33;border-radius:10px;max-width:min(60vw,560px);padding:10px;position:fixed;top:12px;right:12px}#slice canvas{border-radius:6px;width:100%;height:auto;display:block}.slice-bar{align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.slice-bar label{flex:1}.slice-bar input{width:100%}.slice-bar button{color:#eee;background:#22252b;border:1px solid #3a3d44;border-radius:6px;padding:4px 8px}.fatal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a0eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fatal-box{color:#e8ecf2;background:#14181f;border:1px solid #2c3442;border-radius:10px;width:100%;max-width:520px;padding:20px 22px;font:14px/1.5 system-ui,sans-serif;box-shadow:0 12px 40px #00000080}.fatal-box h2{margin:0 0 8px;font-size:18px}.fatal-detail{color:#9aa6b8;white-space:pre-wrap;background:#0c0f14;border-radius:6px;max-height:120px;padding:8px;font-size:11px;overflow:auto}.fatal-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.fatal-actions button{color:inherit;cursor:pointer;background:#222a36;border:1px solid #3a4558;border-radius:6px;padding:7px 14px}.fatal-actions button[data-a=reload]{background:#2b5fd9;border-color:#2b5fd9}.notice-bar{z-index:9000;color:#e8ecf2;background:#1b2230;border:1px solid #c9822b;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:9px 12px;font:13px/1.4 system-ui,sans-serif;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.notice-bar button{color:#fff;cursor:pointer;background:#2b5fd9;border:1px solid #3a4558;border-radius:6px;padding:5px 12px}.notice-bar .notice-x{color:#9aa6b8;background:0 0;border:0;padding:2px 6px;font-size:16px}.nogpu-card{z-index:50;color:#e8ecf2;background:#151a23;border:1px solid #2f3a4c;border-radius:12px;width:min(520px,100vw - 32px);padding:22px 24px;font:15px/1.55 system-ui,sans-serif;position:fixed;top:50%;left:calc(50% + 130px);transform:translate(-50%,-50%);box-shadow:0 14px 44px #00000073}.nogpu-card h2{margin:0 0 10px;font-size:20px}.nogpu-card p{margin:0 0 10px}.nogpu-card .nogpu-alt{color:#9aa6b8;margin:6px 0 0;font-size:13px}.nogpu-card a{color:#7fb0ff}@media (width<=760px){.nogpu-card{top:auto;bottom:16px;left:50%;transform:translate(-50%)}}.nogpu-card .nogpu-diag{color:#6f7b8f;margin-top:12px;font:12px/1.4 ui-monospace,monospace}.nogpu-card code{background:#0c0f14;border-radius:4px;padding:1px 5px;font-size:13px}.nogpu-card .nr-list{flex-wrap:wrap;gap:8px;display:flex}.nogpu-card .nr-list button{color:inherit;cursor:pointer;background:#222a36;border:1px solid #3a4558;border-radius:6px;padding:6px 12px}.sb-note{color:#cfd6e2;background:#c9822b14;border-left:3px solid #c9822b;margin:8px 0;padding:8px 10px;font-size:12px;line-height:1.45}.noflow-note{z-index:40;color:#e8ecf2;background:#151a23eb;border:1px solid #2f3a4c;border-left:3px solid #c9822b;border-radius:8px;max-width:min(420px,100vw - 32px);padding:10px 12px;font:13px/1.5 system-ui,sans-serif;position:fixed;bottom:16px;right:16px}.lesson-bar{z-index:30;color:#e8ecf2;background:#151a23eb;border:1px solid #2f3a4c;border-left:3px solid #2b5fd9;border-radius:8px;max-width:min(900px,100vw - 32px);padding:9px 14px;font:14px/1.5 system-ui,sans-serif;position:fixed;top:12px;left:50%;transform:translate(-50%)}.lesson-bar i{color:#7fd1a0;font-size:12px;font-style:normal}.about-overlay{z-index:9000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a0e9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.about-box{color:#e8ecf2;background:#14181f;border:1px solid #2c3442;border-radius:12px;width:min(680px,100%);max-height:calc(100vh - 32px);padding:22px 26px;font:14px/1.55 system-ui,sans-serif;position:relative;overflow:auto;box-shadow:0 16px 50px #0000008c}.about-box h2{margin:0 0 6px;font-size:21px}.about-box h3{text-transform:uppercase;letter-spacing:.06em;color:#9aa6b8;margin:16px 0 6px;font-size:13px}.about-box ul{margin:0;padding-left:18px}.about-box li{margin:3px 0}.about-lead{color:#cfd6e2;margin:0}.about-legend{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.about-legend dd{color:#cfd6e2;margin:0}.about-box .tag{border:1px solid;border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.tag.computed{color:#7fd1a0;border-color:#2f6b47}.tag.estimate{color:#e0b46a;border-color:#6b5530}.tag.qual{color:#9ab8f0;border-color:#34507f}.about-credits{color:#aeb8c8;margin:0;font-size:12.5px}.about-keys{color:#7d889a;margin:12px 0 0;font-size:12px}.about-box kbd{background:#222a36;border:1px solid #3a4558;border-radius:4px;padding:0 5px;font-size:11px}.about-x{color:#9aa6b8;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}@media (width<=560px){.about-box{padding:18px 16px}.about-legend{grid-template-columns:1fr}}.kchart-overlay{z-index:9000;background:#080a0e9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.kchart-box{color:#e8ecf2;background:#14181f;border:1px solid #2c3442;border-radius:12px;width:min(820px,100%);max-height:calc(100vh - 32px);padding:20px 22px;font:14px/1.5 system-ui,sans-serif;position:relative;overflow:auto;box-shadow:0 16px 50px #0000008c}.kchart-box h2{margin:0 0 4px;font-size:19px}.kchart-sub{color:#aeb8c8;margin:0 0 10px;font-size:13px}.kchart-legend{color:#cfd6e2;flex-wrap:wrap;gap:6px 16px;margin-bottom:6px;font-size:12.5px;display:flex}.kchart-legend span{align-items:center;gap:6px;display:inline-flex}.kchart-plot{position:relative}.kchart-svg{width:100%;height:auto;display:block}.kchart-svg .g{stroke:#262d38;stroke-width:1px}.kchart-svg .ax{fill:#8b96a8;font-size:11px}.kchart-svg .ax.t{font-size:12px}.kchart-svg .lbl{fill:#cfd6e2;font-size:12px}.kchart-svg .kcl{fill:#8b96a8;font-size:11px}.kchart-svg .kc,.kchart-legend .kc{stroke:#8b96a8;stroke-width:1.5px;stroke-dasharray:5 4;fill:none}.kchart-tip{pointer-events:none;white-space:nowrap;background:#0c0f14;border:1px solid #2f3a4c;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.45;position:absolute}.kchart-tip i{color:#7fd1a0;font-size:11px;font-style:normal}.kchart-table{color:#cfd6e2;margin-top:8px;font-size:12.5px}.kchart-table table{border-collapse:collapse;width:100%;margin-top:6px}.kchart-table th,.kchart-table td{text-align:left;border-bottom:1px solid #262d38;padding:3px 8px}.kchart-table th{color:#8b96a8;font-weight:600}.tour-bar{z-index:60;color:#e8ecf2;background:#151a23f0;border:1px solid #2f3a4c;border-left:3px solid #2b5fd9;border-radius:10px;align-items:center;gap:14px;width:min(860px,100vw - 32px);padding:10px 14px;font:14px/1.5 system-ui,sans-serif;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000073}.tour-step{color:#8b96a8;white-space:nowrap;font-size:12px}.tour-text{flex:1}.tour-text b{color:#fff}.tour-nav{gap:6px;display:flex}.tour-nav button{color:inherit;cursor:pointer;white-space:nowrap;background:#222a36;border:1px solid #3a4558;border-radius:6px;padding:6px 12px}.tour-nav button[disabled]{opacity:.4;cursor:default}.tour-nav .tour-next{background:#2b5fd9;border-color:#2b5fd9}@media (width<=640px){.tour-bar{flex-wrap:wrap}.tour-text{flex-basis:100%;order:-1}}body:has(.tour-bar) .noflow-note{bottom:110px}.kchart-csv{color:#e8ecf2;background:#222a36;border:1px solid #3a4558;border-radius:6px;margin-top:8px;padding:5px 12px;font-size:12.5px;text-decoration:none;display:inline-block}.about-offline{color:#aeb8c8;margin:12px 0 0;font-size:12.5px}.about-clear{color:#e8ecf2;cursor:pointer;background:#222a36;border:1px solid #3a4558;border-radius:5px;margin-left:6px;padding:2px 10px}.presenter-exit{z-index:70;color:#e8ecf2;cursor:pointer;opacity:.55;background:#151a23d9;border:1px solid #3a4558;border-radius:8px;padding:7px 14px;font:13px system-ui,sans-serif;display:none;position:fixed;top:14px;right:14px}.presenter-exit:hover,.presenter-exit:focus-visible{opacity:1}body.presenter .presenter-exit{display:block}.measure-tip{z-index:50;color:#e8ecf2;pointer-events:none;background:#0c0f14f0;border:1px solid #2f3a4c;border-radius:8px;max-width:250px;padding:8px 10px;font:12.5px/1.5 system-ui,sans-serif;position:fixed}.measure-tip i{color:#7fd1a0;font-size:11px;font-style:normal}.measure-note{color:#8b96a8;font-size:11px}.diag-box{z-index:9500;white-space:pre-wrap;word-break:break-word;color:#c8f7c5;background:#000000d9;border:1px solid #2f3a4c;border-radius:6px;max-width:min(560px,100vw - 16px);padding:8px 10px;font:11px/1.45 ui-monospace,monospace;position:fixed;top:8px;right:8px}@media (orientation:portrait) and (width<=1100px){.panel{width:calc(100% - 24px);max-height:42%;top:auto;bottom:12px}.diag-box{max-width:calc(100vw - 16px)}}