@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.sticky{position:sticky}.z-50{z-index:50}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.min-h-screen{min-height:100vh}.max-w-\[600px\]{max-width:600px}.max-w-\[1400px\]{max-width:1400px}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{color:#0b0b0b;background-color:#fff;font-family:Trebuchet MS,Gill Sans,Helvetica,sans-serif}@keyframes shimmer{to{transform:translate(200%)}}.sharp-chassis{background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00000008 1px 2px);border:2px solid #8a8f96;border-bottom:6px solid #2f343a;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.sharp-chassis:before{content:"";pointer-events:none;border:1px solid #fff9;border-radius:14px;position:absolute;inset:6px;box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 4px #00000040}.logo-frame{background:repeating-linear-gradient(0deg,#ffffff2e 0 .4px,#0000 .4px .8px),linear-gradient(#f7f9fb 0%,#d3d9df 52%,#aeb6bf 100%);border:2px solid #7c838c;border-radius:8px;padding:10px 14px 8px;position:relative;box-shadow:inset 2px 2px 5px #ffffffbf,inset -4px -5px 7px #0000008c,5px 7px 12px #0009}.atc-logo-metallic{color:#d1d1d1;-webkit-text-fill-color:transparent;filter:drop-shadow(.9px .9px #fff)drop-shadow(-.8px -.8px #2a2a2a)drop-shadow(3px 6px 7px #000000b3);background-image:linear-gradient(#fff 0%,#c9c9c9 38%,#7a7a7a 50%,#f0f0f0 85%,#b6b6b6 100%);-webkit-background-clip:text;position:relative}.atc-logo-metallic:after{content:"";mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");position:absolute;inset:0}.logo-shimmer{opacity:.2;mix-blend-mode:overlay;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)skew(-12deg)}.atc-subtitle{text-transform:uppercase;letter-spacing:.45em;color:#6b6b6b;border-top:1px solid #9b9b9b;margin-top:8px;padding-top:4px;padding-left:4px;font-size:10px;font-weight:900}.tuner-glass{background:#001a00;border:3px solid #3c3c3c;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000,0 0 8px #00ff001a}.tuner-grid{background-image:linear-gradient(90deg,#22c55e14 1px,#0000 1px);background-size:20px 100%}.tuner-input{color:#22c55e;letter-spacing:.3em;text-transform:uppercase;z-index:1;background:0 0;outline:none;width:100%;font-family:Courier New,Courier,monospace;font-size:12px}.tuner-input::placeholder{color:#14532d}.tuner-needle{opacity:.4;background:#dc2626;width:1px;height:100%;position:absolute;right:40px;box-shadow:0 0 10px #dc2626b3}.sharp-btn-recessed{color:#000000d9;text-transform:uppercase;text-shadow:.5px .5px #fff3;background:linear-gradient(145deg,#999 0%,#666 100%);border-top:1px solid #eee;border-bottom:5px solid #1a1a1a;border-left:1px solid #ccc;border-right:2px solid #222;font-weight:900;transition:all .1s}.sharp-btn-recessed:active{border-bottom:1px solid #000;transform:translateY(3px);box-shadow:inset 3px 3px 10px #000000b3}.sharp-btn-red{color:#fff;background:linear-gradient(145deg,#c00 0%,#800 100%);border-top:2px solid #f55;border-bottom:5px solid #400;border-right:2px solid #500;font-weight:900;box-shadow:0 4px 15px #0006}.button-well{background:radial-gradient(#191c20 0%,#0f1114 30%,#08090b 65%,#000 100%);border:3px solid #0a0b0d;border-top:2px solid #505560;border-left:2px solid #454850;border-radius:3px;margin:3px;padding:0;transition:box-shadow 80ms;box-shadow:inset 10px 10px 24px #000,inset -3px -3px 8px #464b5040,inset 0 0 18px #ffffff14,2px 2px 3px #c8cdd266}.button-well:has(.sharp-btn:active){box-shadow:inset 10px 10px 25px #000,inset 0 0 20px #ffffff14,inset -3px -3px 8px #464b504d,2px 2px 3px #c8cdd266}.hifi-panel{background:repeating-linear-gradient(0deg,#fff3 0 .4px,#0000 .4px .8px,#0000001f .8px 1.2px,#0000 1.2px 1.6px),repeating-linear-gradient(0deg,#a0a5aa0d 0 .6px,#787d8208 .6px 1.2px),radial-gradient(at 30% 25%,#ffffff40 0%,#0000 50%),linear-gradient(#f2f3f5 0%,#d7dbe0 45%,#b8c0c8 100%);border-top:5px solid #f5f6f7;border-bottom:12px solid #2f343a;box-shadow:inset 0 8px #fff9,inset 0 -10px #00000080,0 18px 34px #000000bf,0 10px 18px #000000a6,0 6px 10px #0000008c}.hifi-logo{text-transform:uppercase;background:repeating-linear-gradient(0deg,#ffffff1f 0 .3px,#0000 .3px .6px,#0000001f .6px .9px,#0000 .9px 1.2px),radial-gradient(at 28% 25%,#fff6 0%,#0000 60%),linear-gradient(#ece7dd 0%,#d6d0c6 30%,#bcb4a9 60%,#9c948a 100%);border:4px solid #4a4f56;border-top:3px solid #f2eee6;border-left:3px solid #d8d2c6;flex-direction:column;justify-content:center;align-items:center;padding:12px 20px;display:inline-flex;box-shadow:inset 4px 4px #ffffffb3,inset 5px 5px 6px #ffffff80,inset -5px -6px 8px #0009,0 12px 22px #000000a6,0 6px 12px #0000008c}.top-row{align-items:center;gap:12px;display:flex}.tuner-wrap{flex:1;max-width:520px}.logo-text{letter-spacing:3px;-webkit-text-fill-color:transparent;text-shadow:0 -2px #000000d9,0 1px #ffffffb3,0 2px #ffffff80,2px 2px 6px #000000b3;background:linear-gradient(#f8f9fa 0%,#d0d5da 45%,#8f98a2 100%);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.logo-subtitle{letter-spacing:4px;-webkit-text-fill-color:transparent;text-shadow:0 -1px #000000bf,0 1px #ffffffa6,1px 1px 2px #00000073;background:linear-gradient(#f2f3f5 0%,#d7dbe0 55%,#aeb6bf 100%);-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:700}.logo-tagline{letter-spacing:2px;color:#d7dbe0;-webkit-text-fill-color:transparent;text-shadow:0 1px #ffffff80,0 -1px #0000004d;filter:drop-shadow(0 1px 1px #0000004d);background:linear-gradient(#f5f6f7 0%,#c8ced6 55%,#9aa3ad 100%);-webkit-background-clip:text;background-clip:text;font-size:9px;font-weight:700}.radio-tuner-container{background:linear-gradient(#000c 0%,#000000f2 100%),radial-gradient(#00501466 0%,#001405cc 100%);border:3px solid #1a1a1a;border-radius:4px;max-width:520px;margin:0 auto;padding:8px 14px;position:relative;box-shadow:inset 0 3px 6px #000000e6,inset 0 -1px #28282880,0 0 20px #00ff5026,0 8px 16px #00000080}.radio-display{color:#0f6;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 6px #0f69,0 0 12px #00ff6659,0 0 2px #0f69;background:repeating-linear-gradient(0deg,#0006 0 1px,#0000 2px 4px),repeating-linear-gradient(90deg,#00ff501f 0 1px,#0000 1px 10px),radial-gradient(at 30% 40%,#008c3240 0%,#0000 70%),linear-gradient(90deg,#001a08 0%,#002810 25%,#003815 50%,#002810 75%,#001a08 100%);border:none;border-radius:2px;outline:none;width:100%;padding:10px 14px;font-size:15px;font-weight:700;position:relative;box-shadow:inset 0 4px 8px #000c,inset 0 -1px #003c144d,0 0 12px #00ff5040,0 0 22px #00ff5026}.radio-display:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff59 0%,#ffffff1f 22%,#fff0 45%,#0003 100%);border-radius:2px;position:absolute;inset:0}.radio-display:after{content:"";mix-blend-mode:screen;pointer-events:none;z-index:2;background:linear-gradient(#00501459 0%,#00000059 100%);border-radius:2px;position:absolute;inset:0}.radio-display::placeholder{color:#0f69;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 8px #0f69,0 0 12px #0f66}.tuner-scale{background:linear-gradient(90deg,#b7ffbf0d 0%,#b7ffbf33 40%,#b7ffbf0d 100%);height:10px;margin-top:8px;position:relative}.scale-marks{opacity:.6;background-image:repeating-linear-gradient(90deg,#0f0,#0f0 3px,#0000 3px 12px);position:absolute;inset:0;box-shadow:inset 0 0 6px #0f06,0 0 6px #00ff004d}.action-row{align-items:center;gap:8px;display:flex}.action-well{margin:0;padding:2px}.action-btn{flex-direction:row;width:54px;height:34px;padding:4px 6px}.action-btn .btn-label{color:#1a1d20;text-shadow:0 -1px #000000b3,0 1px #ffffff59}.cta-btn{color:#f7f2f2;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(#d93a2f 0%,#b11f16 100%);border:2px solid #5a1b16;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-weight:900;display:inline-flex;box-shadow:inset 1px 1px #ffffff59,inset -2px -2px 4px #00000080,3px 3px 6px #00000080}.cta-icon{color:#1a1d20;background:#f2f2f2;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:inline-flex}.search-pill{background:linear-gradient(#e2e5e8 0%,#c6cbd2 100%);border:2px solid #9aa3ad;border-radius:18px;padding:6px 12px;box-shadow:inset 1px 1px 2px #fff9,inset -2px -2px 4px #0006}.search-input{color:#2a2d30;background:0 0;border:none;outline:none;font-weight:700}.mid-row{grid-template-columns:auto 1fr 1fr;align-items:center;gap:16px;margin-top:16px;display:grid}.mini-btns{gap:8px;display:flex}.mini-btn{background:repeating-linear-gradient(90deg,#ffffff29 0 .5px,#0000 .5px 1.2px),linear-gradient(#f4f5f7 0%,#d7dbe0 40%,#b7bec7 75%,#9aa3ad 100%);border-top:2px solid #fff9;border-bottom:5px solid #2b2f35;border-radius:2px;width:70px;height:34px;box-shadow:inset 2px 2px #ffffff73,inset -2px -2px 4px #00000080,2px 2px 5px #0009}.long-bar{letter-spacing:1px;color:#1a1d20;background:repeating-linear-gradient(90deg,#ffffff24 0 .5px,#0000 .5px 1.4px),linear-gradient(#f4f5f7 0%,#d7dbe0 40%,#b7bec7 75%,#9aa3ad 100%);border-top:2px solid #ffffff8c;border-bottom:5px solid #2b2f35;border-radius:2px;justify-content:center;align-items:center;height:36px;font-weight:800;display:flex;box-shadow:inset 2px 2px #fff6,inset -2px -2px 4px #00000080,2px 2px 5px #0009}.sharp-btn,.aiwa-btn,.eq-btn{text-transform:uppercase;text-shadow:0 -2px #000000e6,0 1px #ffffff80,1px 1px 1px #0009;background-color:#b8bec4;background-image:repeating-linear-gradient(90deg,#ffffff26 0 .3px,#0000 .3px .6px,#0000001a .6px .9px,#0000 .9px 1.2px),radial-gradient(at 25% 20%,#ffffff80 0%,#0000 45%),linear-gradient(175deg,#f8f9fa 0%,#e8eaec 8%,#d0d5da 25%,#b0b8c0 55%,#8a95a0 90%,#707880 100%);border-top:3px solid #fffffffa;border-bottom:6px solid #050505;border-left:1.5px solid #fffc;border-right:1.5px solid #1a1d20;border-radius:2px;transition:transform .1s,box-shadow .1s,border-bottom .1s;position:relative;box-shadow:inset 3px 3px #fff,inset 5px 5px 3px #ffffffe6,inset -3px -3px 5px #00000073,7px 7px 14px #000000bf,4px 4px 8px #0009}.sharp-btn:after,.aiwa-btn:after,.eq-btn:after{content:"";opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(90deg,#ffffff1f,#ffffff1f .5px,#0000 .5px 6px);border-radius:1px;position:absolute;inset:2px 4px 6px}.sharp-btn:active,.aiwa-btn:active,.eq-btn:active{transform:translateY(6px);box-shadow:inset 3px 3px 10px #000c,inset -1px -1px 3px #00000080,0 0 #0000}.sharp-btn:active{border-bottom:1px solid #111}.sharp-btn{letter-spacing:1px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:68px;height:68px;padding:8px 10px;font-weight:800;transition:all 50ms;display:inline-flex}.sharp-btn:hover{box-shadow:inset 3px 3px #fff,inset 5px 5px 3px #ffffffe6,inset -3px -3px 5px #00000073,0 0 8px #ffffff59,8px 8px 16px #000000bf}.btn-icon{font-size:14px}.btn-label{text-transform:uppercase;letter-spacing:1.2px;color:#eef1f4;text-shadow:0 -1px #000000d9,0 1px #ffffffb3,0 2px #fff6,1px 1px 3px #0009;font-size:12px;font-weight:900;line-height:1.1}.btn-rec{color:#fff2f2;background-color:#c00;background-image:repeating-linear-gradient(90deg,#0000,#0000 1.5px,#00000026 2px 2.5px,#0000 3px),linear-gradient(#e12b2b 0%,#8f0f0f 100%);box-shadow:inset 2px 2px 1px #ffffff80,inset -1px -1px 2px #0006,4px 4px 8px #5a0a0ab3,2px 2px 4px #5a0a0a80,0 0 12px #c006}.aiwa-btn{color:#eaf5ff;letter-spacing:1px;background-color:#00a4df;background-image:repeating-linear-gradient(90deg,#0000,#0000 1.5px,#00000026 2px 2.5px,#0000 3px),linear-gradient(#22b8f5 0%,#00a4df 45%,#007fb4 100%);align-items:center;gap:10px;padding:11px 20px;font-weight:800;display:inline-flex}.aiwa-icon{font-size:18px}.aiwa-label{text-transform:uppercase;letter-spacing:1.2px;color:#eef1f4;text-shadow:0 -1px #000000d9,0 1px #ffffffb3,0 2px #fff6,1px 1px 3px #0009;font-size:11px;font-weight:900;line-height:1.1}.eq-panel{background:repeating-linear-gradient(0deg,#fffaf01f 0 .25px,#0000 .25px .5px,#00000026 .5px .75px,#0000 .75px 1px),radial-gradient(at 50% 15%,#fffaeb4d 0%,#0000 70%),linear-gradient(#e0d8c8 0%,#c8b89a 25%,#b0a088 55%,#988870 85%,#807058 100%);border:5px solid #5a5040;border-top:3px solid #d0c8b0;border-left:3px solid #c0b098;flex-direction:column;gap:10px;width:100%;padding:14px 18px 16px;display:flex;box-shadow:inset 4px 4px #fffaeb99,inset 5px 5px 5px #fff8e173,inset -4px -8px 10px #000000b3,0 12px 24px #000000b3,0 6px 12px #0009}.eq-label{letter-spacing:2.5px;color:#1a1510;text-transform:uppercase;text-shadow:0 -1px 0 #000000e6,0 1px 0 #fffaeb99,n 1px 1px 3px #0009;font-size:11px;font-weight:900}.eq-buttons{grid-template-columns:repeat(12,minmax(0,1fr));place-items:center;gap:6px;width:100%;display:grid}.eq-btn{background:linear-gradient(#f7f6f2 0%,#c8c2b5 100%);justify-content:center;align-items:center;width:34px;height:32px;display:inline-flex}.eq-freq{text-transform:uppercase;color:#000;text-shadow:0 -1px #000,0 1px #ffffff80,1px 1px 2px #0009;font-size:10px;font-weight:900}.knob-row{background:repeating-linear-gradient(0deg,#fffaf01f 0 .25px,#0000 .25px .5px,#00000026 .5px .75px,#0000 .75px 1px),radial-gradient(at 50% 15%,#fffaeb4d 0%,#0000 70%),linear-gradient(#e0d8c8 0%,#c8b89a 25%,#b0a088 55%,#988870 85%,#807058 100%);border:5px solid #5a5040;border-top:3px solid #d0c8b0;border-left:3px solid #c0b098;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:32px;padding:18px 28px 10px;display:grid;box-shadow:inset 4px 4px #fffaeb99,inset 5px 5px 5px #fff8e173,inset -4px -8px 10px #000000b3,0 12px 24px #000000b3,0 6px 12px #0009}.knob{background:conic-gradient(from 15deg,#f4f5f7 0deg,#e3e7eb 35deg,#cfd5db 90deg,#b8c0c8 150deg,#a2abb4 180deg,#b8c0c8 215deg,#cfd5db 270deg,#e3e7eb 320deg,#f4f5f7 360deg),radial-gradient(circle at 35% 30%,#ffffff73 0%,#0000 45%);border:1px solid #4b5158;border-radius:999px;width:96px;height:96px;transition:transform .16s,box-shadow .16s;position:relative;box-shadow:inset 3px 3px 8px #ffffff8c,inset -4px -8px 12px #00000073,inset 0 0 0 1px #00000059,0 12px 18px #0009,0 6px 12px #00000073}.knob:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#d7dbe0 0%,#a9b0b8 50%,#7f8791 100%);border:2px solid #2f343a;border-radius:999px;position:absolute;inset:-8px;box-shadow:inset 2px 2px 4px #ffffff73,inset -4px -6px 10px #0000008c,0 6px 10px #00000080}.knob-indicator{z-index:3;background:linear-gradient(#ff4a4a 0%,#cc1e1e 55%,#8f0f0f 100%);border-radius:.5px;width:5px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0009,inset 0 1px 1px #fff6}.knob:hover{transform:rotate(-18deg)scale(1.05);box-shadow:inset 2px 2px 8px #fffc,inset -4px -8px 16px #00000080,0 12px 24px #000000b3,0 6px 12px #00000080}.knob-labels{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:18px;padding:6px 12px 0;display:grid}.knob-label{text-transform:uppercase;letter-spacing:2px;color:#1a1510;text-shadow:0 -2px #000,0 -1px #000000e6,0 1px #fffaebb3,1px 1px 3px #000000b3,2px 2px 6px #00000080;font-size:11px;font-weight:900}.knob-container{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.knob-markers{pointer-events:none;position:absolute;inset:0}.knob-markers span{color:#1a1d20;text-shadow:0 -1px #0009,0 1px #fff6;font-size:12px;font-weight:700}.knob-label-text{text-transform:uppercase;letter-spacing:2px;color:#1a1d20;text-shadow:0 -1px #000c,0 1px #fff9;font-size:10px;font-weight:900}.balance-indicator{color:#1a1d20;text-shadow:0 -1px #000000b3,0 1px #ffffff80;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.balance-arrow{font-size:13px}.balance-dot{font-size:10px}.bottom-row{align-items:center;gap:8px;margin-top:12px;display:flex}.bottom-btn{text-transform:uppercase;color:#1a1d20;letter-spacing:.6px;text-shadow:0 -1px #000000b3,.5px .5px #fff3;cursor:pointer;background:repeating-linear-gradient(90deg,#ffffff29 0 .5px,#0000 .5px 1.2px),linear-gradient(#f4f5f7 0%,#d7dbe0 40%,#b7bec7 75%,#9aa3ad 100%);border-top:2px solid #ffffffa6;border-bottom:5px solid #2b2f35;border-radius:2px;min-width:78px;height:36px;padding:0 8px;font-weight:800;box-shadow:inset 2px 2px #ffffff8c,inset -2px -2px 4px #00000080,2px 2px 5px #0009}.bottom-btn--icon{color:#e5e8ec;background:linear-gradient(#3a3f46 0%,#1f2328 100%);min-width:44px;padding:0}.panel-groove{background:linear-gradient(#000000b3 0%,#0003 35%,#ffffff40 100%);border-radius:2px;height:6px;margin:16px 0 6px;box-shadow:inset 0 2px 4px #000000b3,inset 0 -1px 1px #fff3}.reverb-section{padding-top:4px}.reverb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.reverb-card{flex-direction:column;gap:8px;display:flex}.reverb-frame{background:linear-gradient(#f2f3f5 0%,#c9cfd6 100%);border:2px solid #c2c6cc;border-radius:4px;padding:6px;box-shadow:inset 4px 4px 10px #00000080,0 6px 12px #00000059}.reverb-image{aspect-ratio:16/9;background:linear-gradient(120deg,#14141440 0%,#14141400 60%),linear-gradient(#1c2228 0%,#3a4652 45%,#5d6a78 100%);border-radius:2px;position:relative;overflow:hidden}.reverb-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff40 0%,#0000 45%);position:absolute;inset:0}.reverb-label{text-transform:uppercase;letter-spacing:1px;color:#1a1d20;text-shadow:0 -1px #000000b3,.5px .5px #fff3;font-size:11px;font-weight:900}@media (max-width:1200px){.reverb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.reverb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cassette-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#ffffff52 0%,#ffffff14 100%);border:1px solid #ffffff73;border-radius:18px;padding:10px;position:relative;box-shadow:0 18px 40px #0000001f}.cassette-accent{background:linear-gradient(90deg,#f97316 0%,#fbbf24 45%,#f97316 100%);border-radius:999px;height:4px;position:absolute;top:6px;left:10px;right:10px;box-shadow:0 4px 10px #f9731666}.cassette-body{background:linear-gradient(#0f0f1059 0%,#2d2d3233 100%);border:1px solid #fff3;border-radius:14px;padding:18px 16px 16px;position:relative;box-shadow:inset 0 1px #fff3}.cassette-header{color:#111827;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:800;display:flex}.cassette-brand{text-transform:uppercase;font-size:12px}.cassette-model{background:#00000014;border-radius:999px;padding:2px 8px;font-size:12px}.cassette-window{aspect-ratio:4/3;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;padding:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffffff40}.cassette-window:before{content:"";mix-blend-mode:screen;pointer-events:none;z-index:2;background:radial-gradient(at 20% 10%,#fff9 0%,#0000 55%),radial-gradient(at 80% 90%,#00000040 0%,#0000 55%);border-radius:10px;position:absolute;inset:6px}.cassette-window:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(135deg,#ffffff2e 0%,#0000 40%),linear-gradient(315deg,#0003 0%,#0000 40%);border-radius:12px;position:absolute;inset:0}.cassette-image{object-fit:cover;filter:contrast(1.04)saturate(1.05);z-index:1;border-radius:8px;width:100%;height:100%;transition:transform .3s,box-shadow .3s,filter .3s;position:relative;transform:perspective(800px)rotateX(2deg)rotateY(-2deg);box-shadow:0 12px 24px #00000059,0 2px 6px #00000040,inset 0 1px #fff3}.cassette-card:hover .cassette-image{filter:contrast(1.08)saturate(1.08);transform:perspective(800px)rotateX(.5deg)rotateY(.5deg)scale(1.04);box-shadow:0 16px 28px #0006,0 4px 10px #0000004d}.cassette-placeholder{letter-spacing:3px;text-transform:uppercase;color:#c8c8c880;text-shadow:0 2px 4px #000000e6,0 0 10px #0009;background:repeating-linear-gradient(45deg,#ffffff08 0 10px,#0000 10px 20px),#282828cc;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:900;display:flex}.cassette-info{flex-direction:column;gap:10px;margin-top:16px;padding:0 8px;display:flex}.cassette-title{color:#f5f5f5;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px #000000e6,0 1px 2px #000c,0 0 12px #000000b3;font-size:15px;font-weight:900;line-height:1.3}.cassette-meta{text-transform:uppercase;letter-spacing:1.5px;color:#c8c8c8cc;text-shadow:0 1px 3px #000c,0 0 8px #00000080;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.cassette-price{color:#fff;letter-spacing:1px;text-shadow:0 3px 6px #000,0 2px 4px #000000e6,0 0 16px #000c,0 -1px #ff8c0099;font-size:20px;font-weight:900}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}