@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:" >"}.app-admin-link{cursor:pointer;text-decoration:none}.app-admin-link:hover{color:var(--color-white);text-shadow:var(--glow-white)}.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:1100px;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)}.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-end{display:flex;align-items:center;gap:var(--space-2)}.mini-player-tab{position:absolute;bottom:100%;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:#0d1812;border:2px solid var(--color-green);border-bottom:none;color:var(--color-green);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.4;cursor:pointer}.mini-player-tab>svg{width:16px;height:16px;shape-rendering:crispEdges}.mini-player-tab-open{left:var(--space-4)}.mini-player-tab-close{right:var(--space-4)}.mini-player-tab:hover{background:var(--color-green);color:var(--color-bg);text-shadow:none}.mini-player-tab-close:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-bg)}.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-collapse{left:var(--space-3);right:auto}.full-player-close:not(.full-player-collapse):hover{border-color:var(--color-error);color:var(--color-error);text-shadow:var(--glow-error)}.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:none;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-hero-left{flex:0 0 220px;width:220px;display:flex;flex-direction:column;gap:var(--space-2)}.title-fav-btn{width:100%;justify-content:center}.title-fav-btn>svg,.title-wishlist-corner>svg{width:24px;height:24px}.film-hero-info .hub-title{margin:0 0 var(--space-1)}.film-original-title{color:var(--color-green-dim);font-size:var(--font-size-sm);margin-top:0;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-watch{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.series-selectors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.series-continue{margin-left:auto;padding:var(--space-2) var(--space-3)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:220px;background:var(--color-bg);border:1px solid var(--color-green-dim);color:var(--color-white);font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);cursor:pointer}.ds-dropdown-trigger:hover:not(:disabled),.ds-dropdown-trigger[aria-expanded=true]{border-color:var(--color-green)}.ds-dropdown-trigger:disabled{opacity:.4;cursor:not-allowed}.ds-dropdown-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-dropdown-arrow{width:24px;height:24px;flex-shrink:0;color:var(--color-green);shape-rendering:crispEdges}.ds-dropdown-list{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:10001;margin:0;padding:0;list-style:none;background:var(--color-bg);border:1px solid var(--color-green);max-height:360px;overflow-y:auto}.ds-dropdown-option{display:flex;align-items:center;gap:var(--space-2);width:100%;background:transparent;border:none;color:var(--color-white);font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left}.ds-dropdown-option:hover,.ds-dropdown-option-hl{background:var(--color-green);color:var(--color-bg)}.ds-dropdown-option-active{color:var(--color-green)}.ds-dropdown-option-active:hover,.ds-dropdown-option-active.ds-dropdown-option-hl{color:var(--color-bg)}.ds-dropdown-check{display:inline-flex;width:16px;flex-shrink:0}.ds-dropdown-check svg{width:16px;height:16px;shape-rendering:crispEdges}.video-overlay{position:relative;width:100%;aspect-ratio:16 / 9;z-index:10000;margin-top:var(--space-4);background:#000;display:flex;align-items:center;justify-content:center}.video-overlay:focus,.video-overlay:focus-visible{outline:none}.video-overlay:fullscreen{width:100%;height:100%;aspect-ratio:auto;margin-top:0}.video-el{width:100%;height:100%;object-fit:contain;background:#000}.video-bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;display:inline-flex;align-items:center;justify-content:center;background:#0a0f0a8c;border:2px solid var(--color-green);color:var(--color-green);box-shadow:var(--glow-green);cursor:pointer;z-index:2}.video-bigplay:hover{background:var(--color-green);color:var(--color-bg)}.video-bigplay svg{width:44px;height:44px}.video-next{position:absolute;right:var(--space-4);bottom:88px;z-index:3;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#0a0f0ad9;border:1px solid var(--color-green);color:var(--color-green);font-family:var(--font-mono);font-size:var(--font-size-base);cursor:pointer}.video-next:hover{background:var(--color-green);color:var(--color-bg)}.video-next svg{width:20px;height:20px;shape-rendering:crispEdges}.video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:var(--space-4);max-width:80%}.video-error-title{color:var(--color-error);text-shadow:var(--glow-error);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.video-error-reason{color:var(--color-green);font-size:var(--font-size-sm)}.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);text-shadow:var(--glow-green);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}.video-seek::-moz-range-progress{background:var(--color-green);height:4px}.video-volume{display:flex;align-items:center;gap:var(--space-2)}.video-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;background:var(--color-green-deep);cursor:pointer;accent-color:var(--color-green)}.video-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;background:var(--color-green);cursor:pointer;box-shadow:var(--glow-green)}.video-volume-slider::-moz-range-thumb{width:12px;height:16px;background:var(--color-green);border:none;border-radius:0;cursor:pointer}.video-volume-slider::-moz-range-progress{background:var(--color-green);height:4px}@media(max-width:700px){.film-hero{flex-direction:column}.film-hero-poster{width:160px;flex-basis:160px}.video-volume-slider{display:none}}.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;align-items:flex-start;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}.pending-title-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.pending-title{color:var(--color-white);font-size:var(--font-size-lg);text-shadow:var(--glow-white)}.pending-year-badge{flex:0 0 auto;color:var(--color-green-dim);font-size:var(--font-size-sm);border:1px solid var(--color-green-deep);padding:0 var(--space-1)}.pending-sub{color:var(--color-green-dim);font-size:var(--font-size-sm)}.pending-overview-text{color:var(--color-green);font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pending-warn{color:var(--color-error);font-size:var(--font-size-sm);text-shadow:var(--glow-error)}.pending-edit{display:flex;flex-direction:column;gap:var(--space-2)}.pending-head{display:flex;align-items:flex-start;gap:var(--space-2)}.pending-head-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.pending-icon-actions{flex:0 0 auto;display:flex;gap:var(--space-1)}.pending-icon-btn{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}.pending-icon-btn svg{width:18px;height:18px}.pending-icon-btn:hover:not(:disabled),.pending-icon-btn-active{background:var(--color-green);border-color:var(--color-green);color:var(--color-bg)}.pending-icon-btn-danger:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);color:var(--color-bg)}.pending-icon-btn:disabled{opacity:.4;cursor:not-allowed}.pending-eps-title{color:var(--color-green-dim);font-size:var(--font-size-sm);margin-top:var(--space-1)}.pending-eps{display:flex;flex-direction:column;gap:var(--space-1)}.pending-ep-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pending-ep-file{flex:1 1 220px;min-width:0;color:var(--color-green-dim);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-ep-num{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-green-dim);font-size:var(--font-size-sm)}.pending-ep-num .input{width:56px;text-align:center}.pending-ep-name{flex:1 1 160px;min-width:0}.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;gap:var(--space-2);align-items:flex-start}.tmdb-result:hover{border-color:var(--color-green)}.tmdb-result-thumb{flex:0 0 46px;width:46px;aspect-ratio:2 / 3;background:#0000004d;border:1px solid var(--color-green-deep);display:flex;align-items:center;justify-content:center;overflow:hidden}.tmdb-result-thumb img{width:100%;height:100%;object-fit:cover}.tmdb-result-thumb svg{width:18px;height:18px;color:var(--color-green-deep)}.tmdb-result-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.tmdb-result-title{color:var(--color-white)}.tmdb-result-orig{color:var(--color-green-dim);font-size:var(--font-size-sm)}.tmdb-result-overview{color:var(--color-green-dim);font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:700px){.pending-card{flex-direction:column}}.watchlist-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.watchlist-tile{display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--color-green-dim);background:transparent;color:var(--color-green);padding:var(--space-3);text-decoration:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-base)}.watchlist-tile:hover{border-color:var(--color-green)}.watchlist-tile-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.watchlist-tile-name{color:var(--color-white)}.watchlist-tile-count{color:var(--color-green-dim)}.watchlist-tile-owner{color:var(--color-green-dim);font-size:var(--font-size-sm)}.watchlist-tile-new{flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-green-dim);border-style:dashed}.watchlist-tile-new svg{width:18px;height:18px}.watchlist-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.watchlist-head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.watchlist-head .hub-title{margin:0 0 var(--space-1)}.watchlist-owner{color:var(--color-green-dim);font-size:var(--font-size-sm);margin-top:var(--space-1)}.title-detail-hero{position:relative}.title-wishlist-corner{position:absolute;top:0;right:0}.watch-row{margin-top:var(--space-4)}.watch-plaque{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);border:1px solid var(--color-green-deep);font-family:var(--font-mono);font-size:var(--font-size-base)}.watch-plaque svg{width:1.1em;height:1.1em}.watch-plaque-muted{color:var(--color-green-dim);background:#0000004d;border-style:dashed}.watch-plaque-play{color:var(--color-green);background:transparent;border-color:var(--color-green);cursor:pointer;text-decoration:none}.watch-plaque-play:hover{background:var(--color-green);color:var(--color-bg)}.watch-title-card{position:relative}.watch-title-link{display:block;text-decoration:none;color:inherit}.watch-title-link-off{cursor:default}.title-status{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:var(--font-size-sm);padding:2px;background:#000c}.title-status-ok{color:var(--color-green)}.title-status-no{color:var(--color-green-dim)}.title-status-inline{position:static;display:inline-block;background:transparent;padding:0}.watch-title-remove{position:absolute;top:4px;right:4px;width:26px;height:26px;background:#000000b3;border:1px solid var(--color-green-dim);color:var(--color-green);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.watch-title-remove:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-bg)}.watch-title-remove svg{width:16px;height:16px}.list-picker{display:flex;flex-direction:column;gap:var(--space-1)}.list-picker-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:transparent;border:1px solid var(--color-green-deep);color:var(--color-white);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-base)}.list-picker-row:hover:not(:disabled){border-color:var(--color-green)}.list-picker-row:disabled{cursor:default}.list-picker-count{color:var(--color-green-dim)}.list-picker-added{color:var(--color-green);display:inline-flex;align-items:center;gap:4px}.list-picker-added svg{width:16px;height:16px}.list-create{display:flex;gap:var(--space-2)}.list-create .input{flex:1}.title-add-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.title-add-card{display:flex;gap:var(--space-3);text-align:left;background:transparent;border:1px solid var(--color-green-deep);color:var(--color-white);padding:var(--space-2);cursor:pointer;font-family:var(--font-mono)}.title-add-card:hover:not(:disabled){border-color:var(--color-green)}.title-add-card:disabled{opacity:.5;cursor:default}.title-add-poster{flex:0 0 120px;width:120px;aspect-ratio:2 / 3;background:#0000004d;border:1px solid var(--color-green-deep);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.title-add-poster img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.title-add-poster svg{width:32px;height:32px;color:var(--color-green-deep)}.title-add-type{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:var(--font-size-sm);background:#000000b3;color:var(--color-green-dim)}.title-add-info{min-width:0;display:flex;flex-direction:column;gap:4px}.title-add-title{color:var(--color-white);font-size:var(--font-size-lg)}.title-add-year{color:var(--color-green-dim)}.title-add-orig{color:var(--color-green-dim);font-size:var(--font-size-sm)}.title-add-overview{color:var(--color-green);font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.title-add-sentinel{height:1px}.manage-search{max-width:480px;margin-bottom:var(--space-4)}.manage-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.manage-list{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-5)}.manage-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-green-dim);background:transparent;color:var(--color-white);text-decoration:none;font-family:var(--font-mono)}.manage-row:hover{border-color:var(--color-green)}.manage-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.manage-row-title{color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-row-sub{color:var(--color-green-dim);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-row-meta{color:var(--color-green-dim);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.manage-flag{display:inline-flex;color:var(--color-error);flex-shrink:0}.manage-flag svg{width:24px;height:24px;shape-rendering:crispEdges}.manage-thumb{width:48px;height:48px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-green-dim);color:var(--color-green-dim);overflow:hidden}.manage-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.manage-thumb svg{width:24px;height:24px;shape-rendering:crispEdges}.manage-thumb-round{border-radius:50%}.edit-form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.edit-with-cover{flex-direction:row;align-items:flex-start;gap:var(--space-5)}.edit-cover{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);flex:0 0 220px}.edit-cover-thumb{width:220px;height:220px;background:var(--color-bg);border:1px solid var(--color-green-dim);display:inline-flex;align-items:center;justify-content:center;color:var(--color-green-dim);overflow:hidden}.edit-cover-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.edit-cover-thumb svg{width:64px;height:64px;shape-rendering:crispEdges}.edit-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.edit-field{display:flex;flex-direction:column;gap:var(--space-1)}.edit-label{color:var(--color-green-dim);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em}.edit-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.edit-row .edit-field{flex:1;min-width:140px}.edit-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none}.edit-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.edit-readonly{margin-top:var(--space-5)}.edit-fileinfo{margin:0;padding:0;list-style:none;color:var(--color-green-dim);font-size:var(--font-size-sm)}.edit-fileinfo li{padding:2px 0}.artist-picker{display:flex;flex-direction:column;gap:var(--space-2)}.artist-picker-current{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.artist-picker-name{color:var(--color-white);padding:var(--space-2) var(--space-3);border:1px solid var(--color-green-dim);min-width:220px;background:var(--color-bg);font-family:var(--font-mono)}.artist-picker-search{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--color-green-dim);padding:var(--space-2) var(--space-3)}.artist-picker-bar{display:flex;gap:var(--space-2)}.artist-picker-bar .input{flex:1}.artist-picker-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.artist-picker-result{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--color-white);font-family:var(--font-mono);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);cursor:pointer}.artist-picker-result:hover{background:var(--color-green);color:var(--color-bg)}@media(max-width:700px){.edit-with-cover{flex-direction:column}.edit-cover,.edit-cover-thumb{flex-basis:auto;width:100%;max-width:320px}}.hub-main a{color:var(--color-green);text-decoration:none}.hub-main a:hover{text-shadow:var(--glow-green)}.hub-main a:visited{color:var(--color-green)}.ds-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-green-dim);color:var(--color-white);font-family:var(--font-mono);text-decoration:none;background:transparent}.ds-chip:hover{border-color:var(--color-green);text-shadow:none}.manage-banner{border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0}.track-file{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-4);align-items:start;border:1px solid var(--color-green-dim);padding:var(--space-3);margin-bottom:var(--space-4)}.track-file-name{display:flex;flex-direction:column;gap:2px;grid-column:1 / -1}.track-file-name-value{color:var(--color-white);font-family:var(--font-mono);word-break:break-all}.track-file-meta{color:var(--color-green-dim);font-size:var(--font-size-sm)}.track-file-album{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px}.track-file-listen{grid-column:1 / -1}.mb-search{margin-bottom:var(--space-5)}.mb-search-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.mb-search-bar .input{flex:1}.mb-search-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}@media(max-width:700px){.mb-search-fields{grid-template-columns:1fr}}.mb-dur-field .input{max-width:120px}.mb-dur-and-search{display:flex;align-items:flex-end;gap:var(--space-2)}.mb-dur-and-search .mb-dur-field{flex:0 0 auto}.mb-dur-and-search .btn{margin-left:auto;padding:var(--space-2) var(--space-3)}.manual-edit-grid{display:flex;gap:var(--space-4);align-items:stretch}.manual-cover-left{flex:0 0 200px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-green-dim);color:var(--color-green-dim);cursor:pointer;padding:0;overflow:hidden;min-height:160px;font-family:var(--font-mono)}.manual-cover-left:hover:not(:disabled){border-color:var(--color-green)}.manual-cover-left:disabled{opacity:.6;cursor:not-allowed}.manual-cover-left img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.manual-cover-left svg{width:64px;height:64px;shape-rendering:crispEdges}.manual-fields{flex:1;min-width:0}.manual-try-mb{width:100%;justify-content:center;margin-top:var(--space-3)}@media(max-width:700px){.manual-edit-grid{flex-direction:column}.manual-cover-left{flex-basis:auto;min-height:200px}}.mb-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mb-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-green-dim)}.mb-result-playing{background:#33ff661a;border-color:var(--color-green)}.mb-result-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mb-result-title{color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-result-sub{color:var(--color-green-dim);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-edit{margin-bottom:var(--space-5)}.track-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.track-header-title{margin:0}.track-tabs{display:flex;gap:var(--space-3);margin:var(--space-4) 0 var(--space-3)}.track-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-green-dim);color:var(--color-green-dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-lg);text-shadow:none;-webkit-user-select:none;user-select:none}.track-tab:hover:not(.track-tab-active){border-color:var(--color-green);color:var(--color-green)}.track-tab-active{border-color:var(--color-green);color:var(--color-green);text-shadow:var(--glow-green)}.track-tab>svg{width:24px;height:24px;shape-rendering:crispEdges;flex-shrink:0}.manual-cover-row{display:flex;align-items:center;gap:var(--space-3)}.manual-cover-thumb{width:64px;height:64px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-green-dim);color:var(--color-green-dim);overflow:hidden}.manual-cover-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.manual-cover-thumb svg{width:32px;height:32px;shape-rendering:crispEdges}.track-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-white);-webkit-user-select:none;user-select:none;position:relative}.ds-checkbox input{position:absolute;width:0;height:0;opacity:0}.ds-checkbox-box{display:inline-block;width:20px;height:20px;border:2px solid var(--color-green-dim);background:var(--color-bg);position:relative;flex-shrink:0;box-sizing:border-box}.ds-checkbox-box:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--color-green);box-shadow:var(--glow-green);display:none}.ds-checkbox input:checked+.ds-checkbox-box:after{display:block}.ds-checkbox:hover .ds-checkbox-box,.ds-checkbox input:focus-visible+.ds-checkbox-box{border-color:var(--color-green)}.ds-checkbox input:disabled+.ds-checkbox-box{opacity:.4}.ds-checkbox-label{font-family:var(--font-mono)}.yt-paste-form{display:flex;gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-3)}.yt-paste-form .input{flex:1;min-width:0}.yt-watch-player{margin-top:var(--space-4)}.hub-title:has(+.yt-watch-channel){margin-bottom:var(--space-3)}.yt-watch-channel{color:var(--color-green-dim);margin-top:0;margin-bottom:0}.yt-paste-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px dashed var(--color-green-dim, var(--color-green))}.yt-results{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.yt-result{margin:0}.yt-result-btn{width:100%;display:flex;align-items:stretch;gap:var(--space-3);padding:0;background:transparent;border:1px solid var(--color-border, var(--color-green));color:inherit;cursor:pointer;text-align:left;font-family:inherit}.yt-result-btn:hover,.yt-result-btn:focus-visible{background:var(--color-surface-hover, rgba(0, 255, 0, .05));outline:none}.yt-result-thumb{position:relative;flex:0 0 auto;width:168px;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.yt-result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.yt-result-thumb svg{width:32px;height:32px;opacity:.6}.yt-result-dur{position:absolute;right:var(--space-1);bottom:var(--space-1);padding:0 var(--space-1);background:#000000bf;color:var(--color-green);font-family:var(--font-mono);font-size:.85em;line-height:1.4}.yt-result-meta{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-2) 0;min-width:0;flex:1}.yt-result-title{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.yt-result-channel{font-size:.9em;opacity:.75}@media(max-width:560px){.yt-result-btn{flex-direction:column}.yt-result-thumb{width:100%}.yt-result-meta{padding:0 var(--space-3) var(--space-3)}}.yt-shorts-tile{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border, var(--color-green));color:inherit;text-decoration:none;background:transparent}.yt-shorts-tile:hover,.yt-shorts-tile:focus-visible{background:var(--color-surface-hover, rgba(0, 255, 0, .05));outline:none}.yt-shorts-tile-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;color:var(--color-green)}.yt-shorts-tile-icon svg{width:32px;height:32px}.yt-shorts-tile-text{display:flex;flex-direction:column;gap:var(--space-1)}.yt-shorts-tile-title{font-family:var(--font-display);color:var(--color-white);text-shadow:var(--glow-white);letter-spacing:.1em}.yt-shorts-tile-hint{color:var(--color-green-dim);font-size:.9em}.yt-hub-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.yt-hub-settings{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-green-dim);text-decoration:none;border:1px solid transparent}.yt-hub-settings:hover,.yt-hub-settings:focus-visible{color:var(--color-green);border-color:var(--color-green);outline:none}.yt-hub-settings svg{width:22px;height:22px}.yt-settings-status{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0;font-family:var(--font-mono)}.yt-settings-dot{display:inline-block;width:10px;height:10px;border-radius:0}.yt-settings-dot-ok{background:var(--color-green);box-shadow:var(--glow-green, 0 0 6px var(--color-green))}.yt-settings-dot-off{background:transparent;border:1px solid var(--color-green-dim)}.yt-settings-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.yt-cookies-paste{width:100%;font-family:var(--font-mono);font-size:.85em;resize:vertical;min-height:100px;margin-top:var(--space-2)}.yt-cookies-or{text-align:center;margin:var(--space-4) 0 var(--space-2);opacity:.5}.yt-chan-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.yt-chan-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border, var(--color-green))}.yt-chan-row-disabled{opacity:.5}.yt-chan-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-chan-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.yt-chan-boost{display:inline-flex;border:1px solid var(--color-green-dim)}.yt-chan-boost-btn{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-right:1px solid var(--color-green-dim);color:var(--color-green-dim);font-family:var(--font-mono);font-size:.85em;cursor:pointer}.yt-chan-boost-btn:last-child{border-right:none}.yt-chan-boost-btn:hover:not(:disabled){color:var(--color-green)}.yt-chan-boost-btn:disabled{opacity:.4;cursor:not-allowed}.yt-chan-boost-active{background:var(--color-green);color:#000!important}.yt-chan-toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0;cursor:pointer}.yt-chan-toggle input{opacity:0;width:0;height:0}.yt-chan-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:1px solid var(--color-green-dim);transition:none}.yt-chan-toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:var(--color-green-dim)}.yt-chan-toggle input:checked+.yt-chan-toggle-slider{border-color:var(--color-green)}.yt-chan-toggle input:checked+.yt-chan-toggle-slider:before{left:auto;right:2px;background:var(--color-green);box-shadow:var(--glow-green, 0 0 6px var(--color-green))}@media(max-width:560px){.yt-chan-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.yt-chan-controls{justify-content:space-between}}.yt-shorts-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:50}.yt-shorts-feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.yt-shorts-feed::-webkit-scrollbar{display:none}.yt-short{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.yt-short-video{width:100%;height:100%;object-fit:contain;background:#000}.yt-short-meta{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;pointer-events:none}.yt-short-title{font-family:var(--font-mono);font-size:.95em;margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.yt-short-channel{color:var(--color-green);font-size:.85em}.yt-short-loading{flex-direction:column;gap:var(--space-3);color:var(--color-green-dim)}.yt-shorts-overlay{position:absolute;top:0;left:0;right:0;padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.yt-shorts-overlay>*{pointer-events:auto}.yt-shorts-back,.yt-shorts-mute{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0009;border:1px solid var(--color-green);color:var(--color-green);cursor:pointer;text-decoration:none}.yt-shorts-back:hover,.yt-shorts-mute:hover{background:#000c}.yt-shorts-back svg,.yt-shorts-mute svg{width:22px;height:22px}.yt-short-rate{position:absolute;right:var(--space-3);bottom:var(--space-6);padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column;gap:var(--space-2);z-index:5}.yt-short-rate-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0009;border:1px solid var(--color-green);color:var(--color-green);cursor:pointer}.yt-short-rate-btn:hover{background:#000c}.yt-short-rate-btn svg{width:24px;height:24px}.yt-short-rate-active{background:var(--color-green);color:#000}.yt-short-rate-active:hover{background:var(--color-green)}