@font-face{font-family:Miracode;src:url(/fonts/Miracode.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cairopixel;src:url(/fonts/Cairopixel.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}button,input,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer}:root{--font-mono: "Miracode", "Consolas", "Courier New", monospace;--font-display: "Cairopixel", "Miracode", "Consolas", monospace;--font-size-base: 18px;--font-size-sm: 14px;--font-size-lg: 24px;--font-size-xl: 36px;--line-height-base: 1.4;--color-bg: #0A0F0A;--color-green: #33FF66;--color-green-dim: #1A8033;--color-green-deep: #0D4D1A;--color-white: #F0FFF0;--color-error: #FF4444;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--glow-green: 0 0 6px rgba(51, 255, 102, .5);--glow-white: 0 0 8px rgba(240, 255, 240, .6);--glow-error: 0 0 6px rgba(255, 68, 68, .5)}body{font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-green);background:var(--color-bg);text-shadow:var(--glow-green);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000026 2px,#00000026 3px);animation:crt-flicker 7s steps(2) infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%)}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.97}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-green);background:transparent;color:var(--color-green);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none}.btn>svg{width:1.1em;height:1.1em;shape-rendering:crispEdges;flex-shrink:0}.btn:hover:not(:disabled){background:var(--color-green);color:var(--color-bg);text-shadow:none}.btn:active:not(:disabled){background:var(--color-white);color:var(--color-bg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-green);color:var(--color-bg);text-shadow:none}.btn-primary:hover:not(:disabled){background:var(--color-white);color:var(--color-bg)}.btn-sm{padding:2px var(--space-2);font-size:var(--font-size-sm)}.btn-block{display:block;width:100%;text-align:center}.cursor-blink{display:inline-block;width:.6ch;background:var(--color-green);color:var(--color-green);animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.term-frame{position:relative;padding:var(--space-4) var(--space-5);border:1px solid var(--color-green-dim)}.term-frame:before,.term-frame:after,.term-frame>.term-corner-bl,.term-frame>.term-corner-br{position:absolute;font-family:var(--font-mono);color:var(--color-green);background:var(--color-bg);padding:0 2px;line-height:1;font-size:1em}.term-frame:before{content:"┌";top:-.6em;left:-1px}.term-frame:after{content:"┐";top:-.6em;right:-1px}.term-corner-bl{content:"└"}.term-corner-bl:before{content:"└"}.term-corner-br:before{content:"┘"}.term-corner-bl,.term-corner-br{bottom:-.6em}.term-corner-bl{left:-1px}.term-corner-br{right:-1px}.loading-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-green-dim)}.loading-shell:before{content:"> ";color:var(--color-green)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-card{width:100%;max-width:480px;padding:var(--space-5) var(--space-6);border:1px solid var(--color-green-dim);position:relative}.login-card:before,.login-card:after{position:absolute;font-family:var(--font-mono);color:var(--color-green);background:var(--color-bg);padding:0 4px;font-size:var(--font-size-base);line-height:1}.login-card:before{content:"┌─ HearthNook ─┐";top:-.6em;left:var(--space-3)}.login-card:after{content:"┘";bottom:-.6em;right:-2px}.login-title-ascii{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.6em;margin-bottom:var(--space-2)}.login-subtitle{color:var(--color-green-dim);margin-bottom:var(--space-5)}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.login-field{display:flex;align-items:baseline;gap:var(--space-2)}.login-prompt{color:var(--color-green);white-space:nowrap;min-width:10ch}.login-input{flex:1;color:var(--color-white);text-shadow:var(--glow-white);border-bottom:1px dashed var(--color-green-deep);padding:2px 0;caret-color:var(--color-white)}.login-input:focus{border-bottom-color:var(--color-green)}.login-input:focus+.cursor-blink{display:inline-block}.login-error{color:var(--color-error);text-shadow:var(--glow-error);margin:var(--space-2) 0}.login-error:before{content:"! "}.login-submit{align-self:flex-end;margin-top:var(--space-3)}@media(max-width:520px){.login-card{padding:var(--space-4) var(--space-3);overflow:hidden}.login-title-ascii{font-size:var(--font-size-lg);letter-spacing:.25em}.login-field{flex-direction:column;align-items:stretch;gap:var(--space-1)}.login-prompt{min-width:0}.login-input{width:100%}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-green-dim)}.app-brand{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.1em}.app-brand:before{content:"[ ";color:var(--color-green)}.app-brand:after{content:" ]";color:var(--color-green)}.app-user{display:flex;align-items:center;gap:var(--space-3)}.search-input{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:320px;margin:0 var(--space-4);padding:4px var(--space-2);border:1px solid var(--color-green-dim)}.search-input:focus-within{border-color:var(--color-green)}.search-input-prompt{color:var(--color-green);-webkit-user-select:none;user-select:none}.search-input input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--color-white);text-shadow:var(--glow-white);font-family:var(--font-mono);font-size:var(--font-size-base);padding:0}.search-input input::placeholder{color:var(--color-green-deep)}.search-input input::-webkit-search-cancel-button,.search-input input::-webkit-search-decoration{-webkit-appearance:none}.app-user-avatar{width:32px;height:32px;object-fit:cover;border:1px solid var(--color-green-dim)}.app-user-name{color:var(--color-white);text-shadow:var(--glow-white)}.app-user-badge{color:var(--color-green);font-size:var(--font-size-sm)}.app-user-badge:before{content:"< "}.app-user-badge:after{content:" >"}.sound-toggle{display:inline-flex;align-items:center;padding:4px;color:var(--color-green-dim);cursor:pointer}.sound-toggle:hover{color:var(--color-white);text-shadow:var(--glow-white)}.sound-toggle svg{width:20px;height:20px;shape-rendering:crispEdges}.app-main,.hub-main{flex:1;padding:var(--space-5) var(--space-4);max-width:720px;margin:0 auto;width:100%}.hub-main-wide{max-width:1100px}.hub-hint{color:var(--color-green-dim);margin-top:var(--space-3)}.hub-breadcrumb{color:var(--color-green-dim);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.hub-breadcrumb:before{content:"> ";color:var(--color-green)}.hub-breadcrumb a{color:var(--color-green-dim);text-decoration:none}.hub-breadcrumb a:hover{color:var(--color-green);text-shadow:var(--glow-green)}.hub-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.1em;margin:var(--space-3) 0 var(--space-5)}.hub-greeting{text-align:center;font-size:var(--font-size-lg);color:var(--color-green);margin:var(--space-5) 0}.hub-greeting:before{content:"> "}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.hub-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;border:1px solid var(--color-green-dim);padding:var(--space-5) var(--space-3);cursor:pointer;background:transparent;color:var(--color-green);font-family:var(--font-mono);font-size:var(--font-size-base);min-height:160px}.hub-tile:hover{border-color:var(--color-green);color:var(--color-white);text-shadow:var(--glow-white)}.hub-tile-disabled{opacity:.4;cursor:not-allowed}.hub-tile-disabled:hover{border-color:var(--color-green-dim);color:var(--color-green);text-shadow:none}.hub-tile-icon{display:inline-flex;margin-bottom:var(--space-3);line-height:1;color:inherit}.hub-tile-icon svg{width:64px;height:64px;shape-rendering:crispEdges}.hub-tile-label{letter-spacing:.1em}.hub-tile-status{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-green-dim)}.hub-tile-status:before{content:"< "}.hub-tile-status:after{content:" >"}.app-brand,.app-brand:hover{text-decoration:none}.app-brand{cursor:pointer}.dropzone{border:2px dashed var(--color-green-dim);padding:var(--space-6) var(--space-4);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.dropzone:hover{border-color:var(--color-green);background:#33ff660a}.dropzone-over{border-style:solid;border-color:var(--color-green);background:#33ff6614}.dropzone-disabled{opacity:.4;cursor:not-allowed}.dropzone-icon{display:flex;justify-content:center;margin-bottom:var(--space-3);color:var(--color-green-dim)}.dropzone-icon svg{width:48px;height:48px;shape-rendering:crispEdges}.dropzone:hover .dropzone-icon,.dropzone-over .dropzone-icon{color:var(--color-green)}.dropzone-text{color:var(--color-green);margin-bottom:var(--space-1)}.dropzone-hint{color:var(--color-green-dim);font-size:var(--font-size-sm)}.upload-queue{margin-top:var(--space-5)}.upload-queue-primary{margin-bottom:var(--space-3)}.upload-queue-status{margin-bottom:var(--space-3);min-height:24px}.upload-queue-secondary{margin-bottom:var(--space-3)}.upload-queue-stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-green-dim)}.upload-queue-stats:before{content:"> ";color:var(--color-green)}.upload-queue-total{color:var(--color-white)}.upload-queue-count-ok{color:var(--color-green)}.upload-queue-count-mismatch{color:#ffd060}.upload-queue-count-duplicate{color:#6090ff}.upload-queue-count-needs_manual{color:#ff9040}.upload-queue-count-rejected,.upload-queue-count-failed{color:var(--color-error)}.upload-progress{display:flex;align-items:center;gap:var(--space-3);color:var(--color-green);font-size:var(--font-size-base)}.upload-progress-label:before{content:"> "}.upload-progress-bar{font-family:var(--font-mono);letter-spacing:0;white-space:nowrap}.upload-progress-filled{color:var(--color-green)}.upload-progress-empty{color:var(--color-green-deep)}.upload-progress-count{color:var(--color-white);text-shadow:var(--glow-white);margin-left:var(--space-2)}.upload-card-imported{background-color:var(--color-green)!important;border-color:var(--color-green)!important;color:var(--color-bg);text-shadow:none;overflow:hidden;animation:card-imported-glitch 1s steps(1,end) forwards}.upload-card-imported .upload-card-name,.upload-card-imported .upload-card-meta,.upload-card-imported .upload-card-meta-tech,.upload-card-imported .upload-card-status{color:var(--color-bg);text-shadow:none}.upload-card-imported .upload-card-meta:before,.upload-card-imported .upload-card-source{color:var(--color-bg)}.upload-card-imported .upload-card-remove{color:var(--color-bg);opacity:.5;pointer-events:none}.upload-card-imported-icon{display:inline-flex;align-items:center;color:var(--color-bg)}.upload-card-imported-icon svg{width:16px;height:16px;shape-rendering:crispEdges}@keyframes card-imported-glitch{0%,55%{opacity:1;max-height:240px}58%{opacity:0}62%{opacity:1}66%{opacity:0}70%{opacity:1;max-height:240px}73%{opacity:.85;max-height:200px}76%{opacity:.7;max-height:160px}80%{opacity:.55;max-height:120px}84%{opacity:.4;max-height:80px}88%{opacity:.25;max-height:50px}92%{opacity:.1;max-height:28px}96%{opacity:.05;max-height:12px}to{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin:0;border-top-width:0;border-bottom-width:0}}.upload-queue-list{display:flex;flex-direction:column;gap:var(--space-2)}.upload-card{border:1px solid var(--color-green-dim);border-left-width:3px;padding:var(--space-2) var(--space-3);background:#0003}.upload-card-queued,.upload-card-uploading{border-left-color:var(--color-green-deep);opacity:.75}.upload-card-ok{border-left-color:var(--color-green)}.upload-card-mismatch{border-left-color:#ffd060}.upload-card-duplicate{border-left-color:#6090ff}.upload-card-needs_manual{border-left-color:#ff9040}.upload-card-rejected,.upload-card-failed{border-left-color:var(--color-error)}.upload-card-row{display:flex;align-items:baseline;gap:var(--space-3)}.upload-card-name{flex:1;color:var(--color-white);text-shadow:var(--glow-white);word-break:break-all}.upload-card-status{color:var(--color-green);font-size:var(--font-size-sm);white-space:nowrap}.upload-card-remove{color:var(--color-green-dim);font-size:var(--font-size-lg);padding:0 var(--space-2);line-height:1}.upload-card-remove:hover{color:var(--color-error)}.upload-card-meta{color:var(--color-green-dim);font-size:var(--font-size-sm);margin-top:var(--space-1)}.upload-card-meta:before{content:"> ";color:var(--color-green)}.upload-card-source{display:inline-block;min-width:3ch;color:var(--color-green);text-transform:lowercase}.upload-card-meta-mb{color:var(--color-white)}.upload-card-meta-mb .upload-card-source{color:#6090ff}.upload-card-meta-tech{font-size:var(--font-size-sm);color:var(--color-green-deep)}.upload-card-meta-tech:before{color:var(--color-green-deep)}.upload-card-score{color:var(--color-green-dim);font-size:var(--font-size-sm)}.upload-card-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.upload-card-error:before{content:"! "}.upload-card-progress{margin-top:var(--space-2);height:4px;background:var(--color-green-deep);position:relative;overflow:hidden}.upload-card-progress-bar{position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-green);animation:upload-progress-slide 1.3s steps(20,end) infinite}@keyframes upload-progress-slide{0%{transform:translate(-100%)}to{transform:translate(440%)}}.catalog-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.catalog-content{margin-top:var(--space-3)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.catalog-load-more{display:flex;justify-content:center;margin-top:var(--space-5)}.infinite-sentinel{margin-top:var(--space-4);padding:var(--space-3);text-align:center;color:var(--color-green-dim);font-size:var(--font-size-sm)}.infinite-sentinel:before{content:"> ";color:var(--color-green)}.catalog-error{color:var(--color-error);text-shadow:var(--glow-error)}.album-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.album-card-cover{position:relative;aspect-ratio:1 / 1;background:#0000004d;border:1px solid var(--color-green-dim);display:flex;align-items:center;justify-content:center;overflow:hidden}.album-card:hover .album-card-cover{border-color:var(--color-green)}.album-card-cover img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.album-card-cover-placeholder{color:var(--color-green-deep);display:flex;align-items:center;justify-content:center}.album-card-cover-placeholder svg{width:48px;height:48px;shape-rendering:crispEdges}.album-card-flag{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;align-items:center;justify-content:center;padding:2px;background:var(--color-bg);color:var(--color-error)}.album-card-flag svg{width:20px;height:20px;shape-rendering:crispEdges}.album-card-info{padding:var(--space-2) 0 var(--space-1);display:flex;flex-direction:column;gap:2px}.album-card-title{color:var(--color-white);text-shadow:var(--glow-white);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-card:hover .album-card-title{color:var(--color-white)}.album-card-artist{color:var(--color-green);font-size:var(--font-size-sm);line-height:1.2}.album-card-meta{color:var(--color-green-dim);font-size:var(--font-size-sm)}.track-list{display:flex;flex-direction:column;gap:var(--space-1)}.track-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-bottom-color:var(--color-green-deep)}.track-row:hover{border-color:var(--color-green-dim);background:#33ff660a}.track-row-cover{position:relative;flex-shrink:0;width:48px;height:48px;background:#0000004d;border:1px solid var(--color-green-dim);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-green-deep)}.track-row-play-overlay{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;background:#000000b3!important;border:none!important;color:var(--color-white)!important;opacity:0}.track-row:hover .track-row-play-overlay,.track-row-current .track-row-play-overlay{opacity:1}.track-row-current .track-row-cover{border-color:var(--color-green)}.track-row-current .track-row-title{color:var(--color-green);text-shadow:var(--glow-green)}.track-row-cover img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.track-row-cover svg{width:24px;height:24px;shape-rendering:crispEdges}.track-row-main{flex:1;min-width:0}.track-row-title{color:var(--color-white);text-shadow:var(--glow-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row-flag{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--space-2);color:var(--color-error)}.track-row-flag svg{width:16px;height:16px;shape-rendering:crispEdges}.track-row-sub{color:var(--color-green-dim);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row-sub a{color:var(--color-green);text-decoration:none}.track-row-sub a:hover{color:var(--color-white);text-shadow:var(--glow-white)}.track-row-duration{flex-shrink:0;color:var(--color-green);font-variant-numeric:tabular-nums}.album-header{display:flex;gap:var(--space-5);margin-bottom:var(--space-5)}.album-header-cover{flex-shrink:0;width:240px;height:240px;background:#0000004d;border:1px solid var(--color-green-dim);display:flex;align-items:center;justify-content:center;overflow:hidden}.album-header-cover img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.album-header-cover .album-card-cover-placeholder svg{width:80px;height:80px}.album-header-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.album-header-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.05em;line-height:1.1}.album-header-artist{color:var(--color-green);font-size:var(--font-size-lg);text-decoration:none;align-self:flex-start}.album-header-artist:hover{color:var(--color-white);text-shadow:var(--glow-white)}.album-header-line{color:var(--color-green-dim)}.album-header-bio{color:var(--color-green);margin-top:var(--space-3);white-space:pre-wrap}.album-header-genres{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.album-header-genre{padding:2px var(--space-2);border:1px solid var(--color-green-dim);color:var(--color-green);font-size:var(--font-size-sm)}@media(max-width:640px){.album-header{flex-direction:column}.album-header-cover{width:100%;height:auto;aspect-ratio:1 / 1;max-width:360px}}.tracklist{display:flex;flex-direction:column;border-top:1px solid var(--color-green-deep)}.tracklist-row{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-green-deep)}.tracklist-row:hover{background:#33ff660a}.tracklist-num{flex-shrink:0;width:3ch;color:var(--color-green-dim);font-variant-numeric:tabular-nums}.tracklist-title{flex:1;min-width:0;color:var(--color-white);text-shadow:var(--glow-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracklist-feat{color:var(--color-green-dim)}.tracklist-duration{flex-shrink:0;color:var(--color-green);font-variant-numeric:tabular-nums}.section-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.1em;margin:var(--space-5) 0 var(--space-3)}.album-header-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2);align-items:center}.tracklist-play{flex-shrink:0}.play-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-green);border:1px solid var(--color-green-dim);cursor:pointer;padding:2px}.play-button:hover{background:var(--color-green);color:var(--color-bg);border-color:var(--color-green)}.play-button svg{shape-rendering:crispEdges}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:10000;display:grid;grid-template-columns:56px 240px auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#0d1812;border-top:2px solid var(--color-green);cursor:pointer}.mini-player:hover{border-top-color:var(--color-white)}.app-shell{padding-bottom:90px}.mini-player-cover{width:56px;height:56px;background:#0000004d;border:1px solid var(--color-green-dim);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-green-deep)}.mini-player-cover img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.mini-player-cover svg{width:24px;height:24px;shape-rendering:crispEdges}.mini-player-info{min-width:0;max-width:240px;display:flex;flex-direction:column;gap:2px}.mini-player-title{color:var(--color-white);text-shadow:var(--glow-white)}.mini-player-sub{color:var(--color-green-dim);font-size:var(--font-size-sm)}.mini-player-sub a{color:var(--color-green);text-decoration:none}.mini-player-sub a:hover{color:var(--color-white);text-shadow:var(--glow-white)}.mini-player-controls{display:flex;align-items:center;gap:var(--space-1)}.mini-player-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;position:relative}.mini-player-btn:hover{color:var(--color-white);text-shadow:var(--glow-white)}.mini-player-btn-active{color:var(--color-green)}.mini-player-btn-play{color:var(--color-green);padding:6px;border:1px solid var(--color-green)}.mini-player-btn-play:hover{background:var(--color-green);color:var(--color-bg);text-shadow:none}.mini-player-btn svg{width:18px;height:18px;shape-rendering:crispEdges}.mini-player-btn-play svg{width:20px;height:20px}.mini-player-repeat-badge{position:absolute;bottom:-2px;right:-2px;font-size:10px;background:var(--color-bg);padding:0 2px;line-height:1}.mini-player-progress-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:0}.mini-player-time{color:var(--color-green-dim);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.mini-player-progress-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:var(--color-green-deep);cursor:pointer;accent-color:var(--color-green)}.mini-player-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:12px;background:var(--color-green);cursor:pointer;box-shadow:0 0 4px #3f69}.mini-player-progress-slider::-moz-range-thumb{width:10px;height:12px;background:var(--color-green);border:none;border-radius:0;cursor:pointer}.mini-player-progress-slider::-moz-range-progress{background:var(--color-green);height:4px}.mini-player-volume{display:flex;align-items:center;gap:var(--space-1)}.mini-player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:var(--color-green-deep);cursor:pointer}.mini-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:12px;background:var(--color-green);cursor:pointer}.mini-player-volume-slider::-moz-range-thumb{width:10px;height:12px;background:var(--color-green);border:none;cursor:pointer;border-radius:0}@media(max-width:800px){.mini-player{grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;gap:var(--space-2)}.mini-player-cover{width:48px;height:48px}.mini-player-volume{display:none}.mini-player-progress-wrap{grid-column:1 / -1}.mini-player-info{max-width:none}}.marquee{position:relative;overflow:hidden;display:block;max-width:100%}.marquee-text{display:inline-block;white-space:nowrap;position:relative}.marquee-overflow .marquee-text{animation:marquee-scroll 8s steps(40) infinite alternate}@keyframes marquee-scroll{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-100%)}}.favorite-btn{background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.favorite-btn>svg{shape-rendering:crispEdges;display:block}.favorite-btn:hover{color:var(--color-white);text-shadow:var(--glow-white)}.favorite-btn-active{color:var(--color-green);text-shadow:var(--glow-green)}.favorite-btn-active:hover{color:var(--color-white);text-shadow:var(--glow-white)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30000;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.modal{background:var(--color-bg);border:2px solid var(--color-green);min-width:320px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 0 4px var(--color-bg),0 0 24px #3f63}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-green-deep)}.modal-title{font-family:var(--font-mono);color:var(--color-green);letter-spacing:2px;text-transform:uppercase;font-size:var(--font-size-base)}.modal-close{background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.modal-close>svg{width:18px;height:18px;shape-rendering:crispEdges}.modal-close:hover{color:var(--color-error);text-shadow:var(--glow-error)}.modal-body{padding:var(--space-3);overflow-y:auto;flex:1}.modal-confirm{max-width:480px}.modal-confirm-message{color:var(--color-green);margin:0 0 var(--space-4);line-height:1.4}.modal-confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.btn-danger{border-color:var(--color-error);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-bg);text-shadow:none}.playlists-header{display:flex;align-items:center;justify-content:space-between;margin:var(--space-3) 0 var(--space-4);gap:var(--space-3);flex-wrap:wrap}.playlist-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.playlist-list-row{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-green-deep);color:var(--color-green);text-decoration:none;font-family:var(--font-mono)}.playlist-list-row:hover{border-color:var(--color-green);background:#33ff660d}.playlist-list-icon{display:inline-flex;color:var(--color-green-dim)}.playlist-list-icon>svg{width:24px;height:24px;shape-rendering:crispEdges}.playlist-list-name{color:var(--color-white);text-shadow:var(--glow-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-list-owner,.playlist-list-meta{color:var(--color-green-dim);font-size:var(--font-size-sm)}.playlist-header{margin:var(--space-3) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-green-deep)}.playlist-header-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.05em;line-height:1.1;margin:0 0 var(--space-2)}.playlist-header-line{color:var(--color-green-dim);margin-bottom:var(--space-2)}.playlist-header-bio{color:var(--color-green);white-space:pre-wrap;margin:var(--space-2) 0 var(--space-3)}.playlist-header-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.playlist-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:560px}.playlist-form-row{display:flex;flex-direction:column;gap:var(--space-1)}.playlist-form-label{font-family:var(--font-mono);color:var(--color-green-dim);font-size:var(--font-size-sm);letter-spacing:1px}.playlist-form-input{background:transparent;border:1px solid var(--color-green-dim);color:var(--color-white);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-base)}.playlist-form-input:focus{outline:none;border-color:var(--color-green)}.playlist-form-hint{color:var(--color-green-dim);font-size:var(--font-size-sm)}.playlist-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.add-to-playlist-btn{background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.add-to-playlist-btn>svg{shape-rendering:crispEdges;display:block}.add-to-playlist-btn:hover{color:var(--color-white);text-shadow:var(--glow-white)}.modal-playlist-pick{width:460px;max-width:95vw}.playlist-pick-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:50vh;overflow-y:auto;margin-bottom:var(--space-3)}.playlist-pick-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:1px solid var(--color-green-deep);color:var(--color-green);cursor:pointer;font-family:var(--font-mono);text-align:left}.playlist-pick-row:hover:not(:disabled){border-color:var(--color-green);background:#33ff660d}.playlist-pick-row:disabled{cursor:default;opacity:.6}.playlist-pick-row-added{border-color:var(--color-green);color:var(--color-white);text-shadow:var(--glow-white)}.playlist-pick-icon{width:20px;height:20px;color:var(--color-green-dim);shape-rendering:crispEdges;flex-shrink:0}.playlist-pick-name{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-pick-count{color:var(--color-green-dim);font-size:var(--font-size-sm);flex-shrink:0}.playlist-pick-status{color:var(--color-green);display:inline-flex}.playlist-pick-status>svg{width:16px;height:16px;shape-rendering:crispEdges}.playlist-pick-new-btn{width:100%;justify-content:center}.playlist-pick-new-form{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-green-deep)}.playlist-pick-new-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.tracklist-row-draggable{cursor:grab}.tracklist-row-draggable:active{cursor:grabbing}.tracklist-row-dragging{opacity:.5;background:var(--color-green-deep)}.playlist-row-remove{background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;padding:4px;display:inline-flex;opacity:0;flex-shrink:0}.playlist-row-remove>svg{width:16px;height:16px;shape-rendering:crispEdges}.tracklist-row:hover .playlist-row-remove{opacity:1}.playlist-row-remove:hover{color:var(--color-error)}.profile-header{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-green-deep)}.profile-avatar{width:120px;height:120px;flex-shrink:0;border:2px solid var(--color-green);background:var(--color-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.profile-avatar>svg{width:64px;height:64px;color:var(--color-green-dim);shape-rendering:crispEdges}.profile-meta{display:flex;flex-direction:column;gap:var(--space-1)}.profile-name{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.05em;line-height:1.1;margin:0}.profile-username{color:var(--color-green);font-family:var(--font-mono)}.profile-joined{color:var(--color-green-dim);font-family:var(--font-mono);font-size:var(--font-size-sm);margin-top:var(--space-1)}.profile-domain{margin-bottom:var(--space-5)}.profile-domain .section-title{display:inline-flex;align-items:center;gap:var(--space-2)}.profile-domain .section-title>svg{width:1em;height:1em;shape-rendering:crispEdges}.profile-section{margin:var(--space-4) 0}.profile-section-title{font-family:var(--font-mono);color:var(--color-green);letter-spacing:1px;text-transform:uppercase;font-size:var(--font-size-base);margin:0 0 var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2)}.profile-section-title>svg{width:1em;height:1em;shape-rendering:crispEdges}.profile-now-playing{border:1px solid var(--color-green);background:#33ff660d;padding:var(--space-3);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.profile-now-playing-label{font-family:var(--font-mono);color:var(--color-green);letter-spacing:2px;font-size:var(--font-size-sm);text-transform:uppercase}.profile-now-playing-track{display:flex;align-items:center;gap:var(--space-3);background:transparent;border:none;color:var(--color-white);cursor:pointer;text-align:left;padding:0;font-family:var(--font-mono)}.profile-now-playing-cover{width:64px;height:64px;border:1px solid var(--color-green-dim);object-fit:cover;image-rendering:pixelated;flex-shrink:0}.profile-now-playing-info{display:flex;flex-direction:column;gap:2px}.profile-now-playing-title{color:var(--color-white);text-shadow:var(--glow-white);font-size:var(--font-size-lg)}.profile-now-playing-sub{color:var(--color-green-dim)}.profile-history-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:transparent;border:1px solid transparent;border-bottom-color:var(--color-green-deep);color:var(--color-green);cursor:pointer;text-align:left;width:100%;font-family:var(--font-mono)}.profile-history-row:hover{border-color:var(--color-green-dim);background:#33ff660a}.profile-history-cover{width:40px;height:40px;flex-shrink:0;background:#0000004d;border:1px solid var(--color-green-dim);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-history-cover img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.profile-history-cover>svg{width:20px;height:20px;color:var(--color-green-dim);shape-rendering:crispEdges}.profile-history-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.profile-history-title{color:var(--color-green);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-history-sub{color:var(--color-green-dim);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-history-duration{color:var(--color-green-dim);font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);flex-shrink:0}.app-user-link{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit}.app-user-link:hover .app-user-name{color:var(--color-white);text-shadow:var(--glow-white)}.favorite-btn{position:relative}.favorite-btn-bursting .favorite-btn-icon{animation:favorite-bump .4s steps(1,end) 1;transform-origin:center}@keyframes favorite-bump{0%{transform:scale(.7)}20%{transform:scale(1.4);filter:drop-shadow(0 0 4px var(--color-white))}60%{transform:scale(1);filter:drop-shadow(0 0 2px var(--color-green))}to{transform:scale(1);filter:none}}.favorite-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:1}.favorite-burst-particle{position:absolute;top:50%;left:50%;color:var(--color-green);animation:favorite-burst .5s steps(1,end) 1;opacity:0}.favorite-burst-particle>svg{shape-rendering:crispEdges;display:block}.favorite-burst-particle-0{--bx: 0px;--by: -45px}.favorite-burst-particle-1{--bx: 39px;--by: -22px}.favorite-burst-particle-2{--bx: 39px;--by: 22px}.favorite-burst-particle-3{--bx: 0px;--by: 45px}.favorite-burst-particle-4{--bx: -39px;--by: 22px}.favorite-burst-particle-5{--bx: -39px;--by: -22px}@keyframes favorite-burst{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}20%{transform:translate(-50%,-50%) scale(1.1);opacity:1}40%{transform:translate(calc(-50% + var(--bx, 0px) * .4),calc(-50% + var(--by, 0px) * .4)) scale(1.1);opacity:1}70%{transform:translate(calc(-50% + var(--bx, 0px) * .8),calc(-50% + var(--by, 0px) * .8)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--bx, 0px)),calc(-50% + var(--by, 0px))) scale(.6);opacity:0}}.album-card-fav{position:absolute;top:4px;right:4px;background:#00000080}.tracklist-fav,.track-row-fav{flex-shrink:0}.full-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:var(--color-bg);display:grid;grid-template-columns:1fr 360px;overflow:hidden}.full-player-close{position:absolute;top:var(--space-3);right:calc(360px + var(--space-3));z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid var(--color-green-dim);color:var(--color-green-dim);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer}.full-player-close>svg{width:1em;height:1em;shape-rendering:crispEdges}.full-player-close:hover{border-color:var(--color-white);color:var(--color-white);text-shadow:var(--glow-white)}.full-player-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);gap:var(--space-4);overflow-y:auto}.full-player-meta{text-align:center;max-width:800px}.full-player-title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.05em;margin:0 0 var(--space-2);line-height:1.1}.full-player-sub{color:var(--color-green-dim);font-family:var(--font-mono);font-size:var(--font-size-base)}.full-player-link{color:var(--color-green);text-decoration:none}.full-player-link:hover{color:var(--color-white);text-shadow:var(--glow-white)}.full-player-progress-wrap{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:720px}.full-player-time{color:var(--color-green-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);min-width:4ch}.full-player-progress-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;background:var(--color-green-deep);cursor:pointer;accent-color:var(--color-green)}.full-player-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:16px;background:var(--color-green);cursor:pointer;box-shadow:0 0 6px #3f69}.full-player-progress-slider::-moz-range-thumb{width:14px;height:16px;background:var(--color-green);border:none;border-radius:0;cursor:pointer}.full-player-progress-slider::-moz-range-progress{background:var(--color-green);height:6px}.full-player-volume{display:flex;align-items:center;gap:var(--space-2);max-width:720px;width:100%}.full-player-volume-btn{background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;padding:4px;display:inline-flex}.full-player-volume-btn>svg{width:20px;height:20px;shape-rendering:crispEdges}.full-player-volume-btn:hover{color:var(--color-white);text-shadow:var(--glow-white)}.full-player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:var(--color-green-deep);cursor:pointer}.full-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:14px;background:var(--color-green);cursor:pointer}.full-player-volume-slider::-moz-range-thumb{width:12px;height:14px;background:var(--color-green);border:none;cursor:pointer;border-radius:0}.full-player-volume-value{color:var(--color-green-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);min-width:4ch;text-align:right}.cassette{position:relative;width:100%;max-width:800px;margin:0 auto}.cassette-svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}.cassette-svg text{font-family:var(--font-mono)}.cassette-reel-spin{transform-box:fill-box;transform-origin:center;animation:cassette-reel-spin 2s steps(8) infinite;animation-play-state:paused}.cassette[data-playing=true] .cassette-reel-spin{animation-play-state:running}@keyframes cassette-reel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cassette-controls{display:flex;gap:var(--space-3);justify-content:center;align-items:center}.cassette-btn{width:64px;height:48px;background:var(--color-bg);border:2px solid var(--color-green);color:var(--color-green);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--color-green-deep)}.cassette-btn>svg{width:24px;height:24px;shape-rendering:crispEdges}.cassette-btn:hover{background:var(--color-green);color:var(--color-bg)}.cassette-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-green-deep)}.cassette-btn-play{background:var(--color-green-deep);color:var(--color-green);border-color:var(--color-green)}.cassette-btn-play:hover{background:var(--color-green);color:var(--color-bg)}.queue-panel{border-left:1px solid var(--color-green-dim);background:#0d1812;display:flex;flex-direction:column;overflow:hidden}.queue-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--color-green-deep)}.queue-panel-title{font-family:var(--font-mono);color:var(--color-green);letter-spacing:2px;font-size:var(--font-size-base)}.queue-panel-count{font-family:var(--font-mono);color:var(--color-green-dim);font-size:var(--font-size-sm)}.queue-panel-list{flex:1;overflow-y:auto;padding:var(--space-1) 0}.queue-panel-empty{text-align:center;color:var(--color-green-dim);font-family:var(--font-mono);padding:var(--space-4)}.queue-row{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-green-deep)}.queue-row:hover{background:#33ff660d}.queue-row-current{background:#33ff661a;border-left:2px solid var(--color-green)}.queue-row-dragging{opacity:.5;background:var(--color-green-deep)}.queue-row-drag{cursor:grab;font-family:var(--font-mono);color:var(--color-green-dim);font-size:var(--font-size-sm);text-align:center;padding:var(--space-1) 0;-webkit-user-select:none;user-select:none}.queue-row-drag:active{cursor:grabbing}.queue-row-num{font-variant-numeric:tabular-nums}.queue-row-main{background:transparent;border:none;color:var(--color-green);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);padding:var(--space-1) 0;overflow:hidden}.queue-row-title{font-size:var(--font-size-base);color:var(--color-green);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-row-current .queue-row-title{color:var(--color-white);text-shadow:var(--glow-white)}.queue-row-artist{font-size:var(--font-size-sm);color:var(--color-green-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-row-remove{background:transparent;border:none;color:var(--color-green-dim);cursor:pointer;padding:4px;display:inline-flex;opacity:0}.queue-row-remove>svg{width:16px;height:16px;shape-rendering:crispEdges}.queue-row:hover .queue-row-remove{opacity:1}.queue-row-remove:hover{color:var(--color-error)}.queue-panel-footer{border-top:1px solid var(--color-green-deep);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.queue-panel-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid var(--color-green-dim);color:var(--color-green-dim);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer}.queue-panel-btn>svg{width:16px;height:16px;shape-rendering:crispEdges;flex-shrink:0}.queue-panel-btn:hover{border-color:var(--color-green);color:var(--color-green)}.queue-panel-btn-active{border-color:var(--color-green);color:var(--color-green);background:#33ff660d}@media(max-width:900px){.full-player{grid-template-columns:1fr;grid-template-rows:1fr auto}.full-player-close{right:var(--space-3)}.queue-panel{border-left:none;border-top:1px solid var(--color-green-dim);max-height:40vh}}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.poster-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.poster-card-img{position:relative;aspect-ratio:2 / 3;background:#0000004d;border:1px solid var(--color-green-dim);display:flex;align-items:center;justify-content:center;overflow:hidden}.poster-card:hover .poster-card-img{border-color:var(--color-green)}.poster-card-img img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.poster-card-placeholder{color:var(--color-green-deep);display:flex;align-items:center;justify-content:center}.poster-card-placeholder svg{width:48px;height:48px;shape-rendering:crispEdges}.poster-card-flag{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;padding:2px;background:var(--color-bg);color:var(--color-error)}.poster-card-flag svg{width:20px;height:20px;shape-rendering:crispEdges}.poster-card-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0009}.poster-card-progress-fill{display:block;height:100%;background:var(--color-green);box-shadow:var(--glow-green)}.poster-card-info{padding:var(--space-2) 0 var(--space-1);display:flex;flex-direction:column;gap:2px}.poster-card-title{color:var(--color-white);text-shadow:var(--glow-white);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-card-meta{color:var(--color-green-dim);font-size:var(--font-size-sm)}.film-hero{display:flex;gap:var(--space-5);margin-top:var(--space-4);align-items:flex-start}.film-hero-poster{flex:0 0 220px;width:220px;aspect-ratio:2 / 3;border:1px solid var(--color-green-dim);background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.film-hero-poster img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.film-hero-info{flex:1;min-width:0}.film-original-title{color:var(--color-green-dim);font-size:var(--font-size-sm);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-2)}.film-meta{color:var(--color-green);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.film-watched-badge{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-green-dim);font-size:var(--font-size-sm)}.film-watched-badge svg{width:16px;height:16px}.film-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.film-overview{color:var(--color-white);line-height:1.5;max-width:70ch}.series-seasons{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.series-season-title{color:var(--color-green);text-shadow:var(--glow-green);font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.episode-list{display:flex;flex-direction:column;gap:var(--space-1)}.episode-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-green-deep)}.episode-row:hover{border-color:var(--color-green-dim)}.episode-row-watched{opacity:.6}.episode-num{flex:0 0 2ch;text-align:right;color:var(--color-green-dim);font-variant-numeric:tabular-nums}.episode-main{flex:1;min-width:0}.episode-title{color:var(--color-white);display:flex;align-items:center;gap:var(--space-2)}.episode-flag{display:inline-flex;color:var(--color-error)}.episode-flag svg{width:16px;height:16px}.episode-overview{color:var(--color-green-dim);font-size:var(--font-size-sm);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-meta{color:var(--color-green-dim);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.episode-meta svg{width:16px;height:16px}.episode-play{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-green-dim);color:var(--color-green);cursor:pointer}.episode-play:hover:not(:disabled){background:var(--color-green);color:var(--color-bg)}.episode-play:disabled{opacity:.3;cursor:not-allowed}.episode-play svg{width:20px;height:20px}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center}.video-el{width:100%;height:100%;object-fit:contain;background:#000}.video-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.video-titles{min-width:0}.video-title{color:var(--color-white);text-shadow:var(--glow-white);font-size:var(--font-size-lg)}.video-subtitle{color:var(--color-green);font-size:var(--font-size-sm)}.video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.video-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-green-dim);color:var(--color-green);cursor:pointer}.video-btn:hover{background:var(--color-green);color:var(--color-bg)}.video-btn svg{width:22px;height:22px}.video-btn-play{border-color:var(--color-green)}.video-time{color:var(--color-green-dim);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.video-seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:var(--color-green-deep);cursor:pointer;accent-color:var(--color-green)}.video-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;background:var(--color-green);cursor:pointer;box-shadow:var(--glow-green)}.video-seek::-moz-range-thumb{width:12px;height:16px;background:var(--color-green);border:none;border-radius:0;cursor:pointer}@media(max-width:700px){.film-hero{flex-direction:column}.film-hero-poster{width:160px;flex-basis:160px}}.input{background:transparent;border:1px solid var(--color-green-dim);color:var(--color-white);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-base);width:100%}.input:focus{outline:none;border-color:var(--color-green)}.dl-add{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);max-width:720px}.dl-magnet{background:transparent;border:1px solid var(--color-green-dim);color:var(--color-white);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-base);width:100%;resize:vertical}.dl-magnet:focus{outline:none;border-color:var(--color-green)}.dl-add-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.dl-section-title{color:var(--color-green);text-shadow:var(--glow-green);font-size:var(--font-size-lg);margin:var(--space-5) 0 var(--space-3)}.dl-list{display:flex;flex-direction:column;gap:var(--space-2)}.dl-row{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-green-deep);padding:var(--space-2) var(--space-3)}.dl-row-main{flex:1;min-width:0}.dl-row-name{color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-bar{height:6px;background:var(--color-green-deep);margin:var(--space-1) 0}.dl-bar-fill{height:100%;background:var(--color-green);box-shadow:var(--glow-green)}.dl-row-meta{color:var(--color-green-dim);font-size:var(--font-size-sm)}.dl-remove{flex:0 0 auto;width:32px;height:32px;background:transparent;border:1px solid var(--color-green-dim);color:var(--color-green);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.dl-remove:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-bg)}.dl-remove svg{width:18px;height:18px}.dl-pending{display:flex;flex-direction:column;gap:var(--space-4)}.pending-card{display:flex;gap:var(--space-3);border:1px solid var(--color-green-dim);padding:var(--space-3)}.pending-poster{flex:0 0 100px;width:100px;aspect-ratio:2 / 3;border:1px solid var(--color-green-deep);background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.pending-poster img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.pending-poster svg{width:32px;height:32px;color:var(--color-green-deep)}.pending-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.pending-filename{color:var(--color-green-dim);font-size:var(--font-size-sm);word-break:break-all}.pending-year{max-width:120px}.pending-overview{resize:vertical}.pending-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.tmdb-search{border-top:1px solid var(--color-green-deep);padding-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.tmdb-search-bar{display:flex;gap:var(--space-2)}.tmdb-results{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);max-height:260px;overflow-y:auto}.tmdb-result{width:100%;text-align:left;background:transparent;border:1px solid var(--color-green-deep);color:var(--color-white);padding:var(--space-2);cursor:pointer;display:flex;flex-direction:column;gap:2px}.tmdb-result:hover{border-color:var(--color-green)}.tmdb-result-orig{color:var(--color-green-dim);font-size:var(--font-size-sm)}@media(max-width:700px){.pending-card{flex-direction:column}}