:root{color-scheme:dark;--bg:#111318;--panel:#1a1d25;--ink:#f2efe2;--muted:#a4aaa9;--line:#343a43;--lime:#d4f579;--pink:#ed708a;--amber:#ffb648;--wave:#cce854;--ocean:#64c5e8;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary,input{touch-action:manipulation}button,.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.mono,.eyebrow,.badge,.button,button,summary,.meta,.channel-ribbon,.note,.track-info,.footnote,.params,.back,.volume{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.site-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.wordmark img{width:30px;height:30px}.wordmark small{font-family:monospace;font-size:10px;letter-spacing:1px;color:var(--lime);border:1px solid var(--line);padding:4px 5px}.site-head nav{display:flex;align-items:center;gap:28px;font-size:13px}.site-head nav a:hover{color:var(--lime)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--lime);margin-right:8px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding:70px 0 65px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);text-transform:uppercase}.hero h1{font-size:clamp(44px,5.8vw,76px);line-height:1.03;letter-spacing:-3px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--lime)}.lede{color:#b4bab9;font-size:17px;line-height:1.7;max-width:465px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;min-height:46px;border:1px solid #515963;background:var(--panel);color:var(--ink);font-size:12px;font-weight:700;box-shadow:0 3px 0 #080a0c;transition:transform .12s,background .12s}.button:hover,button:hover{background:#29303a;transform:translateY(-1px)}.button:active,button:active{transform:translateY(2px);box-shadow:none}.primary{background:var(--lime);border-color:var(--lime);color:#161c16}.primary:hover{background:#e1ff9b}.footnote{font-size:10px;line-height:1.7;color:var(--muted)}.device-scene{position:relative;padding:22px;background-image:radial-gradient(#515541 1px,transparent 1px);background-size:12px 12px}.device{position:relative;max-width:332px;margin:auto;background:#cecbbc;color:#292d34;border:2px solid #f4f0d8;border-radius:12px 12px 53px 12px;padding:21px 24px 26px;box-shadow:9px 10px 0 #050609}.device-bezel{padding:19px 23px 21px;border-radius:8px 8px 24px 8px;background:#3b4248;border-bottom:3px solid #252b31}.device-label{color:#cac6b3;text-align:center;letter-spacing:1px;font:8px monospace;margin-bottom:13px}.device img{display:block;width:100%;image-rendering:pixelated;border:4px solid #161b1b;aspect-ratio:10/9}.device-brand{font-weight:900;font-style:italic;font-size:15px;margin:17px 0;letter-spacing:-.8px}.device-brand b{color:#768231;font-size:10px;margin-left:6px}.device-controls{display:flex;justify-content:space-between;align-items:center;padding-right:5px;height:64px}.dpad{width:63px;height:63px;background:#2c3034;clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}.face-buttons{display:flex;gap:12px;transform:rotate(-18deg)}.face-buttons i{display:block;width:32px;height:32px;background:#9d2854;border-radius:50%;box-shadow:0 4px 0 #6f2342}.device-caption{display:flex;justify-content:space-between;margin-top:25px;color:#60615c;font:8px monospace;letter-spacing:2px}.float-badge{position:absolute;right:-6px;bottom:70px;background:var(--lime);color:#19231a;border:2px solid #111318;padding:13px 18px;font:700 12px monospace;transform:rotate(-5deg);box-shadow:4px 4px 0 #050609}.channel-ribbon{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);font-size:11px;letter-spacing:1px}.channel-ribbon span{padding:15px 20px;border-top:3px solid var(--track);color:var(--track)}.channel-ribbon span+span{border-left:1px solid var(--line)}.p1{--track:var(--pink)}.p2{--track:var(--amber)}.wave{--track:var(--wave)}.noise{--track:var(--ocean)}.how{padding:60px 0}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.section-heading h2{font-size:28px;letter-spacing:-1px;margin:0 0 28px}.section-heading span{font:10px monospace;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:24px;border:1px solid var(--line);background:var(--panel)}.step-number{color:var(--lime);font:13px monospace}.step h3{font-size:19px;letter-spacing:-.5px;margin:24px 0 10px}.step p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.site-foot{border-top:1px solid var(--line);padding:26px 0 38px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font:10px monospace;line-height:1.8}.site-foot b{color:var(--ink)}.receiver{padding:40px 0 50px}.back{color:var(--muted);font-size:11px}.back:hover{color:var(--lime)}.receiver-title{font-size:clamp(32px,5vw,50px);line-height:1.1;letter-spacing:-2px;margin:20px 0 10px}.receiver-lede{color:var(--muted);max-width:700px;line-height:1.65;font-size:15px}.empty-panel{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;margin:28px 0;border:1px solid var(--line);background:var(--panel);padding:26px}.empty-panel img{width:240px;image-rendering:pixelated;border:1px solid #555b5a}.empty-panel h2{font-size:22px;letter-spacing:-.8px;margin:0 0 12px}.empty-panel p{font-size:14px;line-height:1.7;color:var(--muted);max-width:460px}.success{margin:24px 0 15px;font:11px monospace;letter-spacing:1px;color:var(--lime)}.transport{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);padding:23px;margin:26px 0 18px}.transport .actions{margin:0}.meta{display:flex;gap:25px;align-items:center}.meta strong{font-size:33px;color:var(--lime);letter-spacing:-1px}.meta small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.track-count{font-size:12px}.volume{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px}.volume input{width:85px;accent-color:var(--lime)}.secondary-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 25px}.secondary-tools .actions{margin:0}.secondary-tools button{padding:10px 13px;font-size:11px;background:transparent}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.track{border:1px solid var(--line);border-top:3px solid var(--track);background:var(--panel);padding:22px;min-width:0}.track-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.track-head h2{color:var(--track);font:700 14px monospace;letter-spacing:1px;margin:0}.track-info{font-size:9px;color:var(--muted)}.notes{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.note{background:#232932;min-width:0;text-align:center;font-size:12px;padding:10px 1px;border:1px solid #343c46;transition:background .04s}.note small{display:block;color:#919b9f;font-size:8px;margin-bottom:7px}.note.active{background:var(--track);color:#111318;border-color:var(--track)}.note.active small{color:#303d37}.note.outside{opacity:.3}.params{color:var(--muted);font-size:9px;line-height:1.8;overflow-wrap:anywhere;margin-top:15px}.track canvas{width:100%;height:44px;background:#232932;image-rendering:pixelated;margin-top:15px}.help-text{font-size:12px;line-height:1.7;color:var(--muted);max-width:800px;margin:24px 0}.help-text strong{color:var(--ink)}details{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}summary{cursor:pointer;font-size:12px;color:var(--ink)}textarea{display:block;width:100%;min-height:95px;background:#1a2028;border:1px solid #515963;color:var(--ink);padding:15px;font:12px/1.6 monospace;resize:vertical;margin:15px 0}#error{padding:18px;border:1px solid #b65765;background:#352127;color:#ffc0c7;line-height:1.6;font-size:14px}#notice{color:var(--lime);font:11px/1.6 monospace;min-height:18px;margin:12px 0}body.playing #play{background:var(--amber);border-color:var(--amber)}.not-found{min-height:60vh;padding:80px 0}.not-found h1{font-size:65px;color:var(--lime);margin:15px 0}.skip{position:fixed;top:-100px;left:12px;background:var(--lime);color:#111;padding:12px;z-index:5}.skip:focus{top:12px}
@media(min-width:1200px){.hero{gap:100px}.device-scene{margin-left:15px}}@media(max-width:850px){.hero{gap:30px;padding:45px 0}.hero h1{font-size:52px}.hero .lede{font-size:15px}.device-scene{padding:12px}.device{padding:15px}.float-badge{right:-10px}.transport{flex-wrap:wrap}.notes{grid-template-columns:repeat(4,1fr)}.steps{gap:12px}.step{padding:20px}.empty-panel img{width:192px}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.site-head{padding:23px 0}.wordmark{font-size:21px}.site-head nav{gap:15px;font-size:11px}.site-head nav .desktop-link{display:none}.hero{grid-template-columns:1fr;gap:26px}.hero h1{font-size:53px;margin:20px 0}.hero .lede{max-width:100%}.hero .device-scene{width:100%;max-width:330px;margin:0 auto 15px}.device{max-width:280px}.float-badge{bottom:56px;right:-4px}.channel-ribbon span{padding:13px 5px;text-align:center;font-size:9px;letter-spacing:0}.steps{grid-template-columns:1fr;gap:12px}.step h3{margin:12px 0 8px}.how{padding:35px 0}.section-heading h2{font-size:25px}.section-heading span{display:none}.site-foot{flex-direction:column;gap:8px}.receiver{padding:26px 0}.receiver-title{font-size:37px}.empty-panel{grid-template-columns:1fr;padding:22px}.empty-panel img{width:160px;justify-self:center}.tracks{grid-template-columns:1fr}.notes{grid-template-columns:repeat(8,1fr)}.track{padding:16px}.note{font-size:11px}.transport{padding:18px;gap:19px}.transport .actions{width:100%}.transport #play{flex:1}.volume{margin-left:auto}.secondary-tools{gap:10px}.secondary-tools .actions{width:100%}.secondary-tools button{flex:1}.meta{gap:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.seek-panel{margin:16px 0;padding:14px;border:1px solid #343944;border-radius:8px}.seek-panel label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}.seek-panel input{display:block;width:100%;margin:12px 0;accent-color:#cce854}.seek-panel small{color:#9ca6b6}

.skip:not(:focus){clip-path:inset(100%);width:1px;height:1px;padding:0;overflow:hidden}

.camera-dialog{width:min(760px,96vw);max-height:94vh;overflow:auto;background:#171c23;color:#eef1e9;border:1px solid #b7d74a;padding:24px}.camera-dialog::backdrop{background:#000c}.camera-dialog h2{padding-right:32px}.camera-dialog p{line-height:1.6}.camera-close{float:right;font-size:26px}.camera-code{display:flex;justify-content:center;overflow:auto;background:#fff}.camera-code canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.camera-dialog label{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.camera-dialog input{flex:1;min-width:120px}.camera-dialog select{padding:8px;background:#232932;color:#fff}.camera-dialog .actions{gap:8px;flex-wrap:wrap}.camera-dialog .help-text{margin-bottom:0}