*{box-sizing:border-box;margin:0}html,body,#app{height:100%;min-height:100dvh}body{color:#c8e8ff;font-synthesis:none;text-rendering:geometricprecision;background:#000;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.site-header{z-index:2;letter-spacing:.04em;text-shadow:0 1px 7px #0a0e14,0 0 3px #0a0e14;pointer-events:none;justify-content:space-between;align-items:baseline;font-size:12px;transition:opacity .6s;display:flex;position:absolute;top:24px;left:28px;right:28px}.site-header a{color:#c8e8ff;pointer-events:auto;text-decoration:none}.site-header a:hover,.site-header a:focus-visible{color:#eaf6ff;outline:none;text-decoration:underline}.section-name{color:#4a7a9b}.site-header.hidden{opacity:0}@media (width<=560px){.site-header{top:20px;left:20px;right:20px}}.app{height:100dvh;position:relative}.stage{width:100%;height:100%;display:block;position:absolute;inset:0}.bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a0cd1;border:1px solid #1e282c;border-radius:7px;flex-direction:column;width:178px;font-size:13px;transition:opacity .6s;display:flex;position:absolute;bottom:16px;left:16px}.overlay{transition:opacity .6s}.bar.hidden,.overlay.hidden{opacity:0;pointer-events:none}.app:has(.bar.hidden){cursor:none}.sec{border-bottom:1px solid #1a2226;padding:8px 0}.sec:last-child{border-bottom:0}.sec-hd{letter-spacing:.2em;text-transform:uppercase;color:#5d6c71;align-items:center;gap:5px;padding:2px 12px 6px;font-size:8.5px;display:flex}.sec-hd .spacer{flex:1}.pin{color:#4d5c61;width:16px;height:16px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;transition:color .12s,background .12s;display:inline-flex}.pin svg{display:block}.pin:hover,.pin:focus-visible{color:#bfe4f0;background:#7ec9e01f;outline:none}.pin.on{color:#4ec3e6;background:#4ec3e629}.btn{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:6px 12px;transition:background .1s;display:block}.btn:hover:not(:disabled){background:#151d21}.btn:focus-visible{outline-offset:-1px;background:#151d21;outline:1px solid #7ec9e0}.btn.active{background:#4ec3e624}.btn:disabled{cursor:not-allowed;opacity:.4}.btn .k{letter-spacing:.16em;text-transform:uppercase;color:#74858a;font-size:9px;display:block}.btn .v{color:#e2ecef;margin-top:2px;font-size:13.5px;font-weight:700;display:block}.btn.active .v{color:#8fdcf2}.btn:disabled .v{color:#6a7679;text-decoration:line-through}.btn .act{color:#d3dfe3;font-size:13px;font-weight:600}.btn:disabled .act{text-decoration:line-through}.status{color:#8b9a9f;opacity:.85;height:37px;padding:7px 12px 8px;font-size:10px;line-height:1.45;display:block;overflow:hidden}.status-line{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.slider{padding:8px 12px 11px;display:block}.slider-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.slider .k{letter-spacing:.16em;text-transform:uppercase;color:#74858a;font-size:9px}.slider .v{color:#e2ecef;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.rail{width:100%;height:18px;margin-top:6px;display:block;position:relative}.rail-track{background:#232f34;border-radius:1px;height:2px;position:absolute;top:8px;left:0;right:0}.rail-fill{background:linear-gradient(90deg,#3f6d7d,#7ec9e0);border-radius:1px;height:2px;transition:width .12s;position:absolute;top:8px;left:0}.rail-tick{background:#2e3d43;width:1px;height:8px;position:absolute;top:5px;transform:translate(-50%)}.rail-thumb{pointer-events:none;background:#eaf6fa;border-radius:1.5px;width:3px;height:12px;transition:left .12s;position:absolute;top:3px;transform:translate(-50%);box-shadow:0 0 8px #7ec9e0a6}.rail input[type=range]{opacity:0;cursor:pointer;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.rail:focus-within .rail-thumb{box-shadow:0 0 0 3px #7ec9e04d,0 0 8px #7ec9e0a6}.info{color:#4d5c61;width:14px;height:14px;font:inherit;cursor:help;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;margin-left:1px;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;font-weight:700;line-height:1;transition:color .12s,background .12s;display:inline-flex;position:relative}.info:hover,.info:focus,.info:focus-visible{color:#bfe4f0;background:#7ec9e01f;outline:none}.info-pop{z-index:5;color:#c2d2d7;width:214px;font-family:var(--ui,ui-monospace, "SF Mono", Menlo, monospace);letter-spacing:.01em;text-align:left;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;background:#080d0ff7;border:1px solid #2c3a3f;border-radius:6px;padding:9px 11px;font-size:10.5px;font-style:normal;font-weight:400;line-height:1.55;transition:opacity .12s,visibility .12s;position:absolute;bottom:-6px;left:20px;box-shadow:0 6px 22px #000000bf}.info:hover .info-pop,.info:focus .info-pop,.info:focus-visible .info-pop{opacity:1;visibility:visible}.info-pop>b{color:#e6f1f4;margin-bottom:3px;font-weight:700;display:block}.info-pop>b~b{margin-top:8px}.info-pop p b{color:#dbe8ec;font-weight:700}.info-pop p{margin:0 0 6px}.info-pop p:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){.pin svg{transition:none!important}.bar,.overlay,.btn,.info,.info-pop,.rail-fill,.rail-thumb{transition:none}}
