:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:#fafbf8;--bg-sidebar:#f0f2ec;--bg-card:#fff;--bg-card-hover:#f4f6f0;--bg-surface:#f0f3ed;--bg-surface-hover:#e8eee4;--bg-glass:#fafbf8f0;--bg-glass-heavy:#f0f3ec;--border-subtle:#e5e9df;--border-default:#d9dfd3;--border-medium:#bfcab9;--border-hover:#8aa58c;--border-focus:#315e49;--text-primary:#25332a;--text-secondary:#677064;--text-muted:#737b70;--text-disabled:#adb3a8;--accent:#315e49;--accent-primary:#315e49;--accent-primary-hover:#244d3a;--accent-secondary:#687e58;--accent-glow:#315e4914;--accent-danger:#a24b4b;--accent-success:#356b48;--accent-warning:#866321;--success:#356b48;--font-sans:"Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 3px 14px #25332a05;--shadow-md:0 12px 35px #25332a12;--shadow-lg:0 20px 60px #25332a24;--transition-fast:.16s ease;--transition-normal:.24s ease;--sidebar-width:216px;--player-height:92px}*,:before,:after{box-sizing:border-box}html{background:var(--bg-main);min-width:320px;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh;margin:0;font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button,a,input,select,summary{touch-action:manipulation}svg{vertical-align:middle;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#244d3a;background:#d7e4c8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd3c4;border-radius:10px}.skipLink{z-index:150;background:var(--accent);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-70px;left:20px}.skipLink:focus{top:12px}.shell{min-height:100vh}.content{max-width:1656px;min-height:100vh;margin-left:var(--sidebar-width);padding:36px 48px calc(var(--player-height) + 40px)}button,.button,.buttonLink{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;min-height:40px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 17px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover,.buttonLink:hover{background:var(--accent-primary-hover)}button:disabled,.button[aria-disabled=true]{opacity:.4;cursor:not-allowed}button.secondary,.button.secondary,.buttonLink.secondary{border-color:var(--border-default);color:var(--text-primary);background:0 0}button.secondary:hover:not(:disabled),.button.secondary:hover,.buttonLink.secondary:hover{background:var(--bg-surface);border-color:var(--border-medium)}button.ghost,.button.ghost,.buttonLink.ghost{color:var(--text-secondary);background:0 0}button.ghost:hover:not(:disabled),.button.ghost:hover{background:var(--bg-surface);color:var(--accent)}button.danger,.button.danger{color:var(--accent-danger);background:#f6e9e7}.iconBtn,.cardIconAction{border-radius:50%;width:34px;min-height:34px;padding:0}.iconBtn.primary{color:var(--accent);background:#e2eadb}.playerFavoriteButton.isFavorited,.playerFavoriteButton.isFavorited:hover:not(:disabled){color:var(--accent-danger);background:#f5e8e4}.textLink{min-height:32px;color:var(--accent);background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}button.textLink:hover:not(:disabled),.textLink:hover{color:#162f20;background:0 0}.textLink span{font-size:17px}input:not([type=range]),select,textarea{border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:0;min-height:42px;color:var(--text-primary);background:#fff;padding:10px 13px;font-size:13px}input::placeholder,textarea::placeholder{color:#838a7e}input:not([type=range]):focus,select:focus,textarea:focus{border-color:var(--accent)}select{cursor:pointer}.sidebar{inset:0 auto var(--player-height) 0;z-index:40;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;padding:38px 18px 18px;display:flex;position:fixed}.brand{align-items:center;gap:10px;margin:0 14px 45px;text-decoration:none;display:flex}.brandIconWrap{background:var(--accent);color:#f2f6e9;border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:36px;display:grid}.brandTitle{letter-spacing:-1.2px;font-size:24px;font-weight:700}.brandPeriod{color:#668d4d}.sidebarNav{gap:30px;display:grid}.navSectionLabel{color:#858d7f;letter-spacing:1.6px;margin-bottom:11px;padding:0 16px;font-size:10px}.navItem{color:#6e7769;min-height:44px;transition:background var(--transition-fast), color var(--transition-fast);border-radius:6px;align-items:center;gap:13px;margin-bottom:4px;padding:11px 15px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.navItem svg{stroke-width:1.65px}.navItem:hover{color:var(--accent);background:#e5eadf}.navItem.active{color:#315e49;background:#e0e8d8;font-weight:650}.navItem.active:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;right:13px}.sidebarFooter{margin-top:auto;padding-top:25px}.sidebarListeningNote{margin:0 15px 30px}.sidebarListeningNote p{color:#737f69;margin:14px 0 12px;font-size:16px;font-weight:400;line-height:1.8}.sidebarListeningNote>span:last-child{letter-spacing:1.3px;color:#8a947f;font-size:8px}.miniWave{align-items:center;gap:4px;height:25px;display:flex}.miniWave i{background:#819a70;border-radius:4px;width:3px;height:11px}.miniWave i:nth-child(2),.miniWave i:nth-child(4){height:19px}.miniWave i:nth-child(3){height:27px}.sidebarSignature{letter-spacing:1.4px;color:#87917e;border-top:1px solid #dfe4d8;margin:18px 15px 0;padding-top:15px;font-size:7px}.mobileSettings{display:none}.searchHero{margin-bottom:32px}.searchHeroTop{align-items:center;gap:10px;display:flex}.searchBarWrapper{border:1px solid var(--border-subtle);background:#f0f3ec;border-radius:7px;flex:1;align-items:center;min-width:0;display:flex;position:relative}.searchBarWrapper:focus-within{background:#fff;border-color:#7d9b7c;box-shadow:0 0 0 3px #315e4908}.searchBarIcon{color:#7e8975;margin-left:15px}.searchHeroInput:not([type=range]){background:0 0;border:0;width:100%;height:43px;padding:10px 12px;font-size:12px}.searchHeroInput:not([type=range]):focus{outline:none}.searchShortcut{color:#8a947f;font-family:var(--font-sans);border:1px solid #d9e0d2;border-radius:4px;flex:none;margin-right:12px;padding:2px 5px;font-size:10px}.searchClearBtn{width:28px;min-height:28px;color:var(--text-muted);background:0 0;margin-right:8px;padding:0}.searchClearBtn:hover:not(:disabled){color:var(--text-primary);background:#e2e8db}.searchSubmit,.searchFilterToggle{min-height:43px}.searchFilterToggle.active{color:var(--accent);background:#e4ecdd;border-color:#bfcfb5}.discoverySearch{border-bottom:1px solid var(--border-subtle);margin-bottom:33px;padding-bottom:26px}.discoverySearch .searchBarWrapper{max-width:510px}.discoverySearch .searchFilterToggle{color:var(--text-secondary);background:0 0;border-color:#0000;margin-left:auto}.quickFilters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.quickFilterLabel{color:var(--text-muted);margin-right:4px;font-size:11px}.filterPill{background:var(--bg-surface);min-height:29px;color:var(--text-secondary);border-radius:5px;padding:4px 10px;font-size:11px}.filterPill:hover:not(:disabled){color:var(--accent);background:#e3ebdb}.advancedPanel{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:8px;grid-template-columns:1.2fr 1.2fr .6fr;gap:16px;margin-top:18px;padding:20px;display:grid}.filterField{gap:8px;display:grid}.filterLabel{color:var(--text-secondary);font-size:12px}.searchStatus{color:var(--text-secondary);overflow-wrap:anywhere;align-items:flex-start;gap:8px;margin-top:14px;font-size:12px;line-height:1.7;display:flex}.searchStatusDot{background:#7c9268;border-radius:50%;flex:none;width:5px;height:5px;margin-top:7px}.searchStatusError{color:var(--accent-danger)}.searchStatusError .searchStatusDot{background:var(--accent-danger)}.searchResultsTop{justify-content:space-between;margin-bottom:20px;display:flex}.searchLoading{color:var(--accent);flex-direction:column;align-items:center;gap:13px;padding-top:35px;display:flex}.searchLoading>span{color:var(--text-muted);font-size:12px}.skeletonGrid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-top:20px;display:grid}.skeletonCard{aspect-ratio:.85;background:linear-gradient(100deg,#eaf0e4 20%,#f3f6ef 50%,#eaf0e4 80%) 0 0/200% 100%;border-radius:10px;animation:1.6s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sectionKicker{color:#828b7b;letter-spacing:1.7px;font-size:9px;font-weight:500;line-height:1.5}.discoveryHeading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.discoveryHeading h1{letter-spacing:-1px;margin:8px 0 0;font-size:30px;font-weight:600}.discoveryHeading>p{color:var(--text-muted);margin:0 0 3px;font-size:12px}.listeningHero{background:#e9eddd;border:1px solid #dee6d1;border-radius:13px;grid-template-columns:1fr 1fr;min-height:365px;display:grid;position:relative;overflow:hidden}.listeningHeroCopy{z-index:2;padding:32px 0 55px 39px;position:relative}.heroLabel{color:#667853;letter-spacing:1.6px;align-items:center;gap:8px;font-size:10px;display:inline-flex}.heroLabel>span{background:#698d53;border-radius:50%;width:5px;height:5px}.listeningHero h2{color:#304737;letter-spacing:1px;white-space:nowrap;margin:20px 0 16px;font-family:Noto Serif CJK SC,Songti SC,STSong,SimSun,serif;font-size:clamp(36px,3.6vw,53px);font-weight:500;line-height:1.26}.listeningHeroCopy>p{color:#76816b;margin:0 0 22px;font-size:11px;line-height:1.9}.heroExplore{background:#365a40;border-radius:5px;gap:9px;min-height:38px;padding:9px 14px;font-size:11px}.heroExplore .arrowRight{margin-left:10px}.arrowRight{transform:rotate(180deg)}.heroEdition{z-index:2;color:#818d76;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:14px;left:39px;right:30px}.heroEdition span{font-family:var(--font-mono);letter-spacing:2px}.recordComposition{align-self:stretch;min-width:0;position:relative}.recordOrbit{border:1px solid #d4dcc6;border-radius:50%;width:355px;height:355px;position:absolute;top:4%;left:5%}.recordOrbit:after{content:"";border:1px solid #dce3d0;border-radius:50%;position:absolute;inset:28px}.vinylRecord{z-index:1;background:repeating-radial-gradient(circle,#0000 0 2px,#fff1 2.5px 3px,#0000 3.5px 5px),conic-gradient(from -30deg,#1d2420,#434b40 15%,#171e1a 29%,#313d30 48%,#151c17 66%,#40473b 84%,#1d2420);border:4px solid #252c27;border-radius:50%;place-items:center;width:255px;height:255px;display:grid;position:absolute;top:57px;right:27px;transform:rotate(17deg);box-shadow:8px 15px 24px #394b3525}.vinylLabel{color:#3c4b33;background:#a9b496;border:1px solid #6c7e5c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.vinylLabel>span{font-family:Georgia,serif;font-size:32px;font-style:italic}.vinylLabel small{letter-spacing:1px;margin-top:5px;font-size:5px}.vinylLabel i{background:#202820;border:2px solid #cbd4bd;border-radius:50%;width:9px;height:9px;position:absolute}.recordSleeve{z-index:2;background:#f7f5e8;border:1px solid #eff0df;width:236px;height:278px;padding:18px;position:absolute;top:44px;left:3px;overflow:hidden;transform:rotate(-9deg);box-shadow:0 19px 28px #5264442b,3px 3px #e1e3cf}.sleeveEdition{color:#6c795c;letter-spacing:1.3px;font-size:5px;line-height:1.8;display:block}.sleeveArt{width:210px;height:210px;position:absolute;top:60px;right:-30px}.sleeveArt i{background:#6d8059;border-radius:60% 40% 53% 47%;width:114px;height:154px;display:block;position:absolute;top:-5px;left:58px;transform:rotate(28deg)}.sleeveArt i:nth-child(2){background:#bcc8a1;width:142px;height:174px;top:30px;left:42px;transform:rotate(-48deg)}.sleeveArt i:nth-child(3){mix-blend-mode:multiply;background:#d9c69f;width:100px;height:129px;top:39px;left:-12px;transform:rotate(35deg)}.sleeveTitle{z-index:2;color:#334629;letter-spacing:-1.5px;margin-top:118px;font-family:Georgia,serif;font-size:32px;line-height:.95;display:block;position:relative}.sleeveTitle em{font-weight:400}.sleeveFooter{color:#6f7d62;letter-spacing:1.3px;justify-content:space-between;font-size:5px;display:flex;position:absolute;bottom:12px;left:18px;right:18px}.sleeveFooter span{font-size:14px}.recordCaption{writing-mode:vertical-rl;color:#89967b;letter-spacing:2.5px;font-size:6px;position:absolute;top:30px;right:20px}.moodSection,.homeLibrary{margin-top:36px}.sectionHeading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.sectionHeading h2{color:var(--text-primary);letter-spacing:-.4px;overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:600}.sectionHeading p{color:var(--text-muted);margin:7px 0 0;font-size:11px}.sectionAside{color:var(--text-muted);font-size:10px}.moodGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.moodCard{min-width:0;color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex}.moodCard:hover:not(:disabled){background:0 0}.moodArtwork{aspect-ratio:1.47;width:100%;transition:transform var(--transition-normal);background:#e1e8d8;border-radius:8px;position:relative;overflow:hidden}.moodCard:hover .moodArtwork{transform:translateY(-4px)}.moodEnglish{z-index:2;color:#5c7151;letter-spacing:1.5px;font-size:7px;position:absolute;top:15px;left:16px}.moodArrow{z-index:2;color:#4c6643;background:#ffffff5c;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;display:grid;position:absolute;bottom:13px;right:14px}.moodTitle{margin:12px 0 6px;font-size:14px;font-weight:600}.moodDescription{color:var(--text-muted);font-size:10px;font-weight:400}.moodShape{position:absolute;inset:0}.mood-slow .moodShape i{background:#b5c7a0;border:1px solid #8ca27a;border-radius:50%;width:175px;height:120px;position:absolute;bottom:-67px;left:-28px;transform:rotate(-26deg)}.mood-slow .moodShape i:nth-child(2){background:#8aa578;bottom:-48px;left:72px}.mood-slow .moodShape i:nth-child(3){background:#f3f0ce;border:0;width:43px;height:43px;top:40px;left:54px}.mood-slow .moodShape i:nth-child(4){background:#658360;width:240px;bottom:-97px;left:-8px}.mood-focus .moodArtwork{background:#e5e5dc}.mood-focus .moodEnglish{color:#6b6e5f}.mood-focus .moodShape{background:#cbd0bd;border:1px solid #9aa18b;border-radius:60px 60px 0 0;width:90px;height:130px;inset:44px auto auto 28%;transform:rotate(-17deg)}.mood-focus .moodShape i{border:1px solid #9aa18b;border-radius:60px 60px 0 0;position:absolute;inset:13px 10px 0}.mood-focus .moodShape i:nth-child(2){background:#aab69a;inset:26px 20px 0}.mood-focus .moodShape i:nth-child(3){background:#7d9173;inset:39px 30px 0}.mood-focus .moodShape i:nth-child(4){display:none}.mood-retro .moodArtwork{background:#eee2d4}.mood-retro .moodEnglish{color:#8b735b}.mood-retro .moodShape{background:#ccb493;border:1px solid #ad8e6e;border-radius:8px;width:112px;height:75px;inset:52px auto auto 22%;transform:rotate(-12deg);box-shadow:5px 6px #d5c2a8}.mood-retro .moodShape:before{content:"";background:#f0e6d8;border:1px solid #ad8e6e;border-radius:15px;position:absolute;inset:13px 12px 25px}.mood-retro .moodShape:after{content:"";clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#9e886e;height:16px;position:absolute;inset:auto 26px 0}.mood-retro .moodShape i{background:#8c795f;border:4px solid #bdab8e;border-radius:50%;width:17px;height:17px;position:absolute;top:19px;left:20px}.mood-retro .moodShape i:nth-child(2){left:auto;right:20px}.mood-retro .moodShape i:nth-child(n+3){display:none}.mood-night .moodArtwork{background:#dfe5ea}.mood-night .moodEnglish{color:#627b8a}.mood-night .moodShape i:first-child{background:#849cac;border-radius:50%;width:68px;height:68px;position:absolute;top:43px;left:35%}.mood-night .moodShape i:first-child:after{content:"";background:#dfe5ea;border-radius:50%;width:60px;height:60px;position:absolute;top:-10px;left:20px}.mood-night .moodShape i:nth-child(2),.mood-night .moodShape i:nth-child(3){background:#8197a6;width:4px;height:4px;position:absolute;top:62px;left:25%;transform:rotate(45deg)}.mood-night .moodShape i:nth-child(3){width:6px;height:6px;top:38px;left:73%}.libraryEmpty{border:1px solid var(--border-subtle);min-height:105px;color:var(--text-secondary);border-radius:9px;align-items:center;gap:18px;padding:22px;display:flex}.libraryEmptyIcon{color:#6a885a;background:#eaf0e3;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.libraryEmpty strong{color:var(--text-primary);font-size:13px;font-weight:500}.libraryEmpty p{margin:7px 0 0;font-size:11px;line-height:1.7}.libraryEmpty>.textLink{margin-left:auto}.discoveryFooter{border-top:1px solid var(--border-subtle);color:#9ba491;letter-spacing:.5px;justify-content:space-between;margin-top:34px;padding-top:20px;font-size:9px;display:flex}.discoveryFooter>span:first-child{font-size:12px;font-weight:600}.pageHeader{border-bottom:1px solid var(--border-subtle);margin:8px 0 32px;padding-bottom:28px}.pageTitleRow{align-items:center;gap:11px;margin-bottom:18px;display:flex}.pageIcon{width:35px;height:35px;color:var(--accent);background:#e7eddf;border-radius:9px;place-items:center;display:grid}.pageIcon.rose{color:#a77468;background:#f2e6e2}.pageIcon.cyan{color:#608593;background:#e4edf0}.pageIcon.neutral{color:#75836b;background:#e9ece5}.pageHeader h1{letter-spacing:-.8px;margin:0;font-size:32px;font-weight:600}.pageHeader p{max-width:670px;color:var(--text-muted);margin:12px 0 0;font-size:12px;line-height:1.9}.empty{border:1px dashed var(--border-default);text-align:center;background:#f5f7f1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;padding:38px 25px;display:flex}.emptyIcon{color:#6a855b;background:#e7eedf;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:5px;display:grid}.empty strong{color:#4d6148;font-size:17px;font-weight:500}.empty>span{color:var(--text-muted);font-size:12px;line-height:1.8}.compactEmpty{min-height:80px;padding:20px}.card,.panel,.kernelPanel{border:1px solid var(--border-subtle);background:#fff;border-radius:11px;padding:25px}.panel,.kernelPanel{margin-bottom:20px}.panelTitle{margin:0;font-size:16px;font-weight:600}.badge{border:1px solid var(--border-subtle);min-height:23px;color:var(--text-secondary);white-space:nowrap;background:#f4f6f0;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;display:inline-flex}.badge.primary,.badge.accent,.badge.success{color:var(--accent);background:#e9f0e2;border-color:#d7e3ca}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.8}.errorText,.cardFeedback{color:var(--accent-danger);overflow-wrap:anywhere;font-size:12px}.tableWrapper,.tableWrap{border:1px solid var(--border-subtle);border-radius:7px;width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;color:var(--text-secondary);font-size:12px}.table thead th{color:#778270;background:#f5f7f1;padding:12px 16px;font-size:10px;font-weight:500}.table td,.table tbody th{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:15px 16px}.table tbody th{font-weight:500}.table tr:last-child td,.table tr:last-child th{border-bottom:0}.table tbody tr:hover{background:#f9faf6}.pageNarrow{max-width:880px}.pageNarrowWide{max-width:1100px}.collectionToolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;padding:16px 0;display:flex}.collectionToolbar>div{align-items:baseline;gap:12px;display:flex}.collectionToolbar>div>span{color:var(--text-muted);font-size:12px}.collectionToolbar strong{font-size:26px;font-weight:500}.collectionHint{color:var(--text-muted);align-items:center;gap:7px;font-size:10px;display:inline-flex}.cardSectionHeader{align-items:flex-start;gap:13px;margin-bottom:22px;display:flex}.cardSectionHeader.compact{align-items:center}.sectionIcon{width:35px;height:35px;color:var(--accent);background:#eaf0e4;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.cardSectionHeader h3{margin:5px 0 0;font-size:16px;font-weight:600}.cardSectionHeader p{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.8}.creatorFormCard{margin-bottom:22px}.creatorForm,.filterField{gap:12px;display:grid}.creatorFormFields{grid-template-columns:1.5fr 1fr auto;gap:12px;display:grid}.creatorSubmit{min-height:43px}.formFeedback{color:var(--accent-danger);align-items:center;gap:10px;font-size:12px;display:flex}.formFeedback.success{color:var(--accent-success)}.cardToolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.cardToolbarTitle{align-items:center;gap:12px;display:flex}.cardToolbarTitle h3{margin:5px 0 0;font-size:16px;font-weight:600}.listMessage{text-align:center;color:var(--text-muted);padding:35px 10px}.creatorIdentity{align-items:center;gap:10px;display:flex}.creatorAvatar{color:#6b8255;background:#e6eedb;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.creatorName{color:var(--text-primary);font-weight:500}.creatorNotes{color:var(--text-muted);margin-top:5px;display:block}.creatorMid{color:var(--text-muted);font-size:11px}.tableActions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.tableActions button,.tableActions a{min-height:30px;padding:6px 9px;font-size:10px}.tableActions button.ghost{color:var(--accent-danger)}.settingsInfoCard{margin-top:24px}.settingsProse{color:var(--text-secondary);font-size:12px;line-height:2}.settingsProse ul{margin:0;padding-left:18px}.settingsProse li+li{margin-top:10px}.settingsProse strong{color:var(--text-primary);font-weight:600}.loginHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.loginHeader .panelTitle{margin-bottom:10px}.statusPill{color:var(--text-muted);background:#f1f3ed;border-radius:5px;flex-shrink:0;padding:5px 9px;font-size:10px}.statusPill.ok{color:var(--accent);background:#e3edda}.qrWrap{align-items:center;gap:22px;margin-top:22px;display:flex}.qrWrap img{border:1px solid var(--border-subtle);border-radius:10px;width:160px;height:160px;padding:8px}.qrWrap strong{margin-bottom:10px;font-size:14px;display:block}.candidateResults{min-width:0}.resultTools{flex:none;align-items:center;gap:17px;display:flex}.resultCount{color:var(--text-muted);font-size:11px}.viewToggle{border:1px solid var(--border-subtle);border-radius:6px;gap:3px;padding:3px;display:flex}.viewToggle button{color:#89917f;background:0 0;border-radius:3px;width:29px;min-height:27px;padding:0}.viewToggle button[aria-pressed=true]{color:var(--accent);background:#e3ebda}.viewToggle button:hover{background:#eaf0e3}.candidateList{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.candidateCard{border-radius:8px;flex-direction:column;min-width:0;display:flex;position:relative}.trackIndex{display:none}.cardCoverWrap{aspect-ratio:1.1;background:#e8eee1;border-radius:8px;position:relative}.cardCover{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.cardCoverFallback{color:#79936b;background:#e3eadb;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.cardCoverFallback>span{letter-spacing:3px;font-size:7px}.coverTone1{color:#999a7c;background:#e7e6df}.coverTone2{color:#b49673;background:#eee1d4}.coverTone3{color:#8a9eac;background:#dfe6ea}.durationBadge{color:#fff;font-variant-numeric:tabular-nums;background:#202d236b;border-radius:3px;padding:3px 5px;font-size:9px;position:absolute;bottom:9px;left:10px}.cardPlayOverlayBtn{width:39px;min-height:39px;color:var(--accent);transition:transform var(--transition-fast), background var(--transition-fast);background:#ffffffed;border:1px solid #ffffff80;border-radius:50%;padding:0;position:absolute;bottom:10px;right:11px;box-shadow:0 3px 8px #0001}.cardPlayOverlayBtn:hover:not(:disabled){background:var(--accent);color:#fff;transform:scale(1.07)}.cardBody{min-width:0;padding:13px 0 0}.cardTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:13px;font-weight:500;line-height:1.55;text-decoration:none;display:-webkit-box;overflow:hidden}.cardTitle:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.cardAuthorRow{align-items:center;gap:6px;margin-top:7px;display:flex}.cardAuthorName{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.authorFollowedBadge{color:#6d835a;white-space:nowrap;font-size:8px}.cardFooter{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.cardCategory{color:#8a947f;font-size:9px}.cardActionGroup{align-items:center;gap:3px;display:flex}.cardIconAction.isFavorited{color:#a0605a;background:#f5e8e4}.cardMore{position:relative}.cardMore>summary{color:#8b9581;cursor:pointer;border-radius:5px;place-items:center;width:30px;height:32px;list-style:none;display:grid}.cardMore>summary::-webkit-details-marker{display:none}.cardMore>summary:hover,.cardMore[open]>summary{color:var(--accent);background:#eaf0e3}.cardMore[data-placement=above] .cardMorePanel{top:auto;bottom:calc(100% + 6px)}.cardMorePanel{z-index:15;border:1px solid var(--border-default);width:225px;box-shadow:var(--shadow-lg);background:#fff;border-radius:9px;padding:7px;position:absolute;top:36px;right:0}.cardMorePanel>button,.cardMorePanel>a{width:100%;min-height:36px;color:var(--text-secondary);background:0 0;border:0;justify-content:flex-start;gap:10px;padding:8px 10px;font-size:11px;text-decoration:none;display:flex}.cardMorePanel>button:hover:not(:disabled),.cardMorePanel>a:hover{color:var(--accent);background:#f0f4ea}.cardFeedback{margin:6px 0 0;line-height:1.6}.candidateListRows{flex-direction:column;gap:0;display:flex}.candidateListRows .candidateCard{border-bottom:1px solid var(--border-subtle);border-radius:0;grid-template-columns:26px 55px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 12px;display:grid}.candidateListRows .candidateCard:hover{background:#f2f6ec}.candidateListRows .trackIndex{color:#98a08e;font-family:var(--font-mono);font-size:11px;display:block}.candidateListRows .cardCoverWrap{aspect-ratio:1}.candidateListRows .cardPlayOverlayBtn{color:#fff;opacity:0;background:#20352780;border-radius:6px;width:100%;height:100%;min-height:0;inset:0}.candidateListRows .candidateCard:hover .cardPlayOverlayBtn,.candidateListRows .cardPlayOverlayBtn:focus-visible{opacity:1;transform:none}.candidateListRows .cardCoverFallback>span,.candidateListRows .durationBadge{display:none}.candidateListRows .cardCoverFallback svg{width:23px}.candidateListRows .cardBody{padding:0}.candidateListRows .cardTitle{-webkit-line-clamp:1;min-height:auto}.candidateListRows .cardFooter{gap:25px;margin:0}.candidateListRows .cardFeedback{grid-column:3/-1}.paginationBar{justify-content:center;align-items:center;gap:20px;margin-top:35px;display:flex}.paginationBar>span{color:var(--text-muted);font-size:12px}.detailPage{max-width:1150px}.backButton{margin-bottom:28px}.detailHero{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:35px;margin-bottom:35px;display:grid}.detailArtwork{aspect-ratio:1;box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.detailArtwork img,.detailArtworkFallback{object-fit:cover;width:100%;height:100%}.detailArtworkFallback{color:#81956b;background:#e4ebd9;place-items:center;display:grid}.detailHeroContent h1{overflow-wrap:anywhere;margin:12px 0;font-size:27px;font-weight:600;line-height:1.5}.detailCreator{color:var(--text-muted);font-size:13px}.detailBadges,.detailActions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detailActions{margin-top:24px}.detailFacts{flex-wrap:wrap;gap:28px;margin:26px 0 0;display:flex}.detailFacts dt{color:var(--text-muted);font-size:10px}.detailFacts dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:8px 0 0;font-size:11px}.detailContentGrid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.cardFootnote{color:var(--text-muted);margin:20px 0 0;font-size:11px;line-height:1.8}.detailTable tbody th{white-space:nowrap;width:100px}.detailTable tbody td{overflow-wrap:anywhere;word-break:break-word}.historyCard{margin-top:20px}.playerDock{z-index:60;height:var(--player-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fafbf8f7;border-top:1px solid #dce3d4;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 25px #3b502d05}.playerInner{grid-template-columns:minmax(0,1fr) minmax(270px,1.25fr) minmax(0,1fr);align-items:center;gap:28px;height:100%;padding:12px 31px;display:grid;position:relative}.playerTrackSection{align-items:center;gap:13px;min-width:0;display:flex}.playerCoverWrap{flex:none;width:51px;height:51px}.playerCover{object-fit:cover;border-radius:7px;width:100%;height:100%}.playerTrackDetails{min-width:0}.playerTrackActions{align-items:center;gap:7px;margin-top:6px;display:flex}.playerTrackActions button{white-space:nowrap;border-radius:6px;min-height:26px;padding:3px 8px;font-size:10px}.playerFollowButton{color:#315e48;background:#e3eddd;border:1px solid #cfdfc6;align-items:center;gap:4px;display:inline-flex}.playerFollowButton.isFollowed{opacity:.8;background:0 0;border-color:#0000}.playerRangeButton{color:var(--text-muted);text-overflow:ellipsis;background:0 0;border:1px solid #dce3d4;max-width:150px;overflow:hidden}.playbackRangePanel{z-index:70;background:var(--bg-surface,#fafbf8);border:1px solid var(--border-subtle,#dce3d4);border-radius:16px;width:min(470px,100vw - 40px);padding:20px;position:absolute;bottom:calc(100% + 12px);left:20px;box-shadow:0 12px 50px #233b2930}.playbackRangePanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.playbackRangePanel header p{color:var(--text-muted);margin:6px 0 16px;font-size:12px}.playbackRangeFields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.playbackRangeFields label{gap:8px;min-width:0;font-size:12px;display:grid}.playbackRangeFields input{font-variant-numeric:tabular-nums;width:100%;min-width:0}.playbackRangeFields button{justify-self:start;font-size:11px}.playbackRangePanel footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.playbackRangePanel footer>:first-child{margin-right:auto}.playerTrackTitle{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.playerTrackArtist{color:var(--text-muted);align-items:center;gap:6px;margin-top:7px;font-size:10px;display:flex}.playerTrackArtist>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playerControlSection{align-self:center;min-width:0}.playerButtonsRow{justify-content:center;align-items:center;gap:23px;display:flex}.playerNavBtn{color:#6c7c61;background:0 0;min-width:23px;min-height:26px;padding:0}.playerNavBtn:hover:not(:disabled){color:var(--accent);background:0 0}.playPauseBtn,.playerPlayBtn{background:var(--accent);color:#fff;border-radius:50%;width:35px;min-height:35px;padding:0}.playPauseBtn:disabled{color:#86997a;opacity:1;background:#dfe7d6}.playerProgressRow{align-items:center;gap:9px;margin-top:8px;display:flex}.playerTime{color:#95a088;font-variant-numeric:tabular-nums;width:28px;font-size:9px}.playerTime.current{text-align:right}.progressBarContainer{flex:1;align-items:center;display:flex}input[type=range].slider{appearance:none;width:100%;min-width:0;height:3px;accent-color:var(--accent);cursor:pointer;background:#dce4d4;border:0;border-radius:4px;margin:0;padding:0}input.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:9px;height:9px}input.slider::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:9px;height:9px}input.slider:disabled::-webkit-slider-thumb{visibility:hidden}input.slider:disabled::-moz-range-thumb{visibility:hidden}input.slider:disabled{cursor:default}.playerExtraSection{justify-content:flex-end;align-items:center;gap:8px;display:flex}.volumeControl{align-items:center;gap:3px;width:104px;margin-right:8px;display:flex}.volumeSlider{flex:1}.dockQueueBadge{min-width:13px;color:var(--accent);background:#e0ebd5;border-radius:8px;margin:-24px 0 0 20px;padding:1px 4px;font-size:8px;position:absolute}.playerDisc{color:var(--accent);background:#eaf0e3;border-radius:7px;place-items:center;display:grid}.playerDiscSpin{animation:1.5s linear infinite spin}.playerCover.playerDiscSpin,.playerDisc.playerDiscSpin{animation:none}@keyframes spin{to{transform:rotate(360deg)}}.playerDockCompact{height:64px}.compactPlayer{justify-content:space-between;align-items:center;gap:20px;height:100%;padding:12px 28px;display:flex}.compactNowPlaying{align-items:center;gap:12px;min-width:0;display:flex}.playerNotice{border:1px solid var(--border-default);max-width:min(480px,100vw - 32px);box-shadow:var(--shadow-md);background:#fff;border-radius:9px;align-items:center;gap:15px;padding:8px 10px 8px 16px;font-size:12px;line-height:1.7;display:flex;position:absolute;bottom:calc(100% + 12px);right:24px}.playerNotice span{overflow-wrap:anywhere}.playerNotice button{min-width:28px;min-height:28px;padding:0}.dockFlyoutPanel{border:1px solid var(--border-default);width:370px;max-width:calc(100vw - 32px);max-height:min(520px,65dvh);box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;position:absolute;bottom:calc(100% + 14px);right:24px;overflow:auto}.dockSettingsPanel{width:300px}.flyoutHeader,.dockFlyoutHeader{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:15px;padding:17px;font-size:12px;display:flex}.flyoutList,.dockFlyoutBody{max-height:320px;padding:6px;overflow-y:auto}.flyoutItem,.dockQueueItem{cursor:pointer;border-radius:5px;align-items:center;gap:12px;padding:12px 9px;display:flex}.flyoutItem:hover,.dockQueueItem:hover{background:#f3f6ed}.flyoutItem.active,.dockQueueItem.active{background:#e9f0e0}.flyoutIndex{text-align:center;color:#8d9c80;flex-shrink:0;width:17px;font-size:10px}.flyoutInfo{flex:1;min-width:0}.flyoutSelect{min-width:0;min-height:32px;color:var(--text-primary);text-align:left;background:0 0;flex:1;justify-content:flex-start;gap:12px;padding:0;display:flex}.flyoutSelect:hover:not(:disabled){color:var(--accent);background:0 0}.flyoutTitle{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.flyoutSub{color:var(--text-muted);margin-top:5px;font-size:10px}.flyoutRemove{color:#92a085;background:0 0;width:25px;min-height:25px;padding:0}.flyoutRemove:hover:not(:disabled){color:var(--accent-danger);background:#f4e7e3}@media (min-width:721px) and (max-height:800px){.sidebarListeningNote{display:none}.sidebar{overflow-y:auto}.sidebarFooter{padding-top:20px}}@media (min-width:1600px){.content{padding-inline:64px}.listeningHero{min-height:410px}.listeningHeroCopy{padding:43px 0 55px 48px}.recordComposition{transform-origin:40% 40%;transform:scale(1.1)}.recordSleeve{left:10%}.vinylRecord{right:12%}}@media (max-width:1200px){:root{--sidebar-width:190px}.content{padding:28px 32px calc(var(--player-height) + 32px)}.sidebar{padding-inline:13px}.brand{margin-inline:9px}.brandTitle{font-size:22px}.navItem{font-size:12px}.listeningHeroCopy{padding-left:30px}.recordComposition{transform-origin:0;width:118%;transform:scale(.85)}.recordSleeve{left:0}.vinylRecord{right:13px}.heroEdition{left:30px}.candidateList{grid-template-columns:repeat(3,minmax(0,1fr))}.homeLibrary .candidateList{grid-template-columns:repeat(4,minmax(0,1fr))}.playerInner{gap:18px;padding-inline:22px}.playerExtraSection{gap:4px}.volumeControl{width:80px;margin-right:0}.moodGrid{gap:15px}}@media (max-width:960px){:root{--sidebar-width:78px}.sidebar{align-items:stretch;padding-inline:13px}.brand{margin:0 auto 43px}.brandInfo,.navSectionLabel,.navLabel,.sidebarListeningNote,.sidebarSignature{display:none}.navItem{justify-content:center;padding:12px}.navItem.active:after{display:none}.sidebarNav{gap:22px}.navGroup{gap:7px;display:grid}.content{padding-inline:30px}.playerInner{grid-template-columns:minmax(0,1fr) minmax(220px,1.2fr) auto;gap:20px}.volumeControl,.playerExtraSection>button:last-child{display:none}.recordComposition{width:120%;transform:scale(.83)}.detailHero{grid-template-columns:220px minmax(0,1fr);gap:24px}.detailContentGrid{grid-template-columns:1fr}.creatorFormFields{grid-template-columns:1fr 1fr}.creatorSubmit{grid-column:1/-1;justify-self:start}}@media (max-width:720px){:root{--sidebar-width:0px;--player-height:100px;--mobile-nav-height:calc(63px + env(safe-area-inset-bottom,0px))}.content{padding:24px 22px calc(var(--player-height) + var(--mobile-nav-height) + 30px);margin:0}.sidebar{width:100%;height:var(--mobile-nav-height);padding:7px 10px max(7px, env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--border-subtle);z-index:70;background:#f7f9f2;inset:auto 0 0}.brand,.sidebarFooter{display:none}.sidebarNav{gap:0;width:100%;display:flex}.navGroup{display:contents}.navItem{background:0 0;flex-direction:column;flex:1;gap:5px;min-height:46px;margin:0;padding:4px 0}.navItem.active{color:var(--accent);background:0 0}.navLabel{font-size:9px;line-height:1.3;display:block}.sidebar{overflow:visible}.mobileSettings{color:#758969;border:1px solid var(--border-subtle);background:#f4f7ee;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;top:25px;right:18px}.searchHeroTop{gap:7px;padding-right:41px}.searchBarIcon{margin-left:11px}.searchBarIcon svg{width:16px}.searchHeroInput:not([type=range]){padding-inline:8px;font-size:12px}.searchSubmit{padding:10px 12px}.searchSubmit svg,.searchShortcut{display:none}.searchFilterToggle{width:38px;padding:0}.searchFilterToggle span{display:none}.discoverySearch{margin-bottom:24px;padding-bottom:20px}.discoverySearch .searchFilterToggle{margin-left:0}.discoveryHeading{margin-bottom:20px}.discoveryHeading h1{font-size:27px}.discoveryHeading>p{display:none}.sectionKicker{letter-spacing:1.3px;font-size:8px}.listeningHero{grid-template-columns:1fr .8fr;min-height:314px}.listeningHeroCopy{padding:27px 0 45px 24px}.listeningHero h2{margin-top:18px;font-size:38px}.listeningHeroCopy>p{margin-bottom:17px;font-size:10px}.heroLabel{letter-spacing:.8px;font-size:8px}.heroExplore{gap:6px;padding:8px 11px;font-size:10px}.heroExplore .arrowRight{display:none}.heroEdition{font-size:7px;left:24px;right:20px}.recordComposition{transform-origin:0 45%;width:155%;transform:scale(.66)}.recordSleeve{top:25px;left:0}.vinylRecord{top:42px;right:-48px}.recordCaption,.recordOrbit{display:none}.moodSection,.homeLibrary{margin-top:29px}.sectionHeading{gap:14px;margin-bottom:17px}.sectionHeading h2{font-size:17px}.sectionAside{display:none}.moodGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.moodArtwork{aspect-ratio:1.5}.moodTitle{margin-top:10px}.moodDescription{font-size:10px}.libraryEmpty{flex-wrap:wrap;gap:12px;padding:18px}.libraryEmpty>div{flex:1;min-width:180px}.libraryEmptyIcon{width:40px;height:40px}.libraryEmpty>.textLink{margin-left:52px}.discoveryFooter{gap:16px}.pageHeader{padding-right:40px}.pageHeader h1{font-size:27px}.pageHeader p{font-size:12px}.pageTitleRow{margin-bottom:15px}.advancedPanel{grid-template-columns:1fr;gap:14px;padding:16px}.searchHero:not(.discoverySearch) .searchHeroTop{padding-right:0}.resultTools{gap:8px}.resultCount{font-size:10px}.candidateList,.homeLibrary .candidateList{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.candidateResults>.sectionHeading{align-items:flex-start}.candidateResults>.sectionHeading h2{font-size:16px}.resultTools{flex-direction:column;align-items:flex-end;gap:8px}.cardTitle{min-height:38px;font-size:12px}.cardMorePanel{width:200px}.candidateList:not(.candidateListRows) .candidateCard:nth-child(odd) .cardMorePanel{left:-105px;right:auto}.candidateListRows .candidateCard{grid-template-columns:45px minmax(0,1fr) auto;gap:12px;padding:12px 0}.candidateListRows .trackIndex,.candidateListRows .cardCategory{display:none}.candidateListRows .cardFooter{gap:0}.candidateListRows .cardIconAction{width:30px}.candidateListRows .cardFeedback{grid-column:2/-1}.candidateListRows .cardPlayOverlayBtn{opacity:1;background:#20352740}.skeletonGrid{grid-template-columns:repeat(2,1fr)}.skeletonCard:nth-child(n+3){display:none}.collectionToolbar{align-items:flex-start;gap:15px}.collectionHint{max-width:150px;line-height:1.7}.card,.kernelPanel{padding:20px}.creatorFormFields{grid-template-columns:1fr}.creatorSubmit{width:100%}.cardToolbarTitle>svg,.cardToolbarTitle .badge{display:none}.cardToolbarTitle h3{font-size:14px}.loginHeader{flex-direction:column}.qrWrap{flex-direction:column;align-items:flex-start}.table td,.table th{padding:12px 10px}.detailHero{grid-template-columns:1fr;gap:24px}.detailArtwork{width:min(250px,75%)}.detailHeroContent h1{font-size:23px}.detailFacts{gap:20px}.playerDock{bottom:var(--mobile-nav-height);height:var(--player-height)}.playerInner{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:12px 18px}.playerCoverWrap{width:43px;height:43px}.playerTrackSection{gap:10px}.playerTrackSection>button{display:none}.playerTrackTitle{font-size:11px}.playerTrackArtist{margin-top:3px;font-size:9px}.playerTrackActions{gap:4px;margin-top:4px}.playerTrackActions button{min-height:30px;padding:2px 6px;font-size:10px}.playerTrackActions svg{display:none}.playerRangeButton{max-width:100px}.playbackRangePanel{width:calc(100vw - 24px);max-height:min(70vh,560px);padding:16px;left:12px;overflow-y:auto}.playerButtonsRow{gap:13px}.playerButtonsRow>button:first-child,.playerButtonsRow>button:nth-child(2),.playerButtonsRow>:last-child{display:none}.playerProgressRow{margin:0;position:absolute;top:-2px;left:0;right:0}.playerTime{display:none}.playerExtraSection{gap:0}.playerExtraSection>button:not(:first-of-type){display:none}.playPauseBtn{width:33px;min-height:33px}.dockFlyoutPanel{width:min(370px,100vw - 24px);max-width:calc(100vw - 24px);right:12px}.playerNotice{max-width:calc(100vw - 24px);right:12px}.compactPlayer{padding:10px 18px}}@media (max-width:400px){.content{padding-inline:16px}.listeningHeroCopy{padding-left:20px}.listeningHero{min-height:306px}.recordComposition{transform-origin:-10%;transform:scale(.55)}.listeningHero h2{letter-spacing:0;font-size:32px}.heroEdition{font-size:6px;left:20px}.heroEdition>span{display:none}.moodEnglish{font-size:6px;left:12px}.mobileSettings{right:14px}.playerButtonsRow{gap:7px}.playerInner{gap:7px;padding-inline:13px}}@media (max-width:350px){.recordComposition{transform-origin:100%;width:330px;height:340px;position:absolute;top:0;right:-65px;transform:scale(.4)}.listeningHero h2{font-size:30px}}.navMobileLabel{display:none}.playlistPageHeading{justify-content:space-between;align-items:center;gap:24px;display:flex}.playlistCreateCard{margin-bottom:28px}.playlistDialogHeading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.playlistDialogHeading h2{margin:6px 0 0;font-size:21px;font-weight:600}.playlistEditForm{gap:17px;display:grid}.playlistEditForm label{color:var(--text-secondary);gap:9px;font-size:12px;display:grid}.playlistEditForm input,.playlistEditForm textarea{resize:vertical;width:100%}.playlistGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;display:grid}.playlistTile{min-width:0;text-decoration:none}.playlistArtwork{aspect-ratio:1;color:#658056;transition:transform var(--transition-normal);background:#e0e9d7;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.playlistTile:hover .playlistArtwork{transform:translateY(-4px)}.playlistArtwork:before{content:"";aspect-ratio:1;opacity:.15;border:1px solid;border-radius:50%;width:70%;position:absolute}.playlistArtwork:after{content:"";aspect-ratio:1;opacity:.1;border:1px solid;border-radius:50%;width:85%;position:absolute}.playlistArtwork img{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.playlistArtworkLabel{z-index:3;color:#66775a;letter-spacing:1.5px;background:#fafbf8cf;border-radius:3px;padding:4px 6px;font-size:7px;position:absolute;top:14px;left:14px}.playlistOpenArrow{z-index:3;width:30px;height:30px;color:var(--accent);background:#fafbf8cb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.playlistTone1{color:#738895;background:#e4e7e9}.playlistTone2{color:#a0876e;background:#ebe1d7}.playlistTone3{color:#8b82a0;background:#e6e4ec}.playlistTile h3{overflow-wrap:anywhere;margin:15px 0 8px;font-size:16px;font-weight:600}.playlistTile p{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin:0 0 10px;font-size:11px;overflow:hidden}.playlistTile>span{color:var(--text-muted);font-size:10px}.playlistBack{margin-bottom:27px}.playlistHero{background:#edf1e5;border:1px solid #e0e8d7;border-radius:13px;align-items:center;gap:32px;padding:32px;display:flex}.playlistDetailArtwork{color:#637f50;background:#dce5ce;border:1px solid #cfdac0;border-radius:7px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:6px 8px #d3ddc35c}.playlistDetailArtwork>span{letter-spacing:2px;margin-top:23px;font-size:7px}.playlistHeroText{min-width:0}.playlistHeroText h1{overflow-wrap:anywhere;margin:12px 0;font-size:clamp(26px,3vw,39px);font-weight:600;line-height:1.35}.playlistHeroText p{max-width:570px;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 22px;font-size:12px;line-height:1.9}.playlistMeta{color:#78866a;font-size:11px}.playlistControls{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;display:flex}.playlistTrackHeading{justify-content:space-between;align-items:center;gap:20px;margin:20px 0 25px;display:flex}.playlistTrackHeading>span{color:var(--text-muted);font-size:11px;line-height:1.7}.playlistTrackActions{align-items:center;gap:2px;display:flex}.playlistTracks .cardCategory{display:none}.playlistTracks .cardFooter{justify-content:flex-end}.playlistTracks .candidateListRows .cardFooter{gap:8px}.playlistTracks .candidateList:not(.candidateListRows) .cardFooter{flex-wrap:wrap}.playlistFeedback{color:var(--accent);background:#eff4e8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;font-size:12px;line-height:1.7;display:flex}.playlistFeedback.errorText{color:var(--accent-danger);background:#f9edeb}.playlistDialog{border:1px solid var(--border-default);background:var(--bg-main);width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text-primary);box-shadow:var(--shadow-lg);border-radius:14px;margin:auto;padding:0;position:fixed;overflow:auto}.playlistDialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16271c66}.playlistDialogContent{padding:26px}.pickerTrackTitle{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:-7px 0 20px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.playlistPickerList{max-height:245px;overflow-y:auto}.playlistPickRow{width:100%;color:var(--text-primary);text-align:left;background:0 0;border-radius:6px;justify-content:flex-start;gap:13px;padding:12px 8px;display:flex}.playlistPickRow:hover:not(:disabled){background:#eaf0e1}.playlistPickRow:disabled{opacity:.68}.playlistSmallCover{color:#678254;background:#e1e9d7;border-radius:5px;place-items:center;width:43px;height:43px;display:grid}.playlistPickRow>span:nth-child(2){flex:1;gap:6px;min-width:0;display:grid}.playlistPickRow strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.playlistPickRow small{color:var(--text-muted);font-size:10px}.pickerPlus{color:#7e946f;font-size:20px}.pickerEmpty{text-align:center;color:#7b916a;padding:25px}.pickerEmpty p{font-size:12px}.playlistQuickCreate{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:20px}.playlistQuickCreate label{color:var(--text-secondary);margin-bottom:10px;font-size:11px;display:block}.playlistQuickCreate>div{gap:9px;display:flex}.playlistQuickCreate input{flex:1;min-width:0}.playlistQuickCreate button{flex-shrink:0;padding-inline:12px;font-size:12px}.playlistDialogFooter{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;display:flex}.playlistDialogFooter a{color:var(--text-muted);font-size:11px;text-decoration:none}@media (max-width:1100px){.playlistGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.playlistHero{gap:24px;padding:26px}.playlistDetailArtwork{width:150px;height:150px}.playlistTracks .candidateListRows .candidateCard{grid-template-columns:20px 48px minmax(0,1fr)}.playlistTracks .candidateListRows .cardFooter{grid-column:3;justify-content:space-between}}@media (max-width:720px){.navItem .navLabel{display:none}.navMobileLabel{font-size:9px;line-height:1.3;display:block}.playlistPageHeading{flex-direction:column;align-items:flex-start;padding-right:35px}.playlistPageHeading>button{margin-top:3px}.playlistGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.playlistTile h3{font-size:14px}.playlistHero{flex-direction:column;align-items:flex-start;gap:20px;padding:22px}.playlistDetailArtwork{width:112px;height:112px}.playlistDetailArtwork svg{width:34px}.playlistDetailArtwork>span{margin-top:13px;font-size:6px}.playlistHeroText h1{font-size:27px}.playlistControls{gap:12px;padding:18px 0}.playlistControls .row{gap:8px}.playlistControls button{padding-inline:12px;font-size:11px}.playlistTrackHeading{align-items:flex-start;gap:14px}.playlistTracks .candidateListRows .candidateCard{grid-template-columns:45px minmax(0,1fr);gap:8px 12px}.playlistTracks .candidateListRows .cardFooter{grid-column:2;justify-content:space-between}.playlistDialogContent{padding:22px 18px}.playlistDialogHeading h2{font-size:20px}.playlistQuickCreate>div{flex-direction:column}.playlistQuickCreate button{min-height:40px}}.searchSourceHelp{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:15px;margin-top:18px;font-size:11px;line-height:1.8;display:flex}.searchSourceHelp>span{flex:1}.searchFailure{background:#fcf4f0;border:1px solid #ead4cf;border-radius:10px;margin-bottom:22px;padding:20px}.searchFailure strong{color:#8c4c40;font-size:14px;font-weight:600}.searchFailure p{overflow-wrap:anywhere;color:#9c6759;font-size:12px;line-height:1.8}.searchPagination{border-block:1px solid var(--border-subtle);justify-content:space-between;margin:20px 0;padding:12px 0}.searchPagination .row{flex-shrink:0}.searchLoading{padding-bottom:25px}.loginLibraryNote{margin-top:15px}.loginMessage{color:var(--accent);background:#eef3e5;border-radius:6px;padding:11px 13px;font-size:12px;line-height:1.8}.discoveryTopbar{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:23px;font-size:11px;display:flex}.discoverySearchLink{color:#75856b;background:#edf2e7;border-radius:7px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.discoverySearchLink kbd{color:#99a18f;font-family:inherit;font-size:9px}.moodCard{text-decoration:none}.homeLibraryLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px;display:grid}.homeLibraryLinks a{border:1px solid var(--border-subtle);color:#728766;border-radius:8px;align-items:center;gap:12px;padding:18px 14px;text-decoration:none;display:flex}.homeLibraryLinks a:hover{background:#f0f4e9}.homeLibraryLinks a>span:first-of-type{flex:1;min-width:0}.homeLibraryLinks strong,.homeLibraryLinks small{display:block}.homeLibraryLinks strong{color:var(--text-primary);font-size:12px;font-weight:500}.homeLibraryLinks small{color:var(--text-muted);margin-top:6px;font-size:9px}.homePlaylistGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.homePlaylistGrid a{color:#708b5e;background:#edf2e5;border-radius:9px;gap:13px;padding:20px;text-decoration:none;display:grid}.homePlaylistGrid strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:13px}.homePlaylistGrid span{color:var(--text-muted);font-size:10px}@media (max-width:720px){.searchSourceHelp{align-items:flex-start}.searchPagination{flex-direction:column;align-items:stretch;gap:12px}.searchPagination .row{justify-content:space-between}.searchFailure{padding:16px}.searchFailure .row button{font-size:11px}.discoveryTopbar{padding-right:42px}.discoveryTopbar>span,.discoverySearchLink kbd{display:none}.discoverySearchLink{flex:1;font-size:12px}.homeLibraryLinks{gap:8px}.homeLibraryLinks a{flex-direction:column;align-items:flex-start;gap:9px;padding:13px 10px}.homeLibraryLinks small,.homeLibraryLinks a>span:last-child{display:none}.homeLibraryLinks strong{font-size:11px}.homePlaylistGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}#search-results-start{scroll-margin-top:22px}.searchPager{border-block:1px solid var(--border-subtle);margin:22px 0;padding:18px 0}.searchPagerSummary{color:var(--text-muted);justify-content:space-between;gap:16px;margin-bottom:13px;font-size:11px;display:flex}.searchPagerSummary strong{color:var(--text-primary);font-weight:600}.searchPagerControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.searchPageNumbers{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pageNumberSet{align-items:center;gap:6px;display:flex}.compactPageNumbers{display:none}.searchPageNumbers button{border-radius:5px;min-height:34px;padding:7px 10px;font-size:12px}.searchPageNumbers .pageNumber,.searchPageNumbers .pagerDirection{min-width:34px;padding-inline:7px}.searchPageNumbers .pagerDirection{font-size:20px;line-height:1}.searchPageNumbers .currentPage{background:var(--accent);color:#fff;border-color:var(--accent)}.pageGap{text-align:center;width:19px;color:var(--text-muted)}.pageJump{color:var(--text-muted);flex:none;align-items:center;gap:8px;font-size:11px;display:flex}.pageJump input{text-align:center;width:57px;min-height:34px;padding:6px 8px}.pageJump button{min-height:34px;padding:6px 11px;font-size:11px}.searchSnapshotNote{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:-6px 0 20px;font-size:11px;line-height:1.8;display:flex}.searchSnapshotNote .textLink{margin-left:auto}@media (max-width:720px){.searchPagerControls{flex-direction:column;align-items:stretch;gap:15px}.searchPageNumbers{justify-content:center;gap:5px}.desktopPageNumbers{display:none}.compactPageNumbers{gap:5px;display:flex}.searchPageNumbers .pagerEdge{display:none}.searchPageNumbers .pageNumber,.searchPageNumbers .pagerDirection{min-width:30px}.pageJump{justify-content:flex-end}.searchSnapshotNote{font-size:10px}}@media (max-width:370px){.searchPageNumbers,.compactPageNumbers{gap:4px}.searchPageNumbers .pageNumber,.searchPageNumbers .pagerDirection{min-width:27px;padding-inline:5px}.pageGap{width:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
