@font-face{font-family:VCR OSD Mono;src:url(/VCR_OSD_MONO_1.001.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--display-font:"VCR OSD Mono", monospace;--body-font:"VCR OSD Mono", monospace;--text-strong:#f8f8f8;--text-muted:#8f8f8f;--accent:#f4f4f4;--accent-strong:#cfcfcf;--accent-soft:#fff;--warning:#d9d9d9;--border-strong:#ffffff8c;--border-muted:#ffffff2e;--shadow-panel:0 18px 44px #0000007a, inset 0 1px 0 #ffffff0a;--background:radial-gradient(circle at top, #ffffff0d, transparent 34%), radial-gradient(circle at bottom left, #ffffff09, transparent 40%), linear-gradient(180deg, #090909 0%, #010101 100%)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text-strong);background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), linear-gradient(#02020294, #020202cc), url(/background.webp) center / cover fixed no-repeat, var(--background);background-size:48px 48px,48px 48px,auto,cover,cover;margin:0}body:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 58%,#00000073 100%),linear-gradient(#ffffff09,#0000 22%);position:fixed;inset:0}button,input{font:inherit}h1,h2,h3{font-family:var(--display-font);color:var(--text-strong);letter-spacing:.02em}p{line-height:1.55}#root{width:min(88rem,100vw - 6rem);margin:0 auto;padding:1.75rem 0 3rem}@media (width<=640px){#root{width:min(100%,100vw - 1.5rem);padding:1rem 0 1.75rem}}.app-shell{flex-direction:column;gap:1.5rem;display:flex}.top-bar,.validation-strip,.cue-frame,.settings-card,.stat-card{border:1px solid var(--border-strong);box-shadow:var(--shadow-panel);background:linear-gradient(#101010f5,#040404fa),#000000f0}.top-bar{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.6rem 1.8rem;display:flex}.title-block{gap:.5rem;max-width:48rem;display:grid}.settings-kicker,.cue-step,.feedback-label{font-size:.82rem;font-family:var(--body-font);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft);margin:0}.top-bar h1,.top-bar h2,.settings-card h2,.section-heading h3{margin:0}.top-bar h1{color:#ff2f1c;letter-spacing:.04em;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.92}.top-bar h2{max-width:42rem;color:var(--text-strong);letter-spacing:.04em;font-size:clamp(1rem,1.8vw,1.45rem);line-height:1.35}.top-bar-actions{align-items:center;gap:.8rem;display:flex}.primary-button,.danger-button,.ghost-button,.bind-button{border:1px solid var(--border-strong);color:var(--text-strong);font:inherit;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.primary-button,.danger-button,.ghost-button{border-radius:.9rem;padding:.75rem 1rem}.primary-button{color:#050505;background:linear-gradient(180deg, var(--accent), var(--accent-strong))}.danger-button{background:linear-gradient(#242424f5,#0a0a0afa),#000000e6}.ghost-button,.bind-button{background:linear-gradient(#161616eb,#060606f5),#000000e6}.primary-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.bind-button:hover:not(:disabled){border-color:var(--accent-soft);transform:translateY(-1px)}.primary-button:disabled,.danger-button:disabled,.ghost-button:disabled,.bind-button:disabled{opacity:.45;cursor:not-allowed}.validation-strip{border-color:#ffffff6b;padding:1rem 1.2rem}.validation-strip h2,.validation-strip ul{margin:0}.validation-strip ul{color:var(--warning);margin-top:.65rem;padding-left:1.1rem}.view-shell,.trainer-panel{gap:1.5rem;display:grid}.cue-frame{gap:1.2rem;min-height:34rem;padding:1.35rem;display:grid;position:relative;overflow:hidden}.cue-frame:after{content:"";pointer-events:none;background:radial-gradient(circle at top,#ffffff0b,#0000 38%),repeating-linear-gradient(90deg,#0000 0 34px,#ffffff05 34px 35px);position:absolute;inset:0}.cue-frame__header,.cue-frame__body,.feedback-panel{z-index:1;position:relative}.cue-frame__header{gap:.4rem;display:grid}.cue-hint{max-width:36rem;color:var(--text-muted);margin:0}.cue-frame__body{flex:1;align-content:center;place-items:center;gap:1rem;display:grid}.cue-image,.cue-fallback{border:1px solid var(--border-muted);background:radial-gradient(circle at top,#ffffff0d,#0000 58%),linear-gradient(#121212f7,#030303f2);border-radius:1.25rem;width:min(100%,34rem)}.cue-image{box-sizing:border-box;object-fit:contain;object-position:center;height:min(56vh,28rem);padding:1rem;animation:.28s ease-out cuePulse}.cue-fallback{text-align:center;place-items:center;gap:.5rem;min-height:20rem;padding:1.5rem;display:grid}.cue-fallback strong{font-size:clamp(1.6rem,3vw,2.6rem)}.cue-fallback p{max-width:20rem;color:var(--text-muted)}.cue-fallback__variant{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:.45rem .75rem;display:inline-flex}.cue-caption{border:1px solid var(--border-muted);color:var(--text-strong);background:#00000042;border-radius:999px;padding:.65rem 1rem}.cue-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.feedback-panel{border:1px solid var(--border-muted);background:#ffffff06;border-radius:1rem;gap:.3rem;padding:1rem 1.1rem;display:grid}.feedback-panel strong{font-size:1rem}.cue-frame.is-correct,.feedback-panel.is-correct{border-color:#ffffffb8}.cue-frame.is-incorrect,.feedback-panel.is-incorrect{border-color:#ffffff47}.cue-frame.is-armed,.feedback-panel.is-armed{border-color:#ffffff85}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.stat-card{gap:.4rem;padding:1rem;display:grid}.stat-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}.stat-card strong{font-size:clamp(1.15rem,2vw,1.6rem)}.settings-panel{min-width:0}.settings-card{gap:1.4rem;padding:1.35rem;display:grid}.settings-card__header,.binding-row,.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-card__header{align-items:flex-start}.settings-note,.section-heading p,.binding-row span{color:var(--text-muted);margin:0}.settings-section{border-top:1px solid var(--border-muted);gap:1rem;padding-top:1rem;display:grid}.toggle-row{color:var(--text-strong);align-items:center;gap:.8rem;display:flex}.binding-list,.action-groups{gap:.75rem;display:grid}.binding-row{border:1px solid var(--border-muted);background:linear-gradient(#121212eb,#060606f5),#000000e0;border-radius:1rem;padding:.85rem .95rem}.binding-row strong,.action-group__heading strong{margin-bottom:.2rem;display:block}.bind-button{border-radius:.9rem;min-width:12rem;padding:.75rem .9rem}.bind-button.is-capturing{border-color:var(--accent-soft);color:var(--accent-soft);box-shadow:0 0 0 1px #fff3}.action-group{border:1px solid var(--border-muted);background:linear-gradient(#0f0f0feb,#040404f5),#000000e0;border-radius:1rem;gap:.7rem;padding:.95rem;display:grid}.action-group__heading span{color:var(--text-muted);font-size:.88rem}.action-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.action-chip{border:1px solid var(--border-muted);color:var(--text-strong);cursor:pointer;background:linear-gradient(#121212f5,#070707fa),#000000e6;border-radius:.9rem;justify-content:center;align-items:center;padding:.85rem .65rem;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s,opacity .16s;display:inline-flex;position:relative;overflow:hidden}.action-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.action-chip__content{text-align:center;pointer-events:none;gap:.22rem;display:grid}.action-chip__content strong{font-size:.98rem}.action-chip__state{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.action-chip.is-enabled{background:repeating-linear-gradient(-45deg,#ffffff1f 0 6px,#ffffff08 6px 12px),linear-gradient(#202020f5,#0a0a0afa);border-color:#ffffffc7;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #ffffff14}.action-chip.is-enabled .action-chip__state{color:var(--accent-soft)}.action-chip.is-disabled{opacity:.6;background:#ffffff06}.action-chip.is-disabled .action-chip__state{color:var(--text-muted)}.action-chip:hover:not(:has(input:disabled)){transform:translateY(-1px)}.action-chip:has(input:focus-visible){outline:2px solid var(--accent-soft);outline-offset:2px}@keyframes cuePulse{0%{transform:scale(.985);box-shadow:0 0 #ffffff38}to{transform:scale(1);box-shadow:0 0 0 18px #fff0}}@media (width<=1080px){.top-bar,.settings-card__header,.binding-row,.section-heading{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cue-frame{min-height:28rem}.action-chip-grid,.stats-grid{grid-template-columns:minmax(0,1fr)}}