:root{--bg: #0e1013;--bg-deep: #05070a;--surface: #171a1f;--surface-2: #1f242b;--surface-3: #2a3038;--text: #eef1f5;--text-dim: #99a2ad;--accent: #4ea3ff;--accent-dark: #2a6fb5;--accent-soft: rgba(78, 163, 255, .16);--danger: #ff6b6b;--focus: #ffffff;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--line-firm: rgba(255, 255, 255, .14);--shade: rgba(0, 0, 0, .45);--shade-deep: rgba(0, 0, 0, .65);--lift: 0 2px 8px rgba(0, 0, 0, .35);--lift-high: 0 14px 40px rgba(0, 0, 0, .55);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(78, 163, 255, .1), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(78, 163, 255, .06), transparent 55%);--radius: 10px;--radius-lg: 16px;--gap: 20px;--safe: 32px}html[data-look=carbon]{--bg: #121212;--bg-deep: #0a0a0a;--surface: #1c1c1c;--surface-2: #262626;--surface-3: #333333;--accent: #d8d8d8;--accent-dark: #6f6f6f;--accent-soft: rgba(216, 216, 216, .14);--wash: radial-gradient(1200px 700px at 15% -10%, var(--line-soft), transparent 60%)}html[data-look=amethyst]{--bg: #120f1a;--bg-deep: #08060d;--surface: #1c1826;--surface-2: #262034;--surface-3: #322a45;--accent: #b388ff;--accent-dark: #6d4bb3;--accent-soft: rgba(179, 136, 255, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(179, 136, 255, .12), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(255, 120, 200, .07), transparent 55%)}html[data-look=ember]{--bg: #16110d;--bg-deep: #0b0705;--surface: #211a14;--surface-2: #2d241b;--surface-3: #3b2f23;--accent: #ffab5e;--accent-dark: #b56f2a;--accent-soft: rgba(255, 171, 94, .16);--danger: #ff8a6b;--wash: radial-gradient(1200px 700px at 15% -10%, rgba(255, 171, 94, .12), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(255, 90, 60, .07), transparent 55%)}html[data-look=forest]{--bg: #0d1411;--bg-deep: #050a08;--surface: #141d19;--surface-2: #1d2823;--surface-3: #283630;--accent: #64d6a0;--accent-dark: #2f8f66;--accent-soft: rgba(100, 214, 160, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(100, 214, 160, .1), transparent 60%)}html[data-look=daylight]{--bg: #f2f4f7;--bg-deep: #e4e8ee;--surface: #ffffff;--surface-2: #eef1f5;--surface-3: #dfe4ea;--text: #131720;--text-dim: #5b6572;--accent: #1567d3;--accent-dark: #1567d3;--accent-soft: rgba(21, 103, 211, .12);--danger: #c62828;--focus: #131720;--line: rgba(10, 20, 35, .12);--line-soft: rgba(10, 20, 35, .07);--line-firm: rgba(10, 20, 35, .22);--shade: rgba(20, 30, 45, .14);--shade-deep: rgba(20, 30, 45, .24);--lift: 0 2px 8px rgba(20, 30, 45, .1);--lift-high: 0 14px 40px rgba(20, 30, 45, .18);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(21, 103, 211, .08), transparent 60%)}html[data-look=ocean]{--bg: #0a1418;--bg-deep: #060b0d;--surface: #151f22;--surface-2: #1f282c;--surface-3: #30383c;--accent: #35c9d6;--accent-dark: #1f757c;--accent-soft: rgba(53, 201, 214, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(53, 201, 214, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(53, 201, 214, .06), transparent 55%)}html[data-look=crimson]{--bg: #17100f;--bg-deep: #0d0908;--surface: #211b1a;--surface-2: #2b2423;--surface-3: #3b3534;--accent: #ff5f6d;--accent-dark: #94373f;--accent-soft: rgba(255, 95, 109, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(255, 95, 109, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(255, 95, 109, .06), transparent 55%)}html[data-look=slate]{--bg: #10141a;--bg-deep: #090b0e;--surface: #1b1f24;--surface-2: #24282d;--surface-3: #35383d;--accent: #7aa2c9;--accent-dark: #475e75;--accent-soft: rgba(122, 162, 201, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(122, 162, 201, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(122, 162, 201, .06), transparent 55%)}html[data-look=sakura]{--bg: #17101a;--bg-deep: #0d090e;--surface: #211b24;--surface-2: #2b242d;--surface-3: #3b353d;--accent: #ff8fb1;--accent-dark: #945367;--accent-soft: rgba(255, 143, 177, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(255, 143, 177, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(255, 143, 177, .06), transparent 55%)}html[data-look=mint]{--bg: #0b1512;--bg-deep: #060c0a;--surface: #16201d;--surface-2: #202926;--surface-3: #313937;--accent: #5fe3b0;--accent-dark: #378466;--accent-soft: rgba(95, 227, 176, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(95, 227, 176, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(95, 227, 176, .06), transparent 55%)}html[data-look=gold]{--bg: #14120b;--bg-deep: #0b0a06;--surface: #1f1d16;--surface-2: #282620;--surface-3: #383731;--accent: #e8c46a;--accent-dark: #87723d;--accent-soft: rgba(232, 196, 106, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(232, 196, 106, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(232, 196, 106, .06), transparent 55%)}html[data-look=nebula]{--bg: #100e1c;--bg-deep: #09080f;--surface: #1b1926;--surface-2: #24222f;--surface-3: #35333f;--accent: #8f7bff;--accent-dark: #534794;--accent-soft: rgba(143, 123, 255, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(143, 123, 255, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(143, 123, 255, .06), transparent 55%)}html[data-look=copper]{--bg: #150f0b;--bg-deep: #0c0806;--surface: #201a16;--surface-2: #292320;--surface-3: #393431;--accent: #d98455;--accent-dark: #7e4d31;--accent-soft: rgba(217, 132, 85, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(217, 132, 85, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(217, 132, 85, .06), transparent 55%)}html[data-look=arctic]{--bg: #0a1016;--bg-deep: #06090c;--surface: #151b20;--surface-2: #1f242a;--surface-3: #30353a;--accent: #a8d8ff;--accent-dark: #617d94;--accent-soft: rgba(168, 216, 255, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(168, 216, 255, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(168, 216, 255, .06), transparent 55%)}html[data-look=moss]{--bg: #101408;--bg-deep: #090b04;--surface: #1b1f13;--surface-2: #24281d;--surface-3: #35382e;--accent: #a8c94a;--accent-dark: #61752b;--accent-soft: rgba(168, 201, 74, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(168, 201, 74, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(168, 201, 74, .06), transparent 55%)}html[data-look=rose]{--bg: #141013;--bg-deep: #0b090a;--surface: #1f1b1e;--surface-2: #282427;--surface-3: #383538;--accent: #ff8fa3;--accent-dark: #94535f;--accent-soft: rgba(255, 143, 163, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(255, 143, 163, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(255, 143, 163, .06), transparent 55%)}html[data-look=cobalt]{--bg: #080e1c;--bg-deep: #04080f;--surface: #131926;--surface-2: #1d222f;--surface-3: #2e333f;--accent: #4d7cff;--accent-dark: #2d4894;--accent-soft: rgba(77, 124, 255, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(77, 124, 255, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(77, 124, 255, .06), transparent 55%)}html[data-look=sunset]{--bg: #1a0f12;--bg-deep: #0e080a;--surface: #241a1d;--surface-2: #2d2326;--surface-3: #3d3437;--accent: #ff9a6b;--accent-dark: #94593e;--accent-soft: rgba(255, 154, 107, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(255, 154, 107, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(255, 154, 107, .06), transparent 55%)}html[data-look=teal]{--bg: #08161a;--bg-deep: #040c0e;--surface: #132024;--surface-2: #1d2a2d;--surface-3: #2e3a3d;--accent: #3fd0c9;--accent-dark: #257975;--accent-soft: rgba(63, 208, 201, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(63, 208, 201, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(63, 208, 201, .06), transparent 55%)}html[data-look=lavender]{--bg: #131320;--bg-deep: #0a0a12;--surface: #1e1e2a;--surface-2: #272733;--surface-3: #383843;--accent: #b7a8ff;--accent-dark: #6a6194;--accent-soft: rgba(183, 168, 255, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(183, 168, 255, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(183, 168, 255, .06), transparent 55%)}html[data-look=sand]{--bg: #16130f;--bg-deep: #0c0a08;--surface: #201e1a;--surface-2: #2a2723;--surface-3: #3a3834;--accent: #d9bb8a;--accent-dark: #7e6c50;--accent-soft: rgba(217, 187, 138, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(217, 187, 138, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(217, 187, 138, .06), transparent 55%)}html[data-look=neon]{--bg: #0a0f0a;--bg-deep: #060806;--surface: #151a15;--surface-2: #1f231f;--surface-3: #303430;--accent: #5cff9d;--accent-dark: #35945b;--accent-soft: rgba(92, 255, 157, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(92, 255, 157, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(92, 255, 157, .06), transparent 55%)}html[data-look=wine]{--bg: #170b10;--bg-deep: #0d0609;--surface: #21161b;--surface-2: #2b2024;--surface-3: #3b3135;--accent: #e0607f;--accent-dark: #82384a;--accent-soft: rgba(224, 96, 127, .16);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(224, 96, 127, .11), transparent 60%), radial-gradient(1000px 600px at 105% 0%, rgba(224, 96, 127, .06), transparent 55%)}html[data-look=paper]{--bg: #f6f2ea;--bg-deep: #e2dfd7;--surface: #ffffff;--surface-2: #ebe7df;--surface-3: #dcd9d1;--text: #2b2118;--text-dim: #807970;--accent: #8a5a2b;--accent-dark: #754c25;--accent-soft: rgba(138, 90, 43, .12);--focus: #2b2118;--line: rgba(43, 33, 24, .12);--line-soft: rgba(43, 33, 24, .07);--line-firm: rgba(43, 33, 24, .22);--shade: rgba(43, 33, 24, .14);--shade-deep: rgba(43, 33, 24, .24);--lift: 0 2px 8px rgba(43, 33, 24, .1);--lift-high: 0 14px 40px rgba(43, 33, 24, .18);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(138, 90, 43, .09), transparent 60%)}html[data-look=frost]{--bg: #eef4fa;--bg-deep: #dbe0e6;--surface: #ffffff;--surface-2: #e3e9ef;--surface-3: #d5dae0;--text: #16202b;--text-dim: #717982;--accent: #0f6fb5;--accent-dark: #0d5e9a;--accent-soft: rgba(15, 111, 181, .12);--focus: #16202b;--line: rgba(22, 32, 43, .12);--line-soft: rgba(22, 32, 43, .07);--line-firm: rgba(22, 32, 43, .22);--shade: rgba(22, 32, 43, .14);--shade-deep: rgba(22, 32, 43, .24);--lift: 0 2px 8px rgba(22, 32, 43, .1);--lift-high: 0 14px 40px rgba(22, 32, 43, .18);--wash: radial-gradient(1200px 700px at 15% -10%, rgba(15, 111, 181, .09), transparent 60%)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;overflow-x:hidden}:focus{outline:none}.focusable{transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.focusable:focus{box-shadow:0 0 0 3px var(--focus),0 8px 24px #0009;z-index:2;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--safe) var(--safe) 12px;gap:var(--gap)}.brand{margin:0;font-size:2rem;font-weight:600;letter-spacing:.02em}.header-actions{display:flex;gap:12px}.toolbar{padding:0 var(--safe) 12px}.body{padding:0 var(--safe) calc(var(--safe) * 2)}.body-narrow{max-width:900px}.body-wide{max-width:1500px}.section{margin-bottom:calc(var(--gap) * 2)}.section-title{font-size:1.15rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--gap)}.tile{border-radius:var(--radius);cursor:pointer;background:transparent}.tile:focus{transform:scale(1.05)}.tile-art{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .18s ease-out}.tile-image.is-loaded{opacity:1}.cast-face img{opacity:0;transition:opacity .18s ease-out}.cast-face img.is-loaded{opacity:1}.photo-cell img{opacity:0;transition:opacity .18s ease-out}.photo-cell img.is-loaded{opacity:1}@media(prefers-reduced-motion:reduce){.tile-image,.photo-cell img,.cast-face img{transition:none}}.tile-art-fit .tile-image{object-fit:contain}.tile-art-wide{aspect-ratio:16 / 9}.tile-initial{font-size:3.5rem;font-weight:700;color:#ffffff59}.tile-badge{position:absolute;top:8px;right:8px;background:#000000a6;color:var(--text);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:3px 7px;border-radius:4px}.tile-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#00000080}.tile-progress-fill{height:100%;background:var(--accent)}.tile-title{margin-top:8px;font-size:.95rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-sub{font-size:.82rem;color:var(--text-dim);margin-top:2px}.btn{font:inherit;font-weight:500;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 22px;cursor:pointer}.btn:focus{background:var(--surface-2)}.btn-primary{background:var(--accent-dark);border-color:transparent}.field,.search{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-firm);border-radius:var(--radius);padding:12px 16px;width:100%;max-width:560px;display:block;margin-bottom:12px}.search{max-width:420px;margin-bottom:0}.label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.panel{background:var(--surface);border-radius:var(--radius);padding:24px;margin-bottom:var(--gap)}.panel h2{margin:0 0 8px;font-size:1.3rem}.panel h3{margin:24px 0 12px;font-size:1rem;color:var(--text-dim)}.hint{color:var(--text-dim);font-size:.88rem;margin:6px 0 14px;line-height:1.5}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:14px 0;border-bottom:1px solid var(--line)}.loading{display:flex;align-items:center;gap:12px;color:var(--text-dim);padding:40px 0}.spinner{width:20px;height:20px;border:3px solid var(--line-firm);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:60px 0;max-width:560px}.empty h2{margin:0 0 8px}.empty p{color:var(--text-dim);margin:0 0 24px;line-height:1.6}.error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius);padding:20px;margin-bottom:var(--gap);max-width:700px}.error strong{color:var(--danger)}.error p{color:var(--text-dim);margin:8px 0 0;word-break:break-word}.player{position:absolute;inset:0;background:#000;z-index:100}.player-video{width:100%;height:100%;object-fit:contain;background:#000}.osd{position:absolute;left:0;right:0;bottom:0;padding:80px var(--safe) var(--safe);background:linear-gradient(to top,rgba(0,0,0,.9),transparent);transition:opacity .25s ease}.osd.hidden{opacity:0;pointer-events:none}.osd-title{font-size:1.6rem;font-weight:600;margin-bottom:16px}.osd-row{display:flex;align-items:center;gap:16px}.osd-time{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.95rem;min-width:60px}.osd-bar{flex:1;height:6px;background:#ffffff40;border-radius:3px;overflow:hidden}.osd-bar-played{height:100%;width:0;background:var(--accent)}.osd-hint{margin-top:14px;color:var(--text-dim);font-size:.85rem}.player-status{position:absolute;top:var(--safe);left:var(--safe);right:var(--safe);color:var(--text);font-size:1rem}.player-error{background:#000000d9;border-radius:var(--radius);padding:24px;max-width:640px}.player-error p{color:var(--text-dim);margin:8px 0 0}@media(min-width:1600px){html,body{font-size:21px}:root{--safe: 60px;--gap: 28px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden}.backdrop img{width:100%;height:100%;object-fit:cover;opacity:.28}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,16,19,.55),var(--bg) 85%)}.blurb{max-width:900px;margin-bottom:calc(var(--gap) * 1.5)}.blurb-facts{color:var(--text-dim);font-size:.9rem;margin-bottom:8px}.blurb-text{margin:0;line-height:1.6;color:var(--text)}.detail{display:flex;gap:calc(var(--gap) * 1.5);align-items:flex-start;flex-wrap:wrap}.detail-poster{flex:0 0 260px;max-width:260px}.detail-poster img{width:100%;border-radius:var(--radius);display:block;box-shadow:0 12px 40px #0000008c}.detail-info{flex:1 1 380px;min-width:0}.detail-title{margin:0 0 10px;font-size:2rem;line-height:1.2}.detail-facts{color:var(--text-dim);font-size:.95rem;margin-bottom:6px}.detail-genres{color:var(--accent);font-size:.9rem;margin-bottom:18px}.detail-overview{line-height:1.65;max-width:62ch;margin:0 0 26px}.detail-dim{color:var(--text-dim)}.detail-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-play{padding-left:34px;padding-right:34px}@media(min-width:1600px){.detail-poster{flex-basis:340px;max-width:340px}}.album-head{display:flex;gap:calc(var(--gap) * 1.5);align-items:flex-start;flex-wrap:wrap;margin-bottom:calc(var(--gap) * 1.5)}.album-cover{flex:0 0 240px;max-width:240px}.album-cover img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius);display:block;box-shadow:0 12px 40px #0000008c}.album-info{flex:1 1 320px;min-width:0}.track-list{max-width:900px}.track-disc{color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 8px}.track-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--radius);cursor:pointer;border-bottom:1px solid var(--line-soft)}.track-row:focus{background:var(--surface-2)}.track-marks{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}.btn-small{padding:6px 12px;font-size:.85rem;line-height:1.2}.btn-small:disabled{opacity:.35;cursor:default}.track-list .track-row .track-number{color:var(--text-dim)}.track-number{flex:0 0 32px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.track-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{flex:0 1 auto;color:var(--text-dim);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-time{flex:0 0 auto;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.9rem}.now-playing{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:var(--gap);padding:12px var(--safe);background:#171a1ff7;border-top:1px solid var(--line)}.now-playing.hidden{display:none}body.with-now-playing .body{padding-bottom:160px}.np-cover{flex:0 0 56px;width:56px;height:56px;border-radius:6px;overflow:hidden;background:var(--surface-2)}.np-cover img{width:100%;height:100%;object-fit:cover;display:block}.np-details{flex:1 1 auto;min-width:0}.np-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-artist{color:var(--text-dim);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-row{display:flex;align-items:center;gap:12px;margin-top:6px}.np-time{color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums;min-width:44px}.np-bar{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.np-bar-played{height:100%;width:0;background:var(--accent)}.np-buttons{display:flex;gap:8px;flex:0 0 auto}.np-button{font:inherit;font-size:.85rem;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 14px;cursor:pointer;white-space:nowrap}.np-play{min-width:56px;background:var(--accent-dark);border-color:transparent}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.photo-cell{position:relative;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-cell:focus{transform:scale(1.06)}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}.photo-pending{font-size:2rem;color:#ffffff4d}.photo-viewer{position:fixed;inset:0;background:#000;z-index:100;display:flex;align-items:center;justify-content:center}.photo-image{max-width:100%;max-height:100%;object-fit:contain}.photo-loading{position:absolute;color:var(--text-dim)}.photo-loading.hidden{display:none}.photo-caption{position:absolute;left:var(--safe);right:var(--safe);bottom:var(--safe);display:flex;gap:20px;align-items:baseline;flex-wrap:wrap;padding:16px 20px;border-radius:var(--radius);background:#000000a6;transition:opacity .3s ease}.photo-caption.hidden,.photo-hint.hidden{opacity:0}.photo-name{font-size:1.1rem;font-weight:500}.photo-counter,.photo-taken{color:var(--text-dim);font-size:.9rem}.photo-hint{color:var(--text-dim);font-size:.85rem;padding:10px 16px;border-radius:var(--radius);background:#0009;transition:opacity .3s ease;text-align:center}@media(max-width:700px){.photo-hint{left:var(--safe);right:var(--safe);transform:none;white-space:normal;text-align:center}}@media(min-width:1600px){.album-cover{flex-basis:320px;max-width:320px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.np-cover{flex-basis:72px;width:72px;height:72px}}.signin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--safe)}.signin-panel{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius);padding:36px}.signin-brand{margin:0 0 6px;font-size:2.2rem;font-weight:600}.signin-panel .field{max-width:none}.signin-panel .btn{width:100%;margin-top:8px}.signin-problem{color:var(--danger);font-size:.9rem;margin:14px 0 0;min-height:1.2em}.signin-note{margin-top:20px;margin-bottom:0}.row-buttons{display:flex;gap:8px;flex:0 0 auto}.player-toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%);padding:14px 26px;border-radius:var(--radius);background:#000c;color:var(--text);font-size:1.1rem;transition:opacity .25s ease}.player-toast.hidden{opacity:0}.player-video::cue{background:#000000b3;color:#fff;font-size:1rem;line-height:1.4}.working{padding:12px 18px;margin-bottom:var(--gap);border-radius:var(--radius);background:var(--surface);border-left:3px solid var(--accent);color:var(--text-dim);font-size:.9rem}.working.hidden{display:none}.osd-controls{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.osd-spacer{flex:1 1 auto}.osd-button{font:inherit;font-size:.9rem;color:var(--text);background:var(--line-firm);border:1px solid var(--line-firm);border-radius:8px;padding:9px 16px;cursor:pointer;white-space:nowrap}.osd-button:hover{background:#ffffff38}.osd-volume{width:110px;cursor:pointer;accent-color:var(--accent)}.osd-bar{cursor:pointer;height:18px;padding:6px 0;background-clip:content-box;border-radius:0}.osd-bar-played{pointer-events:none;border-radius:3px}.player{cursor:default}.player:has(.osd.hidden){cursor:none}.player-top{position:absolute;top:0;left:0;right:0;padding:var(--safe) var(--safe) 60px;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);transition:opacity .25s ease;pointer-events:none}.player-top>*{pointer-events:auto}.player-top.hidden{opacity:0;pointer-events:none}.player-back:before{content:"< "}.player-status{top:calc(var(--safe) + 64px)}.photo-buttons{position:absolute;left:0;right:0;bottom:calc(var(--safe) + 90px);display:flex;justify-content:center;gap:10px;transition:opacity .25s ease}.photo-buttons.hidden{opacity:0;pointer-events:none}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.btn-back{flex:0 0 auto;padding:10px 18px}.btn-back:before{content:"< "}.brand-link{cursor:pointer;border-radius:var(--radius);padding:4px 10px;margin-left:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-link:hover{background:var(--surface-2)}.list-what{min-width:0;flex:1 1 auto}.list-what .hint{margin:4px 0 0;word-break:break-all}.list-row .row-buttons{flex-wrap:wrap;justify-content:flex-end}.btn-danger{border-color:#ff6b6b66;color:var(--danger)}.btn-danger:hover{background:#ff6b6b1f}.cast-row{display:flex;gap:var(--gap);overflow-x:auto;padding-bottom:8px}.cast-person{flex:0 0 auto;width:110px;text-align:center}.cast-face{position:relative;width:96px;height:96px;margin:0 auto 8px;border-radius:50%;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.cast-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cast-initials{font-size:1.5rem;font-weight:600;color:var(--text-dim)}.cast-name{font-size:.85rem;font-weight:500;line-height:1.3}.cast-role{font-size:.78rem;color:var(--text-dim);line-height:1.3;margin-top:2px}.crew-line{color:var(--text-dim);font-size:.9rem;margin:0 0 var(--gap)}@media(min-width:1600px){.cast-person{width:150px}.cast-face{width:130px;height:130px}}.up-next{position:absolute;right:var(--safe);bottom:var(--safe);max-width:460px;padding:24px 28px;border-radius:var(--radius);background:#000000e0;border:1px solid var(--line-firm)}.up-next.hidden{display:none}.up-next-heading{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.up-next-title{font-size:1.25rem;font-weight:600;line-height:1.3}.up-next-when{color:var(--text-dim);font-size:.9rem;margin-top:10px}.up-next-buttons{display:flex;gap:10px;margin-top:18px}.loading-more{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-dim);padding:24px 0}.loading-more.hidden{display:none}.alphabet{position:fixed;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;z-index:20;padding:6px 4px;border-radius:999px;background:#171a1fe6;border:1px solid var(--line)}.alphabet-letter{font:inherit;font-size:.72rem;font-weight:600;line-height:1;color:var(--text-dim);background:transparent;border:none;border-radius:50%;width:22px;height:20px;cursor:pointer;padding:0}.alphabet-letter:hover{color:var(--text);background:var(--surface-2)}.alphabet-letter:focus{color:var(--text);background:var(--accent-dark)}.alphabet-letter.alphabet-here{color:var(--text);background:var(--surface-2);font-weight:800;transform:scale(1.15);transition:transform .12s ease,background-color .12s ease}.alphabet-letter.alphabet-here:focus{background:var(--accent-dark)}.alphabet-empty{opacity:.25;cursor:default}.alphabet-empty:hover{color:var(--text-dim);background:transparent}.body{padding-right:calc(var(--safe) + 34px)}@media(min-width:1600px){.alphabet-letter{font-size:.85rem;width:30px;height:26px}.body{padding-right:calc(var(--safe) + 44px)}}.cast-person{cursor:pointer;border-radius:var(--radius);padding:6px}.cast-person:focus{background:var(--surface-2);transform:scale(1.05)}.person-head{display:flex;align-items:center;gap:var(--gap);margin-bottom:calc(var(--gap) * 1.5)}.person-face{position:relative;flex:0 0 auto;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.person-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(min-width:1600px){.person-face{width:170px;height:170px}}.band-list{display:flex;flex-direction:column;gap:2px}.band-member{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(0,2fr) auto;gap:12px;padding:7px 10px;border-radius:6px;align-items:baseline}.band-member:nth-child(odd){background:var(--line-soft)}.band-name{font-weight:600}.band-part{opacity:.75}.band-years{opacity:.55;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:600px){.band-member{grid-template-columns:1fr auto}.band-part{grid-column:1 / -1;font-size:.9em}}.tile-watched{position:absolute;top:8px;left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 1px 4px #00000080;pointer-events:none}.tile-watched svg{width:15px;height:15px;display:block}@media(min-width:1600px){.tile-watched{width:30px;height:30px}.tile-watched svg{width:19px;height:19px}}.tile-icon{display:flex;align-items:center;justify-content:center;width:46%;max-width:92px;color:#ffffff73}.tile-icon svg{width:100%;height:auto;display:block}.tile:hover .tile-icon,.tile:focus .tile-icon,.tile:focus-within .tile-icon{color:#fffc}.pin{margin:14px 0 18px}.pin-dots{display:flex;gap:12px;justify-content:center;margin:10px 0 16px;min-height:18px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);box-sizing:border-box}.pin-dot-filled{background:var(--accent);border-color:var(--accent)}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto}.pin-key{font:inherit;font-size:1.5rem;font-weight:600;padding:16px 0;border-radius:10px;border:1px solid var(--line-firm);background:var(--line);color:var(--text);cursor:pointer}.pin-key-quiet{font-size:.95rem;font-weight:500;opacity:.75}.pin-key:hover{background:var(--line-firm)}.pin-key:focus{outline:none;background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.06)}@media(min-width:1600px){.pin-keys{max-width:380px;gap:14px}.pin-key{font-size:1.9rem;padding:22px 0}}.tile-more{position:absolute;right:6px;bottom:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity .12s ease-out}.tile-more,.tile-more:focus{position:absolute}.tile-more svg{width:16px;height:16px;fill:currentColor}.tile:hover .tile-more,.tile:focus-within .tile-more,.tile-more:focus{opacity:1}.tile-more:focus{outline:none;background:var(--accent);transform:scale(1.1)}.sheet-layer{position:fixed;inset:0;z-index:60;background:#000000a6;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px}.sheet{width:100%;max-width:760px;background:var(--panel, #1b1e24);border:1px solid var(--line-firm);border-radius:12px;padding:20px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sheet-title{margin:0;font-size:1.3rem}.sheet-part{padding:16px 0;border-top:1px solid var(--line)}.sheet-part h3{margin:0 0 8px}.field-tall{min-height:90px;resize:vertical}.match-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.match{display:flex;gap:12px;padding:8px;border-radius:8px;background:var(--line-soft);cursor:pointer}.match:hover,.match:focus{outline:none;background:#4ea3ff38}.match-busy{opacity:.5;pointer-events:none}.match-art{flex:0 0 62px;width:62px;height:93px;border-radius:4px;overflow:hidden;background:var(--line);display:flex;align-items:center;justify-content:center}.match-art img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease-out}.match-art img.is-loaded{opacity:1}.match-none{font-size:.7rem;opacity:.5;text-align:center}.match-title{font-weight:600}.match-year{opacity:.7;font-size:.9rem}.match-blurb{margin-top:4px;font-size:.85rem;opacity:.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.poster-list{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.poster-option{aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;background:var(--line-soft);cursor:pointer}.poster-option img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease-out}.poster-option img.is-loaded{opacity:1}.poster-option:hover,.poster-option:focus{outline:3px solid var(--accent);outline-offset:1px}.poster-busy{opacity:.5;pointer-events:none}.check-row{display:flex;align-items:center;gap:10px;margin:10px 0;cursor:pointer}.check-row input{width:20px;height:20px;accent-color:var(--accent);flex:0 0 auto}.check-row:focus-within{outline:none}.check-row input:focus{outline:3px solid var(--accent);outline-offset:2px}.player-host{position:fixed;inset:0;z-index:100;background:#000}.tile-title,.tile-sub{padding-left:7px;padding-right:7px}.tile-sub{padding-bottom:5px}.cue-sample{display:flex;align-items:center;justify-content:center;min-height:96px;margin:10px 0 14px;padding:12px;border-radius:var(--radius);background:linear-gradient(120deg,#4a5a6a,#7d6a55 60%,#9a9a86);text-align:center}.cue-sample-text{padding:2px 8px;border-radius:3px;line-height:1.35}.clock{text-align:right;line-height:1.15;margin-right:14px;white-space:nowrap}.clock-time{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.clock-date{font-size:.85rem;color:var(--text-dim)}@media(min-width:1600px){.clock-time{font-size:2rem}.clock-date{font-size:1rem}}@media(max-width:560px){.clock-date{display:none}.clock-time{font-size:1.2rem}}.tile-marks{position:absolute;left:6px;bottom:6px;display:flex;gap:6px;opacity:0;transition:opacity .12s ease-out}.tile:hover .tile-marks,.tile:focus-within .tile-marks{opacity:1}.tile-mark{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}.tile-mark svg{width:16px;height:16px;display:block}.tile-mark:hover{background:#000000c7}.tile-mark:focus{outline:none;background:var(--accent);transform:scale(1.1)}.tile-mark-busy{opacity:.4;pointer-events:none}.check-list{margin:6px 0 12px;padding-left:4px}.check-list .check-row{margin:6px 0}.row-editor{width:100%;margin-top:10px;padding:12px;border-radius:var(--radius);background:var(--line-soft)}.photo-cell-clip{position:relative}.photo-clip-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;color:#fff;pointer-events:none}.photo-clip-mark svg{width:22px;height:22px;margin-left:2px}.photo-clip-length{position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:4px;background:#000000b3;color:#fff;font-size:.72rem;font-variant-numeric:tabular-nums;pointer-events:none}.grid-small{grid-template-columns:repeat(auto-fill,132px)}.grid-small .tile-art{aspect-ratio:1 / 1}.grid-small .tile-icon{width:42%;max-width:56px}.grid-small .tile-title{font-size:.85rem;margin-top:6px}.grid-small .tile-sub{font-size:.72rem}.grid-small .tile-badge{font-size:.6rem;padding:2px 5px;top:6px;right:6px}.grid-small .tile-initial{font-size:2rem}@media(min-width:1600px){.grid-small{grid-template-columns:repeat(auto-fill,190px)}.grid-small .tile-icon{max-width:80px}.grid-small .tile-title{font-size:1rem}}.field-path{font-family:Consolas,SF Mono,Menlo,monospace;line-height:1.5;word-break:break-all;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical;min-height:84px;cursor:text}.tile.tile-changed{animation:tile-changed-pulse 1s ease-in-out 3;border-radius:var(--radius)}@keyframes tile-changed-pulse{0%,to{box-shadow:0 0 0 3px var(--accent),0 8px 30px #000000b3}50%{box-shadow:0 0 0 7px var(--accent),0 8px 30px #000000b3}}@media(prefers-reduced-motion:reduce){.tile.tile-changed{animation:none;box-shadow:0 0 0 4px var(--accent),0 8px 30px #000000b3}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.stat-box{background:var(--surface-2);border-radius:var(--radius);padding:14px;text-align:center}.stat-number{font-size:1.8rem;font-weight:700}.stat-name{color:var(--text-dim);font-size:.85rem}.stat-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stat-list{margin:8px 0 0;padding-left:18px;line-height:1.7}.stat-watcher{padding:12px 0;border-bottom:1px solid var(--line)}.stat-watcher:last-child{border-bottom:none}.stat-watcher-what{font-weight:600;margin:2px 0 6px}.stat-bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:6px}.stat-bar-fill{height:100%;background:var(--accent)}.stat-lines{max-height:60vh;overflow-y:auto}.stat-line{display:grid;grid-template-columns:185px minmax(0,1fr) minmax(0,200px);gap:12px;padding:7px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}.stat-aside{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:.85rem}.stat-when{color:var(--text-dim);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-said{min-width:0;overflow-wrap:break-word;word-break:normal}.tone-good .stat-said{color:#7fd18b}.tone-bad .stat-said{color:#ff8b8b}.tone-play .stat-said{color:var(--text)}@media(max-width:700px){.stat-line{grid-template-columns:1fr;gap:2px}}.daterail{padding:8px 6px;border-radius:18px;gap:2px}.daterail-year{width:auto;min-width:46px;height:22px;padding:0 6px;border-radius:11px;font-size:.7rem;font-variant-numeric:tabular-nums}.daterail{max-height:80vh;overflow-y:auto;scrollbar-width:none}.daterail::-webkit-scrollbar{display:none}.photo-top{z-index:5}.photo-top .osd-button{background:#0009;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px);font-weight:600}.photo-top .osd-button:hover{background:#000000d9}.photo-top{width:auto;pointer-events:none}.photo-top>*{pointer-events:auto}.photo-controls{position:absolute;bottom:110px;left:var(--safe);right:var(--safe);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.photo-controls>*{pointer-events:auto}.photo-controls .photo-hint,.photo-controls .photo-buttons{position:static;bottom:auto;left:auto;right:auto;transform:none}.photo-cell.photo-here{animation:photo-here-pulse 1s ease-in-out 2;border-radius:6px;z-index:2}@keyframes photo-here-pulse{0%,to{box-shadow:0 0 0 3px var(--accent)}50%{box-shadow:0 0 0 6px var(--accent)}}@media(prefers-reduced-motion:reduce){.photo-cell.photo-here{animation:none;box-shadow:0 0 0 4px var(--accent)}}.said{position:fixed;left:50%;bottom:110px;transform:translate(-50%) translateY(12px);z-index:60;background:var(--surface-2);border:1px solid var(--line-firm);border-radius:var(--radius);padding:12px 22px;color:var(--text);font-weight:500;box-shadow:0 8px 28px #00000073;opacity:0;pointer-events:none;transition:opacity .16s ease-out,transform .16s ease-out}.said-showing{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.said{transition:none}}body{background-color:var(--bg);background-image:var(--wash);background-attachment:fixed;background-repeat:no-repeat}.focusable:focus{box-shadow:0 0 0 3px var(--focus),0 0 0 7px var(--accent-soft),var(--lift-high)}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}.header h1{letter-spacing:-.02em}.tile-art{border:1px solid var(--line);box-shadow:var(--lift);transition:box-shadow .14s ease,border-color .14s ease}.tile:focus .tile-art,.tile:hover .tile-art{border-color:var(--accent);box-shadow:var(--lift-high),0 0 0 1px var(--accent)}.tile:focus{transform:scale(1.06) translateY(-2px)}.tile-initial{text-shadow:0 2px 12px var(--shade-deep)}.tile-badge{background:color-mix(in srgb,var(--bg-deep) 78%,transparent);backdrop-filter:blur(6px);border:1px solid var(--line);box-shadow:var(--lift)}.section-title{display:flex;align-items:center;gap:12px;letter-spacing:-.01em}.section-title:before{content:"";width:4px;height:1.05em;border-radius:2px;background:linear-gradient(var(--accent),var(--accent-dark));flex:0 0 auto}.btn{background:linear-gradient(color-mix(in srgb,var(--surface-3) 60%,transparent),transparent),var(--surface-2);border:1px solid var(--line-firm);box-shadow:var(--lift);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px);box-shadow:none}.btn-primary{background:linear-gradient(var(--accent),var(--accent-dark));border-color:transparent;color:#fff;font-weight:600}html[data-look=daylight] .btn-primary,html[data-look=carbon] .btn-primary{color:var(--bg)}.btn:disabled{opacity:.4;box-shadow:none}.panel{border:1px solid var(--line);box-shadow:var(--lift);background:linear-gradient(color-mix(in srgb,var(--surface-2) 40%,transparent),transparent 120px),var(--surface)}.field,.search{transition:border-color .12s ease,box-shadow .12s ease}.field:focus,.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.track-row,.list-row{transition:background-color .12s ease}.track-row:hover{background:var(--surface-2)}.track-row:focus{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.now-playing{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px) saturate(140%)}.alphabet{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--lift)}.alphabet-here{background:var(--accent);color:var(--bg);font-weight:700}.sheet{border:1px solid var(--line-firm);box-shadow:var(--lift-high)}.sheet-layer{backdrop-filter:blur(3px)}.looks{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 8px}.look{width:132px;border-radius:var(--radius);border:1px solid var(--line-firm);background:var(--look-surface);padding:0;overflow:hidden;cursor:pointer;text-align:left;box-shadow:var(--lift)}.look-swatch{height:52px;background:radial-gradient(120px 60px at 20% 0%,var(--look-accent),transparent 70%),var(--look-bg);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:5px;padding:8px}.look-swatch span{width:16px;height:16px;border-radius:4px;border:1px solid var(--line)}.look-name{display:block;padding:9px 12px;font-size:.9rem;color:inherit}.look-here{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),var(--lift)}.look-here .look-name:after{content:"  in use";opacity:.6;font-size:.8rem}@media(prefers-reduced-motion:reduce){.focusable,.btn,.tile-art,.track-row,.field,.search{transition:none}.tile:focus{transform:none}}.alphabet-home{color:var(--accent);border-bottom:1px solid var(--line-firm);margin-bottom:4px;padding-bottom:6px}.alphabet-home svg{width:18px;height:18px;display:block}.alphabet-home:focus{color:var(--bg);background:var(--accent);border-radius:999px}.btn-home{color:var(--text-dim)}.np-button,.osd-button{background:linear-gradient(color-mix(in srgb,var(--surface-3) 60%,transparent),transparent),var(--surface-2);border:1px solid var(--line-firm);box-shadow:var(--lift);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.np-button:hover,.osd-button:hover{border-color:var(--accent);background:var(--surface-3)}.np-button:active,.osd-button:active{transform:translateY(1px);box-shadow:none}.osd-button{background:color-mix(in srgb,#000 55%,transparent);border-color:#ffffff38;color:#fff;backdrop-filter:blur(8px)}.osd-button:hover{background:color-mix(in srgb,#000 40%,transparent);border-color:#fff}.np-bar{background:var(--line-firm)}.np-bar-played{background:linear-gradient(90deg,var(--accent),var(--accent-dark))}.alphabet-letter{transition:color .12s ease,background-color .12s ease}.alphabet-letter:hover:not(:disabled){color:var(--accent)}.alphabet-letter:focus{color:var(--bg);background:var(--accent)}.alphabet-empty{opacity:.35}.tile-more,.tile-mark{background:color-mix(in srgb,#000 58%,transparent);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);transition:background-color .12s ease,border-color .12s ease}.tile-more:hover,.tile-mark:hover,.tile-more:focus,.tile-mark:focus{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger);background:transparent;box-shadow:none}.check-row:hover{color:var(--accent)}.np-title{font-weight:600}.working{border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-radius:var(--radius)}.btn,.np-button{background:linear-gradient(color-mix(in srgb,var(--accent) 13%,var(--surface-2)),color-mix(in srgb,var(--accent) 5%,var(--surface-2)));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line-firm));color:var(--text)}.btn:hover,.np-button:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2));border-color:var(--accent)}.btn:focus,.np-button:focus{border-color:var(--accent)}.btn-primary{background:linear-gradient(var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:linear-gradient(color-mix(in srgb,var(--accent) 88%,#fff),var(--accent))}html[data-look=carbon] .btn-primary,html[data-look=daylight] .btn-primary,html[data-look=arctic] .btn-primary,html[data-look=neon] .btn-primary,html[data-look=mint] .btn-primary,html[data-look=gold] .btn-primary,html[data-look=sand] .btn-primary,html[data-look=moss] .btn-primary,html[data-look=paper] .btn-primary,html[data-look=frost] .btn-primary{color:var(--bg)}.btn-home{color:var(--text)}.btn-home:hover,.btn-home:focus{color:var(--text)}.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.btn-danger:hover,.btn-danger:focus{background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:var(--danger)}.section-title{margin-bottom:24px}.tile:focus{transform:scale(1.06)}.section>.grid{padding-top:2px}@keyframes screen-appear{0%{opacity:0}to{opacity:1}}@keyframes content-rise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes content-settle{0%{opacity:0;transform:translate3d(0,-14px,0)}to{opacity:1;transform:none}}.moving-in,.moving-back{animation:screen-appear .15s ease-out both}.moving-in>header,.moving-back>header{animation:screen-appear .22s ease-out both}.moving-in .body>*:not(.alphabet){animation:content-rise .24s cubic-bezier(.2,.7,.3,1) both}.moving-back .body>*:not(.alphabet){animation:content-settle .22s cubic-bezier(.2,.7,.3,1) both}.moving-in .body>*:nth-child(2):not(.alphabet){animation-delay:45ms}.moving-in .body>*:nth-child(3):not(.alphabet){animation-delay:85ms}.moving-in .body>*:nth-child(4):not(.alphabet){animation-delay:115ms}.moving-in .alphabet,.moving-back .alphabet{animation:none}@media(prefers-reduced-motion:reduce){.moving-in,.moving-back,.moving-in>header,.moving-back>header,.moving-in .body>*,.moving-back .body>*{animation:none}}@media(hover:hover){.tile:hover{transform:scale(1.06);z-index:3;position:relative}.match:hover,.look:hover{transform:translateY(-2px);border-color:var(--accent)}.track-row:hover{box-shadow:inset 3px 0 0 var(--accent)}}.tile,.match,.look{transition:transform .15s cubic-bezier(.2,.7,.3,1),box-shadow .15s ease,border-color .12s ease}.tile:focus{transform:scale(1.06);z-index:3;position:relative}@media(prefers-reduced-motion:reduce){.tile,.match,.look{transition:none}.tile:hover,.tile:focus{transform:none}}.tile-play{position:absolute;left:8px;top:8px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:color-mix(in srgb,#000 55%,transparent);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:.5;transition:opacity .13s ease,background-color .13s ease,border-color .13s ease}.tile-play svg{width:22px;height:22px;margin-left:2px}.tile:hover .tile-play,.tile:focus .tile-play,.tile-play:focus{opacity:1}.tile-play:hover,.tile-play:focus{background:var(--accent);border-color:var(--accent);color:var(--bg)}@media(hover:none){.tile-play{opacity:1}}@media(prefers-reduced-motion:reduce){.tile-play{transition:none}}.tile-play:focus,.tile-more:focus{position:absolute}.channel-logo{object-fit:contain;padding:12%;background:var(--surface)}.channel-player .osd{justify-content:space-between}.backup-list{display:flex;flex-direction:column;gap:2px;margin-top:12px}.backup-row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"when size actions" "note note note";align-items:center;gap:8px 14px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.backup-when{grid-area:when}.backup-size{grid-area:size;color:var(--text-dim);white-space:nowrap}.backup-actions{grid-area:actions;display:flex;gap:8px}.backup-row .hint{grid-area:note}.backup-row .hint:empty{display:none}.btn-danger{border-color:var(--danger);color:var(--danger)}.warn{color:var(--danger)}.settings-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.settings-form label{display:flex;align-items:center;gap:10px}.settings-form input[type=text]{flex:1;min-width:0}.small-input{width:5.5rem}@media(max-width:560px){.backup-row{grid-template-columns:1fr auto;grid-template-areas:"when size" "actions actions" "note note"}}.guide-scroll{overflow-x:auto;overflow-y:visible;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.guide{position:relative;min-width:min-content}.guide-channel{position:sticky;left:0;z-index:3;width:190px;min-width:190px;padding:8px 12px;background:var(--surface);border-right:1px solid var(--line);display:flex;align-items:center;cursor:pointer}.guide-channel-name{font-size:.92rem;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.guide-times{position:sticky;top:0;z-index:4;height:30px;margin-left:190px;width:var(--guide-width);background:var(--bg);border-bottom:1px solid var(--line)}.guide-time{position:absolute;top:6px;font-size:.78rem;color:var(--text-dim);transform:translate(-50%);white-space:nowrap}.guide-time-hour{color:var(--text);font-weight:600}.guide-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line-soft);min-height:54px}.guide-track{position:relative;width:var(--guide-width);flex:0 0 auto}.guide-programme{position:absolute;top:4px;bottom:4px;overflow:hidden;padding:6px 8px;border-radius:calc(var(--radius) / 1.5);background:var(--bg-deep);border:1px solid var(--line-soft);cursor:pointer}.guide-now{background:var(--accent-soft);border-color:var(--accent)}.guide-programme-title{font-size:.85rem;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.guide-programme-time{font-size:.72rem;color:var(--text-dim);margin-top:2px}.guide-nowline{position:absolute;top:30px;bottom:0;width:2px;margin-left:190px;background:var(--danger);pointer-events:none;z-index:2}@media(max-width:560px){.guide-channel{width:120px;min-width:120px}.guide-times,.guide-nowline{margin-left:120px}}