:root{color-scheme:dark;--bg:#000000;--panel:#0d0a14;--panel-raised:#150f22;--border:#241b3a;--control-border:#766595;--text:#f1edfb;--muted:#948fb0;--violet:#8b5cf6;--violet-deep:#6d28d9;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);}*{box-sizing:border-box;}body{margin:0;min-width:280px;background:var(--bg);}button,input,select{min-height:44px;font:inherit;}.dock-shell{container-type:inline-size;container-name:wormhole-dock;width:100%;margin:0 auto;padding:clamp(8px,2.2cqw,14px);display:grid;gap:clamp(8px,2cqw,12px);}.dock-header,.section-head,.auth-card,.actions,.search-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}.wordmark{display:block;font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:0.12em;}.submark{display:block;margin-top:2px;color:var(--muted);font-size:0.64rem;font-weight:700;letter-spacing:0.18em;}.panel{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);}.hidden{display:none !important;}.tiny-link,.link-button{min-height:44px;padding:8px;border:0;background:none;color:#c6a8ff;cursor:pointer;font:inherit;font-size:0.78rem;text-decoration:none;}.auth-card small{display:block;margin-top:2px;color:var(--muted);}.filters{display:grid;gap:10px;margin:12px 0;}.filters label,fieldset{display:grid;gap:5px;color:#c8becf;font-size:0.8rem;}input,select{width:100%;padding:9px 10px;border:1px solid var(--control-border);border-radius:8px;background:var(--panel-raised);color:var(--text);}fieldset{margin:0;padding:0;border:0;}.genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}.genre-grid label,.check{display:flex !important;align-items:center;gap:7px;padding:7px;border:1px solid var(--border);border-radius:8px;background:var(--panel-raised);}.genre-grid input,.check input{width:auto;min-height:auto;}.search-row input{flex:1;min-width:0;}.search-row button,.secondary,.primary{padding:9px 11px;border:1px solid var(--control-border);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:center;text-decoration:none;}.primary{width:100%;border-color:var(--violet-deep);background:var(--violet-deep);font-weight:700;}.primary:hover,.primary:focus-visible{background:#5b21b6;}.actions .primary,.actions .secondary{width:50%;}.chips{display:flex;flex-wrap:wrap;gap:6px;}.chip{padding:5px 8px;border:1px solid #563e6b;border-radius:999px;background:var(--panel-raised);color:#e8dcf5;font-size:0.72rem;}.status{margin:8px 0 0;color:var(--muted);font-size:0.75rem;}.results{display:grid;gap:6px;max-height:290px;margin-top:8px;overflow:auto;}.result{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-raised);color:var(--text);cursor:pointer;text-align:left;}.result:hover,.result:focus-visible{border-color:var(--violet);}.result strong{overflow:hidden;text-overflow:ellipsis;}.result small{color:var(--muted);}.score{grid-row:1 / 3;grid-column:2;align-self:center;color:#d6b7ff;font-weight:800;}.player-wrap{margin-top:8px;overflow:hidden;border-radius:8px;background:#050407;aspect-ratio:16 / 9;}.player-wrap iframe{width:100%;height:100%;border:0;}.preview-meta{color:#b8adbf;font-size:0.76rem;}.actions{margin-top:8px;}footer{padding:8px;color:#887e94;font-size:0.68rem;text-align:center;}@media (max-width:340px){.genre-grid{grid-template-columns:1fr;}.dock-shell{padding:6px;}.wordmark{font-size:1.2rem;}}@container wormhole-dock (max-width:339px){.genre-grid{grid-template-columns:1fr;}.dock-header,.auth-card,.actions{align-items:stretch;}.actions{display:grid;grid-template-columns:1fr;}.actions .primary,.actions .secondary{width:100%;}.wordmark{font-size:1.2rem;}.panel{padding:8px;}}@container wormhole-dock (min-width:500px){.filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}.filters fieldset,.filters .chips,.filters .check{min-width:0;}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.results{max-height:360px;}}@container wormhole-dock (min-width:700px){.dock-shell{grid-template-columns:minmax(260px,0.9fr) minmax(320px,1.1fr);align-items:start;}.dock-header,.auth-card,footer{grid-column:1 / -1;}#search-panel{grid-column:1;}#results-panel,#preview-panel{grid-column:2;}.filters{grid-template-columns:1fr;}}