@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#243c70;background:#e1edff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:50px;padding:30px;background:radial-gradient(circle at 20% 20%,#fff4fa,transparent 40%),linear-gradient(130deg,#d6e7ff,#f4e9ff)}.shell{width:390px;height:790px;background:snow;border:5px solid #355a9d;border-radius:42px;box-shadow:12px 16px #b4c7ea,0 30px 70px #5e7aa344;display:flex;flex-direction:column;overflow:hidden;position:relative}.shell:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #c8d7f5;border-radius:34px;pointer-events:none}header{height:74px;flex-shrink:0;display:flex;align-items:center;justify-content:space-around}.brand{font-size:29px;font-weight:800;color:#5e8bd5;letter-spacing:-2px;font-style:italic;text-shadow:2px 2px #d5e4ff}.brand span{color:#f7a6c9;font-size:19px;margin-left:4px}.decor{font-size:25px;color:#f49dc4}main{padding:8px 27px 22px;overflow:auto;flex:1;scrollbar-width:thin}.hero{background:linear-gradient(140deg,#c0d7ff,#ffe0ee);padding:10px;border-radius:23px}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;margin:3px 8px 10px;font-weight:800}.album{height:258px;position:relative;border-radius:15px;overflow:hidden;background:#b9d4ff}.album img{width:100%;height:100%;object-fit:cover}.album-label{position:absolute;bottom:10px;right:12px;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 4px #333}.track-info{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.track-info h2{font-size:24px;margin:0}.track-info p{color:#8398bc;margin:4px 0}.heart{color:#f278a8}.seek{margin-top:20px}.seek input,.volume input{width:100%;accent-color:#f779af;cursor:pointer}.seek>div{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.controls button{display:grid;place-items:center;width:36px;height:40px}.controls .play{width:76px;height:76px;background:linear-gradient(#ffb3d4,#ff75b2);border:2px solid #e66fa3;border-radius:50%;box-shadow:0 7px #f6d5e4}.controls .play svg{width:31px;height:31px}.selected{color:#ee6ca9}.volume{display:flex;align-items:center;gap:10px;margin-top:30px;color:#7890bc}.volume span{font-size:11px}.watch{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:24px;color:#91a1bc}.watch a{display:flex;align-items:center;gap:4px;color:#587ec0;text-decoration:none}nav{display:flex;justify-content:space-around;align-items:center;height:83px;flex-shrink:0;background:#fff4fa;border-top:2px solid #e4eaf8;border-radius:23px 23px 0 0}nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#8798b8}nav .active{color:#f46da8;font-weight:800}.section-title,.heading h2{font-size:27px;margin:10px 0 24px}.heading{display:flex;justify-content:space-between;align-items:center}.heading button{background:#f8d7e8;border-radius:50%;padding:9px}.playlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.playlist-card{height:152px;border-radius:19px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:15px;text-align:left}.playlist-card .sticker{font-size:65px;align-self:center;margin:auto;color:#fff}.playlist-card small{margin-top:4px}.p0{background:#fbd4e9}.p1{background:#b8d9ff}.p2{background:#d9ceff}.p3{background:#d0f3eb}.hint{font-size:12px;color:#8296b9;margin:20px 0}.song-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.song-row{display:flex;align-items:center;background:#f7f8ff;border-radius:15px;padding:7px}.song-main{display:flex;gap:11px;align-items:center;text-align:left;flex:1;min-width:0}.song-main img{width:51px;height:51px;border-radius:10px;object-fit:cover}.song-main span{display:flex;flex-direction:column;overflow:hidden}.song-main strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-main small{font-size:11px;color:#8297b8;margin-top:3px}.small-btn{padding:5px;color:#e47ba9}.searchbox{display:flex;align-items:center;gap:8px;background:#f1f5ff;padding:12px;border-radius:16px}.searchbox input{border:0;background:transparent;outline:none;width:100%;color:#233d72}.tabs{display:flex;justify-content:space-between;background:#fce1ee;border-radius:14px;padding:12px;font-size:12px}.add-panel{margin-top:26px;background:#eaf1ff;border-radius:19px;padding:17px}.add-panel h3{display:flex;align-items:center;gap:7px;font-size:14px}.add-panel p{font-size:11px;line-height:1.6}.add-panel input{display:block;width:100%;border:1px solid #d4def2;border-radius:10px;padding:11px;margin:9px 0;background:#fff;outline:none}.primary{background:#f47faf;color:#fff;padding:12px;width:100%;border-radius:12px;font-weight:800}.empty{text-align:center;padding:40px 10px;color:#8ba0c2}.back{display:flex;align-items:center;gap:7px;font-size:12px}.video-area{width:440px;background:#fffc;border:3px solid #bed3f3;border-radius:27px;padding:20px;box-shadow:0 20px 50px #7898c033}.video-heading{display:flex;justify-content:space-between;font-size:17px;font-weight:800;margin-bottom:15px}.video-frame{aspect-ratio:16/9;background:#222;border-radius:14px;overflow:hidden}.video-frame iframe{width:100%;height:100%}.video-area p{color:#6b80a8;font-size:12px;line-height:1.6}.side-decor{text-align:center;font-size:45px;color:#f58cb7;margin:25px}.toast{position:fixed;bottom:25px;background:#284b88;color:#fff;padding:12px 20px;border-radius:16px;box-shadow:0 8px 20px #0003;cursor:pointer}@media(max-width:950px){.page{flex-direction:column}.video-area{width:min(440px,95vw)}.shell{width:min(390px,95vw)}}.song-row .small-btn{flex-shrink:0}.song-row .small-btn:hover{color:#e94f92}.song-row .song-main,.song-row .song-main span{min-width:0}.song-row .song-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-credit{font-family:Nunito,sans-serif;text-align:center;padding:18px 24px;margin:24px auto;width:fit-content;max-width:calc(100% - 32px);background:#fff9f3;border:1px solid #f2d5e2;border-radius:22px;box-shadow:0 6px 20px #e696b91f}.credit-copyright{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#ad91a0;text-transform:uppercase}.credit-author{margin-top:8px;font-size:13px;font-weight:600;color:#9e8794}.credit-author a{color:#db78a5;font-weight:800;margin-left:4px;text-decoration:none;transition:color .2s ease}.credit-author a:hover{color:#bf4f83;text-decoration:underline}.credit-subtitle{display:block;margin-top:6px;font-size:10px;font-weight:600;color:#baa4b0}@media(max-width:480px){.github-credit{padding:14px 18px;margin:16px auto}.credit-author{font-size:12px}}.account-page{padding-bottom:20px}.auth-switch{display:flex;gap:10px;margin-bottom:16px}.auth-switch button,.secondary{background:#fce1ee;border-radius:12px;padding:10px;flex:1}.auth-input,.field-label input{display:block;width:100%;border:1px solid #d4def2;border-radius:10px;padding:12px;margin:10px 0;background:#fff;color:#243c70}.primary:disabled{opacity:.55;cursor:not-allowed}.auth-message{font-size:12px;color:#587ec0;line-height:1.5}.profile-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px;background:#f7f8ff;border-radius:18px}.profile-card small,.stats-grid small{color:#8297b8}.avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#fbd4e9;color:#e47ba9;font-size:35px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.field-label{display:block;font-size:12px;margin-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.stats-grid div{display:flex;flex-direction:column;align-items:center;padding:12px 4px;background:#eaf1ff;border-radius:13px}.stats-grid strong{font-size:21px}.stats-grid small{font-size:10px}.mfa-qr{width:175px;display:block;margin:12px auto;border:8px solid white;border-radius:10px}.secondary{width:100%;margin-top:10px}.forgot-link{display:block;margin:12px auto;color:#587ec0;text-decoration:underline;font-size:12px}.seek input{accent-color:#f779af;transition:filter .18s ease}.seek input:hover{filter:saturate(1.2)}.controls button{transition:transform .18s cubic-bezier(.2,.8,.2,1),color .18s ease}.controls button:active{transform:scale(.9)}.controls .play{position:relative;transition:transform .24s cubic-bezier(.2,1.5,.45,1),box-shadow .18s ease,filter .2s ease}.controls .play:hover{filter:saturate(1.12);transform:translateY(-2px) scale(1.035);box-shadow:0 9px #f6d5e4,0 12px 18px #dc83aa33}.controls .play:active{transform:translateY(4px) scale(.94);box-shadow:0 2px #f6d5e4}.controls .play:focus-visible{outline:3px solid #5e8bd5;outline-offset:4px}@media(prefers-reduced-motion:reduce){.controls button,.controls .play,.seek input{transition:none}}.upload-avatar{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px;padding:12px;background:#fce1ee;border:1px solid #f3cada;border-radius:12px;color:#bb5e89;font-size:13px;font-weight:800;cursor:pointer}.upload-avatar input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.upload-avatar:focus-within{outline:3px solid #5e8bd5;outline-offset:3px}.upload-note{display:block;text-align:center;color:#8297b8;font-size:10px;margin-top:6px}.avatar-action-wrap{position:relative}.avatar-trigger{border:0;padding:0;cursor:pointer;position:relative}.avatar-edit{position:absolute;right:0;bottom:0;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#355a9d;color:#fff;border:3px solid #f7f8ff;font-size:13px}.avatar-menu{position:absolute;z-index:10;top:86px;left:50%;transform:translate(-50%);width:175px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 12px 30px #243c7040;border:1px solid #e5eafa}.avatar-menu-item{display:block;width:100%;padding:10px 12px;border-radius:8px;text-align:left;font-size:12px;font-weight:700;color:#355a9d;cursor:pointer}.avatar-menu-item:hover{background:#f1f5ff}.avatar-menu-item input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.avatar-menu-item.danger{color:#d85878}.avatar-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1e2c4b88}.avatar-modal{width:min(360px,100%);padding:24px;background:snow;border:2px solid #bed3f3;border-radius:24px;box-shadow:0 25px 70px #14213b55;text-align:center}.avatar-modal h3{margin:0 0 18px}.avatar-preview-circle{width:150px;height:150px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:#fbd4e9;border:5px solid #e6edf9}.avatar-preview-circle img{width:100%;height:100%;object-fit:cover}.avatar-modal p{font-size:12px;color:#8297b8}.avatar-modal-actions{display:flex;gap:10px;margin-top:18px}.avatar-modal-actions>*{flex:1}.profile-nickname{font-size:15px;font-weight:800;color:#355a9d;padding:5px 9px;border-radius:8px}.profile-nickname:hover{background:#eaf1ff}.profile-nickname span{color:#8aa0c4;font-size:12px}.nickname-editor input{width:100%;border:1px solid #cbd9ef;border-radius:9px;padding:9px;text-align:center;color:#243c70}.nickname-editor div{display:flex;justify-content:center;gap:8px;margin-top:7px}.nickname-save,.nickname-cancel{padding:6px 10px;border-radius:8px;background:#fce1ee;font-size:11px;font-weight:700}.nickname-save{background:#f47faf;color:#fff}.reset-title{font-size:20px;margin:10px 0}.recovery-result{padding:10px 0}.recovery-result h3{color:#355a9d}.recovery-result p{font-size:13px;line-height:1.55;color:#7187ad}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-locked{margin:12px 0;padding:16px;text-align:center;background:#fff4fa;border:1px solid #f2d5e2;border-radius:16px}.library-locked>span{font-size:24px}.library-locked p{font-size:13px;color:#58708f}.playlist-card{padding:8px;gap:4px}.playlist-open{display:flex;flex:1;min-height:110px;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:8px;text-align:left}.playlist-open .sticker{margin:auto}.playlist-card-actions{display:flex;width:100%;justify-content:space-between;gap:4px}.playlist-card-actions button,.playlist-actions button{font-size:10px;padding:5px 7px;border-radius:8px;background:#ffffff9c}.playlist-actions{display:flex;gap:8px;margin-top:12px}.playlist-actions .danger,.playlist-card-actions button:last-child{color:#d85878}.small-btn:disabled{opacity:.4;cursor:not-allowed}body{background:#edf1ff;color:#273b68}.page{width:100%;max-width:1680px;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;padding:22px;margin:0 auto;background:radial-gradient(ellipse at 15% 0%,#fce8f5 0,transparent 35%),linear-gradient(135deg,#eaf0ff,#f7edfb)}.shell{width:100%;height:calc(100vh - 44px);min-height:680px;max-height:1100px;display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:82px minmax(0,1fr);border:1px solid #dce4fa;border-radius:28px;background:#ffffffd9;box-shadow:0 18px 60px #627ab526;overflow:hidden}.shell:before{display:none}header{grid-column:1/3;grid-row:1;height:82px;justify-content:flex-start;gap:14px;padding:0 25px;border-bottom:1px solid #e8ecf8;background:#ffffffd9}.brand{flex:0 0 auto;font-size:27px;letter-spacing:-1.5px}.decor{font-size:19px}.global-search{height:42px;max-width:560px;flex:1;display:flex;align-items:center;gap:10px;margin:0 auto;padding:0 13px;border:1px solid #e6eafa;border-radius:15px;background:#f8f9ff;color:#8a9bbe}.global-search:focus-within{border-color:#f39bc4;box-shadow:0 0 0 3px #f39bc422}.global-search input{width:100%;border:0;outline:0;background:transparent;color:#304572;font-size:12px}.global-search>span{white-space:nowrap;padding:3px 6px;border-radius:6px;background:#eef1fb;font-size:9px}.header-profile{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:13px;background:#f7f8ff;font-size:11px;font-weight:700}.header-profile:hover{background:#fce8f3}.header-avatar{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#fbd4e9;color:#d96b9e;font-size:15px}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-chevron{color:#8194b8}main{grid-column:2;grid-row:2;min-width:0;padding:26px 28px 38px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccd7f1 transparent}nav{grid-column:1;grid-row:2;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:24px 14px;background:transparent;border:0;border-right:1px solid #e8ecf8;border-radius:0}nav button{height:43px;width:100%;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 14px;border-radius:13px;color:#7184aa;font-size:13px}nav button:hover{background:#f6f7ff;color:#5975af}nav small{font-size:12px}nav .active{background:linear-gradient(100deg,#ffb6d4,#fa8db9);color:#fff;font-weight:800;box-shadow:0 7px 18px #f47faf38}.video-area{position:sticky;top:22px;width:100%;align-self:start;margin-top:0;padding:20px;background:#fffd;border:1px solid #dde5f7;border-radius:27px;box-shadow:0 16px 42px #627ab51b}.video-heading{margin-bottom:15px;color:#304572}.video-area p{font-size:11px}.side-decor{font-size:35px;margin:18px}.hero{padding:16px;border-radius:24px;background:linear-gradient(130deg,#c6dcff,#ffe1ef);box-shadow:inset 0 0 0 1px #ffffffa6}.hero-top{font-size:10px}.album{height:clamp(250px,34vh,390px);border-radius:18px;box-shadow:0 12px 30px #6d88bc26}.track-info{margin-top:22px}.track-info h2{font-size:25px;letter-spacing:-.5px}.seek{margin-top:22px}.seek input{height:7px}.controls{justify-content:center;gap:21px;margin-top:19px}.controls .play{width:68px;height:68px}.volume{max-width:300px;margin:24px auto 0}.watch{margin-top:22px}.section-title,.heading h2{font-size:26px;letter-spacing:-.4px}.section-title{margin:5px 0 22px}.page-content>h3{margin-top:23px}.tabs{margin-bottom:18px;border:1px solid #f5d7e6}.song-list{gap:12px}.song-row{border:1px solid #e9edf8;background:#fff;border-radius:16px;box-shadow:0 4px 14px #687ca810;transition:transform .18s ease,box-shadow .18s ease}.song-row:hover{transform:translateY(-2px);box-shadow:0 10px 22px #687ca81c}.song-main strong{color:#304572}.small-btn{border-radius:9px}.small-btn:hover{background:#fff0f7}.page-library .song-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.page-library .song-row{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;padding:9px}.page-library .song-main{width:100%;flex:1 0 100%;display:flex;flex-direction:column;align-items:stretch;gap:7px}.page-library .song-main img{width:100%;height:auto;aspect-ratio:16/10;border-radius:11px}.page-library .song-main span{padding:2px 3px}.page-library .song-main strong{font-size:12px}.page-library .song-main small{font-size:10px}.page-library .song-row .small-btn{margin-top:3px}.playlist-grid{gap:15px}.playlist-card{min-height:182px;border:1px solid #ffffffb8;box-shadow:0 7px 18px #546d9b14}.playlist-card .sticker{font-size:60px}.playlist-open strong{color:#304572}.playlist-card-actions button{color:#7184aa}.playlist-card-actions button:hover{color:#db689b;background:#fff}.add-panel{margin-top:25px;border:1px solid #dfe7f8;background:#f2f6ff}.library-locked{border-color:#f2d5e2;background:#fff7fb}.github-credit{background:#fff9f3ee;box-shadow:0 8px 24px #a9758814}@media(max-width:1200px){.page{grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px}.shell{grid-template-columns:175px minmax(0,1fr);height:calc(100vh - 32px);min-height:650px}main{padding:23px 20px}.video-area{padding:15px}.page-library .song-list{grid-template-columns:repeat(2,minmax(0,1fr))}.header-profile-name{display:none}}@media(max-width:900px){.page{display:flex;flex-direction:column;align-items:stretch;padding:12px;gap:14px}.shell{display:flex;flex-direction:column;width:100%;height:calc(100vh - 24px);min-height:620px;max-height:none}.shell:before{display:none}header{height:68px;min-height:68px;justify-content:space-between;padding:0 15px;gap:10px}.brand{font-size:23px}.global-search{height:38px;margin:0;max-width:none;padding:0 10px}.global-search>span{display:none}.header-profile{padding:3px}.header-avatar{width:29px;height:29px}main{flex:1;grid-column:auto;grid-row:auto;padding:19px 18px 25px}nav{position:sticky;z-index:5;bottom:0;grid-column:auto;grid-row:auto;min-height:68px;height:68px;flex-direction:row;justify-content:space-around;gap:0;padding:5px 8px;border-right:0;border-top:1px solid #e8ecf8;background:#ffffffed;border-radius:0 0 27px 27px}nav button{height:54px;width:auto;min-width:44px;flex:1;flex-direction:column;justify-content:center;gap:3px;padding:4px 2px;border-radius:12px}nav button svg{width:19px;height:19px}nav small{font-size:9px}.video-area{position:relative;top:auto;max-width:none;padding:16px}.video-frame{min-height:180px!important}.album{height:clamp(230px,42vh,370px)}.page-library .song-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){header{padding:0 11px}.decor{display:none}.brand{font-size:20px}.global-search{gap:6px}.global-search input{font-size:10px}.global-search input::placeholder{font-size:0}.header-profile-name,.header-chevron{display:none}main{padding:16px 13px 22px}.section-title,.heading h2{font-size:23px}.page-library .song-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-library .song-row{padding:6px}.page-library .song-main img{border-radius:9px}.page-library .song-main strong{font-size:11px}.playlist-grid{gap:9px}.playlist-card{min-height:150px}.playlist-card .sticker{font-size:48px}.controls{gap:12px}.controls .play{width:62px;height:62px}.track-info h2{font-size:20px}.stats-grid{gap:9px}.video-area{border-radius:20px}.github-credit{margin:16px auto}.shell{border-radius:25px}}@media(max-width:900px){.toast{bottom:82px}}.page-content{position:relative;isolation:isolate}.page-doodles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;color:#f080b1}.page-doodles span{position:absolute;display:block;line-height:1;-webkit-user-select:none;user-select:none;opacity:.3;filter:drop-shadow(0 3px 5px #e28bb322);animation:doodle-float 5s ease-in-out infinite}.doodle-star{top:13px;right:35px;font-size:31px;color:#f3bf45;transform:rotate(12deg)}.doodle-sparkle{top:45px;right:91px;font-size:23px;color:#f18bb9;animation-delay:-1.7s!important}.doodle-flower{top:9px;right:137px;font-size:25px;color:#ed82ad;animation-delay:-2.8s!important}.doodle-heart{top:48px;right:13px;font-size:21px;color:#f47faf;transform:rotate(-15deg);animation-delay:-.9s!important}.doodle-bunny{right:13px;top:72px;font-size:33px;opacity:.38;animation-delay:-2.2s!important}.page-home .doodle-bunny{right:20px;top:71px;font-size:39px}.page-library .doodle-star{top:9px;right:36px;font-size:35px}.page-library .doodle-bunny{display:none}.page-playlist .doodle-bunny{top:68px;right:10px}.page-search .doodle-bunny{top:72px;right:4px;font-size:34px}.page-account .doodle-bunny{top:65px;right:10px;font-size:38px}.page-settings .doodle-heart{display:none}.page-settings .doodle-flower{top:10px;right:96px;font-size:30px}@keyframes doodle-float{0%,to{translate:0 0}50%{translate:0 -7px}}@media(prefers-reduced-motion:reduce){.page-doodles span{animation:none}}:root{font-family:Nunito,DM Sans,sans-serif;color:#18274f;background:#e7edff}body{background:radial-gradient(ellipse at 15% 0%,#ffd8f1 0,transparent 34%),radial-gradient(ellipse at 95% 6%,#c9ddff 0,transparent 34%),#edf0ff}.page{max-width:1680px;min-height:100vh;grid-template-columns:minmax(0,1fr) 310px;gap:15px;padding:16px;background:transparent}.shell{height:calc(100vh - 32px);min-height:660px;grid-template-columns:145px minmax(0,1fr);grid-template-rows:66px minmax(0,1fr);border-radius:23px;background:#ffffffdf;box-shadow:0 18px 50px #6176a51e}header{height:66px;gap:13px;padding:0 17px;background:#ffffffd9}.brand{font-family:Nunito,sans-serif;font-style:normal;font-size:22px;letter-spacing:-1.2px;color:#e95b9b;text-shadow:1px 2px #ffd6e8}.brand span{color:#62bda9;font-size:20px}.global-search{height:36px;max-width:570px;border-radius:12px;background:#f7f8ff}.header-profile{background:transparent}.header-avatar{width:29px;height:29px}main{padding:23px 24px 32px}nav{gap:4px;padding:17px 9px}nav button{height:34px;gap:9px;padding:0 10px;border-radius:11px;font-size:11px}nav button svg{width:16px;height:16px}nav small{font-size:11px}nav .active{box-shadow:none}.video-area{top:16px;padding:16px;border-radius:21px}.video-heading{font-size:14px}.video-frame{border-radius:13px}.video-area p{font-size:10px}.side-decor{font-size:31px;margin:13px}.page-doodles{opacity:.2}.welcome-banner{position:relative;min-height:205px;overflow:hidden;display:grid;grid-template-columns:1fr .9fr;align-items:center;padding:23px 25px;border-radius:18px;background:linear-gradient(112deg,#ffbce0,#d7ceff 52%,#bcd9ff);box-shadow:inset 0 0 0 1px #fff9}.welcome-copy{z-index:1;max-width:390px}.eyebrow{display:flex;align-items:center;gap:5px;color:#a64e85;font-size:9px;font-weight:900;letter-spacing:1px}.welcome-copy h1{margin:9px 0 5px;color:#242448;font-size:clamp(25px,3vw,38px);line-height:.98;letter-spacing:-1.4px}.welcome-copy h1 em{color:#df5093;font-style:normal;text-shadow:1px 2px white}.welcome-copy p{max-width:310px;margin:8px 0 12px;color:#59648f;font-size:11px}.banner-action{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ed69a8;color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 12px #d9549433}.banner-collage{position:relative;height:165px;min-width:200px}.banner-main-shot{position:absolute;right:14%;top:11px;width:69%;height:143px;object-fit:cover;border:5px solid #ffffffc7;border-radius:17px;transform:rotate(-3deg);box-shadow:0 10px 23px #404c7a36}.banner-shot{position:absolute;width:30%;height:63px;object-fit:cover;border:4px solid #fff;border-radius:11px;box-shadow:0 7px 15px #48598233}.shot-two{right:0;top:10px;transform:rotate(8deg)}.shot-three{right:0;bottom:8px;transform:rotate(-7deg)}.banner-flower,.banner-star,.banner-heart{position:absolute;font-size:31px;filter:drop-shadow(0 3px 2px #fff9)}.banner-flower{top:7px;left:3%;color:#ff69a9}.banner-star{right:3%;bottom:1px;color:#ffc84f;font-size:36px}.banner-heart{left:10%;bottom:1px;color:#ff72b3}.banner-sticker{position:absolute;font-size:29px;color:#fa7bb5}.sticker-one{top:10px;right:9%}.sticker-two{bottom:10px;left:49%;color:#ffb34b}.quick-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0 17px}.quick-link{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:13px;font-size:9px;font-weight:900;transition:transform .18s ease}.quick-link:hover{transform:translateY(-2px)}.quick-link.pink{background:#ffe4f2;color:#e65b9c}.quick-link.blue{background:#e1e8ff;color:#6874cc}.quick-link.lavender{background:#e5e1ff;color:#7166cf}.quick-link.yellow{background:#fff1c9;color:#d79325}.quick-link.mint{background:#dff5ef;color:#299d86}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:12px 0 9px}.section-kicker{display:block;color:#d66b9b;font-size:8px;font-weight:900;letter-spacing:1px}.section-heading h2,.heading h2{margin:3px 0 0;color:#1f2b50;font-size:17px;letter-spacing:-.4px}.section-heading h2 span{color:#f5ae49}.section-heading>button{padding:5px 8px;color:#7584a8;font-size:9px;font-weight:800}.release-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.release-card{min-width:0;text-align:left}.release-art{position:relative;display:block;aspect-ratio:1.38;overflow:hidden;border-radius:10px;background:#dce6ff;box-shadow:0 4px 12px #596f9b20}.release-art img{width:100%;height:100%;object-fit:cover}.release-play{position:absolute;right:6px;bottom:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fa78b0;color:#fff}.release-card strong,.release-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-card strong{margin:6px 2px 0;font-size:9px}.release-card small{margin:2px;color:#8593b3;font-size:8px}.practice-heading{margin-top:17px}.mini-practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mini-practice-card{min-width:0;display:flex;align-items:center;gap:7px;padding:5px;border:1px solid #edf0fa;border-radius:10px;background:#fff;text-align:left}.mini-practice-card img{width:40px;height:36px;object-fit:cover;border-radius:7px}.mini-practice-card span{min-width:0;flex:1}.mini-practice-card strong,.mini-practice-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-practice-card strong{font-size:8px}.mini-practice-card small{margin-top:2px;color:#8593b3;font-size:7px}.mini-practice-card>svg{color:#f274aa;width:13px}.page-player .hero{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(200px,1fr);align-items:center;gap:20px;min-height:240px;padding:16px;background:linear-gradient(125deg,#dbe5ff,#f9d6eb)}.page-player .hero-top{grid-column:1/-1;margin:0}.page-player .album{height:220px;width:100%;max-width:330px;grid-column:1;grid-row:2;border-radius:15px}.page-player .seek,.page-player .controls,.page-player .volume,.page-player .watch{grid-column:1/-1}.page-player .seek{margin-top:13px}.page-player .controls{margin-top:10px}.page-player .controls .play{width:57px;height:57px}.page-player .volume{margin-top:10px}.page-player .watch{margin-top:11px}.page-library .song-list,.page-music-videos .song-list,.page-dance-practice .song-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:9px;margin-top:12px}.page-library .song-row,.page-music-videos .song-row,.page-dance-practice .song-row{min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;padding:6px;border:1px solid #e9edf8;border-radius:12px;background:#fff}.page-library .song-main,.page-music-videos .song-main,.page-dance-practice .song-main{width:100%;flex:1 0 100%;display:flex;flex-direction:column;align-items:stretch;gap:5px}.page-library .song-main img,.page-music-videos .song-main img,.page-dance-practice .song-main img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;border-radius:8px}.page-library .song-main span,.page-music-videos .song-main span,.page-dance-practice .song-main span{padding:1px 3px}.page-library .song-main strong,.page-music-videos .song-main strong,.page-dance-practice .song-main strong{font-size:10px}.page-library .song-main small,.page-music-videos .song-main small,.page-dance-practice .song-main small{font-size:8px}.page-library .song-row .small-btn,.page-music-videos .song-row .small-btn,.page-dance-practice .song-row .small-btn{margin-top:2px;padding:2px}.heading{align-items:center}.heading h2{font-size:20px}.library-add-shortcut{display:flex;align-items:center;gap:5px;padding:8px 11px;border-radius:99px;background:#ed69a8;color:#fff;font-size:9px;font-weight:900}.category-tabs{display:flex;gap:6px;margin:14px 0}.category-tabs button{padding:6px 10px;border:1px solid #e8eafa;border-radius:99px;background:#fff;color:#627198;font-size:9px}.category-tabs button.selected{border-color:#f194ba;background:#f47bad;color:#fff}.category-flower{font-size:33px;color:#ee87b5}.page-playlist .playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.page-playlist .playlist-card{min-height:150px;border-radius:14px}.page-playlist .playlist-card .sticker{font-size:45px}.page-playlist .playlist-card small{font-size:9px}.page-playlist .playlist-card-actions button{font-size:8px}.page-playlist .song-list{max-height:300px;overflow:auto}.add-panel{margin-top:16px;padding:14px;border-radius:15px}.page-library .add-panel input{max-width:440px}.page-library .add-panel .primary{max-width:220px}.stats-grid div{background:#f4f6ff;border:1px solid #ebeffa}.profile-card{background:#f8f8ff}.github-credit{padding:12px 17px;margin:8px auto 0;border-radius:15px}.toast{z-index:20}@media(max-width:1100px){.page{grid-template-columns:minmax(0,1fr) 270px;gap:10px;padding:10px}.shell{grid-template-columns:128px minmax(0,1fr);height:calc(100vh - 20px);min-height:630px}main{padding:18px 16px}.page-library .song-list,.page-music-videos .song-list,.page-dance-practice .song-list,.page-playlist .playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.page{display:flex;flex-direction:column;align-items:stretch;padding:10px}.shell{display:flex;flex-direction:column;height:calc(100vh - 20px);min-height:640px}.shell>main{flex:1;min-height:0}.shell nav{position:sticky;z-index:5;bottom:0;display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;min-height:63px;height:63px;padding:4px 6px;border-top:1px solid #e8ecf8;background:#ffffffef}.shell nav button{height:52px;min-width:62px;flex:0 0 62px;flex-direction:column;justify-content:center;gap:2px;padding:3px;border-radius:9px}.shell nav button svg{width:17px;height:17px}.shell nav small{font-size:8px}.video-area{position:relative;top:auto;max-width:none}.welcome-banner{min-height:190px}.welcome-copy h1{font-size:29px}.release-grid{grid-template-columns:repeat(5,minmax(95px,1fr));overflow:auto}.quick-links{gap:5px}.quick-link{font-size:8px}.page-library .song-list,.page-music-videos .song-list,.page-dance-practice .song-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.page{padding:6px;gap:8px}.shell{height:calc(100dvh - 12px);min-height:580px;border-radius:18px}.shell header{height:58px;min-height:58px;padding:0 10px;gap:7px}.brand{font-size:18px}.header-profile{padding:2px}.global-search{height:33px;padding:0 8px}.global-search input{font-size:9px}.global-search input::placeholder{font-size:0}.global-search>span{display:none}.shell>main{padding:13px 11px 18px}.welcome-banner{min-height:170px;grid-template-columns:1fr .78fr;padding:15px 13px}.welcome-copy h1{font-size:24px}.welcome-copy p{font-size:9px;line-height:1.35}.eyebrow{font-size:7px}.banner-collage{height:130px;min-width:120px}.banner-main-shot{height:112px;width:77%;right:8%;border-width:3px}.banner-shot{width:33%;height:47px;border-width:3px}.banner-sticker{font-size:22px}.quick-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:9px 0 13px}.quick-link{min-height:58px;gap:3px;font-size:7px}.quick-link svg{width:17px;height:17px}.section-heading h2{font-size:14px}.section-heading>button{font-size:8px}.release-grid{grid-template-columns:repeat(5,92px);gap:7px}.release-art{aspect-ratio:1.15}.mini-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-practice-card{gap:5px}.page-player .hero{grid-template-columns:1fr;gap:9px}.page-player .hero-top,.page-player .seek,.page-player .controls,.page-player .volume,.page-player .watch{grid-column:1}.page-player .album{grid-column:1;grid-row:2;width:100%;max-width:none;height:clamp(210px,36vh,300px)}.page-player .track-info{grid-column:1;grid-row:3;margin:0}.page-player .track-info h2{font-size:20px}.page-player .controls{gap:11px}.page-library .song-list,.page-music-videos .song-list,.page-dance-practice .song-list,.page-playlist .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.page-playlist .playlist-card{min-height:130px}.heading h2{font-size:18px}.section-kicker{font-size:7px}.library-add-shortcut{padding:7px 8px;font-size:8px}.video-area{padding:12px}.video-area p{font-size:9px}.github-credit{padding:10px 13px}.toast{bottom:76px}}.header-notifications{position:relative;display:grid;place-items:center;width:33px;height:33px;border-radius:11px;color:#7184aa}.header-notifications:hover{background:#fff0f7;color:#e763a0}.header-notifications i{position:absolute;top:5px;right:6px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#f16da8}.up-next{margin-top:16px}.up-next .section-heading{margin-bottom:6px}.queue-row{width:100%;display:flex;align-items:center;gap:8px;padding:6px;border-bottom:1px solid #edf0f8;text-align:left}.queue-row:hover{background:#fff5fa}.queue-row img{width:49px;height:35px;object-fit:cover;border-radius:7px}.queue-row span{min-width:0;flex:1}.queue-row strong,.queue-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row strong{font-size:10px}.queue-row small{margin-top:2px;color:#8292b1;font-size:8px}.queue-row>svg{color:#e7a;width:14px}.profile-cover{position:relative;height:86px;overflow:hidden;margin:0;border-radius:17px;background:linear-gradient(105deg,#b5d3ff,#e5caff 55%,#ffbfdc)}.profile-cover:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,#ffffff33)}.profile-cover span{position:absolute;z-index:1}.cover-sparkle{top:11px;left:7%;font-size:25px;color:#fff4a8}.cover-bloom{top:5px;left:28%;font-size:36px;color:#f47fae}.cover-heart{top:24px;right:31%;font-size:25px;color:#fff}.cover-bunny{right:9%;top:4px;font-size:37px}.profile-card{position:relative;margin:-31px 0 0;padding:12px 14px 14px;border:1px solid #fff;border-radius:16px;background:#ffffffef;box-shadow:0 6px 16px #53699512}.profile-card .avatar{width:76px;height:76px;border:4px solid white;box-shadow:0 4px 13px #37497426}.stats-grid{margin:10px 0}.profile-recent{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 18px}.profile-recent button{min-width:0;text-align:left}.profile-recent img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:8px}.profile-recent strong,.profile-recent small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-recent strong{margin-top:4px;font-size:9px}.profile-recent small{color:#8593b3;font-size:8px}.settings-title{margin-bottom:14px}.settings-title h2{margin:4px 0;font-size:24px}.settings-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:14px}.settings-menu{display:flex;flex-direction:column;gap:4px;padding:9px;border:1px solid #ebeff9;border-radius:14px;background:#fff}.settings-menu button{padding:9px 10px;border-radius:9px;color:#7383a5;text-align:left;font-size:10px}.settings-menu button.active{background:#f47faf;color:#fff;font-weight:900}.settings-panel{padding:16px;border:1px solid #e9edf8;border-radius:15px;background:#fff}.settings-panel h3{margin:0 0 14px;font-size:14px}.settings-avatar-row{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:12px;border-radius:12px;background:#f7f8ff}.settings-avatar-row .header-avatar{width:44px;height:44px}.settings-avatar-row>span:nth-child(2){flex:1}.settings-avatar-row strong,.settings-avatar-row small{display:block;font-size:9px}.settings-avatar-row small{margin-top:3px;color:#8190b0}.settings-avatar-row>button{padding:7px 9px;border:1px solid #e8eafa;border-radius:99px;background:#fff;color:#64769b;font-size:8px;font-weight:800}.settings-panel label{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:9px;margin:8px 0;color:#506184;font-size:9px;font-weight:800}.settings-panel label input{min-width:0;padding:9px 10px;border:1px solid #e8edf8;border-radius:9px;background:#fafbff;color:#68799c;font-size:9px}.settings-footer{display:flex;justify-content:flex-end;margin-top:12px}.settings-footer .primary{width:auto;padding:9px 20px;border-radius:99px;font-size:9px}.settings-panel .hint{margin-bottom:0;font-size:9px}@media(max-width:820px){.profile-recent{grid-template-columns:repeat(4,minmax(75px,1fr));overflow:auto}.settings-layout{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:560px){.header-notifications{width:27px;height:27px}.header-notifications svg{width:15px}.up-next{margin-top:12px}.queue-row img{width:42px;height:30px}.profile-cover{height:76px}.profile-recent{grid-template-columns:repeat(4,75px)}.settings-layout{grid-template-columns:1fr}.settings-menu{flex-direction:row;overflow:auto}.settings-menu button{flex:0 0 auto;padding:8px}.settings-panel{padding:11px}.settings-panel label{grid-template-columns:76px minmax(0,1fr);font-size:8px}.settings-avatar-row{gap:7px;padding:7px}.settings-avatar-row>button{padding:6px;font-size:7px}}.library-filters{display:flex;align-items:center;gap:6px;overflow:auto;margin:13px 0 8px;padding:2px 0}.library-filters button{flex:0 0 auto;padding:6px 10px;border:1px solid #e8eafa;border-radius:99px;background:#fff;color:#64769a;font-size:9px}.library-filters button.selected{border-color:#f194ba;background:#f47bad;color:#fff}.library-filters span{margin-left:auto;white-space:nowrap;color:#8794b1;font-size:8px}.page{grid-template-columns:minmax(0,1fr)}.page.page-player{grid-template-columns:minmax(0,1fr) 300px}.page:not(.page-player) .video-area{position:fixed;z-index:8;right:18px;bottom:14px;width:205px;padding:9px;border-radius:15px;box-shadow:0 10px 28px #4f649944}.page:not(.page-player) .video-area .video-heading{margin-bottom:7px;font-size:10px}.page:not(.page-player) .video-area p,.page:not(.page-player) .video-area .side-decor{display:none}.page:not(.page-player) .video-area .video-frame{border-radius:9px}.page.page-player .video-area{position:sticky;top:12px;width:100%;padding:12px}.page.page-player .video-area p{font-size:9px}@media(max-width:1100px){.page.page-player{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:820px){.page.page-player{grid-template-columns:minmax(0,1fr)}.page:not(.page-player) .video-area{position:relative;right:auto;bottom:auto;width:auto;padding:14px}.page:not(.page-player) .video-area p{display:block}}:root{--app-bg:radial-gradient(circle at 20% 20%,#fff4fa,transparent 40%),linear-gradient(130deg,#d6e7ff,#f4e9ff)}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:1px solid #e8edf8;border-radius:12px;background:#f8f9ff}.preference-row>span:first-child{display:flex;flex-direction:column;gap:4px}.preference-row strong{font-size:11px}.preference-row small{color:#8492ae;font-size:9px}.toggle-switch{position:relative;flex:0 0 auto;width:42px;height:24px;padding:3px;border-radius:99px;background:#c9d0df;transition:background .2s ease}.toggle-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #20304d30;transition:transform .2s ease}.toggle-switch.on{background:#ed70a8}.toggle-switch.on i{transform:translate(18px)}.preference-badge{padding:5px 8px;border-radius:99px;background:#edf0f8;color:#7e8ba6;font-size:8px}.terms-details{margin-top:12px;border:1px solid #e7ecf7;border-radius:12px;background:#fbfcff}.terms-details summary{padding:12px;color:#26375e;font-size:11px;font-weight:900;cursor:pointer}.terms-copy{max-height:420px;overflow:auto;padding:0 13px 12px;color:#536482;font-size:10px;line-height:1.55}.terms-copy p{margin:9px 0}.terms-copy strong{color:#2b3e66}.terms-copy a,.terms-source a{color:#db689b;text-decoration:underline}.terms-note,.terms-source{color:#8a96ae;font-size:9px;line-height:1.5}.terms-source{margin-top:11px}.connected-app-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e8edf8;border-radius:12px;background:#f8f9ff}.connected-app-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.connected-app-card strong{font-size:11px}.connected-app-card small{color:#8290ab;font-size:9px}.connected-app-card .primary{width:auto;padding:8px 11px;border-radius:99px;font-size:9px}.github-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#263348;color:#fff;font-size:10px;font-weight:900}.connected-status{padding:5px 8px;border-radius:99px;background:#dcf4eb;color:#30866c;font-size:9px;font-weight:900}html.dark-mode{color-scheme:dark;--app-bg:radial-gradient(circle at 20% 20%,#362c44,transparent 40%),linear-gradient(130deg,#111b31,#261c36)}html.dark-mode body{background:#151d32;color:#e4e8f4}html.dark-mode .page{background:transparent}html.dark-mode .shell,html.dark-mode .video-area{background:#202a43ef;border-color:#37435e;color:#e3e8f5;box-shadow:0 18px 50px #060a1680}html.dark-mode header,html.dark-mode nav,html.dark-mode .shell nav{background:#202a43;border-color:#36415c}html.dark-mode .global-search,html.dark-mode .header-profile,html.dark-mode .profile-card,html.dark-mode .settings-menu,html.dark-mode .settings-panel,html.dark-mode .settings-avatar-row,html.dark-mode .settings-panel label input,html.dark-mode .settings-panel label input:read-only,html.dark-mode .searchbox,html.dark-mode .song-row,html.dark-mode .playlist-card,html.dark-mode .connected-app-card,html.dark-mode .preference-row,html.dark-mode .terms-details,html.dark-mode .mini-practice-card,html.dark-mode .library-filters button,html.dark-mode .category-tabs button{background:#293550;border-color:#3b4966;color:#e1e7f4}html.dark-mode .welcome-banner{background:linear-gradient(115deg,#573d63,#3c3e70 55%,#2b5272)}html.dark-mode .welcome-copy h1,html.dark-mode .section-heading h2,html.dark-mode .heading h2,html.dark-mode .settings-panel h3,html.dark-mode .terms-details summary,html.dark-mode .terms-copy strong,html.dark-mode .song-main strong,html.dark-mode .playlist-open strong,html.dark-mode .release-card strong,html.dark-mode .mini-practice-card strong,html.dark-mode .connected-app-card strong,html.dark-mode .preference-row strong,html.dark-mode .settings-title h2{color:#f0eff8}html.dark-mode .welcome-copy p,html.dark-mode .settings-panel p,html.dark-mode .terms-copy,html.dark-mode .video-area p,html.dark-mode .track-info p,html.dark-mode .song-main small,html.dark-mode .playlist-card small,html.dark-mode .release-card small,html.dark-mode .mini-practice-card small,html.dark-mode .connected-app-card small,html.dark-mode .preference-row small{color:#b5bfd6}html.dark-mode .page-player .hero{background:linear-gradient(125deg,#2d3a5d,#483449)}html.dark-mode .quick-link.pink{background:#573348;color:#ffabd0}html.dark-mode .quick-link.blue{background:#303a67;color:#b6c3ff}html.dark-mode .quick-link.lavender{background:#413867;color:#d1c7ff}html.dark-mode .quick-link.yellow{background:#544628;color:#ffdb82}html.dark-mode .quick-link.mint{background:#254d4b;color:#9de5d4}html.dark-mode .settings-menu button{color:#bdc7dd}html.dark-mode .settings-menu button.active,html.dark-mode .toggle-switch.on{background:#e76ba1;color:#fff}html.dark-mode .settings-panel label{color:#c3cbe0}html.dark-mode .header-avatar{background:#43354e;color:#ff9fc9}html.dark-mode .profile-cover{background:linear-gradient(105deg,#30456d,#57426c 55%,#603d5e)}html.dark-mode .library-filters button.selected,html.dark-mode .category-tabs button.selected{background:#e76ba1;color:#fff}html.dark-mode .secondary,html.dark-mode .auth-switch button{background:#49354c;color:#f0dce9}html.dark-mode .add-panel,html.dark-mode .library-locked{background:#292f4c;border-color:#4b4262}html.dark-mode .terms-details{background:#252f47}html.dark-mode .terms-details summary{background:transparent}html.dark-mode .preference-badge{background:#38445d;color:#d1d9e9}html.dark-mode .connected-status{background:#264d48;color:#a8e9d8}.credits-watermark{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-top:12px;padding:25px 18px;border:1px solid #f2d9e6;border-radius:18px;background:linear-gradient(135deg,#fff2f8,#f1f3ff 58%,#e5f2ff);text-align:center}.credits-github-mark{width:45px;height:45px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;background:#263348;color:#fff;font-size:12px;font-weight:900;box-shadow:0 5px 14px #24354a35}.credits-kicker{z-index:1;color:#d36d9b;font-size:9px;font-weight:900;letter-spacing:2px}.credits-handle{z-index:1;margin-top:4px;color:#263348;font-size:clamp(23px,4vw,36px);font-weight:900;letter-spacing:-1.4px;text-decoration:none}.credits-handle span{margin-left:7px;color:#db6c9e;font-size:16px;vertical-align:top}.credits-name{z-index:1;margin-top:5px;color:#35476e;font-size:15px}.credits-studio{z-index:1;margin-top:11px;color:#8a97b2;font-size:9px;font-weight:800;letter-spacing:.7px}.credits-ghost{position:absolute;right:-16px;bottom:-57px;color:#26334808;font-size:210px;font-weight:1000;letter-spacing:-24px;pointer-events:none}html.dark-mode .credits-watermark{border-color:#463950;background:linear-gradient(135deg,#34293f,#28344e 58%,#223646)}html.dark-mode .credits-handle{color:#f3ecf5}html.dark-mode .credits-name{color:#d8dff0}html.dark-mode .credits-ghost{color:#ffffff08}.page{grid-template-columns:minmax(0,1fr) 300px}.page:not(.page-player) .video-area{position:sticky;top:12px;right:auto;bottom:auto;width:100%;padding:12px;border-radius:17px}.page:not(.page-player) .video-area p{display:block;font-size:9px}.page:not(.page-player) .video-area .side-decor{display:block;font-size:28px;margin:11px}.page-player .hero{grid-template-columns:minmax(170px,.78fr) minmax(190px,1fr);align-items:center}.page-player .album{grid-column:1;grid-row:2;width:min(220px,100%);height:auto;aspect-ratio:1/1;max-width:none}.page-player .album img{width:100%;height:100%;object-fit:cover}.page-player .track-info{grid-column:2;grid-row:2;align-self:center;margin:0}.page-player .track-info h2{font-size:24px}@media(max-width:1100px){.page{grid-template-columns:minmax(0,1fr) 250px}.page-player .hero{grid-template-columns:minmax(155px,.75fr) minmax(180px,1fr)}}@media(max-width:820px){.page{display:flex;flex-direction:column;align-items:stretch}.page:not(.page-player) .video-area{position:relative;top:auto;right:auto;bottom:auto;width:auto}.page-player .hero{grid-template-columns:1fr;gap:9px}.page-player .hero-top{grid-column:1;grid-row:1}.page-player .album{grid-column:1;grid-row:2;width:100%;height:auto;max-width:280px;aspect-ratio:1/1}.page-player .track-info{grid-column:1;grid-row:3;margin:0}}#nl-badge-frame{display:none!important}.downloads-page{padding:22px!important;overflow:auto!important}.downloads-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,160px);align-items:center;gap:22px;min-height:185px;margin-bottom:18px;padding:24px 28px;border:1px solid #f1d8e9;border-radius:22px;background:linear-gradient(115deg,#fff0f7,#eef1ff 58%,#e4f4ff)}.downloads-hero-copy{min-width:0}.downloads-hero-art{display:grid;min-width:0;place-items:center}.downloads-hero .downloads-app-logo{display:block;width:min(124px,100%);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 16px #6960842e)}.downloads-hero h1{margin:8px 0 7px;color:#20315d;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-1.4px}.downloads-hero h1 em{color:#d96e9e;font-style:normal}.downloads-hero p{max-width:550px;margin:0;color:#687a9e;font-size:11px;line-height:1.65}.release-version{margin-top:11px;padding:5px 9px;border:1px solid #e9d8ee;border-radius:99px;background:#ffffffa8;color:#6e7196;font-size:8px;font-weight:900}.download-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.download-platform-card{min-width:0;padding:17px;border:1px solid #e8edf8;border-radius:17px;background:#fff;box-shadow:0 7px 22px #6679a00b}.download-platform-icon{display:grid;width:40px;height:40px;place-items:center;margin-bottom:12px;border-radius:13px;background:#f1eaff;color:#8970ce}.download-platform-icon .newjams-app-logo{display:block;width:40px;height:40px;object-fit:cover;border-radius:13px}.download-platform-card:nth-child(1) .download-platform-icon{background:#e8f0ff;color:#6186ce}.download-platform-card .section-kicker{font-size:8px}.download-platform-card h2{margin:5px 0;font-size:16px;letter-spacing:-.3px}.download-platform-card p{min-height:33px;margin:0 0 13px;color:#7b89a4;font-size:9px;line-height:1.55}.desktop-download-button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:1px solid #ebc5d9;border-radius:12px;background:linear-gradient(135deg,#f584b3,#df65a0);color:#fff;text-align:center;text-decoration:none;font-size:9px;font-weight:900;box-shadow:0 5px 12px #e476a62b}.desktop-download-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.desktop-download-button small{margin-left:auto;color:#ffffffc9;font-size:7px;font-weight:700}.secondary-download{background:linear-gradient(135deg,#8a9ce4,#8475cb);border-color:#c7c8f0;box-shadow:0 5px 12px #827ac12b}.mac-download-options{display:grid;gap:7px}.download-unavailable{display:block;padding:12px 9px;border:1px dashed #dfe4f2;border-radius:11px;background:#fafbff;color:#98a2b8;text-align:center;font-size:8px;font-weight:800}.download-first-release,.download-status{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px 14px;border:1px solid #ebe4f2;border-radius:13px;background:#fffaff;color:#8971b2}.download-first-release>span{display:flex;flex-direction:column;gap:4px}.download-first-release strong{color:#455678;font-size:10px}.download-first-release small{color:#8994ab;font-size:8px}.download-status{flex-direction:column;align-items:flex-start;color:#6c7894;font-size:9px}.download-status strong{color:#33486f}.download-status a,.release-history-link{display:inline-flex;align-items:center;gap:5px;color:#c95e92;font-size:9px;font-weight:900;text-decoration:none}.download-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}.download-guide-grid>div{padding:14px;border:1px solid #e8edf8;border-radius:14px;background:#f9faff}.download-guide-grid h3{margin:0 0 8px;font-size:11px}.download-guide-grid p{margin:6px 0;color:#7483a0;font-size:8px;line-height:1.55}.download-guide-grid strong{color:#465a80}.release-history-link{margin:13px 2px 4px}.desktop-update-toast{position:fixed;z-index:1000;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;max-width:min(500px,calc(100vw - 30px));padding:12px 15px;border:1px solid #edcce0;border-radius:14px;background:#fffafd;color:#415477;font-size:10px;font-weight:800;box-shadow:0 12px 36px #29395828}.desktop-update-toast .primary{width:auto;padding:8px 12px;white-space:nowrap;font-size:9px}.mandatory-update-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 16% 12%,#fa9bcf30,transparent 32%),#111827ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#222840}.mandatory-update-card{width:min(100%,480px);padding:30px;border:1px solid #f0c6dd;border-radius:26px;background:linear-gradient(145deg,#fffafd,#f4f3ff);box-shadow:0 26px 90px #080b1d90;text-align:center}.mandatory-update-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 15px;border-radius:17px;background:#ffe1ef;color:#d94c91}.mandatory-update-card .eyebrow{font-size:10px;font-weight:900;letter-spacing:.13em;color:#cb548b}.mandatory-update-card h2{margin:8px 0;color:#232746;font-size:27px}.mandatory-update-card p{color:#68718a;line-height:1.6;font-size:13px}.mandatory-update-versions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.mandatory-update-versions div{padding:12px;border:1px solid #e8e6f3;border-radius:14px;background:#fffa}.mandatory-update-versions dt{font-size:10px;color:#8188a1}.mandatory-update-versions dd{margin:5px 0 0;font-size:14px;font-weight:900;color:#2b3254}.mandatory-update-status{min-height:20px;margin:14px 0!important;padding:10px;border-radius:12px;background:#f6eaf2;color:#8c3a67!important;font-size:11px!important;overflow-wrap:anywhere}.mandatory-update-card .mandatory-update-instructions{margin:12px 0;padding:12px;border:1px solid #e8e6f3;border-radius:13px;background:#fffa;color:#626d87;font-size:11px}.mandatory-update-actions{display:grid;gap:9px;margin:18px 0 12px}.mandatory-update-actions .primary,.mandatory-update-actions .secondary{width:100%;margin:0;min-height:45px;font-weight:900}.mandatory-update-card>small{color:#858ba0;font-size:10px}.update-service-warning{bottom:20px}html.dark-mode .mandatory-update-card{background:linear-gradient(145deg,#242e47,#30283e);border-color:#4c4761;color:#eef0fa}html.dark-mode .mandatory-update-card h2,html.dark-mode .mandatory-update-versions dd{color:#f0eff8}html.dark-mode .mandatory-update-card p,html.dark-mode .mandatory-update-versions dt,html.dark-mode .mandatory-update-card>small{color:#b9c2d8}html.dark-mode .mandatory-update-versions div{background:#202a42;border-color:#3f4a67}html.dark-mode .mandatory-update-status{background:#493347;color:#f1c4db!important}html.dark-mode .mandatory-update-card .mandatory-update-instructions{border-color:#3f4a67;background:#202a42;color:#c4cbe0}.optional-update-notice{align-items:stretch;flex-wrap:wrap}.optional-update-notice>div{display:grid;gap:4px;flex:1 1 100%;line-height:1.45}.optional-update-notice>div strong{font-size:12px;color:#e84e9b}.optional-update-notice>div span{font-size:10px;font-weight:650}.optional-update-notice .secondary{width:auto;margin:0;padding:8px 12px;white-space:nowrap;font-size:9px}@media(max-width:520px){.mandatory-update-card{padding:24px 19px;border-radius:21px}.mandatory-update-card h2{font-size:23px}.mandatory-update-versions{gap:7px}.mandatory-update-versions div{padding:10px 6px}}html.dark-mode .downloads-hero{border-color:#463950;background:linear-gradient(115deg,#34293f,#28344e 58%,#223646)}html.dark-mode .downloads-hero h1,html.dark-mode .download-platform-card h2,html.dark-mode .download-guide-grid h3{color:#f0eff8}html.dark-mode .downloads-hero p,html.dark-mode .download-platform-card p,html.dark-mode .download-guide-grid p{color:#b5bfd6}html.dark-mode .download-platform-card,html.dark-mode .download-guide-grid>div,html.dark-mode .download-first-release,html.dark-mode .download-status,html.dark-mode .desktop-update-toast{border-color:#3b4966;background:#293550;color:#e1e7f4}html.dark-mode .download-first-release strong,html.dark-mode .download-status strong,html.dark-mode .download-guide-grid strong{color:#e5eaf5}html.dark-mode .download-unavailable{border-color:#46516b;background:#252f47;color:#b5bfd6}html.dark-mode .release-version{border-color:#4a4260;background:#293550;color:#d7d9e9}@media(max-width:820px){.downloads-page{padding:14px!important}.download-platform-grid,.download-guide-grid{grid-template-columns:1fr}.downloads-hero{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding:18px}.downloads-hero-art{justify-self:center}.downloads-hero .downloads-app-logo{width:82px}.downloads-hero h1{font-size:25px}.downloads-hero p{max-width:100%}}.playback-error{color:#ffb5cb!important}.page-downloads .video-area .playback-error{display:none!important}html.dark-mode{color-scheme:dark;--theme-soft:#4c2e47;--theme-secondary:#2b3956;--theme-border:#49394f;--theme-surface:#242339;--app-bg:#151321;background:#151321;color:#eeeaf4}html.dark-mode body{min-height:100vh;background:radial-gradient(ellipse at 12% 0%,#432b45 0,transparent 35%),linear-gradient(135deg,#151321,#1b2034 62%,#20243c);color:#eeeaf4}html.dark-mode #root,html.dark-mode .page{min-height:100vh;background:transparent;color:#eeeaf4}html.dark-mode .shell{background:#201f30ed;border-color:#40364c!important;box-shadow:0 18px 60px #080813aa!important;color:#eeeaf4}html.dark-mode header,html.dark-mode nav{background:#211f31;border-color:#393449;color:#d8d5e5}html.dark-mode .global-search,html.dark-mode .header-profile,html.dark-mode .searchbox,html.dark-mode .settings-panel label input,html.dark-mode .settings-panel label input:read-only,html.dark-mode .settings-panel textarea,html.dark-mode .settings-panel select,html.dark-mode .nickname-editor input,html.dark-mode .add-panel input{background:#29283b;border-color:#49465c;color:#f0edf6}html.dark-mode .global-search input,html.dark-mode .searchbox input,html.dark-mode input,html.dark-mode textarea,html.dark-mode select{color:#f0edf6}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#9694aa}html.dark-mode .page-content,html.dark-mode .page-content p,html.dark-mode .empty,html.dark-mode .hint{color:#c5c1d2}html.dark-mode .welcome-banner,html.dark-mode .hero,html.dark-mode .profile-cover{border-color:#52405a;background:linear-gradient(118deg,#3c2b45,#30344e 55%,#263b4c);color:#f5eff6}html.dark-mode .welcome-copy h1,html.dark-mode .section-heading h2,html.dark-mode .heading h2,html.dark-mode .section-title,html.dark-mode .settings-title h2,html.dark-mode .settings-panel h3,html.dark-mode .track-info h2,html.dark-mode .page-content h2,html.dark-mode .page-content h3,html.dark-mode .terms-details summary{color:#f4f0f7}html.dark-mode .welcome-copy p,html.dark-mode .settings-panel p,html.dark-mode .track-info p,html.dark-mode .settings-panel label,html.dark-mode .section-kicker,html.dark-mode .page-content small{color:#bbb7cc}html.dark-mode .quick-link.pink{background:#48283e;color:#ffa8d0}html.dark-mode .quick-link.blue{background:#293452;color:#b7c9ff}html.dark-mode .quick-link.lavender{background:#382d4c;color:#d4c3ff}html.dark-mode .quick-link.yellow{background:#4a3a2b;color:#ffe19a}html.dark-mode .quick-link.mint{background:#24443f;color:#a7e8d5}html.dark-mode .song-row,html.dark-mode .playlist-card,html.dark-mode .profile-card,html.dark-mode .mini-practice-card,html.dark-mode .release-card,html.dark-mode .connected-app-card,html.dark-mode .preference-row,html.dark-mode .settings-menu,html.dark-mode .settings-panel,html.dark-mode .settings-avatar-row,html.dark-mode .stats-grid div,html.dark-mode .library-filters button,html.dark-mode .category-tabs button,html.dark-mode .search-result,html.dark-mode .queue-row,html.dark-mode .profile-recent button{background:#29283b;border-color:#403c52;color:#e8e4ef}html.dark-mode .song-row:hover,html.dark-mode .mini-practice-card:hover,html.dark-mode .release-card:hover,html.dark-mode .settings-menu button:hover{background:#333047}html.dark-mode .song-main strong,html.dark-mode .playlist-open strong,html.dark-mode .release-card strong,html.dark-mode .mini-practice-card strong,html.dark-mode .connected-app-card strong,html.dark-mode .preference-row strong,html.dark-mode .stats-grid strong,html.dark-mode .queue-row strong{color:#f3eff7}html.dark-mode .song-main small,html.dark-mode .playlist-card small,html.dark-mode .release-card small,html.dark-mode .mini-practice-card small,html.dark-mode .connected-app-card small,html.dark-mode .preference-row small,html.dark-mode .stats-grid small,html.dark-mode .queue-row small{color:#b5b1c4}html.dark-mode .add-panel,html.dark-mode .library-locked,html.dark-mode .terms-details,html.dark-mode .theme-picker,html.dark-mode .download-platform-card,html.dark-mode .download-guide-grid>div,html.dark-mode .download-first-release,html.dark-mode .download-status{background:#272638;border-color:#403c52;color:#e8e4ef}html.dark-mode .terms-copy,html.dark-mode .terms-copy strong,html.dark-mode .terms-details summary,html.dark-mode .terms-source,html.dark-mode .download-platform-card h2,html.dark-mode .download-guide-grid h3,html.dark-mode .download-first-release strong,html.dark-mode .download-status strong{color:#e9e5f0}html.dark-mode .downloads-hero{border-color:#4d3a50;background:linear-gradient(115deg,#37283f,#29324b 58%,#223744)}html.dark-mode .downloads-hero h1{color:#f5f0f7}html.dark-mode .downloads-hero p,html.dark-mode .download-platform-card p,html.dark-mode .download-guide-grid p{color:#bdb8cb}html.dark-mode .download-unavailable{background:#222235;border-color:#48435b;color:#aaa6bc}html.dark-mode .search-results,html.dark-mode .search-result-list,html.dark-mode .up-next,html.dark-mode .playlist-detail,html.dark-mode .profile-recent{background:transparent;color:#eeeaf4}html.dark-mode .settings-menu button,html.dark-mode .avatar-menu-item,html.dark-mode .playlist-card-actions button,html.dark-mode .playlist-actions button{color:#d4cfe1}html.dark-mode .avatar-menu,html.dark-mode .avatar-modal{background:#272638;border-color:#484259;color:#f1edf5}html.dark-mode .avatar-menu-item:hover,html.dark-mode .playlist-card-actions button:hover{background:#373348}html.dark-mode .avatar-preview-circle{background:#482c42;border-color:#51465f}html.dark-mode .github-credit{background:#242233;border-color:#443a4d;color:#dfd9e9}html.dark-mode .settings-menu button.active,html.dark-mode .toggle-switch.on,html.dark-mode .primary,html.dark-mode .banner-action,html.dark-mode nav .active,html.dark-mode .library-filters button.selected,html.dark-mode .category-tabs button.selected{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong));color:#fff}html.dark-mode .secondary,html.dark-mode .auth-switch button,html.dark-mode .nickname-save{background:#463145;color:#f4deeb}html.dark-mode .preference-badge{background:#39374c;color:#d6d2e0}html.dark-mode .connected-status{background:#25443e;color:#a9e8d7}html.dark-mode .terms-copy a,html.dark-mode .terms-source a,html.dark-mode .forgot-link{color:#ff9dc9}html.dark-mode .toast,html.dark-mode .desktop-update-toast{background:#29283b;border-color:#494158;color:#f0ecf5}html.dark-mode .playback-error{padding:9px 10px;border:1px solid #70415c;border-radius:10px;background:#392638;color:#ffd1df!important}html.dark-mode .playback-error a{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:#ff9fc9;font-weight:900;text-decoration:underline}html.dark-mode .video-area{background:#211f31ef;border-color:#40364c;color:#ddd9e8}html.dark-mode .page:not(.page-player) .video-area{background:#211f31f2}html.dark-mode .profile-nickname{color:#f0b5d1}html.dark-mode .profile-nickname:hover{background:#383148}html.dark-mode .settings-panel input:focus,html.dark-mode .searchbox:focus-within{border-color:#e77eae;box-shadow:0 0 0 3px #e77eae22}:root{--theme-accent:#ed70a8;--theme-accent-strong:#d85394;--theme-soft:#ffe6f1;--theme-secondary:#e2edff;--theme-page-a:#fff2f8;--theme-page-b:#eaf0ff;--theme-border:#f3cadd;--theme-surface:#fff8fb}html[data-color-theme=blue]{--theme-accent:#6794e8;--theme-accent-strong:#4975ce;--theme-soft:#e2edff;--theme-secondary:#e9e3ff;--theme-page-a:#edf5ff;--theme-page-b:#f1eaff;--theme-border:#cbdaf6;--theme-surface:#f7faff}html[data-color-theme=mint]{--theme-accent:#5cb99b;--theme-accent-strong:#37977a;--theme-soft:#ddf5ed;--theme-secondary:#e4efff;--theme-page-a:#eaf9f2;--theme-page-b:#eaf1ff;--theme-border:#c1e8d9;--theme-surface:#f6fffb}html[data-color-theme=lavender]{--theme-accent:#977bdf;--theme-accent-strong:#785dc4;--theme-soft:#eee8ff;--theme-secondary:#ffe8f3;--theme-page-a:#f3efff;--theme-page-b:#fceefa;--theme-border:#ddd1f7;--theme-surface:#fcfaff}html[data-color-theme=peach]{--theme-accent:#ed996a;--theme-accent-strong:#d9784a;--theme-soft:#fff0e5;--theme-secondary:#ffe5ed;--theme-page-a:#fff4e9;--theme-page-b:#fff0f4;--theme-border:#f5d2bd;--theme-surface:#fffaf6}html[data-color-theme=lemon]{--theme-accent:#c9a341;--theme-accent-strong:#a9862d;--theme-soft:#fff6d9;--theme-secondary:#eaf0ff;--theme-page-a:#fff9e8;--theme-page-b:#eff3ff;--theme-border:#eadcae;--theme-surface:#fffdf6}html[data-color-theme=aqua]{--theme-accent:#4eafc2;--theme-accent-strong:#338c9f;--theme-soft:#ddf5f7;--theme-secondary:#e8e9ff;--theme-page-a:#e9f9fb;--theme-page-b:#f0efff;--theme-border:#bfe5ea;--theme-surface:#f6feff}html[data-color-theme=lilac]{--theme-accent:#c47bc8;--theme-accent-strong:#a65aaa;--theme-soft:#f8e8f8;--theme-secondary:#e8edff;--theme-page-a:#fff0fc;--theme-page-b:#edf1ff;--theme-border:#eccfeb;--theme-surface:#fff9ff}html:not(.dark-mode) .page{background:radial-gradient(ellipse at 15% 0%,var(--theme-soft) 0,transparent 38%),linear-gradient(135deg,var(--theme-page-a),var(--theme-page-b))!important}.shell{border-color:var(--theme-border)!important;box-shadow:12px 16px color-mix(in srgb,var(--theme-accent) 16%,white),0 30px 70px color-mix(in srgb,var(--theme-accent) 20%,transparent)!important}.brand{color:var(--theme-accent)!important}.brand span{color:var(--theme-accent-strong)!important}html:not(.dark-mode) .welcome-banner{background:linear-gradient(112deg,var(--theme-soft),var(--theme-secondary) 100%)!important}html:not(.dark-mode) .hero{background:linear-gradient(125deg,var(--theme-secondary),var(--theme-soft))!important}.primary,.banner-action,.library-add-shortcut,.release-play,.nickname-save,.settings-menu button.active,nav .active,.library-filters button.selected,.category-tabs button.selected,.toggle-switch.on{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-strong))!important;color:#fff!important}.library-filters button.selected,.category-tabs button.selected{border-color:var(--theme-accent)!important}.terms-copy a,.terms-source a,.forgot-link{color:var(--theme-accent-strong)!important}.theme-picker{margin:14px 0;padding:14px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-surface)}.theme-picker>strong,.theme-picker>small{display:block}.theme-picker>strong{font-size:11px}.theme-picker>small{margin:4px 0 12px;color:#8492ae;font-size:9px}.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.theme-option{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;border:1px solid transparent;border-radius:10px;color:#596b8e;font-size:8px;font-weight:800;transition:background .18s,border-color .18s,transform .18s}.theme-option:hover{background:#ffffffa8;transform:translateY(-1px)}.theme-option.selected{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-soft) 70%,white);color:var(--theme-accent-strong)}.theme-option-swatch{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--swatch-color),var(--swatch-soft));box-shadow:0 2px 6px #29395820}.theme-option-swatch i{width:8px;height:8px;border:2px solid white;border-radius:50%;opacity:0}.theme-option.selected .theme-option-swatch i{opacity:1}html.dark-mode .theme-picker{background:#293550;border-color:#3b4966}html.dark-mode .theme-picker>small{color:#b5bfd6}html.dark-mode .theme-option{color:#d2dbee}html.dark-mode .theme-option.selected{background:color-mix(in srgb,var(--theme-accent) 22%,#293550);color:#fff}.welcome-actions{display:flex;flex-wrap:wrap;gap:8px}.welcome-actions .banner-action,.banner-download-action{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900;transition:transform .18s,filter .18s}.banner-download-action{border:1px solid #fff;background:#ffffffc9;color:#765582;box-shadow:0 5px 12px #6d6b8d20}.welcome-actions .banner-action:hover,.banner-download-action:hover{filter:brightness(1.03);transform:translateY(-1px)}html.dark-mode .banner-download-action{border-color:#665579;background:#332f4ccc;color:#f3d9eb}