:root{color-scheme:dark;--bg:#0a0b0d;--ink:#f7f2e7;--muted:#aaa69e;--line:rgba(255,255,255,.14);--lime:#c8f45d;--cyan:#54d3d0;--panel:#15171b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Geist,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}.top{height:60px;padding:0 clamp(18px,3vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:850}.brand b{color:var(--lime)}.runtime{font-size:11px;color:var(--muted)}.app{min-height:calc(100svh - 60px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,.5fr)}.stage{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(circle at 50% 63%,#252d20 0,#111315 48%,#0a0b0d 80%)}.copy{position:absolute;z-index:3;left:clamp(20px,4vw,58px);top:clamp(22px,5vh,52px);width:min(780px,82%);pointer-events:none}.copy p{margin:0 0 10px;color:var(--lime);font-size:12px;font-weight:850;text-transform:uppercase}.copy h1{margin:0;max-width:820px;font-size:clamp(42px,6vw,82px);line-height:.94;font-weight:790;text-wrap:balance}.copy span{display:block;margin-top:15px;max-width:590px;color:#cac6bd;font-size:15px;line-height:1.45}.track{position:absolute;left:7%;right:7%;bottom:14%;height:260px;border-top:2px solid #454842}.stops{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}.stop{position:relative;padding-top:20px;text-align:center;color:#777b74;font-size:10px;font-weight:850;text-transform:uppercase}.stop:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;border-radius:50%;background:#555}.stop.on{color:var(--lime)}.stop.on:before{background:var(--lime);box-shadow:0 0 16px rgba(200,244,93,.5)}.packet{position:absolute;left:0;top:64px;width:min(230px,28%);height:170px;border:1px solid #59605a;border-radius:6px;background:#181c1a;box-shadow:0 18px 40px rgba(0,0,0,.35);padding:14px;cursor:grab;touch-action:none}.packet b{font-size:12px;color:var(--cyan)}.packet pre{margin:10px 0 0;white-space:pre-wrap;color:#d9d7ce;font:11px/1.55 ui-monospace,monospace}.raw{position:absolute;right:8%;bottom:9%;padding:9px 12px;border:1px solid var(--line);color:#999;font-size:11px}.panel{background:var(--panel);border-left:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:19px;overflow:auto}.panel h2{margin:0;font-size:24px}.intro{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.task{padding:14px;background:#202227;border-left:3px solid var(--cyan);font-size:13px;line-height:1.5}.feedback{min-height:76px;margin:0;padding:14px;border-left:3px solid var(--lime);background:#1d211e;color:#dad7cf;font-size:13px;line-height:1.5}.files{display:grid;gap:8px}.file{padding:12px;border:1px solid var(--line);background:#222428;font:11px ui-monospace,monospace;color:#d8d6cf}.file b{display:block;color:var(--cyan);margin-bottom:6px}.result{padding:14px;background:#1b3322;border:1px solid #40784d;border-radius:5px}.result[hidden]{display:none}.result strong{display:block;color:var(--lime)}.result p{margin:7px 0 0;color:#e0f4e2;font-size:13px;line-height:1.45}.export{width:100%;min-height:47px;margin-top:10px;border:0;border-radius:5px;background:var(--cyan);color:#10201f;font-weight:850;cursor:pointer}.reset{min-height:45px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:820;cursor:pointer}.limit{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:11px;line-height:1.45;color:#8d8a84}@media(max-width:850px){.app{display:block}.stage{height:57svh;min-height:470px}.panel{border-left:0;border-top:1px solid var(--line);overflow:visible}.copy{top:18px;width:90%}.copy span{display:none}.copy h1{font-size:clamp(38px,10vw,58px)}.track{height:210px}.packet{height:145px}}@media(max-width:500px){.brand span{display:none}.packet{width:38%;padding:8px}.packet pre{font-size:8px}.panel{padding:20px 16px}}