@font-face{font-family:HB40Readout;src:url(/font.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark light;--shell-max: 520px;--display-w: min(400px, calc(100% - 20px) );--display-top: calc(9.65% + 10px) ;--display-h: 18.25%;--display-pad-y: 15px;--padBL-left: 8.05%;--padBL-bottom: 14.47%;--padTR-top: 42.72%;--padTR-right: 38.28%;--padGapRow: 2.45%;--padGapCol: 2.85%;--transportRec-top: 58.54%;--transportRec-left: 92.74%;--transportRec-w: 5.8%;--transportRec-h: 7%;--transportPlay-top: 58.54%;--transportPlay-left: 78.61%;--transportPlay-w: 6.5%;--transportPlay-h: 7%;--transportStop-top: 67.04%;--transportStop-left: 78.86%;--transportStop-w: 6.5%;--transportStop-h: 7%;--transportNudgeX: 50px;--transportNudgeY: 25px;--transportWiden: 25px}*,*:before,*:after{box-sizing:border-box}html{margin:0;min-height:100%;min-height:100dvh;background-color:#121110;background-image:url(/bg.png);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}body{margin:0;min-height:100%;min-height:100dvh;font-family:system-ui,sans-serif;background:transparent}.audio-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audio-gate__panel{max-width:22rem;padding:1.35rem 1.5rem 1.5rem;text-align:center;border-radius:14px;background:#1c1b19eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000073}.audio-gate__text{margin:0 0 1rem;font-size:.95rem;line-height:1.45;color:#e8e4dc}.audio-gate__btn{width:100%;margin:0;padding:.75rem 1rem;font:600 1rem system-ui,sans-serif;color:#1a1917;background:linear-gradient(180deg,#f0ebe3,#d4cfc5);border:none;border-radius:10px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.audio-gate__btn:disabled{opacity:.55;cursor:wait}.audio-gate__btn:not(:disabled):active{transform:scale(.98)}#app{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.device-shell{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:var(--shell-max);margin-inline:auto;container-type:inline-size;container-name:shell;user-select:none;-webkit-user-select:none;touch-action:manipulation}.device-shell__graphic{position:relative;width:100%}.device-shell__kit-cycle{align-self:center;margin-top:max(10px,.6rem);margin-bottom:max(10px,env(safe-area-inset-bottom,0px));padding:.42rem 1.05rem;font:600 .78rem system-ui,sans-serif;letter-spacing:.14em;color:#e8e4dc;background:#1c1b19e0;border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.device-shell__kit-cycle:disabled{opacity:.5;cursor:wait}.device-shell__kit-cycle:active:not(:disabled){transform:scale(.98)}.device-shell__audio-debug-badge{position:absolute;left:6px;bottom:6px;z-index:5;max-width:min(100%,18rem);padding:4px 8px;border-radius:5px;font:600 10px/1.25 ui-monospace,monospace;letter-spacing:.02em;color:#ffe8a8;background:#000000d1;border:1px solid rgba(255,200,90,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.device-shell__display{position:absolute;z-index:1;left:50%;transform:translate(-50%);top:var(--display-top);width:var(--display-w);height:var(--display-h);box-sizing:border-box;container-type:size;container-name:lcd;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center;padding:var(--display-pad-y) clamp(10px,1.1em,22px);pointer-events:none;overflow:hidden}.device-shell__display-marquee{position:relative;flex:1;min-width:0;min-height:0;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.device-shell__display-marquee--scroll{justify-content:flex-start}.device-shell__display-inner{display:inline-block;white-space:nowrap;font-family:HB40Readout,ui-monospace,monospace;font-size:clamp(1.52rem,min(17.5cqw,88cqh),4.2rem);line-height:1.05;letter-spacing:.07em;font-variant-numeric:tabular-nums;color:#9cf0c0;text-shadow:0 0 1px rgba(220,255,235,.85),0 0 8px rgba(120,240,180,.55),0 0 18px rgba(70,210,140,.38),0 0 32px rgba(40,180,110,.22)}.device-shell--debug-display .device-shell__display{outline:2px solid rgba(90,210,255,.95);outline-offset:-1px;background:#5ad2ff12;overflow:visible}.device-shell__display-debug-badge{position:absolute;left:50%;bottom:5px;transform:translate(-50%);z-index:4;padding:3px 8px;border-radius:5px;font:600 11px/1.2 ui-monospace,monospace;letter-spacing:.02em;color:#c9f6ff;background:#000000c7;border:1px solid rgba(120,220,255,.55);white-space:nowrap;pointer-events:none}.device-shell__img{display:block;width:100%;height:auto;pointer-events:none}.device-shell__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;isolation:isolate}.device-shell__display,.device-shell__display *{pointer-events:none}.device-shell__transport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.device-shell__transport-btn{position:absolute;margin:0;padding:0;border:none;border-radius:12%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.device-shell__transport-btn--rec{top:calc(var(--transportRec-top) - var(--transportNudgeY));left:calc(var(--transportRec-left) - var(--transportNudgeX));width:calc(var(--transportRec-w) + var(--transportWiden));height:var(--transportRec-h)}.device-shell__transport-btn--play{top:calc(var(--transportPlay-top) - var(--transportNudgeY));left:calc(var(--transportPlay-left) - var(--transportNudgeX));width:calc(var(--transportPlay-w) + var(--transportWiden));height:var(--transportPlay-h)}.device-shell__transport-btn--stop{top:calc(var(--transportStop-top) - var(--transportNudgeY));left:calc(var(--transportStop-left) - var(--transportNudgeX));width:calc(var(--transportStop-w) + var(--transportWiden));height:var(--transportStop-h)}.device-shell__transport-btn:not(:disabled):active{background:#ffffff14}.device-shell--debug-transport .device-shell__transport-btn--rec{outline:2px solid rgba(255,90,255,.95);outline-offset:-1px;background:#ff5aff14}.device-shell--debug-transport .device-shell__transport-btn--play{outline:2px solid rgba(90,220,120,.95);outline-offset:-1px;background:#5adc7814}.device-shell--debug-transport .device-shell__transport-btn--stop{outline:2px solid rgba(255,200,70,.95);outline-offset:-1px;background:#ffc84614}.device-shell__pads{position:absolute;z-index:2;left:var(--padBL-left);right:var(--padTR-right);top:var(--padTR-top);bottom:var(--padBL-bottom);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);row-gap:var(--padGapRow);column-gap:var(--padGapCol);min-width:0;min-height:0;pointer-events:auto}.pad{margin:0;padding:0;border:none;border-radius:10%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pad:disabled{cursor:wait;opacity:.35}.pad:not(:disabled):active{background:#ffffff1f}.device-shell--debug-pads .device-shell__pads{outline:2px solid rgba(255,60,60,.85);background:#ff00000f}.device-shell--debug-pads .device-shell__pads:before{content:"";position:absolute;left:0;bottom:0;width:12px;height:12px;margin-left:-6px;margin-bottom:-6px;border-radius:50%;background:#ff2bd6;box-shadow:0 0 0 2px #ffffffe6;pointer-events:none;z-index:3}.device-shell--debug-pads .device-shell__pads:after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;margin-right:-6px;margin-top:-6px;border-radius:50%;background:#00d4ff;box-shadow:0 0 0 2px #ffffffe6;pointer-events:none;z-index:3}.device-shell--debug-pads .pad{outline:1px solid rgba(255,220,80,.75)}.device-shell__status{position:absolute;left:50%;top:8%;transform:translate(-50%);padding:.35rem .65rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:#c8f0c8;background:#0000008c;border-radius:6px;pointer-events:none;z-index:2}.device-shell__status--hidden{opacity:0;visibility:hidden}