body{background:#0f0e0d}:root{--amber:#c8830a;--amber-bright:#f5a623;--amber-dim:#7a5010;--amber-glow:#c8830a24;--cream:#e8d5a3;--cream-dim:#a89060;--bg:#0a0804;--bg2:#110e07;--bg3:#1a1508;--bakelite:#3a2810;--phosphor:#a8ff60;--red:#c0392b;--scan-line:#0000002e;--font-display:"Bebas Neue", sans-serif;--font-mono:"Courier Prime", monospace;--font-vt:"VT323", monospace;--font-catalog:"Playfair Display", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body:before{content:"";background:repeating-linear-gradient(0deg, var(--scan-line) 0px, var(--scan-line) 1px, transparent 1px, transparent 3px);pointer-events:none;z-index:9999;opacity:.38;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");position:fixed;inset:0}body{background:var(--bg);color:var(--cream);font-family:var(--font-mono);min-height:100vh;overflow-x:hidden}.app{z-index:1;max-width:660px;margin:0 auto;padding:2.5rem 1.5rem 3rem;position:relative}.app-header{text-align:center;margin-bottom:2.5rem}.ward-banner{font-family:var(--font-vt);letter-spacing:.5em;color:var(--bakelite);text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem}.logo{font-family:var(--font-display);letter-spacing:.18em;color:var(--amber-bright);text-shadow:0 0 20px #f5a623a6,0 0 60px #f5a62333;font-size:clamp(3rem,9vw,5.5rem);line-height:1;animation:8s infinite logoFlicker}@keyframes logoFlicker{0%,95%,to{opacity:1}96%{opacity:.82}97%{opacity:1}98%{opacity:.65}99%{opacity:1}}.tagline{font-family:var(--font-vt);color:var(--amber-dim);letter-spacing:.35em;text-transform:uppercase;margin-top:.2rem;font-size:1.05rem}.model-plate{border:1px solid var(--amber-dim);background:var(--bg2);border-radius:2px;align-items:center;gap:0;margin-top:1rem;display:inline-flex;overflow:hidden}.model-plate-item{font-family:var(--font-vt);color:var(--amber-dim);letter-spacing:.15em;text-transform:uppercase;border-right:1px solid var(--amber-dim);padding:.3rem .9rem;font-size:.72rem}.model-plate-item:last-child{border-right:none}.model-plate-item span{color:var(--amber)}.panel{background:var(--bg2);border:1px solid var(--amber-dim);border-radius:3px;margin-bottom:1rem;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:.45;height:2px;position:absolute;top:0;left:0;right:0}.panel-label{font-family:var(--font-vt);letter-spacing:.25em;color:var(--amber-dim);text-transform:uppercase;justify-content:space-between;align-items:center;padding:.6rem 1rem 0;font-size:.72rem;display:flex}.panel-cat{font-family:var(--font-vt);color:var(--bakelite);letter-spacing:.12em;font-size:.65rem}.dropzone{border:1.5px dashed var(--amber-dim);text-align:center;cursor:pointer;background:var(--bg);-webkit-user-select:none;user-select:none;border-radius:3px;margin:1rem;padding:2.5rem 2rem;transition:all .2s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragging{border-color:var(--amber-bright);background:var(--amber-glow);box-shadow:inset 0 0 30px #c8830a12}.demo-tracks{flex-direction:column;align-items:center;gap:.55rem;padding:.6rem 1rem .9rem;display:flex}.demo-tracks-label{font-family:var(--font-mono);color:var(--amber-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem}.demo-track-btns{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.demo-track-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.demo-track-artist{font-family:var(--font-mono);letter-spacing:.1em;color:var(--amber-dim);text-transform:uppercase;font-size:.58rem;text-decoration:none;transition:color .15s}.demo-track-artist:hover{color:var(--amber)}.demo-track-btn{font-family:var(--font-mono);letter-spacing:.06em;color:var(--amber-dim);border:1px solid var(--amber-dim);cursor:pointer;text-transform:uppercase;background:0 0;padding:.3rem .75rem;font-size:.72rem;transition:all .15s}.demo-track-btn:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-glow)}.demo-track-btn.active{color:var(--amber-bright);border-color:var(--amber-bright);background:var(--amber-glow)}.demo-track-btn.suggested{color:var(--amber);border-color:var(--amber);animation:2s ease-in-out infinite suggested-pulse}@keyframes suggested-pulse{0%,to{opacity:1}50%{opacity:.55}}.dropzone.has-file{border-style:solid;border-color:var(--amber-dim)}.drop-prompt{flex-direction:column;align-items:center;gap:.45rem;display:flex}.drop-icon{font-family:var(--font-vt);color:var(--amber);margin-bottom:.1rem;font-size:2.8rem;line-height:1}.drop-main-text{font-family:var(--font-vt);color:var(--amber);letter-spacing:.15em;text-transform:uppercase;font-size:1.3rem}.drop-sub-text{font-family:var(--font-vt);color:var(--cream-dim);letter-spacing:.08em;font-size:.9rem}.drop-hint{font-family:var(--font-vt);color:var(--bakelite);letter-spacing:.08em;margin-top:.2rem;font-size:.72rem}.file-info{flex-direction:column;gap:.4rem;display:flex}.file-name{font-family:var(--font-vt);color:var(--amber-bright);letter-spacing:.08em;word-break:break-all;font-size:1.15rem}.file-duration{font-family:var(--font-vt);color:var(--amber-dim);letter-spacing:.1em;font-size:.9rem}.preset-grid{border:1px solid var(--amber-dim);border-radius:3px;grid-template-columns:repeat(4,1fr);gap:0;margin:.85rem 1rem 0;display:grid;overflow:hidden}.preset-card{background:var(--bg);border:none;border-right:1px solid var(--amber-dim);cursor:pointer;color:var(--amber-dim);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .4rem .8rem;transition:all .15s;display:flex;position:relative}.preset-card:last-child{border-right:none}.preset-card:hover{background:var(--amber-glow);color:var(--amber)}.preset-card.active{background:var(--amber);color:var(--bg)}.preset-cat-no{font-family:var(--font-vt);letter-spacing:.05em;color:var(--bakelite);text-transform:uppercase;font-size:.6rem}.preset-card.active .preset-cat-no{color:#0a080473}.preset-emoji{font-size:1.4rem;line-height:1}.preset-name{font-family:var(--font-vt);letter-spacing:.05em;text-align:center;text-transform:uppercase;font-size:.8rem;line-height:1.2}.preset-description{font-family:var(--font-vt);color:var(--amber-dim);text-align:center;letter-spacing:.04em;border-top:1px solid #7a50104d;min-height:3rem;margin-top:.75rem;padding:.6rem 1.25rem .85rem;font-size:.88rem;line-height:1.5}.remote-panel{padding:.9rem 1rem 1.1rem}.intensity-row{align-items:center;gap:.75rem;display:flex}.intensity-label{font-family:var(--font-vt);text-transform:uppercase;letter-spacing:.12em;color:var(--amber-dim);flex-shrink:0;width:28px;font-size:.72rem}.intensity-label-right{text-align:right}.slider-wrap{flex:1;align-items:center;height:28px;display:flex;position:relative}.slider-wire{background:repeating-linear-gradient(90deg, var(--amber-dim) 0px, var(--amber-dim) 4px, transparent 4px, transparent 7px);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:0;right:0}.intensity-slider{appearance:none;cursor:pointer;z-index:1;background:0 0;outline:none;width:100%;height:4px;position:relative}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;border:1.5px solid var(--amber);cursor:pointer;background:radial-gradient(at 40% 30%,#2a1f0f,#0d0a05);border-radius:2px;width:16px;height:28px;box-shadow:0 0 10px #c8830a80,inset 0 1px #f5a62340}.intensity-slider::-moz-range-thumb{border:1.5px solid var(--amber);cursor:pointer;background:#1a1508;border-radius:2px;width:16px;height:28px}.intensity-value{font-family:var(--font-vt);color:var(--amber);text-align:right;letter-spacing:.05em;width:36px;font-size:1.15rem}.remote-desc{font-family:var(--font-vt);color:var(--bakelite);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:.65rem;font-size:.72rem}.controls{gap:.75rem;padding:0 1rem .85rem;display:flex}.btn-play,.btn-export{font-family:var(--font-display);letter-spacing:.2em;cursor:pointer;border:1px solid;border-radius:2px;flex:1;padding:.55rem 1rem;font-size:1.55rem;line-height:1;transition:all .15s}.btn-play{border-color:var(--amber-dim);color:var(--amber);background:0 0}.btn-play:hover:not(:disabled){background:var(--amber-glow);border-color:var(--amber);box-shadow:0 0 18px #c8830a38}.btn-play.playing{border-color:var(--red);color:var(--red)}.btn-export{background:var(--amber);border-color:var(--amber);color:var(--bg);box-shadow:0 0 22px #c8830a47}.btn-export:hover:not(:disabled){background:var(--amber-bright);transform:translateY(-1px);box-shadow:0 0 32px #f5a62373}.btn-play:disabled,.btn-export:disabled{opacity:.25;cursor:not-allowed}.status-bar{background:var(--bg);border:1px solid var(--amber-dim);font-family:var(--font-vt);color:var(--phosphor);letter-spacing:.06em;border-radius:2px;align-items:center;gap:.5rem;min-height:2rem;margin:0 1rem 1rem;padding:.4rem .75rem;font-size:.88rem;display:flex}.status-dot{background:var(--amber-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s,box-shadow .3s}.status-dot.active{background:var(--phosphor);box-shadow:0 0 7px var(--phosphor)}.status-dot.error{background:var(--red);box-shadow:0 0 7px var(--red)}.app-footer{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1.75rem 0 0;display:flex}.footer-guarantee{font-family:var(--font-catalog);color:var(--amber-dim);letter-spacing:.12em;border:1px solid var(--amber-dim);opacity:.55;border-radius:2px;padding:.3rem 1.25rem;font-size:.72rem;font-style:italic}.footer-copy{font-family:var(--font-vt);color:var(--bakelite);letter-spacing:.2em;text-transform:uppercase;font-size:.7rem}.remote-footer{justify-content:space-between;align-items:center;margin-top:.65rem;display:flex}.intensity-word{font-family:var(--font-display);color:var(--amber);letter-spacing:.2em;opacity:.7;text-transform:uppercase;font-size:1.1rem;transition:color .4s}.app,.logo,.tagline,.ward-banner,.model-plate,.model-plate-item,.panel,.panel:before,.panel-label,.dropzone,.preset-card,.preset-card.active,.btn-play,.btn-export,.status-bar,.intensity-word{transition:color .45s,background-color .45s,border-color .45s,box-shadow .45s}.app[data-preset=broken-cassette]{--amber:#c8830a;--amber-bright:#f5a623;--amber-dim:#7a5010;--amber-glow:#c8830a24;--phosphor:#a8ff60;--bg:#0a0804;--bg2:#110e07}.app[data-preset=vinyl-room]{--amber:#b89428;--amber-bright:#e8c040;--amber-dim:#6b5610;--amber-glow:#b8942824;--phosphor:#e8c040;--bg:#0b0904;--bg2:#130f06}.app[data-preset=am-radio]{--amber:#cc4a0a;--amber-bright:#ff6b20;--amber-dim:#882808;--amber-glow:#cc4a0a24;--phosphor:#ff9060;--bg:#0c0604;--bg2:#160904}.app[data-preset=reel-to-reel]{--amber:#0a8878;--amber-bright:#14b8a0;--amber-dim:#065548;--amber-glow:#0a887824;--phosphor:#40f0d0;--bg:#040c0b;--bg2:#061410}.app[data-preset=datsun-6x9]{--amber:#c04810;--amber-bright:#e87030;--amber-dim:#782808;--amber-glow:#c0481024;--phosphor:#f0a060;--bg:#0c0704;--bg2:#160a04}.app[data-preset=drive-in]{--amber:#2a9a18;--amber-bright:#48cc2a;--amber-dim:#145c0c;--amber-glow:#2a9a1824;--phosphor:#80ff50;--bg:#050c04;--bg2:#081408}.app[data-preset=voicemail-90s]{--amber:#5880b8;--amber-bright:#80a8e8;--amber-dim:#304870;--amber-glow:#5880b824;--phosphor:#a0c8ff;--bg:#050609;--bg2:#080a12}.app[data-preset=vhs-camcorder]{--amber:#5840d0;--amber-bright:#8868ff;--amber-dim:#301880;--amber-glow:#5840d024;--phosphor:#c0a8ff;--bg:#060508;--bg2:#0c0814}.app[data-preset=victrola]{--amber:#a07828;--amber-bright:#c8a040;--amber-dim:#604810;--amber-glow:#a0782824;--phosphor:#d4b060;--bg:#0a0804;--bg2:#120e06}.app[data-preset=wax-cylinder]{--amber:#8a7450;--amber-bright:#b89a6a;--amber-dim:#504028;--amber-glow:#8a745024;--phosphor:#c8aa78;--bg:#090805;--bg2:#110e08}.app[data-preset=wartime-broadcast]{--amber:#607838;--amber-bright:#88a850;--amber-dim:#384820;--amber-glow:#60783824;--phosphor:#a8c860;--bg:#060804;--bg2:#0a0e06}.app[data-preset=crystal-set]{--amber:#7898c0;--amber-bright:#a0c0e8;--amber-dim:#405870;--amber-glow:#7898c024;--phosphor:#c0e0ff;--bg:#050608;--bg2:#080a10}@media (width<=520px){.preset-grid{grid-template-columns:repeat(2,1fr)}.model-plate{flex-wrap:wrap;justify-content:center}.model-plate-item{border-right:none;border-bottom:1px solid var(--amber-dim)}.model-plate-item:last-child{border-bottom:none}}.remote-row-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-dim);margin-top:.1rem;margin-bottom:.35rem;font-size:.62rem}.remote-divider{border:none;border-top:1px solid var(--amber-dim);opacity:.3;margin:.9rem 0 .7rem}.clipping-warning{font-family:var(--font-mono);color:var(--amber-dim);letter-spacing:.04em;flex-direction:column;align-items:flex-start;gap:.15rem;margin-top:.5rem;font-size:.62rem}.headphone-alert{color:var(--amber)}.controls-top{margin:.6rem 0 .2rem}.status-bar-top{margin-bottom:.8rem}