@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Space+Grotesk:wght@400;600;700&family=VT323&display=swap");:root{--bg-tv-chassis:#0d0f14;--bg-tv-screen:#0a0c10;--bg-shelf-column:#131722;--bg-card-vhs:#1a1e2b;--bg-card-header:#141724;--bg-card-footer:#121520;--border-chassis:#2d3345;--border-vhs:#3e465e;--border-vhs-highlight:#5b6688;--crt-green:#3f3;--crt-green-dim:#1d991d;--crt-amber:#ffb703;--crt-amber-dim:#b37d00;--crt-red:#ff2a5f;--crt-cyan:#05d9e8;--rental-yellow:#ffd000;--rental-blue:#04f;--rental-dark-blue:#091a3e;--text-main:#e2e8f0;--text-muted:#8c97b2;--text-dim:#5a647d;--text-inverse:#0d0f14;--meter-watched:#3f3;--meter-ready:#ffd000;--meter-upcoming:#2a3144;--font-osd:"VT323",monospace;--font-mono:"Share Tech Mono",monospace;--font-ui:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--shadow-bevel-out:2px 2px 0px #050608,-1px -1px 0px #384158;--shadow-bevel-in:inset 2px 2px 4px #050608,inset -1px -1px 2px #384158;--shadow-vhs-tape:0 10px 25px -5px rgba(0,0,0,.7),0 4px 6px -2px rgba(0,0,0,.5)}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;height:100dvh;background-color:var(--bg-tv-chassis);color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}.retro-scrollbar::-webkit-scrollbar{width:6px;height:6px}.retro-scrollbar::-webkit-scrollbar-track{background:#080a11;border-radius:3px}.retro-scrollbar::-webkit-scrollbar-thumb{background:#242c40;border-radius:3px}.retro-scrollbar::-webkit-scrollbar-thumb:hover{background:#3e4c6c}.retro-scrollbar{scrollbar-width:thin;scrollbar-color:#242c40 #080a11}.crt-overlay-scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9990;opacity:.55;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 0,transparent 4px)}.crt-flicker{animation:crt-flicker-anim .15s infinite}@keyframes crt-flicker-anim{0%{opacity:.99}50%{opacity:1}to{opacity:.98}}.crt-screen-curved{position:relative;box-shadow:inset 0 0 100px rgba(0,0,0,.85);border-radius:14px}.osd-text{text-transform:uppercase;text-shadow:0 0 8px rgba(51,255,51,.6)}.osd-text,.osd-text-amber{font-family:var(--font-osd);letter-spacing:1.5px}.osd-text-amber{color:var(--crt-amber);text-shadow:0 0 8px rgba(255,183,3,.6)}.osd-text-red{color:var(--crt-red);text-shadow:0 0 8px rgba(255,42,95,.7)}.osd-text-cyan,.osd-text-red{font-family:var(--font-osd);letter-spacing:1.5px}.osd-text-cyan{color:var(--crt-cyan);text-shadow:0 0 8px rgba(5,217,232,.6)}.retro-btn{font-family:var(--font-mono);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 14px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--border-vhs);background:linear-gradient(180deg,#2a3144,#1a1e2b);color:var(--text-main);box-shadow:var(--shadow-bevel-out)}.retro-btn:hover{background:linear-gradient(180deg,#37415a,#222838);border-color:var(--border-vhs-highlight);color:#fff}.retro-btn:active{box-shadow:var(--shadow-bevel-in);transform:translateY(1px)}.retro-btn-primary{background:linear-gradient(180deg,#ffd000,#d49e00);color:#000;border-color:#ffe066;font-weight:800}.retro-btn-primary:hover{background:linear-gradient(180deg,#ffe066,#e6ac00);color:#000}.retro-btn-accent{background:linear-gradient(180deg,#05d9e8,#0099a6);color:#000;border-color:#5ce9f4;font-weight:800}.retro-btn-accent:hover{background:linear-gradient(180deg,#5ce9f4,#00b4c4);color:#000}.retro-btn-danger{background:linear-gradient(180deg,#ff2a5f,#b80f38);color:#fff;border-color:#ff6b8f}.vhs-card{flex-shrink:0;min-height:-moz-fit-content;min-height:fit-content;background-color:var(--bg-card-vhs);border:1px solid var(--border-vhs);border-radius:4px;box-shadow:var(--shadow-vhs-tape);position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.vhs-card:hover{border-color:var(--border-vhs-highlight);transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.8),0 6px 10px rgba(0,0,0,.6)}.vhs-top-ridge{height:3px;background:#11141c;border-bottom:1px solid #283044;position:relative}.vhs-top-ridge:after{content:"";position:absolute;top:0;left:16px;width:28px;height:2px;background:#38425a;border-radius:0 0 2px 2px}.rental-sticker{font-family:var(--font-osd);font-size:.95rem;letter-spacing:1px;padding:2px 8px;border-radius:2px;text-transform:uppercase;font-weight:900;display:inline-flex;align-items:center;gap:4px;box-shadow:1px 1px 0 rgba(0,0,0,.5)}.sticker-yellow{background-color:var(--rental-yellow);color:#000}.sticker-red{background-color:var(--crt-red);color:#fff}.sticker-cyan{background-color:var(--crt-cyan);color:#000}.sticker-green{background-color:var(--crt-green);color:#000}.sticker-purple{background-color:#7b2cbf;color:#fff}.sticker-dim{background-color:#242938;color:#8c97b2;border:1px solid #3e465e}.progress-container{background-color:#0d0f14;border:1px solid var(--border-vhs);border-radius:2px;height:10px;width:100%;display:flex;overflow:hidden;position:relative}.progress-segment-watched{background-color:var(--meter-watched);height:100%;box-shadow:0 0 6px var(--meter-watched)}.progress-segment-ready{background-color:var(--meter-ready);height:100%;box-shadow:0 0 6px var(--meter-ready)}.progress-segment-upcoming{background:repeating-linear-gradient(45deg,#181d28,#181d28 4px,#252c3d 0,#252c3d 8px);height:100%}.retro-input{background-color:#0b0d13;border:1px solid var(--border-vhs);color:#fff;font-family:var(--font-mono);font-size:.95rem;padding:8px 12px;border-radius:2px;outline:none;box-shadow:var(--shadow-bevel-in);width:100%}.retro-input:focus{border-color:var(--rental-yellow);box-shadow:0 0 8px rgba(255,208,0,.3),inset 2px 2px 4px #050608}.retro-modal-backdrop{position:fixed;inset:0;background-color:rgba(5,7,12,.85);display:flex;align-items:center;justify-content:center;z-index:9995;padding:16px}.retro-modal-box{background-color:var(--bg-card-vhs);border:2px solid var(--border-vhs-highlight);box-shadow:0 20px 50px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.7);border-radius:4px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0f14}::-webkit-scrollbar-thumb{background:#2a3144;border:1px solid #3e465e}::-webkit-scrollbar-thumb:hover{background:#3e465e}