:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101214;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html{background:#101214}body{background:linear-gradient(#171b1de6,#101214 340px),#101214;min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}#root{min-height:100svh}.app-shell{width:min(100%,980px);margin:0 auto;padding:12px}.app-header{padding:calc(env(safe-area-inset-top) + 8px) 2px 10px;justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header h1,.sticky-player h2,.app-sheet h2,.empty-card h2{color:#f8faf7;letter-spacing:0;margin:0}.app-header h1{font-size:28px;line-height:1}.eyebrow{color:#8cd9bf;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.header-button,.current-actions a,.card-actions a,.card-actions button,.toggle,.app-sheet button,.sheet-actions a,.favorite,.timecode,.primary-action{color:#f8faf7;cursor:pointer;background:#1b2022;border:1px solid #eef2ef24;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 13px;font-weight:750;text-decoration:none;display:inline-flex}.header-button-primary,.primary-action,.toggle.is-active,.favorite.is-active{color:#12110d;background:#f2b84b;border-color:#f2b84b}.header-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.header-button{padding-inline:10px}.sticky-player{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101214f5;border-bottom:1px solid #eef2ef1a;margin:0 -12px 16px;padding:10px 12px 12px;position:sticky;top:0}.now-playing{grid-template-columns:1fr;gap:10px;margin-bottom:10px;display:grid}.now-playing h2{font-size:19px;line-height:1.2}.subtle,.show-line,.artists,.review,.empty-card p,.sheet-note,.copy-status,.list-summary,.community-note{color:#aab3ad}.subtle,.show-line,.artists,.copy-status,.list-summary{margin:0;font-size:14px}.current-actions,.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.player-shell{background:#050607;border:1px solid #eef2ef1f;border-radius:8px;position:relative;overflow:hidden}.player-shell:before{content:"";aspect-ratio:16/9;display:block}.youtube-host,.player-shell iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player-status{color:#d9eee7;background:#050607b8;border-radius:6px;max-width:calc(100% - 16px);padding:4px 7px;font-size:12px;position:absolute;bottom:8px;left:8px}.controls{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.field{gap:6px;display:grid}.field span{color:#cad1cc;font-size:13px;font-weight:750}.field input,.field select{color:#f8faf7;background:#171b1d;border:1px solid #eef2ef24;border-radius:8px;width:100%;min-height:46px;padding:10px 12px}.toggle-row{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.copy-status{background:#8cd9bf1f;border-radius:8px;margin:0 0 12px;padding:8px 10px}.segment-list{gap:12px;display:grid}.list-summary{font-weight:750}.segment-card,.empty-card{background:#171b1d;border:1px solid #eef2ef1f;border-radius:8px;padding:14px}.segment-card.is-active{border-color:#f2b84bb8;box-shadow:0 0 0 1px #f2b84b2e}.segment-topline{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.timecode{color:#8cd9bf;background:#253036;min-height:40px}.rating,.essential{border-radius:999px;align-items:center;min-height:32px;padding:5px 10px;font-size:13px;font-weight:850;display:inline-flex}.rating{color:#ffd88a;background:#f2b84b24}.essential{color:#ffb5af;background:#e2605829}.segment-card h3{color:#f8faf7;letter-spacing:0;margin:0 0 4px;font-size:20px;line-height:1.22}.artists{color:#8cd9bf;margin-top:8px;font-weight:700}.review{margin:12px 0 0}.tag-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag-row span{color:#d6ded9;background:#202629;border:1px solid #eef2ef1f;border-radius:999px;padding:5px 8px;font-size:12px}.card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.primary-action{grid-column:1/-1}.personal-row{border-top:1px solid #eef2ef1a;grid-template-columns:1fr;gap:10px;margin-top:12px;padding-top:12px;display:grid}.listened-check{color:#e8ede9;align-items:center;gap:10px;min-height:44px;font-weight:750;display:flex}.listened-check input{accent-color:#8cd9bf;width:22px;height:22px}.star-rating{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.star{color:#69736d;cursor:pointer;background:#1b2022;border:1px solid #eef2ef24;border-radius:8px;min-height:44px;font-size:20px}.star.is-selected{color:#f2b84b;background:#f2b84b1f}.empty-card{margin-top:16px}.empty-card h2{font-size:18px}.empty-card p{margin:8px 0 0}.community-note{margin:16px 0 calc(env(safe-area-inset-bottom) + 8px);padding:0 2px;font-size:13px;line-height:1.5}.community-note p{margin:0}.community-note a{color:#8cd9bf;font-weight:750}code{color:#e8ede9;background:#242a2d;border-radius:5px;padding:2px 5px;font-size:.92em}.sheet-backdrop{z-index:30;background:#0000009e;justify-content:center;align-items:end;padding:14px;display:flex;position:fixed;inset:0}.app-sheet{background:#171b1d;border:1px solid #eef2ef24;border-radius:8px;width:min(100%,540px);max-height:min(84vh,720px);padding:14px;overflow:auto}.sheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-sheet h3{color:#f8faf7;margin:0 0 6px;font-size:15px;line-height:1.25}.app-sheet p{margin:0}.app-sheet a{color:#8cd9bf;font-weight:750}.app-sheet ol{color:#e8ede9;margin:14px 0;padding-left:22px}.app-sheet li+li{margin-top:8px}.source-block{margin-top:14px}.source-block p{color:#c7d0ca;line-height:1.5}.source-links{gap:8px;margin-top:14px;display:grid}.source-links a{color:#f8faf7;text-align:center;background:#202629;border:1px solid #eef2ef24;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:9px 12px;text-decoration:none;display:flex}.sheet-primary{color:#12110d;background:#f2b84b;border-color:#f2b84b;width:100%;margin-top:12px}.sheet-actions{grid-template-columns:1fr}.sheet-note{margin:12px 0 0;font-size:13px}@media (width>=720px){.app-shell{padding:18px}.sticky-player{margin-inline:-18px;padding-inline:18px}.now-playing{grid-template-columns:1fr auto;align-items:end}.controls{grid-template-columns:2fr 1fr 1fr 1fr;align-items:end}.field-wide{grid-column:span 1}.toggle-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(160px,220px))}.card-actions{grid-template-columns:1.2fr 1fr 1fr 1fr}.primary-action{grid-column:auto}.personal-row{grid-template-columns:minmax(120px,160px) minmax(120px,160px) minmax(220px,280px);align-items:center}}