:root{--font:"Geist","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;--h1:clamp(2.6rem,5.6vw,4.6rem);--h1-page:clamp(2rem,3.8vw,3rem);--h2:clamp(1.5rem,2.4vw,2rem);--radius:10px;--radius-sm:8px;--radius-lg:16px;--section-pad:80px;--bg:#F6F9FC;--surface:#FFFFFF;--surface-2:#EEF2F7;--input-bg:#FFFFFF;--ink:#1F2F45;--ink-strong:#0A2540;--ink-muted:#5B6B82;--line:#E3E8EF;--line-strong:#CBD3DF;--accent:#635BFF;--accent-hover:#5149E6;--on-accent:#FFFFFF;--accent-2:#0A2540;--cyan:#00D4FF;--coral:#FF80B5;--ok-bg:#E3F6EE;--ok-fg:#0E7A4F;--danger:#CD3D64;--focus-ring:rgba(99,91,255,.25);--shadow:0 20px 50px -24px rgba(10,37,64,.28);--shadow-sm:0 6px 18px -8px rgba(10,37,64,.2);--header-bg:rgba(246,249,252,.82);--wave-a:#635BFF;--wave-b:#00D4FF;--wave-c:#FF80B5;--art-l:62%;--art-l2:70%;--art-fg:rgba(255,255,255,.92);--cover-l:92%;--blob-l:62%;--tag-bg:#EEF2F7;--tag-fg:#425466;--tag-mood-bg:#ECEAFF;--tag-mood-fg:#4B43D6;--footer-bg:#0A2540;--footer-fg:#A3B2C7;--footer-strong:#FFFFFF;--footer-line:rgba(255,255,255,.12);--player-bg:rgba(10,37,64,.96);--player-fg:#FFFFFF;--player-line:rgba(255,255,255,.1);--player-track:rgba(255,255,255,.2);--slide1:linear-gradient(120deg,#F6F9FC 0%,#EEF2FF 45%,#E6FAFF 100%);--cover-s:60%;--slide3:linear-gradient(120deg,#635BFF,#7A5CFF 40%,#00D4FF);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0A0F1E;--surface:#111A2E;--surface-2:#182338;--input-bg:#0A0F1E;--ink:#D5DCE8;--ink-strong:#F4F6FA;--ink-muted:#8B9AB4;--line:#22304A;--line-strong:#32425F;--accent:#7B74FF;--accent-hover:#928CFF;--on-accent:#0A0F1E;--accent-2:#F4F6FA;--ok-bg:#12352A;--ok-fg:#7BD9A8;--danger:#F08AA6;--focus-ring:rgba(123,116,255,.35);--shadow:0 20px 50px -24px rgba(0,0,0,.7);--shadow-sm:0 6px 18px -8px rgba(0,0,0,.6);--header-bg:rgba(10,15,30,.8);--wave-a:#7B74FF;--wave-b:#00D4FF;--wave-c:#FF80B5;--art-l:45%;--art-l2:55%;--art-fg:rgba(255,255,255,.92);--cover-l:18%;--blob-l:58%;--tag-bg:#182338;--tag-fg:#B7C2D6;--tag-mood-bg:#232152;--tag-mood-fg:#B9B4FF;--footer-bg:#060A14;--footer-fg:#8B9AB4;--footer-strong:#F4F6FA;--footer-line:rgba(255,255,255,.1);--player-bg:rgba(244,246,250,.97);--player-fg:#0A2540;--player-line:rgba(0,0,0,.08);--player-track:rgba(10,37,64,.15);--slide1:linear-gradient(120deg,#0A0F1E 0%,#141A3A 50%,#0A2038 100%);--cover-s:35%;--slide3:linear-gradient(120deg,#4B43D6,#635BFF 40%,#00A6C8);color-scheme:dark}}:root[data-theme=dark]{--bg:#0A0F1E;--surface:#111A2E;--surface-2:#182338;--input-bg:#0A0F1E;--ink:#D5DCE8;--ink-strong:#F4F6FA;--ink-muted:#8B9AB4;--line:#22304A;--line-strong:#32425F;--accent:#7B74FF;--accent-hover:#928CFF;--on-accent:#0A0F1E;--accent-2:#F4F6FA;--ok-bg:#12352A;--ok-fg:#7BD9A8;--danger:#F08AA6;--focus-ring:rgba(123,116,255,.35);--shadow:0 20px 50px -24px rgba(0,0,0,.7);--shadow-sm:0 6px 18px -8px rgba(0,0,0,.6);--header-bg:rgba(10,15,30,.8);--wave-a:#7B74FF;--wave-b:#00D4FF;--wave-c:#FF80B5;--art-l:45%;--art-l2:55%;--art-fg:rgba(255,255,255,.92);--cover-l:18%;--blob-l:58%;--tag-bg:#182338;--tag-fg:#B7C2D6;--tag-mood-bg:#232152;--tag-mood-fg:#B9B4FF;--footer-bg:#060A14;--footer-fg:#8B9AB4;--footer-strong:#F4F6FA;--footer-line:rgba(255,255,255,.1);--player-bg:rgba(244,246,250,.97);--player-fg:#0A2540;--player-line:rgba(0,0,0,.08);--player-track:rgba(10,37,64,.15);--slide1:linear-gradient(120deg,#0A0F1E 0%,#141A3A 50%,#0A2038 100%);--cover-s:35%;--slide3:linear-gradient(120deg,#4B43D6,#635BFF 40%,#00A6C8);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}svg{display:block}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.2em}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.12;letter-spacing:-.025em;color:var(--ink-strong);text-wrap:balance}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}dl,dd,dt{margin:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:6px}.skip:focus{left:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:min(100% - 48px,1180px);margin-inline:auto}.wrap-narrow{width:min(100% - 48px,720px)}@media(max-width:640px){.wrap,.wrap-narrow{width:min(100% - 32px,1180px)}}.section{padding-block:var(--section-pad)}.section.alt{background:var(--surface-2)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.section-head h2{font-size:var(--h2)}.kicker{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.lead{color:var(--ink-muted);font-size:1.1rem;max-width:62ch}.prose{max-width:66ch}.prose p{font-size:1.08rem;line-height:1.75}.link-btn{color:var(--accent);font-weight:600;font-size:.92rem}.link-btn:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:28px;height:68px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink-strong);font-weight:700;letter-spacing:.14em;font-size:.84rem;white-space:nowrap}.logo svg{width:28px;height:28px;color:var(--accent)}.logo:hover{text-decoration:none}.nav{display:flex;gap:4px;margin-left:8px}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:var(--ink);font-size:.95rem;font-weight:500}.nav-link:hover{text-decoration:none;background:var(--surface-2)}.nav-link.is-active{color:var(--accent);background:var(--tag-mood-bg)}.nav-mobile-extra{display:none}.header-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.tool-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;color:var(--ink);font-size:.85rem;font-weight:600}.tool-btn:hover{background:var(--surface-2);text-decoration:none}.tool-btn svg{width:18px;height:18px}.menu-btn{display:none}@media(max-width:820px){.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px 20px;gap:2px}.nav.is-open{display:flex}.nav-mobile-extra{display:block;border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.menu-btn{display:inline-flex}.header-tools .btn{display:none}}.promo{position:relative;display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#635bff,#ff80b5);overflow:hidden;animation:promo-bob 3.2s ease-in-out infinite;text-transform:uppercase}.promo i{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);animation:promo-shine 2.6s ease-in-out infinite}@keyframes promo-bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-3deg)}60%{transform:translateY(1px) rotate(2deg)}}@keyframes promo-shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.promo-inline{display:inline-block;padding:2px 8px;border-radius:999px;background:linear-gradient(90deg,#635bff,#ff80b5);color:#fff;font-size:.72rem;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;white-space:nowrap}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -10px var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--surface);color:var(--ink-strong);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{height:36px;padding:0 14px;font-size:.88rem}.btn-lg{height:52px;padding:0 26px;font-size:1rem}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:default;transform:none}.icon-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted);border:1px solid transparent;flex:none}.icon-btn:hover{color:var(--accent);border-color:var(--line-strong)}.icon-btn svg{width:18px;height:18px}.play{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);flex:none;transition:transform .15s,background .15s;box-shadow:0 8px 18px -8px var(--accent)}.play:hover{transform:scale(1.06)}.play svg{width:20px;height:20px}.play.is-playing{background:var(--ink-strong);color:var(--bg)}.play-lg{width:56px;height:56px}.play-lg svg{width:24px;height:24px}.badge{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px}.badge-hot{background:linear-gradient(90deg,#635bff,#00d4ff);color:#fff}.badge-new{background:var(--ok-bg);color:var(--ok-fg)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.slides{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1);transform:translate(calc(var(--i,0) * -100%))}.slide{flex:0 0 100%;min-height:520px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;padding:72px clamp(24px,6vw,96px) 88px;position:relative;overflow:hidden}.slide-copy{display:flex;flex-direction:column;gap:20px;max-width:640px;position:relative;z-index:1}.slide h1{font-size:var(--h1);letter-spacing:-.035em;max-width:16ch}.slide-sub{font-size:1.15rem;color:var(--ink-muted);max-width:52ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.slide-1{background:var(--slide1)}.slide-1:after{content:"";position:absolute;right:-20%;top:-40%;width:70%;height:180%;background:linear-gradient(120deg,#635bff,#00d4ff 55%,#ff80b5);transform:skew(-14deg);opacity:.12;pointer-events:none}.slide-2{background:hsl(var(--hue,240) var(--cover-s) var(--cover-l))}.cover-slide{width:min(100%,420px);justify-self:center;box-shadow:var(--shadow)}.slide-3{background:var(--slide3);color:#fff}.slide-3 h1,.slide-3 .slide-sub{color:#fff}.slide-3 .kicker{color:#fffc}.slide-3 .btn-primary{background:#fff;color:#4b43d6;box-shadow:none}.slide-price{justify-self:center;width:260px;height:260px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font-size:4rem;font-weight:700;letter-spacing:-.04em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-nav{position:absolute;left:clamp(24px,6vw,96px);bottom:26px;display:flex;align-items:center;gap:10px;z-index:2}.slide-nav .icon-btn{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}.dots{display:flex;gap:8px;padding:0 6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);transition:width .2s,background .2s}.dot.is-on{width:24px;border-radius:4px;background:var(--accent)}.slide-3 .dot{background:#fff6}@media(max-width:900px){.slide{grid-template-columns:1fr;padding-bottom:96px;min-height:0}.cover-slide,.slide-price{display:none}}.pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pl-card{display:flex;flex-direction:column;gap:12px;color:var(--ink-strong);border-radius:var(--radius-lg);transition:transform .2s}.pl-card:hover{text-decoration:none;transform:translateY(-3px)}.cover{aspect-ratio:1;border-radius:var(--radius-lg);background:hsl(var(--hue,240) var(--cover-s) var(--cover-l));overflow:hidden;position:relative}.cover svg{width:100%;height:100%}.cover-blobs circle{fill:hsl(var(--hue,240) 75% var(--blob-l));opacity:.55;mix-blend-mode:multiply}:root[data-theme=dark] .cover-blobs circle{mix-blend-mode:screen}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cover-blobs circle{mix-blend-mode:screen}}.cover-mark{position:absolute;left:14px;bottom:12px;width:32px;height:32px;color:#fff;opacity:.9}.cover-lg{width:220px;flex:none}.pl-card-body{display:flex;flex-direction:column;gap:2px}.pl-card-title{font-weight:600}.pl-card-meta{font-size:.82rem;color:var(--ink-muted)}.pl-new{border:1px dashed var(--line-strong);padding:22px;align-items:flex-start;justify-content:center;gap:10px;color:var(--ink-muted)}.pl-new svg{width:24px;height:24px}.pl-new input{width:100%;height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 12px;background:var(--input-bg)}.mine-head{margin-top:48px}@media(max-width:1000px){.pl-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.pl-grid{grid-template-columns:repeat(2,1fr)}}.pl-head{display:flex;gap:32px;align-items:flex-start;margin:20px 0 32px}.pl-head-body{display:flex;flex-direction:column;gap:12px;min-width:0}.pl-head h1{font-size:var(--h1-page)}.pl-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:700px){.pl-head{flex-direction:column}.cover-lg{width:100%}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.track-list{display:flex;flex-direction:column;gap:6px}.track{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:10px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s}.track:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.track.is-current{border-color:var(--accent)}.art{width:52px;height:52px;border-radius:var(--radius-sm);flex:none;overflow:hidden;background:linear-gradient(135deg,hsl(var(--hue,240) 70% var(--art-l)),hsl(calc(var(--hue,240) + 40) 80% var(--art-l2)));position:relative}.art svg{width:100%;height:100%;color:var(--art-fg)}.art .art-bars{fill:currentColor}.art-xl{width:100%;aspect-ratio:1;height:auto;max-width:420px;border-radius:var(--radius-lg)}.art-xl svg{padding:18%}.track-main{display:flex;flex-direction:column;gap:5px;min-width:0}.track-title-row{display:flex;align-items:center;gap:8px;min-width:0}.track-title{color:var(--ink-strong);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;letter-spacing:.02em;padding:3px 9px;border-radius:999px;background:var(--tag-bg);color:var(--tag-fg);line-height:1.3}.tag-mood{background:var(--tag-mood-bg);color:var(--tag-mood-fg)}.tag-energy:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#7bd9a8;vertical-align:middle}.tag-energy[data-e=medium]:before{background:#635bff}.tag-energy[data-e=high]:before{background:#ff80b5}.track-dur{color:var(--ink-muted);font-size:.9rem}.track-actions{display:flex;align-items:center;gap:4px}@media(max-width:640px){.track{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.track-dur{display:none}}.page-head{padding:56px 0 8px}.page-head h1{font-size:var(--h1-page)}.page-head .lead{margin-top:10px}.library{padding-top:28px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:relative;z-index:5}.search{position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);flex:1 1 280px;min-width:240px;transition:border-color .2s,box-shadow .2s}.search svg{width:18px;height:18px;color:var(--ink-muted);flex:none;position:relative;z-index:1}.search input{flex:1;background:none;border:0;outline:0;min-width:0;position:relative;z-index:1}.search input::placeholder{color:var(--ink-muted);transition:transform .25s,opacity .25s}.search input:focus::placeholder{transform:translate(6px);opacity:.5}.search-glow{position:absolute;inset:-1px;border-radius:999px;padding:1px;background:linear-gradient(90deg,#635bff,#00d4ff,#ff80b5,#635bff);background-size:300% 100%;opacity:0;transition:opacity .25s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.search:focus-within{border-color:transparent;box-shadow:0 0 0 4px var(--focus-ring)}.search:focus-within .search-glow{opacity:1;animation:glow-move 3s linear infinite}@keyframes glow-move{to{background-position:300% 0}}.dd{position:relative}.dd-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px 0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-weight:500;font-size:.92rem;color:var(--ink)}.dd-btn svg{width:16px;height:16px;color:var(--ink-muted);transition:transform .2s}.dd.is-open .dd-btn svg{transform:rotate(180deg)}.dd-btn:hover,.dd.is-open .dd-btn{border-color:var(--accent)}.dd-btn.has-val{background:var(--tag-mood-bg);border-color:var(--accent);color:var(--tag-mood-fg)}.dd-btn b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.72rem}.dd-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:8px;z-index:20;display:flex;flex-direction:column;gap:2px}.dd-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.92rem}.dd-opt:hover{background:var(--surface-2)}.dd-opt input{accent-color:var(--accent);width:16px;height:16px;margin:0}.dd-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 2px 10px;border-top:1px solid var(--line);margin-top:6px}.seg-wrap{display:inline-flex;padding:4px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);margin-left:auto}.seg{padding:7px 14px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--ink-muted)}.seg.is-on{background:var(--ink-strong);color:var(--bg)}.results-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 0 10px;font-size:.9rem;color:var(--ink-muted)}.empty{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty h3{font-size:1.2rem}.empty p{color:var(--ink-muted);max-width:50ch}.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;color:var(--ink-muted);font-size:.9rem}@media(max-width:820px){.seg-wrap{margin-left:0}}.back-link{font-size:.9rem;color:var(--ink-muted)}.td-grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;margin-top:20px;align-items:start}.td-body{display:flex;flex-direction:column;gap:16px}.td-title{font-size:var(--h1);letter-spacing:-.035em}.td-play{display:flex;align-items:center;gap:14px;color:var(--ink-muted);font-size:.92rem}.td-h{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-top:6px}.td-desc{font-size:1.05rem;max-width:58ch}.td-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.td-meta dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.td-meta dd{margin-top:2px;font-weight:500}.td-actions{display:flex;gap:10px;flex-wrap:wrap}.related-head{margin-top:56px}.notice{padding:12px 16px;border-radius:var(--radius);background:var(--surface-2);color:var(--ink-muted);font-size:.92rem;border-left:3px solid var(--accent)}@media(max-width:820px){.td-grid{grid-template-columns:1fr}.art-xl{max-width:100%}}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.plan{display:flex;flex-direction:column;gap:10px;padding:28px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);position:relative}.plan.is-popular{border-color:var(--accent);box-shadow:var(--shadow)}.plan-badge{position:absolute;top:-12px;left:24px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent)}.plan h3{font-size:1.15rem}.plan-desc{color:var(--ink-muted);font-size:.92rem;min-height:2.8em}.plan-price{display:flex;align-items:baseline;gap:6px;margin-top:6px}.plan-amount{font-size:2.4rem;font-weight:700;letter-spacing:-.04em;color:var(--ink-strong);line-height:1}.plan-ent .plan-amount{font-size:1.5rem}.plan-per{color:var(--ink-muted)}.plan-note{font-size:.8rem;color:var(--ink-muted)}.plan-note s{opacity:.7}.plan-feats{display:flex;flex-direction:column;gap:8px;padding:14px 0 22px;flex:1}.plan-feats li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.plan-feats svg{width:16px;height:16px;color:var(--ok-fg);flex:none;margin-top:3px}.plan-ent{background:var(--surface-2)}.who{margin-top:28px;color:var(--ink-muted);max-width:80ch}.table-wrap{overflow-x:auto;width:100%}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th{text-align:left;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:10px 12px;border-bottom:1px solid var(--line-strong)}.table td{padding:12px;border-bottom:1px solid var(--line)}.cmp th.is-hi,.cmp td.is-hi{background:var(--tag-mood-bg);color:var(--ink-strong)}.cmp th.is-hi{color:var(--tag-mood-fg)}.ok{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--ok-bg);color:var(--ok-fg);align-items:center;justify-content:center}.ok svg{width:14px;height:14px}.lic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.lic-item{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.lic-plain{grid-template-columns:1fr}.lic-item h3{font-size:1.1rem;margin-bottom:8px}.lic-item p{color:var(--ink-muted);margin-bottom:8px}.lic-mark{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ok-bg);color:var(--ok-fg)}.lic-mark svg{width:18px;height:18px}.lic-excl .lic-mark{background:var(--surface-2);color:var(--danger)}@media(max-width:720px){.lic-grid{grid-template-columns:1fr}}.auth{padding-block:64px}.auth-card{padding:40px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);max-width:480px;margin-inline:auto;box-shadow:var(--shadow)}.auth-card h1{font-size:1.8rem}.auth-card .lead{margin:8px 0 24px;font-size:1rem}.form{display:flex;flex-direction:column;gap:16px}.form-inline{flex-direction:row;gap:8px;align-items:center}.form-inline input{flex:1;height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 12px;background:var(--input-bg);min-width:0}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.82rem;font-weight:600;color:var(--ink-muted)}.field input{height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--input-bg);outline:0;width:100%}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.field input[readonly]{opacity:.7}.field-aside{text-align:right;font-size:.88rem;margin-top:-8px}.form-error{color:var(--danger);font-size:.88rem;min-height:1.2em}.form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-alt{text-align:center;margin-top:20px;color:var(--ink-muted);font-size:.92rem}.demo-row{display:flex;justify-content:center;gap:18px;margin-top:16px;flex-wrap:wrap;font-size:.85rem}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.panel{padding:26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:flex;flex-direction:column;gap:14px;align-items:flex-start}.panel h2{font-size:1.15rem}.panel .form{width:100%}.panel-license{border-color:var(--accent)}.status{display:inline-flex;align-items:center;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.status-active{background:var(--ok-bg);color:var(--ok-fg)}.status-none{background:var(--surface-2);color:var(--ink-muted)}.kv{display:grid;grid-template-columns:repeat(2,auto);gap:12px 28px;justify-content:start;width:100%}.kv dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kv dd{margin-top:2px;font-weight:500}.mini-list{width:100%;display:flex;flex-direction:column}.mini-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}@media(max-width:800px){.account-grid{grid-template-columns:1fr}}.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.steps{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.steps li{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-muted);padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line)}.steps li .num{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);font-size:.75rem;font-weight:700}.steps li.is-current{color:var(--ink-strong);border-color:var(--accent)}.steps li.is-current .num{background:var(--accent);color:var(--on-accent)}.steps li.is-done .num{background:var(--ok-bg);color:var(--ok-fg)}.co-plans{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.co-plan{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"r n p" "r d p";gap:2px 14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.co-plan input{grid-area:r;accent-color:var(--accent)}.co-plan-name{grid-area:n;font-weight:600;color:var(--ink-strong)}.co-plan-desc{grid-area:d;font-size:.86rem;color:var(--ink-muted)}.co-plan-price{grid-area:p;font-weight:600}.co-plan.is-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.co-summary{position:sticky;top:90px}.co-summary .kv{grid-template-columns:1fr auto}.co-total{display:flex;justify-content:space-between;width:100%;padding-top:14px;border-top:1px solid var(--line-strong);font-weight:700;font-size:1.1rem}.co-done{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.co-done-mark{width:56px;height:56px;border-radius:50%;background:var(--ok-bg);color:var(--ok-fg);display:inline-flex;align-items:center;justify-content:center}.co-done-mark svg{width:28px;height:28px}.co-done h2{font-size:var(--h2)}.co-done p{color:var(--ink-muted);max-width:50ch}@media(max-width:820px){.co-grid{grid-template-columns:1fr}.co-summary{position:static}}.why{background:var(--surface-2)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-item{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}.why-item h3{font-size:1.05rem;margin-bottom:8px}.why-item p{color:var(--ink-muted);font-size:.94rem}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-step{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line)}.how-num{font-size:.78rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.how-step h3{font-size:1.3rem;margin:10px 0 6px}.how-step p{color:var(--ink-muted)}@media(max-width:900px){.why-grid,.how-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.why-grid,.how-steps{grid-template-columns:1fr}}.faq{border-top:1px solid var(--line-strong)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;font-weight:600;font-size:1.05rem;color:var(--ink-strong);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{width:20px;height:20px;color:var(--ink-muted);transition:transform .2s}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{padding:0 0 20px;color:var(--ink-muted);max-width:62ch}.nf-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding-block:40px}.nf-code{font-size:5rem;color:var(--accent);line-height:1;font-weight:700}.site-footer{margin-top:auto;background:var(--footer-bg);color:var(--footer-fg)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:56px 0 36px}.footer-brand .logo{color:var(--footer-strong)}.footer-tag{margin-top:14px;max-width:32ch}.footer-mail{display:inline-block;margin-top:10px;color:var(--footer-strong);font-size:.9rem}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--footer-strong);margin-bottom:4px}.footer-col a{color:var(--footer-fg);font-size:.92rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 28px;border-top:1px solid var(--footer-line);font-size:.82rem;flex-wrap:wrap}.footer-tools{display:flex;gap:6px}.footer-tools .tool-btn{color:var(--footer-strong);border:1px solid var(--footer-line)}.footer-tools .tool-btn:hover{background:#ffffff14}@media(max-width:800px){.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}.player{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:14px;width:min(100% - 24px,720px);padding:10px 14px 10px 10px;border-radius:999px;background:var(--player-bg);color:var(--player-fg);border:1px solid var(--player-line);box-shadow:0 18px 40px -12px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disc{width:54px;height:54px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(135deg,hsl(var(--hue,240) 70% var(--art-l)),hsl(calc(var(--hue,240) + 40) 80% var(--art-l2)));position:relative;box-shadow:inset 0 0 0 2px #ffffff40}.disc:after{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--player-bg);box-shadow:0 0 0 2px #ffffff59}.disc svg{width:100%;height:100%;color:var(--art-fg);padding:14%}.disc .art-bars{fill:currentColor}.player.is-playing .disc{animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disc-empty{display:grid;place-items:center;background:var(--player-track);color:var(--player-fg)}.disc-empty svg{width:26px;height:26px;padding:0}.disc-empty:after{display:none}.player-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.player-kicker{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.player-title{color:var(--player-fg);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar{height:3px;background:var(--player-track);border-radius:2px;margin-top:6px;overflow:hidden}.player-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#635bff,#00d4ff)}.player-time{font-size:.78rem;opacity:.8;white-space:nowrap}.player-ctl{display:flex;align-items:center;gap:2px}.player-ctl .icon-btn{color:var(--player-fg);opacity:.8}.player-ctl .play{background:var(--accent);color:#fff;box-shadow:none}.player-ctl .play.is-playing{background:#fff;color:#0a2540}.player.is-empty .player-main{padding:8px 0}.has-player .site-footer{padding-bottom:90px}@media(max-width:640px){.player-time{display:none}.player{bottom:10px}}.modal-back{position:fixed;inset:0;z-index:80;background:#0a254073;display:grid;place-items:center;padding:20px}.modal{width:min(100%,420px);background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{font-size:1.1rem}.pick-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto}.pick{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);text-align:left}.pick:hover{background:var(--surface-2)}.pick svg{width:18px;height:18px;color:var(--ink-muted)}.pick.is-in svg{color:var(--ok-fg)}.pick span:first-of-type{flex:1}.toast{position:fixed;left:50%;top:84px;transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:var(--ink-strong);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:.9rem;z-index:90;transition:opacity .2s,transform .2s;max-width:min(100% - 32px,480px);box-shadow:0 10px 30px -10px #0006}.toast.is-on{opacity:1;transform:translate(-50%)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink-strong);white-space:nowrap;letter-spacing:0;font-size:1rem}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#00D4FF);color:#fff;flex:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;box-shadow:0 6px 16px -8px var(--accent)}.brand-mark svg{width:22px;height:22px}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:10px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink-strong)}.brand-slogan{font-size:.72rem;color:var(--ink-muted);letter-spacing:.02em;transition:color .25s,transform .25s,opacity .25s;transform:translateY(0)}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.06)}.brand:hover .brand-slogan{color:var(--accent);transform:translate(3px)}.brand-slogan:after{content:"";display:block;height:1px;width:0;background:var(--accent);transition:width .35s ease;margin-top:2px}.brand:hover .brand-slogan:after{width:100%}.footer-brand .brand .brand-name{color:var(--footer-strong)}.footer-brand .brand .brand-slogan{color:var(--footer-fg)}@media(max-width:480px){.brand-slogan{display:none}}.slide{padding-left:0;padding-right:0}.slide-inner{width:min(100% - 48px,1180px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;position:relative;z-index:1}@media(max-width:640px){.slide-inner{width:min(100% - 32px,1180px)}}@media(max-width:900px){.slide-inner{grid-template-columns:1fr}}.slide-nav{left:max(24px,calc((100% - 1180px)/2))}@media(max-width:1228px){.slide-nav{left:24px}}.dd-btn{justify-content:space-between}.dd-btn .dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-use .dd-btn{width:170px}.dd-mood .dd-btn,.dd-energy .dd-btn{width:150px}.dd-btn b{flex:none}.dd-single .dd-foot{display:none}@media(max-width:640px){.dd-use .dd-btn,.dd-mood .dd-btn,.dd-energy .dd-btn{width:auto;min-width:0}}.plans{grid-template-columns:repeat(3,1fr)}.plan-ent-row{margin-top:18px}.plan-ent-row .plan{flex-direction:row;align-items:center;gap:28px;flex-wrap:wrap}.plan-ent-row .plan>div:first-child{flex:1 1 320px}.plan-ent-row .plan .plan-feats{flex:1 1 260px;padding:0}.plan-ent-row .plan .plan-price{margin:0}@media(max-width:1000px){.plans{grid-template-columns:1fr 1fr}}@media(max-width:600px){.plans{grid-template-columns:1fr}}.lic-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.lic-note{padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.lic-note h3{font-size:1.05rem;margin-bottom:8px}.lic-note p{color:var(--ink-muted);font-size:.95rem}@media(max-width:720px){.lic-notes{grid-template-columns:1fr}}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink);padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.consent input{margin-top:3px;accent-color:var(--accent);width:16px;height:16px;flex:none}.consent a{font-weight:600}.consent.is-error{border-color:var(--danger)}.provider-note{display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:.9rem}.provider-note svg{width:18px;height:18px}.prose h2{font-size:1.25rem;margin:28px 0 8px}.prose p+p{margin-top:12px}.prose ul{list-style:disc;padding-left:20px;margin:8px 0}.prose a{text-decoration:underline}.player-bar{cursor:pointer}.spin-paused{animation-play-state:paused!important}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;background:var(--bg)}.admin-side{background:var(--footer-bg);color:var(--footer-fg);padding:20px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.admin-side .brand{margin-bottom:18px;padding:0 6px}.admin-side .brand .brand-name{color:var(--footer-strong)}.admin-side .brand .brand-slogan{color:var(--footer-fg)}.admin-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--footer-fg);font-size:.94rem;font-weight:500}.admin-link:hover{background:#ffffff12;text-decoration:none;color:var(--footer-strong)}.admin-link.is-active{background:var(--accent);color:#fff}.admin-link svg{width:18px;height:18px}.admin-side-foot{margin-top:auto;font-size:.8rem;opacity:.7;padding:8px 12px}.admin-main{padding:32px clamp(20px,4vw,48px);display:flex;flex-direction:column;gap:24px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.admin-head h1{font-size:1.6rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.stat-label{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.stat-value{font-size:1.8rem;font-weight:700;letter-spacing:-.03em;color:var(--ink-strong);margin-top:4px}.stat-sub{font-size:.82rem;color:var(--ink-muted)}.card{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.card h2{font-size:1.1rem;margin-bottom:12px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-toolbar input,.admin-toolbar select,.field select,.field textarea{height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 12px;background:var(--input-bg);color:var(--ink);font:inherit}.field textarea{height:auto;min-height:120px;padding:10px 12px;resize:vertical}.field select{height:46px;width:100%}.table tr:hover td{background:var(--surface-2)}.table td .btn{height:32px;padding:0 12px;font-size:.82rem}.status-draft{background:var(--surface-2);color:var(--ink-muted)}.status-archived{background:#fdecef;color:var(--danger)}.status-published{background:var(--ok-bg);color:var(--ok-fg)}.status-pending{background:#fff4e5;color:#9a5b00}.status-paid{background:var(--ok-bg);color:var(--ok-fg)}.status-failed,.status-revoked,.status-suspended{background:#fdecef;color:var(--danger)}.status-expired{background:var(--surface-2);color:var(--ink-muted)}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.check-grid label{display:flex;gap:8px;align-items:center;font-size:.9rem}.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}.danger-btn{color:var(--danger);border-color:var(--danger)}.upload-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.9rem}.upload-row code{font-size:.8rem;background:var(--surface-2);padding:2px 6px;border-radius:4px}.noindex-banner{font-size:.78rem;color:var(--ink-muted)}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.admin-side .brand{margin:0 12px 0 0}.admin-side-foot{display:none}}.alert{padding:12px 16px;border-radius:var(--radius);font-size:.92rem;border:1px solid var(--line)}.alert-error{border-color:var(--danger);color:var(--danger);background:#fdecef}.alert-ok{border-color:var(--ok-fg);color:var(--ok-fg);background:var(--ok-bg)}:root[data-theme=dark] .alert-error{background:#3a1520}.inline-form{display:inline-flex;gap:8px;align-items:center}.pager form{display:inline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.track-list.is-loading{opacity:.6}.skeleton{height:74px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:sk 1.2s linear infinite}@keyframes sk{to{background-position:-200% 0}}.admin-page{margin:0;min-height:60vh}.admin-page .admin-shell{min-height:calc(100vh - 68px)}.admin-side .brand-mark{background:var(--accent)}.admin-side .btn-link{background:none;border:0;color:inherit;cursor:pointer;font:inherit;width:100%;text-align:left}.admin-table-wrap{overflow-x:auto}.admin-main .table{font-size:.88rem}.admin-main .table td{vertical-align:top}.admin-main .table td .status{white-space:nowrap}.admin-main .field{margin-bottom:0}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-form .span-2{grid-column:1 / -1}@media(max-width:800px){.admin-form{grid-template-columns:1fr}}.admin-main .alert ul{list-style:disc;padding-left:18px;margin-top:6px}.admin-main details summary{cursor:pointer;color:var(--accent);font-size:.85rem}.admin-main pre{font-size:.78rem;background:var(--surface-2);padding:10px;border-radius:8px;overflow:auto;max-height:360px}.ok-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--line-strong);margin-right:8px;vertical-align:middle}.ok-dot.is-on{background:var(--ok-fg)}.track-picker{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.track-picker{grid-template-columns:1fr}}.track-picker ul{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow:auto}.track-picker li{display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:.88rem;background:var(--surface)}.track-picker li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-picker li button{padding:2px 8px;border-radius:6px;border:1px solid var(--line-strong);font-size:.78rem;background:var(--surface-2)}.admin-side .promo-inline{margin-left:auto}.slide{display:flex;align-items:center;justify-content:center;grid-template-columns:none}.slide-inner{flex:0 0 auto;max-width:100%}.slide-1 canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}#app:has(.player) .site-footer{padding-bottom:96px}.consent span{line-height:1.5}