@charset "UTF-8";@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/outfit-latin-ext-wght-normal-5Z2WCAL6.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/outfit-latin-wght-normal-5FXBKKJF.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.song-league-page{min-height:calc(100vh - 72px);padding:34px 0 56px}.song-league-shell{width:min(1180px,100% - 40px);margin:0 auto}.league-eyebrow{display:block;margin-bottom:7px;color:var(--color-accent, #1ed760);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.league-primary,.league-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.league-primary{background:var(--color-accent, #1ed760);color:#071008}.league-primary:hover:not(:disabled){background:#31e66f}.league-primary:disabled,.league-secondary:disabled{opacity:.45;cursor:default}.league-secondary{border-color:var(--color-border-strong, rgba(255, 255, 255, .16));background:#ffffff09;color:var(--color-text, #fff)}.league-secondary:hover:not(:disabled){background:#ffffff14}.league-notice{margin:18px 0;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(255,196,74,.24);border-radius:14px;background:#ffc44a13;color:#f4ddb0}.league-notice>i{margin-top:2px}.league-notice strong{display:block;color:#fff}.league-notice p{margin:3px 0 0;color:inherit}.league-notice.error{border-color:#ff627042;background:#ff495b14;color:#ffb8bf}.league-notice.success{border-color:#1ed76040;background:#1ed76014;color:#a8f4c1}.league-section-heading{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.league-section-heading h2{margin:0;color:#fff;font-size:1.55rem}.league-section-heading .league-eyebrow{margin-bottom:4px}.league-section-heading>i{color:#efc84a;font-size:1.5rem}.league-count{min-width:34px;height:34px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .16));border-radius:999px;background:#ffffff0a;color:#fff;font-weight:800}.league-state,.league-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--color-border-strong, rgba(255, 255, 255, .16));border-radius:18px;background:#ffffff05;color:var(--color-text-muted, #aeb5b0);text-align:center}.league-state>i,.league-empty>i{color:var(--color-accent, #1ed760);font-size:2rem}.league-state strong,.league-empty strong{color:#fff;font-size:1.05rem}.league-state p,.league-empty p{margin:0}.league-state.compact,.league-empty.compact{min-height:170px}@media(max-width:768px){.song-league-page{padding:22px 0 34px}.song-league-shell{width:calc(100% - 24px)}.league-section-heading h2{font-size:1.3rem}}.league-hero{min-height:260px;padding:clamp(28px,5vw,58px);display:flex;align-items:flex-end;justify-content:space-between;gap:28px;overflow:hidden;position:relative;border:1px solid rgba(87,230,139,.18);border-radius:26px;background:radial-gradient(circle at 82% 22%,rgba(30,215,96,.18),transparent 31%),linear-gradient(135deg,#192b1ff5,#0c110efa)}.league-hero:after{content:"\266b";position:absolute;top:-54px;right:8%;color:#ffffff09;font-size:17rem;font-weight:900;transform:rotate(8deg);pointer-events:none}.league-hero>*{position:relative;z-index:1}.league-hero h1{margin:0;color:#fff;font-size:clamp(2.6rem,7vw,5.2rem);line-height:.95;letter-spacing:-.06em}.league-hero p{max-width:700px;margin:18px 0 0;color:#bdc8c0;font-size:1.05rem;line-height:1.6}.league-hero .league-primary{flex:0 0 auto}.league-create-card,.league-invite-ready{margin-top:20px;padding:24px;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .15));border-radius:20px;background:#121914f2}.league-create-card h2,.league-invite-ready h2{margin:0;color:#fff}.league-create-card p,.league-invite-ready p{margin:7px 0 0;color:#aeb7b1}.league-create-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:26px;align-items:end}.league-create-card label span{display:block;margin-bottom:7px;color:#cbd2cd;font-size:.82rem;font-weight:750}.league-create-card input{width:100%;min-height:46px;box-sizing:border-box;padding:0 14px;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .15));border-radius:12px;background:#0d120f;color:#fff;font:inherit}.league-form-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:9px}.league-invite-ready{border-color:#1ed76047;background:linear-gradient(135deg,#1ed76017,#121914f5)}.league-invite-ready>.league-primary{margin-top:15px}.league-invite-field{max-width:780px;margin-top:15px;display:flex;overflow:hidden;border:1px solid rgba(30,215,96,.25);border-radius:12px;background:#0b100d}.league-invite-field input{min-width:0;flex:1;padding:0 13px;border:0;background:transparent;color:#d9e3dc}.league-invite-field button{min-height:44px;padding:0 15px;display:flex;align-items:center;gap:7px;border:0;background:#1ed7601f;color:#8df0af;font-weight:800;cursor:pointer}.league-list-section{margin-top:38px}.league-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.league-card{min-height:106px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:17px;background:#ffffff06;color:inherit;text-decoration:none;transition:border-color .2s ease,background .2s ease}.league-card:hover{border-color:#1ed76047;background:#1ed7600e}.league-card .league-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#1ed7601a;color:#53e887;font-size:1.25rem}.league-card span,.league-card p{color:#87928a;font-size:.78rem}.league-card h3{margin:4px 0;color:#fff;font-size:1.12rem}.league-card p{margin:0}.league-card>i{color:#778179}@media(max-width:768px){.league-hero{min-height:280px;padding:26px 22px;flex-direction:column;align-items:flex-start;justify-content:flex-end}.league-hero .league-primary{width:100%}.league-create-card,.league-grid{grid-template-columns:1fr}}.league-claim-page{display:grid;place-items:center}.league-claim-card{width:min(520px,100% - 28px);padding:44px 28px;box-sizing:border-box;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .15));border-radius:24px;background:#121914f5;text-align:center}.league-claim-card h1{margin:18px 0 8px;color:#fff}.league-claim-card p{margin:0 0 22px;color:#aeb7b1;line-height:1.6}.league-claim-icon{width:68px;height:68px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:#1ed7601a;color:#4ee27f;font-size:1.8rem}.league-notification-prompt-overlay{position:fixed;z-index:1200;inset:0;padding:18px;display:grid;place-items:center;box-sizing:border-box;background:#030704c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.league-notification-prompt{width:min(460px,100%);padding:30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#121914;box-shadow:0 24px 80px #00000073;text-align:center}.league-notification-prompt h2{margin:8px 0;color:#fff;font-size:1.65rem}.league-notification-prompt p{margin:0;color:#aeb7b1;line-height:1.55}.league-notification-prompt-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#1ed7601f;color:#4ee27f;font-size:1.4rem}.league-notification-prompt-kicker{color:#4ee27f;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.league-notification-prompt-error{margin-top:14px!important;color:#ff9fa6!important}.league-notification-prompt-actions{margin-top:24px;display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.league-notification-prompt-actions button{min-height:46px;justify-content:center}@media(max-width:480px){.league-notification-prompt{padding:24px 18px}.league-notification-prompt-actions{grid-template-columns:1fr}}.league-detail-header{padding-bottom:24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .1))}.league-detail-header h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.045em}.league-detail-header p{margin:8px 0 0;color:#98a39b}.league-weekly-task{margin-top:18px;padding:clamp(18px,3vw,26px);display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff06}.league-weekly-task.open{border-color:#1ed76057;background:linear-gradient(135deg,#1ed7601c,#141c17f0)}.league-weekly-task h2{margin:4px 0 0;color:#fff;font-size:clamp(1.3rem,3vw,1.8rem)}.league-weekly-task p{margin:6px 0 0;color:#95a097}.league-weekly-task .league-primary{flex:0 0 auto}.league-local-tabs{margin:16px 0 4px;padding:4px;display:flex;gap:3px;overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#ffffff06}.league-local-tabs button{min-height:40px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#8e9991;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}.league-local-tabs button.active{background:#1ed7601f;color:#70e99a}.league-settings,.league-member-summary{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#ffffff06}.league-settings-actions{display:flex;flex-wrap:wrap;gap:8px}.league-overview-members{margin-top:24px}.league-member-chips{display:flex;flex-wrap:wrap;gap:8px}.league-member-chips>span{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff06;color:#c6cfc9;font-size:.8rem;font-weight:700}.league-member-chips img{width:24px;height:24px;border-radius:50%;object-fit:cover}.league-member-chips i{color:#73e99a}.league-back{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .15));border-radius:50%;background:#ffffff08;color:#fff;cursor:pointer}.league-member-limit{margin:16px 0 0;padding:14px 16px;display:grid;grid-template-columns:40px minmax(0,1fr) 82px auto;align-items:center;gap:12px;border:1px solid rgba(30,215,96,.18);border-radius:15px;background:#1ed7600e}.league-member-limit>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#1ed760;background:#1ed7601f}.league-member-limit>div{display:flex;flex-direction:column;min-width:0}.league-member-limit small{color:#8f9a92}.league-member-limit input{width:82px;min-height:42px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#111512;color:#fff;font:inherit;font-weight:800}.league-load-error{padding:28px}.league-load-error>i{color:#ff7f8c}.league-load-error>p{max-width:680px;color:#ffb8bf;overflow-wrap:anywhere}.league-load-error-actions{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.league-inline-invite{margin:16px 0;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(30,215,96,.24);border-radius:14px;background:#1ed7600f}.league-inline-invite strong,.league-inline-invite span{display:block}.league-inline-invite span{margin-top:2px;color:#99a79e;font-size:.8rem}.league-inline-invite>div:last-child{min-width:min(540px,55%);display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:10px}.league-inline-invite input{min-width:0;flex:1;padding:0 11px;border:0;background:#0b100d;color:#d8e0da}.league-inline-invite button{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:6px;border:0;background:#1ed76021;color:#73eb9c;font-weight:800;cursor:pointer}.league-invite-manager{margin:16px 0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff06}.league-invite-manager>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.league-invite-manager>header>div{min-width:0}.league-invite-manager strong,.league-invite-manager small{display:block}.league-invite-manager small{margin-top:3px;color:#8f9a92}.league-invite-list{margin-top:12px;display:grid;gap:8px}.league-invite-list article{padding:11px 12px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0000001f}.league-invite-list article>i{color:#1ed760}.league-invite-empty{margin:12px 0 0;color:#8f9a92}.picks-status-badge{width:fit-content;margin-top:14px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff09;color:#8c978f;font-size:.7rem;font-weight:800}.picks-status-badge i{font-size:.58rem}.picks-status-badge.open{border-color:#1ed7603d;background:#1ed76014;color:#64e990}.league-notification-control{margin:14px 0;padding:13px 15px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff06}.league-notification-control>span:nth-child(2){min-width:0}.league-notification-control strong,.league-notification-control small,.league-notification-control em{display:block}.league-notification-control strong{color:#e5ece7}.league-notification-control small{margin-top:2px;color:#7f8b82}.league-notification-control em{margin-top:4px;color:#61df8b;font-size:.7rem;font-style:normal}.league-notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1ed76017;color:#4de17f}.league-notice.closed{border-color:#8294883d;background:#82948812}.league-member-manager,.league-lifecycle-history,.league-rejoin-manager{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#ffffff06}.league-member-menu{position:relative}.league-icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff08;color:#cbd3cd;cursor:pointer}.league-member-menu [role=menu]{position:absolute;z-index:5;top:calc(100% + 6px);right:0;min-width:180px;padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#161d18;box-shadow:0 14px 34px #00000061}.league-member-menu [role=menu] button{width:100%;min-height:38px;padding:0 10px;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:#d8dfda;font:inherit;text-align:left;cursor:pointer}.league-member-menu [role=menu] button:hover,.league-member-menu [role=menu] button:focus-visible{background:#ffffff12}.league-member-list,.league-rejoin-list{display:grid;gap:8px}.league-rejoin-list article{padding:9px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;border-radius:12px;background:#0000001f}.league-rejoin-list img,.league-rejoin-list .standing-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.league-rejoin-list .standing-avatar{display:grid;place-items:center;background:#ffffff12}.league-rejoin-list strong,.league-rejoin-list small{display:block}.league-rejoin-list small{margin-top:3px;color:#839087}.league-rejoin-empty{margin:4px 0 0;color:#78857c}.league-member-list article{min-height:58px;padding:8px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;border-radius:12px;background:#0000001f}.league-member-list img,.league-member-list .standing-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.league-member-list .standing-avatar{display:grid;place-items:center;background:#ffffff12}.league-member-list strong,.league-member-list small{display:block}.league-member-list small{margin-top:2px;color:#7f8b82}.league-danger-secondary{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,82,82,.24);border-radius:10px;background:#ff52520d;color:#ef9198;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.league-lifecycle-history>p{color:#87928a}.league-lifecycle-history>div:not(.league-section-heading){padding:9px 4px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.06)}.league-lifecycle-history>div>i{color:#68dd8f}.league-lifecycle-history strong,.league-lifecycle-history small{display:block}.league-lifecycle-history small{margin-top:2px;color:#748078}.league-lifecycle-warning p{margin:0}.friday-composer-panel{margin-top:22px;padding:16px;border:1px solid rgba(30,215,96,.22);border-radius:16px;background:#1ed7600d}.standing-list{margin:0;padding:0;list-style:none}.standing-list>li{margin:0;padding:0}.recommendation-rankings-toggle{grid-column:2/4;width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:#8f9b92;font:inherit;font-size:.76rem;cursor:pointer}.recommendation-rankings-toggle span:last-child{color:#63e48f;font-weight:750;white-space:nowrap}.friday-composer-heading{margin-bottom:11px}.friday-composer-heading strong,.friday-composer-heading small{display:block}.friday-composer-heading strong{color:#fff}.friday-composer-heading small{margin-top:3px;color:#7f8c83;font-size:.75rem}.league-search-form{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:8px;padding:0 6px 0 16px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:#0b100d}.league-search-form>i{color:#68736b}.league-search-form input{min-width:0;height:48px;border:0;outline:0;background:transparent;color:#fff;font:inherit}.league-search-form button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:11px;background:#1ed760;color:#071008;cursor:pointer}.league-search-form button:disabled{opacity:.4}.league-search-results{max-height:310px;margin-top:8px;padding:5px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#101612}.league-search-results .league-search-result{min-height:62px;padding:7px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;border-radius:10px}.league-search-results .league-search-result:hover{background:#ffffff0e}.league-search-results .league-search-result>button{min-width:0;min-height:48px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.league-search-results img{width:48px;height:48px;border-radius:8px;object-fit:cover}.league-search-results span,.league-search-results strong,.league-search-results small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-search-results strong{color:#fff}.league-search-results small{margin-top:3px;color:#8b968e}.league-search-results .league-search-result>button>i{color:#4ee17f}.selected-league-track{margin-top:10px;padding:10px;display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(30,215,96,.24);border-radius:15px;background:#1ed76012}.selected-league-track img{width:60px;height:60px;border-radius:10px;object-fit:cover}.selected-league-track span,.selected-league-track strong,.selected-league-track small{display:block}.selected-league-track span{color:#66e890;font-size:.68rem;font-weight:800;text-transform:uppercase}.selected-league-track strong{margin:4px 0;color:#fff}.selected-league-track small{color:#93a097}.league-dashboard-grid{margin-top:22px;display:grid;grid-template-columns:1fr}.standings-panel{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff06}.standing-list{display:grid;gap:7px}.standing-row{width:100%;min-height:68px;padding:8px 11px;display:grid;grid-template-columns:30px 44px minmax(0,1fr) auto 18px;align-items:center;gap:10px;border:1px solid transparent;border-radius:13px;background:#ffffff06;color:inherit;text-align:left;cursor:pointer}.standing-row:hover{border-color:#1ed76033;background:#1ed7600d}.standing-row>img,.standing-row .standing-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.standing-row .standing-avatar{display:grid;place-items:center;background:#ffffff12;color:#9da69f}.standing-row>i{color:#657067}.standing-place{color:#78837b;font-weight:900;text-align:center}.standing-name,.standing-score{min-width:0}.standing-name strong,.standing-name small,.standing-score strong,.standing-score small{display:block}.standing-name strong{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.standing-name small{margin-top:3px;color:#79857c}.standing-score{text-align:right}.standing-score strong{color:#fff;font-size:1.18rem}.standing-score small{color:#78837b;font-size:.7rem;text-transform:uppercase}.active-songs-section{margin-top:32px}.league-playlist-action{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.league-playlist-action .league-primary,.league-playlist-action .league-secondary{min-width:min(310px,100%)}.league-playlist-action p{margin:0;color:#727f76;font-size:.7rem}.league-admin-actions{margin-top:20px;padding-top:18px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.07)}.league-delete-button{padding:8px 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,82,82,.22);border-radius:10px;background:#ff52520a;color:#db7b82;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.league-delete-button:hover{border-color:#ff52527a;background:#ff525217;color:#ff9298}.league-delete-warning strong{color:#fff}.league-delete-final-warning{margin:-14px 0 24px;color:#ff8c93;font-size:.82rem;font-weight:800}.active-song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.active-song-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;grid-template-rows:auto auto;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff06}.active-song-art{grid-row:1/3;position:relative;overflow:hidden;background:#121814}.active-song-art img,.active-song-art>span{width:92px;height:100%;min-height:150px;display:grid;place-items:center;object-fit:cover;color:#667168;font-size:1.6rem;transition:filter .18s ease,transform .18s ease}.active-song-art em{z-index:2;position:absolute;left:6px;right:6px;bottom:7px;padding:5px 4px;border-radius:7px;background:#040805d1;color:#dce5df;font-size:.65rem;font-style:normal;font-weight:800;text-align:center}.active-song-art-link{color:inherit;cursor:pointer;outline:0;text-decoration:none;transition:box-shadow .18s ease}.active-song-art-link:after{content:"";position:absolute;inset:0;background:#1ed7602e;box-shadow:inset 0 0 0 2px #1ed760;opacity:0;transition:opacity .18s ease}.active-song-art-link:hover:after,.active-song-art-link:focus-visible:after{opacity:1}.active-song-art-link:hover img,.active-song-art-link:focus-visible img{filter:brightness(.74) saturate(1.2);transform:scale(1.04)}.active-song-copy{padding:14px 8px 10px 14px;min-width:0}.active-song-copy>span{color:#64df8d;font-size:.7rem;font-weight:800}.active-song-copy h3{margin:6px 0 3px;overflow:hidden;color:#fff;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.active-song-copy p{margin:0;overflow:hidden;color:#88938b;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.active-song-score{padding:14px 14px 10px 7px;text-align:right}.active-song-score strong,.active-song-score span{display:block}.active-song-score strong{color:#fff;font-size:1.2rem}.active-song-score span{color:#737f76;font-size:.66rem;text-transform:uppercase}.listener-position-list{grid-column:2/4;padding:9px 12px;display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.07)}.listener-position-list>div{display:flex;justify-content:space-between;gap:10px;color:#87928a;font-size:.75rem}.listener-position-list strong{color:#dce4de}.listener-position-list small{margin-left:5px;color:#5fe78d}.listener-position-list .not-ranked{color:#69736c;font-weight:600}.league-modal-overlay{position:fixed;inset:0;z-index:2100;padding:24px;display:grid;place-items:center;background:#020503d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.league-breakdown-modal{width:min(900px,100%);max-height:min(760px,100dvh - 48px);padding:26px;overflow-y:auto;position:relative;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#121914;box-shadow:0 30px 80px #00000080}.league-breakdown-modal h2{margin:0;padding-right:36px;color:#fff}.league-breakdown-modal>p{margin:8px 0 20px;color:#909c93}.league-modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0a;color:#fff;font-size:1.4rem;cursor:pointer}.breakdown-table{min-width:680px}.breakdown-header,.breakdown-row{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(120px,.7fr) minmax(120px,.6fr) 80px;align-items:center;gap:12px}.breakdown-header{padding:8px 10px;color:#68746b;font-size:.68rem;font-weight:800;text-transform:uppercase}.breakdown-row{min-height:64px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.075);color:#a3aea6;font-size:.82rem}.breakdown-row>strong{color:#fff;text-align:right}.breakdown-song{min-width:0;display:flex;align-items:center;gap:10px}.breakdown-song img{width:44px;height:44px;border-radius:7px;object-fit:cover}.breakdown-song>span{min-width:0}.breakdown-song strong,.breakdown-song small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-song strong{color:#fff}.breakdown-song small{margin-top:2px;color:#78847b}@media(max-width:900px){.league-dashboard-grid,.active-song-grid{grid-template-columns:1fr}}@media(max-width:768px){.league-member-list article{grid-template-columns:42px minmax(0,1fr)}.league-member-list article>button{width:100%}.league-rejoin-list article{grid-template-columns:42px minmax(0,1fr)}.league-rejoin-list article>button{width:100%}.league-invite-manager>header{align-items:stretch;flex-direction:column}.league-invite-list article{grid-template-columns:24px minmax(0,1fr)}.league-invite-list article>button{grid-column:1/-1;justify-content:center}.league-member-limit{grid-template-columns:40px minmax(0,1fr) 76px}.league-member-limit>button{grid-column:1/-1;width:100%}.league-notification-control{grid-template-columns:38px minmax(0,1fr)}.league-notification-control>button{grid-column:1/-1;width:100%}.league-detail-header{grid-template-columns:minmax(0,1fr) auto}.league-detail-header .league-back{display:none}.league-detail-header p{font-size:.82rem}.invite-button{width:44px;height:44px;min-height:44px;padding:0;display:inline-grid;place-items:center;line-height:1}.invite-button span{display:none}.invite-button i{display:block;margin:0;font-size:1rem;line-height:1}.league-inline-invite{align-items:stretch;flex-direction:column}.league-inline-invite>div:last-child{width:100%;min-width:0}.selected-league-track{grid-template-columns:52px minmax(0,1fr)}.selected-league-track img{width:52px;height:52px}.selected-league-track .league-primary{grid-column:1/3;width:100%}.standing-row{grid-template-columns:26px 40px minmax(0,1fr) auto}.standing-row>img,.standing-row .standing-avatar{width:40px;height:40px}.standing-row>i{display:none}.standing-name small{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-modal-overlay{padding:0;align-items:end}.league-breakdown-modal{max-height:88dvh;padding:22px 16px;border-radius:22px 22px 0 0;overflow-x:auto}}.design-v2 *{box-sizing:border-box}.design-v2 .v2-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--v2-control-height, 44px);padding:0 var(--v2-space-4, 16px);gap:var(--v2-space-2, 8px);border:1px solid transparent;border-radius:var(--v2-radius-control, 12px);color:var(--v2-color-text, #f5f7f5);background:transparent;font:inherit;font-weight:760;line-height:1.1;text-decoration:none;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}.design-v2 .v2-button--primary{color:var(--v2-color-accent-ink);background:var(--v2-color-accent)}.design-v2 .v2-button--primary:hover{background:var(--v2-color-accent-strong)}.design-v2 .v2-button--secondary{border-color:var(--v2-color-border-strong);background:var(--v2-color-surface)}.design-v2 .v2-button--secondary:hover,.design-v2 .v2-button--tertiary:hover,.design-v2 .v2-button--icon:hover{border-color:var(--v2-color-accent);background:var(--v2-color-selection)}.design-v2 .v2-button--tertiary{color:var(--v2-color-text-muted)}.design-v2 .v2-button--danger{border-color:color-mix(in srgb,var(--v2-color-danger) 55%,transparent);color:var(--v2-color-danger);background:var(--v2-color-danger-surface)}.design-v2 .v2-button--icon{width:var(--v2-control-height, 44px);padding:0;border-color:var(--v2-color-border)}.design-v2 .v2-button:active:not(:disabled){transform:translateY(1px)}.design-v2 .v2-button:disabled,.design-v2 .v2-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.design-v2 .v2-button.is-loading{cursor:wait}.design-v2 :where(.v2-button,.v2-tabs button,.v2-filter-chips button,.v2-menu button,input):focus-visible{outline:2px solid var(--v2-color-focus, #9fffc8);outline-offset:3px}.design-v2 .v2-page{width:min(100%,var(--v2-width-default));margin-inline:auto}.design-v2 .v2-page__header{display:flex;align-items:end;justify-content:space-between;gap:var(--v2-space-6);margin-bottom:var(--v2-space-8)}.design-v2 .v2-page__copy{min-width:0}.design-v2 .v2-page__eyebrow{margin:0 0 var(--v2-space-2);color:var(--v2-color-accent);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.design-v2 .v2-page h1{margin:0;font-size:clamp(2rem,6vw,4.5rem);line-height:.98;letter-spacing:-.055em}.design-v2 .v2-page__description{max-width:70ch;margin:var(--v2-space-3) 0 0;color:var(--v2-color-text-muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.55}.design-v2 .v2-page__actions,.design-v2 .v2-section-header__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:var(--v2-space-2)}.design-v2 .v2-page__tabs:empty,.design-v2 .v2-page__toolbar:empty,.design-v2 .v2-page__actions:empty{display:none}.design-v2 .v2-page__tabs{margin-bottom:var(--v2-space-5)}.design-v2 .v2-page__toolbar{margin-bottom:var(--v2-space-6)}.design-v2 .v2-page__sections{display:grid;gap:var(--v2-space-8)}.design-v2 .v2-card,.design-v2 .v2-list-row{display:block;border:1px solid var(--v2-color-border);background:var(--v2-color-surface)}.design-v2 .v2-card{padding:clamp(var(--v2-space-4),3vw,var(--v2-space-6));border-radius:var(--v2-radius-card)}.design-v2 .v2-list-row{min-height:64px;padding:var(--v2-space-3) var(--v2-space-4);border-radius:var(--v2-radius-control);content-visibility:auto;contain-intrinsic-size:auto 72px}.design-v2 .v2-section-header{display:flex;align-items:end;justify-content:space-between;gap:var(--v2-space-4)}.design-v2 .v2-section-header h2{margin:0;font-size:clamp(1.25rem,3vw,1.65rem)}.design-v2 .v2-section-header p{max-width:70ch;margin:var(--v2-space-1) 0 0;color:var(--v2-color-text-muted)}.design-v2 .v2-status{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;gap:7px;border-radius:var(--v2-radius-pill);color:var(--v2-color-text-muted);background:var(--v2-color-background-raised);font-size:.78rem;font-weight:760}.design-v2 .v2-status>span{width:7px;height:7px;border-radius:50%;background:currentColor}.design-v2 .v2-status--success{color:var(--v2-color-success);background:var(--v2-color-selection)}.design-v2 .v2-status--warning{color:var(--v2-color-warning);background:var(--v2-color-warning-surface)}.design-v2 .v2-status--danger{color:var(--v2-color-danger);background:var(--v2-color-danger-surface)}.design-v2 .v2-status--info{color:var(--v2-color-info);background:var(--v2-color-info-surface)}.design-v2 .v2-tabs{display:flex;max-width:100%;gap:var(--v2-space-1);overflow-x:auto;scrollbar-width:thin}.design-v2 .v2-tabs button,.design-v2 .v2-filter-chips button{min-height:var(--v2-control-height);padding:0 var(--v2-space-4);border:1px solid transparent;border-radius:var(--v2-radius-control);color:var(--v2-color-text-muted);background:transparent;font:inherit;font-weight:720;white-space:nowrap;cursor:pointer}.design-v2 .v2-tabs button[aria-pressed=true],.design-v2 .v2-filter-chips button.is-selected{color:var(--v2-color-accent-ink);background:var(--v2-color-accent)}.design-v2 .v2-tabs--segmented{width:fit-content;padding:3px;border:1px solid var(--v2-color-border);border-radius:calc(var(--v2-radius-control) + 3px);background:var(--v2-color-background-raised)}.design-v2 .v2-tabs button:disabled,.design-v2 .v2-filter-chips button:disabled{opacity:.45;cursor:not-allowed}.design-v2 .v2-search{display:grid;gap:var(--v2-space-2)}.design-v2 .v2-search label{font-size:.86rem;font-weight:760}.design-v2 .v2-search__field{position:relative;display:flex;align-items:center}.design-v2 .v2-search__field i{position:absolute;left:15px;color:var(--v2-color-text-subtle);pointer-events:none}.design-v2 .v2-search input{width:100%;min-height:var(--v2-control-height);padding:0 44px;border:1px solid var(--v2-color-border-strong);border-radius:var(--v2-radius-control);color:var(--v2-color-text);background:var(--v2-color-input);font:inherit}.design-v2 .v2-control-description{margin:0;color:var(--v2-color-text-subtle);font-size:.82rem}.design-v2 .v2-filter-chips{display:flex;flex-wrap:wrap;gap:var(--v2-space-2);margin-top:var(--v2-space-3)}.design-v2 .v2-filter-chips button{min-height:var(--v2-control-height, 44px);border-color:var(--v2-color-border);border-radius:var(--v2-radius-pill)}.design-v2 .v2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--v2-space-2);padding:var(--v2-space-2);border:1px solid var(--v2-color-border);border-radius:calc(var(--v2-radius-control) + 4px);background:var(--v2-color-background-raised)}.design-v2 .v2-state{display:grid;justify-items:center;min-height:240px;padding:var(--v2-space-8);place-content:center;text-align:center;border:1px dashed var(--v2-color-border-strong);border-radius:var(--v2-radius-card)}.design-v2 .v2-state>i{color:var(--v2-color-accent);font-size:1.6rem}.design-v2 .v2-state h2{margin:var(--v2-space-3) 0 var(--v2-space-1)}.design-v2 .v2-state p{max-width:55ch;margin:0 0 var(--v2-space-5);color:var(--v2-color-text-muted)}.design-v2 .v2-state--error{border-color:color-mix(in srgb,var(--v2-color-danger) 45%,transparent);background:var(--v2-color-danger-surface)}.design-v2 .v2-spinner{width:28px;height:28px;border:3px solid var(--v2-color-border-strong);border-top-color:var(--v2-color-accent);border-radius:50%;animation:v2-spin .8s linear infinite}.design-v2 .v2-modal-layer{position:fixed;z-index:1100;inset:0;display:grid;padding:var(--v2-space-4);place-items:center}.design-v2 .v2-modal-backdrop{position:absolute;inset:0;width:100%;border:0;background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.design-v2 .v2-modal{position:relative;width:min(620px,100%);max-height:min(86dvh,840px);overflow:auto;padding:var(--v2-space-6);border:1px solid var(--v2-color-border-strong);border-radius:var(--v2-radius-panel);color:var(--v2-color-text);background:var(--v2-color-surface);box-shadow:0 28px 100px #0000008c}.design-v2 .v2-modal>header{display:flex;align-items:start;justify-content:space-between;gap:var(--v2-space-4)}.design-v2 .v2-modal h2{margin:0;font-size:1.65rem}.design-v2 .v2-modal__body{margin-block:var(--v2-space-5)}.design-v2 .v2-modal>footer{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--v2-space-2)}.design-v2 .v2-overflow{position:relative;width:fit-content}.design-v2 .v2-menu{position:absolute;z-index:20;top:calc(100% + 6px);right:0;display:grid;width:max-content;min-width:180px;padding:var(--v2-space-1);border:1px solid var(--v2-color-border-strong);border-radius:var(--v2-radius-control);background:var(--v2-color-surface-raised);box-shadow:0 18px 50px #0000006b}.design-v2 .v2-menu button{min-height:var(--v2-control-height);padding:0 var(--v2-space-3);border:0;border-radius:9px;color:var(--v2-color-text);background:transparent;font:inherit;text-align:left;cursor:pointer}.design-v2 .v2-menu button:hover,.design-v2 .v2-menu button:focus-visible{background:var(--v2-color-selection)}.design-v2 .v2-menu button.is-danger{color:var(--v2-color-danger)}.design-v2 .v2-menu button:disabled{opacity:.45;cursor:not-allowed}.design-v2 v2-skeleton{display:inline-flex;position:relative;max-width:100%}.design-v2 .v2-skeleton{display:block;min-height:8px;max-width:100%;border-radius:7px;background:linear-gradient(90deg,var(--v2-color-surface) 20%,var(--v2-color-surface-raised) 50%,var(--v2-color-surface) 80%);background-size:220% 100%;animation:v2-shimmer 1.4s ease-in-out infinite}.design-v2 .v2-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes v2-spin{to{transform:rotate(360deg)}}@keyframes v2-shimmer{to{background-position:-220% 0}}@media(max-width:600px){.design-v2 .v2-page__header,.design-v2 .v2-section-header{align-items:stretch;flex-direction:column}.design-v2 .v2-page__actions,.design-v2 .v2-section-header__actions{justify-content:start}.design-v2 .v2-modal-layer{align-items:end;padding:0}.design-v2 .v2-modal{width:100%;max-height:min(90dvh,840px);padding:var(--v2-space-5) var(--v2-mobile-gutter);padding-bottom:max(var(--v2-space-5),env(safe-area-inset-bottom));border-radius:var(--v2-sheet-radius) var(--v2-sheet-radius) 0 0}}@media(pointer:coarse){.design-v2 .v2-button,.design-v2 .v2-tabs button,.design-v2 .v2-menu button{min-height:var(--v2-touch-control-height, 48px)}}@media(prefers-reduced-motion:reduce){.design-v2 .v2-button{transition:none}.design-v2 .v2-spinner,.design-v2 .v2-skeleton{animation:none}}app-compare-room-shell .public-playlist-adder,app-compare-room-join .public-playlist-adder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}app-compare-room-shell .public-playlist-adder input,app-compare-room-join .public-playlist-adder input{min-width:0;box-sizing:border-box;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .12));border-radius:12px;background:var(--color-surface-input, #111412);color:var(--color-text, #fff);padding:.75rem .8rem;font:inherit}app-compare-room-shell .public-playlist-adder button,app-compare-room-join .public-playlist-adder button{border:1px solid rgba(30,215,96,.45);border-radius:12px;background:var(--color-accent-soft, rgba(30, 215, 96, .1));color:var(--color-accent, #1ed760);padding:.65rem .8rem;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}app-compare-room-shell .public-playlist-adder button:disabled,app-compare-room-shell .remove-public-playlist:disabled,app-compare-room-join .public-playlist-adder button:disabled,app-compare-room-join .remove-public-playlist:disabled{opacity:.5;cursor:not-allowed}app-compare-room-shell .public-playlist-message,app-compare-room-join .public-playlist-message{margin:0;color:var(--color-text-muted, #9da69f);font-size:.75rem}app-compare-room-shell .remove-public-playlist,app-compare-room-join .remove-public-playlist{width:38px;border:0;border-left:1px solid var(--color-border, rgba(255, 255, 255, .08));background:transparent;color:var(--color-text-subtle, #89928c);cursor:pointer}app-compare-room-shell .remove-public-playlist:hover,app-compare-room-shell .remove-public-playlist:focus-visible,app-compare-room-join .remove-public-playlist:hover,app-compare-room-join .remove-public-playlist:focus-visible{color:#ff8b8b;background:#ff525214}@media(max-width:820px){app-compare-room-shell .public-playlist-adder,app-compare-room-join .public-playlist-adder{grid-template-columns:minmax(0,1fr)}app-compare-room-shell .public-playlist-adder input,app-compare-room-join .public-playlist-adder input{min-height:48px;font-size:16px}app-compare-room-shell .public-playlist-adder button,app-compare-room-join .public-playlist-adder button{min-height:44px}}@media(max-width:768px){.app-route-content:has(app-song-league-detail)+.scroll-to-top-btn,.app-route-content:has(app-song-league-home)+.scroll-to-top-btn,.app-route-content:has(app-song-league-claim)+.scroll-to-top-btn{display:none!important}}:root{color-scheme:dark;--color-bg: #090c0a;--color-bg-soft: #0d110e;--color-surface: #111613;--color-surface-raised: #161c18;--color-surface-hover: #1b231e;--color-surface-input: #0d120f;--color-text: #f5f8f6;--color-text-muted: #a4afa8;--color-text-subtle: #768079;--color-border: rgba(235, 248, 239, .075);--color-border-strong: rgba(235, 248, 239, .13);--color-accent: #32df78;--color-accent-hover: #4ae98b;--color-accent-contrast: #041109;--color-accent-soft: rgba(50, 223, 120, .105);--color-accent-border: rgba(50, 223, 120, .38);--color-danger: #ff7a82;--color-danger-soft: rgba(255, 89, 101, .1);--color-warning: #ffbe55;--color-info: #7eabff;--radius-sm: 9px;--radius-md: 13px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--shadow-sm: 0 8px 24px rgba(0, 0, 0, .2);--shadow-md: 0 18px 48px rgba(0, 0, 0, .3);--shadow-lg: 0 34px 90px rgba(0, 0, 0, .42);--page-width: 1160px;--header-height: 72px;--motion-fast: .15s ease;--motion-base: .22s ease}.spotify-custom-dropdown.open .dropdown-trigger-btn .pi-calendar{transform:none}.spotify-custom-dropdown .dropdown-menu-overlay.compare-calendar-popover{width:min(320px,100vw - 24px);max-height:none;overflow:visible;padding:16px;box-sizing:border-box}.compare-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.compare-calendar-heading>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.compare-calendar-heading .menu-section-header{padding:0!important}.compare-calendar-heading strong{color:var(--color-text, #fff);font-size:1rem}.compare-calendar-navigation{display:flex;gap:6px}.compare-calendar-navigation button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .16));border-radius:9px;background:#ffffff0a;color:var(--color-text, #fff);cursor:pointer}.compare-calendar-navigation button:hover:not(:disabled),.compare-calendar-navigation button:focus-visible{border-color:#1ed760;color:#1ed760;outline:none}.compare-calendar-navigation button:disabled{opacity:.3;cursor:default}.compare-calendar-weekdays,.compare-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.compare-calendar-weekdays{margin-bottom:6px}.compare-calendar-weekdays span{color:var(--color-text-subtle, #8d8d8d);font-size:.68rem;font-weight:800;text-align:center;text-transform:uppercase}.compare-calendar-spacer,.compare-calendar-day{aspect-ratio:1;min-width:0}.compare-calendar-day{border:1px solid transparent;border-radius:9px;background:transparent;color:#626262;font:inherit;font-size:.82rem;font-weight:700;cursor:default}.compare-calendar-day.is-today{box-shadow:inset 0 0 0 1px #fff3}.compare-calendar-day.is-available{border-color:#1ed7607a;background:#1ed7601c;color:#f4fff7;cursor:pointer}.compare-calendar-day.is-available:hover,.compare-calendar-day.is-available:focus-visible{border-color:#1ed760;background:#1ed76033;outline:none;transform:translateY(-1px)}.compare-calendar-day.is-selected{border-color:#1ed760;background:#1ed760;color:#07140b;box-shadow:0 0 0 3px #1ed7602e}.compare-calendar-day:disabled{opacity:1}@media(max-width:480px){.spotify-custom-dropdown .dropdown-menu-overlay.compare-calendar-popover{padding:12px}.compare-calendar-grid,.compare-calendar-weekdays{gap:3px}.compare-calendar-day{border-radius:7px;font-size:.76rem}}.no-scroll{overflow:hidden}html{overflow-y:auto}@supports (overflow: overlay){html{overflow-y:overlay}}*{scrollbar-width:thin;scrollbar-color:#282828 transparent}body{margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#121212;color:#f8f9fa;min-height:100vh;max-width:100%;overflow-x:hidden}button,a,input,select{touch-action:manipulation}:where(a[href],button,select,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],[role=button],label:has(input[type=checkbox],input[type=radio])){cursor:pointer!important}:where(button,select,input)[disabled],:where([role=button])[aria-disabled=true],label:has(input:disabled){cursor:not-allowed!important}:where(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=number],textarea){cursor:text!important}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;background:#121212cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #0006}.app-header .header-left{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0}.app-header .header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;flex-shrink:0}.app-header .header-logo img{height:32px;width:auto;object-fit:contain;border-radius:6px}.app-header .header-logo .logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header .nav-link{color:#b3b3b3!important;text-decoration:none;font-weight:700;font-size:.95rem;padding:6px 14px;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.app-header .nav-link:hover{color:#fff!important;background:#ffffff0d}.app-header .nav-link.active-nav,.app-header .nav-link.router-link-active{color:#1ed760!important;background:#1ed76014}.app-header .header-center{display:flex;justify-content:center;align-items:center;flex:0 0 auto}.app-header .header-center .mobile-page-title{display:none}.app-header .header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}@media(min-width:769px)and (max-width:950px){.app-header{padding:.8rem 1rem!important}.app-header .header-logo .logo-text{font-size:1.25rem!important}.app-header .nav-link{padding:6px 8px!important;font-size:.85rem!important;gap:4px!important}}@media(max-width:768px){body:has(.header-nav){padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-header{flex-wrap:wrap;padding:.6rem 1rem!important;gap:12px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#121212!important}.app-header .header-left{flex:1 0 auto;gap:8px}.app-header .header-logo .logo-text{font-size:1.25rem}.app-header .header-nav{position:fixed;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom));background:#121212f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);display:flex!important;justify-content:space-around;align-items:center;margin:0!important;padding:0 max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left));box-sizing:border-box;z-index:1000;box-shadow:0 -4px 20px #0009}.app-header .nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;font-size:.75rem!important;padding:8px 0!important;min-width:0;min-height:52px;color:#b3b3b3!important;border-radius:0!important;background:transparent!important}.app-header .nav-link span.hide-mobile{display:inline!important}.app-header .nav-link i{font-size:1.2rem!important}.app-header .nav-link.active-nav,.app-header .nav-link.router-link-active{color:#1ed760!important;background:transparent!important}.app-header .header-center{width:100%;order:3;margin-top:4px}.app-header .header-center .p-input-icon-left,.app-header .header-center .search-input{width:100%!important}.app-header .header-right{flex:0 0 auto;gap:8px}.back-bar-container{padding-top:8px!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-bottom:8px!important;padding-left:max(12px,env(safe-area-inset-left))!important}.hide-mobile{display:none!important}.scroll-to-top-btn{bottom:calc(78px + env(safe-area-inset-bottom))!important;right:max(14px,env(safe-area-inset-right))!important}}app-compare-room-shell{background:radial-gradient(circle at 12% 0,rgba(50,223,120,.09),transparent 32rem),var(--color-bg)!important}app-compare-room-shell .room-topbar{border-bottom-color:var(--color-border);background:#090c0ae6}app-compare-room-shell .room-workspace,app-compare-room-shell .success-panel,app-compare-room-shell .room-alert{width:min(1340px,100% - 48px)}app-compare-room-shell .participant-card,app-compare-room-shell .invitation-card,app-compare-room-shell .merge-panel,app-compare-room-shell .result-panel,app-compare-room-shell .success-panel,app-compare-room-shell .state-card{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}app-compare-room-shell .participant-card.ready{border-color:var(--color-accent-border)}app-compare-room-shell .playlist-field .playlist-search,app-compare-room-shell .playlist-options,app-compare-room-shell .result-summary input{border-color:var(--color-border-strong);background:var(--color-surface-input)}app-compare-room-shell .primary-button,app-compare-room-shell .add-participant-button,app-compare-room-shell .share-button{background:var(--color-accent);color:var(--color-accent-contrast)}app-compare-room-shell .primary-button:hover:not(:disabled),app-compare-room-shell .secondary-button:hover:not(:disabled),app-compare-room-shell .add-participant-button:hover:not(:disabled),app-compare-room-shell .copy-button:hover:not(:disabled),app-compare-room-shell .selection-button:hover:not(:disabled),app-compare-room-shell .share-button:hover:not(:disabled){transform:none}app-compare-room-join{background:radial-gradient(circle at 50% 0,rgba(50,223,120,.11),transparent 30rem),var(--color-bg)!important}app-compare-room-join .join-card{border-color:var(--color-border-strong);background:var(--color-surface-raised);box-shadow:var(--shadow-lg)}app-compare-room-join .playlist-search,app-compare-room-join .playlist-options{border-color:var(--color-border-strong);background:var(--color-surface-input)}app-compare-room-join .spotify-button{background:var(--color-accent);color:var(--color-accent-contrast)}app-shared-playlist-detail .shared-detail-page{width:min(var(--page-width),100% - 48px);padding-top:40px}app-shared-playlist-detail .playlist-hero,app-shared-playlist-detail .songs-panel,app-shared-playlist-detail .stats-panel{border-color:var(--color-border);background:var(--color-surface)}app-shared-playlist-detail .playlist-hero{background:linear-gradient(135deg,var(--color-accent-soft),var(--color-surface))}app-shared-playlist-detail .detail-tabs{border-bottom-color:var(--color-border)}app-shared-playlist-detail .track-search{border-color:var(--color-border-strong);background:var(--color-surface-input)}app-shared-playlist-claim{background:var(--color-bg)!important}app-shared-playlist-claim .claim-card{border-color:var(--color-border-strong);background:var(--color-surface-raised);box-shadow:var(--shadow-lg)}@media(max-width:768px){app-compare-room-shell .room-workspace,app-compare-room-shell .success-panel,app-compare-room-shell .room-alert{width:calc(100% - 24px)}app-shared-playlist-detail .shared-detail-page{width:calc(100% - 24px);padding-top:14px}}.back-bar-container{width:min(var(--page-width),100% - 48px);min-height:42px;margin:18px auto 0;padding:0;display:flex;align-items:center;box-sizing:border-box}.back-text-button{background:transparent!important;border:1px solid var(--color-border-strong)!important;color:var(--color-text-muted)!important;min-height:42px;border-radius:12px!important;box-shadow:none!important;padding:0 13px!important;font-size:.9rem!important;cursor:pointer;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)!important}.back-text-button:hover{background:var(--color-surface-hover)!important;border-color:var(--color-accent-border)!important;color:var(--color-text)!important;transform:none!important}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1db954,#1ed760);border:none;color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0006,0 0 10px #1db9544d;z-index:1001;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-to-top-btn.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-to-top-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 15px #1db95480;background:#1ed760}.scroll-to-top-btn:active{transform:scale(.95)}.back-circle-button.p-button{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-shadow:none!important;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-sizing:border-box!important}.back-circle-button.p-button:hover{background:#ffffff1f!important;transform:scale(1.08)!important;border-color:#ffffff4d!important}.back-circle-button.p-button i{font-size:1.1rem!important}.mobile-header-back{display:none}.p-button{background:linear-gradient(135deg,#1db954,#1ed760)!important;border:none!important;color:#fff!important;font-weight:700!important;border-radius:500px!important;padding:.6rem 1.4rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #1db95433!important}.p-button:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 6px 18px #1db95459!important}.p-button:active{transform:translateY(0) scale(.98)!important}button:disabled,.p-button:disabled,.p-button.p-disabled{cursor:default!important}.p-button.logout-button{background:transparent!important;border:1px solid rgba(255,82,82,.4)!important;color:#ff5252!important;box-shadow:none!important;padding:.5rem 1.2rem!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.p-button.logout-button:hover{background:#ff525214!important;border-color:#ff5252!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ff525226!important}.p-button-outlined.p-button-secondary{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#e0e0e0!important;border-radius:8px!important;box-shadow:none!important}.p-button-outlined.p-button-secondary:hover{background:#ffffff0f!important;border-color:#fff6!important;transform:translateY(-1px)!important}.search-input{background:#ffffff12!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;transition:all .3s ease!important;font-family:inherit}.search-input:focus{background:#ffffff1f!important;border-color:#1ed760!important;box-shadow:0 0 0 3px #1ed76033!important}.search-input::placeholder{color:#fff6!important}.card-container{display:flex;flex-direction:column;align-items:center;width:80vw;max-width:1000px;margin:0 auto;padding:0;box-sizing:border-box}@media(max-width:768px){.card-container{width:100%!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}}.item-card{background:#181818;border:1px solid rgba(255,255,255,.04);border-radius:16px;width:100%;margin-bottom:16px;padding:1.25rem;box-sizing:border-box;color:#fff;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.item-card:hover{transform:translateY(-4px);background:#242424;box-shadow:0 12px 24px #0006,0 0 15px #1db9541a;border-color:#1db95440}.item-card h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.item-card p.song-count{color:#a7a7a7;font-weight:500}.item-card p.description{color:#b3b3b3;font-size:.9rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#282828;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3e3e3e}h1,h2,h3,h4,h5,h6{color:#fff;margin-top:0}.profile-settings-dropdown{position:absolute;top:55px;right:0;width:220px;background:#181818fa;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 30px #0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px 0;z-index:1100;display:flex;flex-direction:column;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}.profile-settings-dropdown .dropdown-header{padding:8px 16px;font-size:.7rem;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:1px}.profile-settings-dropdown .dropdown-divider{height:1px;background:#ffffff0f;margin:6px 0}.profile-settings-dropdown .dropdown-item{padding:10px 16px;font-size:.85rem;font-weight:600;color:#e0e0e0;text-decoration:none;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;transition:all .15s ease;font-family:inherit}.profile-settings-dropdown .dropdown-item i{font-size:.9rem;color:#a7a7a7;transition:color .15s ease}.profile-settings-dropdown .dropdown-item:hover{background:#ffffff0f;color:#fff}.profile-settings-dropdown .dropdown-item:hover i{color:#1ed760}.profile-settings-dropdown .dropdown-item.danger,.profile-settings-dropdown .dropdown-item.danger i{color:#ff5252}.profile-settings-dropdown .dropdown-item.danger:hover{background:#ff52521a;color:#ff5252}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-panel-container{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem 1.5rem;margin:20px auto 0;max-width:1000px;width:calc(100% - 40px);box-sizing:border-box;box-shadow:0 8px 32px #0000004d}@media(max-width:768px){.progress-panel-container{width:100%;border-radius:12px;padding:1rem;margin-top:15px}}.progress-panel-container .progress-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-panel-container .progress-panel-header .progress-status-text{color:#fff;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:10px}.progress-panel-container .progress-panel-header .progress-status-text .status-icon{color:#1db954;font-size:1rem}.progress-panel-container .progress-bars-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.progress-panel-container .progress-bars-grid{grid-template-columns:1fr;gap:14px}}.progress-panel-container .progress-bars-grid .progress-bar-wrapper{display:flex;flex-direction:column;gap:6px}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-label-row .progress-label{color:#ffffffb3;display:flex;align-items:center;gap:6px}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-label-row .progress-label i{color:#1db954}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-label-row .progress-value{color:#fff;font-weight:700}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-bar-track{background-color:#ffffff0f;height:8px;border-radius:4px;overflow:hidden;position:relative;width:100%;border:1px solid rgba(255,255,255,.03)}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-bar-track .progress-bar-fill{height:100%;border-radius:4px;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-bar-track .progress-bar-fill.fill-tracks{background:linear-gradient(90deg,#1db954,#1ed760);box-shadow:0 0 10px #1db95466}.progress-panel-container .progress-bars-grid .progress-bar-wrapper .progress-bar-track .progress-bar-fill.fill-artists{background:linear-gradient(90deg,#00d2ff,#3a7bd5);box-shadow:0 0 10px #00d2ff66}.spotify-custom-dropdown{position:relative;display:inline-block}.spotify-custom-dropdown .dropdown-trigger-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e0e0e0;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;outline:none;height:38px;min-width:130px;box-sizing:border-box;white-space:nowrap}.spotify-custom-dropdown .dropdown-trigger-btn .icon-right{font-size:.85rem;color:inherit;transition:transform .2s ease;margin-left:auto}.spotify-custom-dropdown .dropdown-trigger-btn:hover{color:#1ed760;border-color:#1ed760;background:#1ed76014}.spotify-custom-dropdown .dropdown-trigger-btn:hover .icon-right{color:#1ed760}.spotify-custom-dropdown.open .dropdown-trigger-btn{color:#1ed760;border-color:#1ed760;background:#1ed7601f}.spotify-custom-dropdown.open .dropdown-trigger-btn .icon-right{transform:rotate(180deg)}.spotify-custom-dropdown.active .dropdown-trigger-btn{color:#1ed760;border-color:#1ed760;background:#1ed7601f}.spotify-custom-dropdown .dropdown-menu-overlay{position:absolute;right:0;top:calc(100% + 8px);background:#282828;border:1px solid rgba(255,255,255,.05);border-radius:8px;box-shadow:0 16px 32px #00000080;z-index:1000;min-width:180px;padding:4px 0;animation:fadeInDropdown .2s cubic-bezier(.4,0,.2,1)}.spotify-custom-dropdown .dropdown-menu-overlay .menu-section-header{padding:8px 16px 4px;font-size:.72rem;font-weight:800;color:#7f7f7f;text-transform:uppercase;letter-spacing:.5px;text-align:left}.spotify-custom-dropdown .dropdown-menu-overlay .menu-item{padding:10px 16px;font-size:.88rem;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s ease}.spotify-custom-dropdown .dropdown-menu-overlay .menu-item i{font-size:.82rem;color:#b3b3b3}.spotify-custom-dropdown .dropdown-menu-overlay .menu-item:hover{background:#ffffff14}.spotify-custom-dropdown .dropdown-menu-overlay .menu-item.active,.spotify-custom-dropdown .dropdown-menu-overlay .menu-item.active i{color:#1ed760}@media(max-width:768px){.spotify-custom-dropdown .dropdown-menu-overlay{right:auto;left:0}}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-profile-header{display:flex;align-items:center;cursor:pointer}.user-profile-header img.profile-img,.user-profile-header .profile-placeholder{width:45px!important;height:45px!important;border-radius:50%!important;transition:all .2s ease-in-out!important}.user-profile-header img.profile-img{object-fit:cover!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:none!important}.user-profile-header img.profile-img:hover{border-color:#1db954!important;box-shadow:0 0 12px #1db95459!important}.user-profile-header .profile-placeholder{background:#ffffff14!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid rgba(255,255,255,.2)!important}.user-profile-header .profile-placeholder:hover{border-color:#1db954!important;box-shadow:0 0 12px #1db95459!important}.user-profile-header .profile-placeholder:hover i{color:#1db954!important}.user-profile-header .profile-placeholder i{font-size:1.15rem!important;color:#b3b3b3;transition:color .2s ease-in-out!important}.p-button.history-button{margin-right:12px;background:transparent!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:8px!important;padding:.5rem 1rem!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important;box-shadow:none!important;transition:all .2s ease!important}.p-button.history-button:hover{border-color:#1db954!important;background:#1db9540d!important;color:#1db954!important}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInConfirmModal .25s ease}.confirm-modal-card{width:90%;max-width:440px;background:#181818fa;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 40px #000c,0 0 0 1px #ffffff0d;padding:30px;text-align:center;animation:scaleUpConfirmModal .25s cubic-bezier(.34,1.56,.64,1)}.confirm-modal-icon{width:60px;height:60px;border-radius:50%;background:#ff52521a;color:#ff5252;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:1.5px solid rgba(255,82,82,.2)}.confirm-modal-icon i{font-size:1.8rem}.confirm-modal-title{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 12px}.confirm-modal-text{font-size:.95rem;line-height:1.5;color:#a7a7a7;margin:0 0 26px}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{padding:10px 22px;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.confirm-modal-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff}.confirm-modal-btn-cancel:hover{background:#ffffff0d;border-color:#ffffff4d}.confirm-modal-btn-confirm{background:#ff5252;border:none;color:#fff}.confirm-modal-btn-confirm:hover{background:#ff6868;box-shadow:0 4px 15px #ff525266;transform:translateY(-1px)}.confirm-modal-btn-confirm:active{transform:translateY(0)}@keyframes fadeInConfirmModal{0%{opacity:0}to{opacity:1}}@keyframes scaleUpConfirmModal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.profile-settings-dropdown .toggle-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;cursor:default}.profile-settings-dropdown .toggle-item i{font-size:1rem;color:#b3b3b3}.profile-settings-dropdown .toggle-item span{flex-grow:1;font-size:.85rem;color:#e0e0e0;font-weight:600}.switch{position:relative;display:inline-block;width:38px;height:20px;margin-bottom:0}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#1db954}.switch input:checked+.slider:before{transform:translate(18px)}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#535353;transition:.3s;border-radius:20px}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.app-header-sync-progressbar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#1db954,#1ed760);box-shadow:0 0 8px #1ed760;transition:width .3s ease-in-out;z-index:1001}.data-option-cards{display:flex;gap:16px;margin-top:16px;width:100%;box-sizing:border-box}@media(max-width:600px){.data-option-cards{flex-direction:column;gap:12px}}.data-option-card{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:10px}.data-option-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.data-option-card .option-header{display:flex;align-items:center;gap:10px}.data-option-card .option-header .option-icon{font-size:1.4rem;color:#1ed760}.data-option-card .option-header h4{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.data-option-card p{margin:0;font-size:.82rem;color:#b3b3b3;line-height:1.4}.data-option-card.danger-option{border-color:#ff525226}.data-option-card.danger-option:hover{border-color:#ff525273;box-shadow:0 0 12px #ff52521a}.confirm-modal-card.selection-card{max-width:600px}.confirm-modal-icon.danger-icon{background:#ff52521a!important;color:#ff5252!important;border:1.5px solid rgba(255,82,82,.2)!important}.confirm-modal-btn.danger-btn{background:#ff5252!important;border:none!important;color:#fff!important}.confirm-modal-btn.danger-btn:hover:not(:disabled){background:#ff6868!important;box-shadow:0 4px 15px #ff525266!important;transform:translateY(-1px)!important}.confirm-modal-btn.danger-btn:active:not(:disabled){transform:translateY(0)!important}.confirm-modal-btn:disabled{opacity:.5!important;cursor:not-allowed!important}@media(max-width:768px){html{overflow-x:hidden}body{min-height:100dvh}input,select,textarea{max-width:100%;min-height:44px;box-sizing:border-box;font-size:16px!important}button,[role=button],.p-button,.dropdown-trigger-btn,.back-text-button{min-height:44px}.app-header{min-height:60px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;flex-wrap:nowrap;gap:8px;padding-top:6px!important;padding-bottom:6px!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.app-header .header-left{width:44px;min-width:0;flex:none}.app-header.has-mobile-back .header-logo{display:none}.app-header.has-mobile-back .mobile-header-back{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.app-header.has-mobile-back .mobile-header-back i{font-size:1.1rem}.app-header.has-mobile-back .mobile-header-back:active{background:#ffffff1a}.app-header.has-mobile-back .mobile-header-back:focus-visible{outline:2px solid #1ed760;outline-offset:1px}.app-header .header-logo{width:44px;min-height:44px;justify-content:flex-start}.app-header .header-logo .logo-text{display:none}.app-header .header-logo img{width:30px;height:30px}.app-header .header-center{width:auto;min-width:0;order:initial;margin-top:0}.app-header .header-center .mobile-page-title{display:block;max-width:100%;overflow:hidden;color:#fff;font-size:1.05rem;font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-header .header-right{width:44px;min-width:0;justify-content:flex-end}.app-header .user-profile-header img.profile-img,.app-header .user-profile-header .profile-placeholder{width:42px!important;height:42px!important}.back-bar-container{width:calc(100% - 24px);min-height:44px;margin-top:12px;padding:0!important;display:flex!important}.profile-settings-dropdown{position:fixed;top:64px;right:max(12px,env(safe-area-inset-right));width:min(280px,100vw - 24px)}.profile-settings-dropdown .dropdown-item,.profile-settings-dropdown .toggle-item{min-height:46px;box-sizing:border-box}.item-card{padding:1rem;margin-bottom:12px;border-radius:14px}.item-card:hover{transform:none}.progress-panel-container{width:auto;margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right))}.spotify-custom-dropdown{width:100%}.spotify-custom-dropdown .dropdown-trigger-btn{width:100%;height:auto}.spotify-custom-dropdown .dropdown-menu-overlay{left:0;right:0;width:100%;min-width:0;box-sizing:border-box}.spotify-custom-dropdown .dropdown-menu-overlay .menu-item{min-height:44px;box-sizing:border-box}.confirm-modal-overlay{align-items:flex-end;padding-top:max(16px,env(safe-area-inset-top))}.confirm-modal-card{width:100%;max-width:none;max-height:calc(92dvh - env(safe-area-inset-top));overflow-y:auto;box-sizing:border-box;padding:24px 18px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.confirm-modal-actions{flex-wrap:wrap}.confirm-modal-actions .confirm-modal-btn{min-height:44px}.loading-container{max-width:100%;padding:0 16px;box-sizing:border-box}.loading-container>div{max-width:100%}.playlists-top-bar,.artists-top-bar,.analysis-top-bar,.stats-page-heading,.history-page-heading{display:none!important}app-artist-details .profile-header{margin-bottom:8px!important}app-artist-details .profile-header .name{display:none!important}}@media(max-width:420px){.app-header .header-logo .logo-text{font-size:1.1rem}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-actions .confirm-modal-btn{width:100%}}@media(hover:none),(pointer:coarse){.item-card:hover,.p-button:hover,.data-option-card:hover{transform:none!important}}@media(max-width:768px){:is(app-user-stats,app-listening-history) .stats-dashboard-container{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}app-user-stats .stats-dashboard-container{margin-top:10px}app-user-stats .stats-selectors-container{gap:10px;margin-bottom:16px}app-user-stats .stats-selectors-row{gap:10px;padding-bottom:12px}app-user-stats .stats-range-controls{width:100%;flex-direction:column;align-items:stretch;gap:8px}app-user-stats .time-range-toggles button{min-width:0;min-height:44px;line-height:1.15}app-user-stats .history-select-container{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);flex-wrap:nowrap!important;gap:6px}app-user-stats .history-select-container .spotify-custom-dropdown,app-user-stats .history-select-container .dropdown-trigger-btn{width:auto!important;min-width:0!important;max-width:100%}app-user-stats .history-select-container .dropdown-trigger-btn{width:100%!important;padding:0 8px;gap:4px;font-size:.78rem}app-user-stats .history-select-container .dropdown-trigger-btn span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}app-user-stats .history-select-container .compare-vs-text{font-size:.7rem;text-align:center}app-user-stats .history-select-container .dropdown-menu-overlay{width:min(240px,100vw - 24px);min-width:180px}app-user-stats .history-select-container>.spotify-custom-dropdown:first-child .dropdown-menu-overlay{right:auto;left:0}app-user-stats .history-select-container>.spotify-custom-dropdown:last-child .dropdown-menu-overlay{right:0;left:auto}app-user-stats .category-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}app-user-stats .category-tabs button,app-user-stats .category-tabs .p-button{min-width:0;min-height:44px;padding:6px 4px!important;gap:5px!important;font-size:.78rem!important}app-user-stats .category-tabs .tab-label-desktop{display:none}app-user-stats .category-tabs .tab-label-mobile{display:inline}app-user-stats .trend-modal-overlay{align-items:flex-end;padding-top:max(16px,env(safe-area-inset-top))}app-user-stats .trend-modal-card{width:100%;max-width:none;max-height:calc(92dvh - env(safe-area-inset-top));overflow-y:auto;box-sizing:border-box;padding:24px 18px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}app-user-stats .trend-modal-close-btn{top:12px;right:14px;width:44px;height:44px}app-listening-history .stats-dashboard-container{margin-top:8px}app-listening-history .stats-content-wrapper{margin-top:8px!important}app-listening-history .listening-history-list{gap:8px}app-listening-history .listening-history-list .track-row-card{min-width:0;padding:10px;gap:10px}app-listening-history .listening-history-list .track-row-card .track-index{width:62px!important;flex:0 0 62px}app-listening-history .listening-history-list .track-row-card .track-cover{width:46px;height:46px}}@media(max-width:420px){app-user-stats .category-tabs button,app-user-stats .category-tabs .p-button{font-size:.75rem!important}app-user-stats .track-row-card{padding:10px;gap:9px}app-user-stats .track-row-card .track-cover{width:46px;height:46px}app-user-stats .artist-grid-card{padding:12px}app-user-stats .trend-modal-header{gap:12px}app-user-stats .trend-modal-header .trend-modal-cover,app-user-stats .trend-modal-header .genre-trend-avatar{width:58px;height:58px;flex:0 0 58px}app-user-stats .trend-modal-header .trend-modal-info h3{font-size:1.15rem}}@media(max-width:380px){app-listening-history .listening-history-list .track-row-card{gap:8px}app-listening-history .listening-history-list .track-row-card .track-index{width:52px!important;flex-basis:52px}app-listening-history .listening-history-list .track-row-card .track-cover{width:42px;height:42px}app-listening-history .listening-history-list .track-row-card .track-meta{display:none}}.share-modal-overlay{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:1rem;box-sizing:border-box;background:#000000bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:2rem;box-sizing:border-box;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#171a18;color:#fff;box-shadow:0 30px 90px #0000008c;text-align:center}.share-modal h2{margin:.45rem 0;overflow-wrap:anywhere}.share-modal>p{margin:.5rem auto 1.2rem;max-width:470px;color:#a1aaa4;line-height:1.55}.share-modal-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto .9rem;border-radius:16px;background:#1ed7601f;color:#1ed760;font-size:1.35rem}.share-modal-close{position:absolute;top:.8rem;right:.8rem;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.25rem;cursor:pointer}.share-playlist-picker{display:grid;gap:.45rem;margin:1.2rem 0;text-align:left}.share-playlist-picker>span{color:#cbd2cd;font-size:.8rem;font-weight:800}.share-playlist-picker select{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.13);border-radius:11px;padding:0 .8rem;background:#0f1210;color:#fff;font:inherit}.selected-share-playlist{display:flex;align-items:center;gap:.8rem;padding:.75rem;border-radius:12px;background:#ffffff0f;text-align:left}.selected-share-playlist img{width:52px;height:52px;border-radius:8px;object-fit:cover}.selected-share-playlist div{min-width:0;display:grid;gap:.2rem}.selected-share-playlist strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-share-playlist span{color:#9aa39d;font-size:.78rem}.share-picker-empty{color:#9aa39d!important}.share-ready-copy{color:#d1d7d3!important}.share-link-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:1rem 0}.share-link-field input{min-width:0;min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0f1210;color:#cbd2cd;padding:0 .8rem}.share-link-field button{display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:10px;background:#1ed760;color:#071109;padding:0 1rem;font:inherit;font-weight:800;cursor:pointer}.share-modal-error{margin:.8rem 0;color:#ff8989;font-size:.86rem}.share-modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.2rem}.share-modal-actions button,.share-modal-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:999px;padding:0 1.1rem;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.share-modal-actions a,.share-modal-actions .share-primary{background:#1ed760;color:#071109}.share-modal-actions .share-secondary{background:#ffffff14;color:#fff}.share-modal-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:520px){.share-modal{padding:1.5rem 1rem}.share-link-field{grid-template-columns:1fr}.share-link-field button{min-height:44px;justify-content:center}.share-modal-actions{display:grid}.share-modal-actions button,.share-modal-actions a{width:100%;box-sizing:border-box}}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{background:linear-gradient(180deg,#090c0a,#080b09 52%,#0a0d0b);background-attachment:scroll;color:var(--color-text);font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:#32df7847;color:var(--color-text)}a,button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(50,223,120,.48)!important;outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:10px;left:12px;z-index:10000;padding:10px 14px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform var(--motion-fast)}.skip-link:focus{transform:translateY(0)}.app-route-content{--ambient-green-x: 8%;--ambient-green-y: 4%;--ambient-blue-x: 94%;--ambient-blue-y: 28%;--ambient-dot-x: 58%;--ambient-dot-y: 72%;position:relative;isolation:isolate;min-height:100vh;min-height:100dvh}.app-route-content:before{content:"";position:absolute;inset:0 -3% auto;z-index:-1;height:min(940px,100dvh + 180px);pointer-events:none;background:radial-gradient(circle at var(--ambient-dot-x) var(--ambient-dot-y),rgba(80,235,143,.28) 0 1px,rgba(80,235,143,.08) 2px,transparent 8px),radial-gradient(circle at calc(var(--ambient-blue-x) - 8%) calc(var(--ambient-blue-y) + 20%),rgba(100,151,255,.22) 0 1px,rgba(100,151,255,.06) 2px,transparent 7px),radial-gradient(ellipse 52rem 36rem at var(--ambient-green-x) var(--ambient-green-y),rgba(50,223,120,.105),transparent 69%),radial-gradient(ellipse 45rem 34rem at var(--ambient-blue-x) var(--ambient-blue-y),rgba(55,120,255,.075),transparent 71%);opacity:.82;transform:translate3d(-.4%,0,0);animation:ambient-shimmer 16s ease-in-out infinite;will-change:transform,opacity}.app-route-content:has(app-playlists){--ambient-green-x: 7%;--ambient-green-y: 2%;--ambient-blue-x: 93%;--ambient-blue-y: 34%;--ambient-dot-x: 62%;--ambient-dot-y: 66%}.app-route-content:has(app-user-stats){--ambient-green-x: 78%;--ambient-green-y: 4%;--ambient-blue-x: 8%;--ambient-blue-y: 42%;--ambient-dot-x: 56%;--ambient-dot-y: 22%}.app-route-content:has(app-listening-history){--ambient-green-x: 28%;--ambient-green-y: 0%;--ambient-blue-x: 96%;--ambient-blue-y: 54%;--ambient-dot-x: 72%;--ambient-dot-y: 28%}.app-route-content:has(app-songs){--ambient-green-x: 92%;--ambient-green-y: 12%;--ambient-blue-x: 5%;--ambient-blue-y: 62%;--ambient-dot-x: 48%;--ambient-dot-y: 18%}.app-route-content:has(app-playlist-analysis){--ambient-green-x: 52%;--ambient-green-y: -8%;--ambient-blue-x: 98%;--ambient-blue-y: 48%;--ambient-dot-x: 16%;--ambient-dot-y: 36%}.app-route-content:has(app-artist-details){--ambient-green-x: 12%;--ambient-green-y: 26%;--ambient-blue-x: 82%;--ambient-blue-y: 4%;--ambient-dot-x: 68%;--ambient-dot-y: 58%}.app-route-content:has(app-shared-playlists),.app-route-content:has(app-shared-playlist-detail),.app-route-content:has(app-shared-playlist-claim){--ambient-green-x: 88%;--ambient-green-y: 10%;--ambient-blue-x: 4%;--ambient-blue-y: 68%;--ambient-dot-x: 44%;--ambient-dot-y: 32%}.app-route-content:has(app-legal){--ambient-green-x: 4%;--ambient-green-y: 34%;--ambient-blue-x: 92%;--ambient-blue-y: 8%;--ambient-dot-x: 74%;--ambient-dot-y: 72%}.app-route-content:has(app-login-page),.app-route-content:has(app-callback){--ambient-green-x: 50%;--ambient-green-y: -8%;--ambient-blue-x: 90%;--ambient-blue-y: 72%;--ambient-dot-x: 14%;--ambient-dot-y: 58%}.app-route-content:has(app-compare-room-shell),.app-route-content:has(app-compare-room-join),.app-route-content:has(app-compare-room-callback){--ambient-green-x: 10%;--ambient-green-y: 12%;--ambient-blue-x: 88%;--ambient-blue-y: 18%;--ambient-dot-x: 52%;--ambient-dot-y: 76%}@keyframes ambient-shimmer{0%,to{opacity:.72;transform:translate3d(-.4%,0,0)}50%{opacity:.92;transform:translate3d(.4%,-.5%,0)}}.page-eyebrow,.eyebrow{display:block;color:var(--color-accent);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.app-page{min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));padding:44px 0 40px}.page-shell{width:min(var(--page-width),100% - 48px);margin:0 auto}.page-back-row{min-height:42px;display:flex;align-items:center;margin:0 0 24px}.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%;margin:0 0 26px}.page-hero h1{margin:7px 0 8px;font-size:clamp(2.25rem,5vw,4rem);line-height:1;letter-spacing:-.052em}.page-hero p{max-width:650px;margin:0;color:var(--color-text-muted);line-height:1.55}.page-sync-state{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--color-text-subtle);font-size:.78rem}.hero-count{min-width:114px;padding:15px 18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:right}.hero-count strong,.hero-count span{display:block}.hero-count strong{font-size:1.55rem;line-height:1;letter-spacing:-.035em}.hero-count span{margin-top:5px;color:var(--color-text-subtle);font-size:.72rem}.page-toolbar{width:100%;margin:0 0 20px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.empty-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);text-align:center}.empty-state h1,.empty-state h2,.empty-state h3{margin:16px 0 6px}.empty-state p{max-width:460px;margin:0;color:var(--color-text-muted)}.empty-state-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:var(--color-accent-soft);color:var(--color-accent);font-size:1.35rem}.app-header{display:block;min-height:var(--header-height);padding:0!important;border-bottom:1px solid var(--color-border);background:#090c0af7!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.header-shell{width:min(var(--page-width),100% - 48px);min-height:var(--header-height);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}.app-header .header-left{gap:26px}.app-header .header-logo{gap:9px}.app-header .header-logo img{width:34px;height:34px;border-radius:9px}.app-header .header-logo .logo-text{color:var(--color-text);background:none;-webkit-text-fill-color:initial;font-size:1.25rem;letter-spacing:-.03em}.app-header .header-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff06}.app-header .nav-link{position:relative;min-height:38px;padding:0 13px;border-radius:9px;color:var(--color-text-muted)!important;font-size:.86rem;font-weight:700;transition:background var(--motion-fast),color var(--motion-fast)}.app-header .nav-link i{font-size:.9rem}.app-header .nav-link:hover{color:var(--color-text)!important;background:var(--color-surface-hover)}.app-header .nav-link.active-nav,.app-header .nav-link.router-link-active{color:var(--color-text)!important;background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-border)}.app-header .nav-link.active-nav i,.app-header .nav-link.router-link-active i{color:var(--color-accent)}.user-profile-container,.workspace-launcher-container{position:relative;display:flex;align-items:center}.workspace-launcher-button{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border-strong);border-radius:11px;background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}.workspace-launcher-button>i:first-child{color:var(--color-accent)}.workspace-launcher-button:hover,.workspace-launcher-button.active,.workspace-launcher-button[aria-expanded=true]{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-text)}.workspace-launcher-chevron{color:var(--color-text-subtle);font-size:.65rem}.user-profile-header{width:42px;height:42px;min-width:42px;min-height:42px;box-sizing:border-box;overflow:hidden;padding:3px;display:grid;place-items:center;flex:0 0 42px;border:1px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);cursor:pointer}.user-profile-header img.profile-img,.user-profile-header .profile-placeholder{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;display:block;flex:0 0 34px;border-radius:50%!important;border:0!important;box-shadow:none!important}.user-profile-header img.profile-img{object-fit:cover!important}.user-profile-header:hover{border-color:var(--color-accent-border)}.profile-settings-dropdown{top:50px;width:260px;padding:8px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:#121814fa;box-shadow:var(--shadow-lg)}.profile-settings-dropdown .dropdown-header{padding:8px 10px 5px;color:var(--color-text-subtle)}.profile-settings-dropdown .dropdown-divider{background:var(--color-border);margin:7px 4px}.profile-settings-dropdown .dropdown-item{min-height:42px;padding:8px 10px;border-radius:9px;color:var(--color-text-muted);gap:11px}.profile-settings-dropdown .dropdown-item i{width:18px;color:var(--color-text-subtle);text-align:center}.profile-settings-dropdown .dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.profile-settings-dropdown .dropdown-item.danger{color:var(--color-danger)}.workspace-launcher-dropdown{right:0;width:310px;padding:8px}.profile-settings-dropdown .workspace-launcher-item{min-height:60px;align-items:center}.profile-settings-dropdown .workspace-launcher-item>i{color:var(--color-accent);font-size:1rem}.notification-settings-modal{width:min(620px,100vw - 28px);max-height:min(760px,100dvh - 40px);padding:0;overflow:hidden;position:relative;text-align:left}.settings-sheet{display:flex;flex-direction:column}.settings-sheet-header{flex:0 0 auto;padding:20px 58px 17px 20px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised)}.settings-sheet-header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--color-accent-soft);color:var(--color-accent)}.settings-sheet-header h3{margin:0;color:var(--color-text);font-size:1.2rem}.settings-sheet-header p{margin:3px 0 0;color:var(--color-text-muted);font-size:.78rem;line-height:1.4}.settings-sheet-body{min-height:0;padding:18px 20px 8px;overflow-y:auto;overscroll-behavior:contain}.settings-sheet>.confirm-modal-actions{flex:0 0 auto;margin:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface-raised)}.notification-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--color-border-strong);border-radius:50%;background:transparent;color:var(--color-text-muted);font-size:1.35rem;cursor:pointer}.notification-settings-loading{min-height:96px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted)}.notification-category-list{display:grid;gap:10px;margin:20px 0 10px}.notification-device-status{margin:14px 0 0;color:var(--color-text-muted);font-size:.78rem;line-height:1.45;text-align:center}.notification-device-status.notification-denied{color:var(--color-danger)}.notification-device-block{padding:13px 14px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.notification-device-block>i{color:var(--color-warning);font-size:1.1rem;text-align:center}.notification-device-block strong,.notification-device-block p{display:block}.notification-device-block strong{color:var(--color-text);font-size:.84rem}.notification-device-block p{margin:3px 0 0;color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.notification-device-block[data-tone=success]{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.notification-device-block[data-tone=success]>i{color:var(--color-accent)}.notification-device-block[data-tone=danger]{border-color:#ff7a824d;background:var(--color-danger-soft)}.notification-device-block[data-tone=danger]>i{color:var(--color-danger)}.notification-category-row{padding:15px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.notification-category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--color-accent-soft);color:var(--color-accent)}.notification-category-copy{min-width:0}.notification-category-copy strong,.notification-category-copy small,.notification-category-copy em{display:block}.notification-category-copy strong{color:var(--color-text)}.notification-category-copy small{margin-top:3px;color:var(--color-text-muted);line-height:1.4}.notification-category-copy em{margin-top:5px;color:var(--color-accent);font-size:.7rem;font-style:normal}.notification-category-copy .notification-denied{color:var(--color-danger)}.sync-task-list{display:grid;gap:9px}.sync-task-row{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.sync-task-row.expanded{border-color:var(--color-accent-border)}.sync-task-summary{width:100%;min-height:72px;padding:13px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.sync-task-summary:disabled{cursor:default;opacity:1}.sync-task-summary>.pi-chevron-down{color:var(--color-text-subtle);transition:transform var(--motion-fast)}.sync-task-row.expanded .sync-task-summary>.pi-chevron-down{transform:rotate(180deg)}.sync-required-label{padding:4px 8px;border-radius:var(--radius-pill);background:#ffffff0d;color:var(--color-text-muted);font-size:.68rem;font-weight:800}.sync-task-editor{padding:14px;border-top:1px solid var(--color-border);background:#0000001c}.sync-preference-switch{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sync-preference-switch strong,.sync-preference-switch small{display:block}.sync-preference-switch strong{color:var(--color-text);font-size:.82rem}.sync-preference-switch small{margin-top:2px;color:var(--color-text-muted);font-size:.72rem}.sync-interval-fieldset{margin:12px 0 0;padding:10px 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--color-border);border-radius:10px}.sync-interval-fieldset legend{padding:0 5px;color:var(--color-text-muted);font-size:.72rem}.sync-interval-fieldset label>span{display:block;margin-bottom:5px;color:var(--color-text-muted);font-size:.7rem}.sync-interval-fieldset input,.sync-interval-fieldset select{width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:1px solid var(--color-border-strong);border-radius:9px;background:var(--color-surface);color:var(--color-text);font:inherit}.sync-minimum-copy{margin:7px 0 0;color:var(--color-text-subtle);font-size:.7rem}.sync-validation-error{margin:7px 0 0;color:var(--color-danger);font-size:.74rem}.sync-save-row{min-height:44px;margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.sync-save-row>span{color:var(--color-accent);font-size:.75rem}.notification-settings-error{margin:10px 0 0;color:var(--color-danger);font-size:.78rem;text-align:center}.notification-settings-message{margin:10px 0 0;color:var(--color-accent);font-size:.78rem;text-align:center}@media(max-width:600px){.confirm-modal-overlay:has(.settings-sheet){padding:0;align-items:end}.notification-settings-modal.settings-sheet{width:100%;max-height:min(88dvh,760px);border-radius:22px 22px 0 0}.settings-sheet-header{position:sticky;top:0;z-index:2;padding-top:14px;padding-bottom:13px}.settings-sheet-body{padding:12px 12px 6px}.notification-category-list{gap:8px;margin-top:12px}.notification-category-row{padding:12px;grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.notification-category-icon{width:38px;height:38px}.sync-task-summary{min-height:64px;padding:10px 11px;grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.sync-interval-fieldset{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.workspace-item-copy{min-width:0}.workspace-item-copy strong,.workspace-item-copy small{display:block}.workspace-item-copy strong{color:var(--color-text);font-size:.86rem}.workspace-item-copy small{margin-top:3px;color:var(--color-text-subtle);font-size:.7rem;font-weight:500}.p-button,button.p-button{min-height:42px;border:1px solid transparent!important;border-radius:var(--radius-pill)!important;background:var(--color-accent)!important;color:var(--color-accent-contrast)!important;padding:.58rem 1.05rem!important;gap:7px;box-shadow:none!important;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)!important}.p-button:hover:not(:disabled),button.p-button:hover:not(:disabled){transform:none!important;background:var(--color-accent-hover)!important;box-shadow:none!important}.p-button:active:not(:disabled),button.p-button:active:not(:disabled){transform:none!important}.p-button-outlined.p-button-secondary,button.p-button-outlined.p-button-secondary{border-color:var(--color-border-strong)!important;background:transparent!important;color:var(--color-text-muted)!important}.p-button-outlined.p-button-secondary:hover:not(:disabled),button.p-button-outlined.p-button-secondary:hover:not(:disabled){transform:none!important;border-color:#ebf8ef38!important;background:var(--color-surface-hover)!important;color:var(--color-text)!important}.p-button-outlined.p-button-secondary.is-active,button.p-button-outlined.p-button-secondary.is-active{border-color:var(--color-accent-border)!important;background:var(--color-accent-soft)!important;color:var(--color-accent)!important}button:disabled,.p-button:disabled,.p-button.p-disabled{opacity:.45!important}.spotify-artwork-link{display:grid;place-items:center;flex:0 0 auto;max-width:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:10px;background:transparent;color:inherit;line-height:0;cursor:pointer;box-shadow:0 0 0 1px transparent;transition:background var(--motion-fast),box-shadow var(--motion-fast)}.spotify-artwork-link>img{transition:filter var(--motion-fast),transform var(--motion-fast)}.spotify-artwork-link:disabled{opacity:1!important;cursor:default}.spotify-artwork-link:hover:not(:disabled),.spotify-artwork-link:focus-visible{background:var(--color-accent-soft);box-shadow:0 0 0 2px var(--color-accent-border)}.spotify-artwork-link:hover:not(:disabled)>img,.spotify-artwork-link:focus-visible>img{filter:brightness(.82);transform:scale(1.025)}.spotify-artist-link{border-radius:50%}.spotify-text-link{padding:4px 7px;border-radius:7px;transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}a.spotify-destination[href],button.spotify-destination:not(:disabled),.spotify-destination.is-clickable{transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast)}a.spotify-destination[href]:hover,a.spotify-destination[href]:focus-visible,button.spotify-destination:not(:disabled):hover,button.spotify-destination:not(:disabled):focus-visible,.spotify-destination.is-clickable:hover,.spotify-destination.is-clickable:focus-visible{border-color:var(--color-accent-border)!important;background:var(--color-accent-soft)!important;color:var(--color-text)!important;box-shadow:inset 0 0 0 1px var(--color-accent-border)!important}.search-container{position:relative;display:flex;align-items:center}.search-container>i{position:absolute;z-index:1;left:15px;color:var(--color-text-subtle)}.search-input,input.search-input,.spotify-custom-dropdown .dropdown-trigger-btn{min-height:44px;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-md)!important;background:var(--color-surface-input)!important;color:var(--color-text)!important;box-shadow:none!important}.search-input:focus,input.search-input:focus,.spotify-custom-dropdown .dropdown-trigger-btn:focus{border-color:var(--color-accent-border)!important;background:var(--color-surface-input)!important}.search-input::placeholder,input.search-input::placeholder,.spotify-custom-dropdown .dropdown-trigger-btn::placeholder{color:var(--color-text-subtle)!important}input.search-input{padding:0 14px 0 42px!important}.spotify-custom-dropdown .dropdown-trigger-btn{height:42px}.spotify-custom-dropdown .dropdown-menu-overlay{padding:6px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-md)}.spotify-custom-dropdown .dropdown-menu-overlay .menu-item{border-radius:8px}.card-container{width:100%;max-width:none;margin:20px auto 0;align-items:stretch}.item-card,.track-row-card,.metric-card,.column-card,.artist-grid-card{border-color:var(--color-border)!important;background:var(--color-surface)!important;box-shadow:none!important}.item-card{border-radius:var(--radius-lg);margin-bottom:10px;transition:background var(--motion-fast),border-color var(--motion-fast)}.item-card:hover{transform:none;border-color:var(--color-border-strong)!important;background:var(--color-surface-raised)!important;box-shadow:none}.track-row-card,.artist-grid-card{transition:background var(--motion-fast),border-color var(--motion-fast)!important}.track-row-card:hover,.artist-grid-card:hover{transform:none!important;background:var(--color-surface-raised)!important;border-color:var(--color-border-strong)!important}@supports (content-visibility: auto){.item-card,.stats-tracks-grid>.track-row-card,.stats-artists-grid>.artist-grid-card,.listening-history-list>.track-row-card,.analysis-tracks-grid>.track-row-card,.track-grid>.track-row-card,.album-grid>.album-card,.genre-row,.share-card,.owner-share-row,app-shared-playlist-detail .track-row:not(.header-row){content-visibility:auto;contain-intrinsic-size:auto 96px}}.progress-panel-container{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.loading-container{min-height:360px;justify-content:center}.loading-container i{color:var(--color-accent)!important}.loading-container h2{color:var(--color-text)!important}.no-playlists,.no-artists{color:var(--color-text-muted)}.confirm-modal-overlay,.share-modal-overlay{background:#020503c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-modal-card,.share-modal{border-color:var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-lg)}.selection-copy{margin-bottom:24px;font-size:.95rem}.selection-actions{margin-top:24px;justify-content:center}.danger-text{color:var(--color-danger)!important}.action-spinner{margin-right:8px}.data-option-card{border-color:var(--color-border);background:var(--color-surface)}.data-option-card:hover{transform:none;border-color:var(--color-border-strong);background:var(--color-surface-hover)}.scroll-to-top-btn{width:44px;height:44px;border:1px solid var(--color-accent-border);background:var(--color-surface-raised);color:var(--color-accent);box-shadow:var(--shadow-md)}.scroll-to-top-btn:hover{transform:translateY(-2px);background:var(--color-surface-hover);box-shadow:var(--shadow-md)}@media(max-width:950px)and (min-width:769px){.header-shell{width:calc(100% - 28px)}.app-header .header-left{gap:14px}.app-header .header-logo .logo-text{display:none}}@media(max-width:768px){:root{--header-height: 60px}body{background:linear-gradient(180deg,#090c0a,#080b09 58%,#0a0d0b);background-attachment:scroll}.app-route-content:before{height:min(760px,100dvh + 120px);background:radial-gradient(circle at var(--ambient-dot-x) var(--ambient-dot-y),rgba(80,235,143,.24) 0 1px,transparent 7px),radial-gradient(ellipse 30rem 24rem at var(--ambient-green-x) var(--ambient-green-y),rgba(50,223,120,.1),transparent 70%),radial-gradient(ellipse 27rem 22rem at var(--ambient-blue-x) var(--ambient-blue-y),rgba(55,120,255,.07),transparent 72%)}body:has(.header-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-page{padding:20px 0 24px}.page-shell{width:calc(100% - 24px)}.page-hero{margin-bottom:18px}.page-hero h1{font-size:clamp(2rem,10vw,2.8rem)}.page-hero p{font-size:.92rem}.hero-count{display:none}.app-header{min-height:var(--header-height);display:block!important;padding:0!important;background:#090c0af7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-shell{width:100%;min-height:var(--header-height);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));grid-template-columns:44px minmax(0,1fr) 92px;gap:8px}.app-header .header-left{width:44px;gap:0}.app-header .header-logo{width:44px;min-height:44px}.app-header .header-logo img{width:30px;height:30px}.app-header .header-center{width:auto;min-width:0}.app-header .header-right{width:92px;gap:6px}.app-header .workspace-launcher-button{width:42px;min-height:42px;padding:0;border-radius:12px}.app-header .workspace-launcher-label,.app-header .workspace-launcher-chevron{display:none}.app-header .user-profile-header{width:42px;height:42px;min-width:42px;min-height:42px;padding:3px}.app-header .user-profile-header img.profile-img,.app-header .user-profile-header .profile-placeholder{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important}.app-header .header-nav{position:fixed;inset:auto 0 0;height:calc(68px + env(safe-area-inset-bottom));padding:6px max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left));display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;border:0;border-top:1px solid var(--color-border-strong);border-radius:0;background:#0d110ef7;box-shadow:0 -10px 30px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000}.app-header .nav-link{min-height:56px;padding:6px 2px!important;flex-direction:column;justify-content:center;gap:3px!important;border-radius:12px!important;font-size:.72rem!important;background:transparent!important;box-shadow:none!important}.app-header .nav-link i{font-size:1.12rem!important}.app-header .nav-link.active-nav,.app-header .nav-link.router-link-active{background:var(--color-accent-soft)!important;color:var(--color-accent)!important}.app-header.has-mobile-back .header-logo{display:none}.app-header.has-mobile-back .mobile-header-back{border-radius:12px}.profile-settings-dropdown{top:66px;width:min(300px,100vw - 24px);max-height:calc(100dvh - 154px);overflow-y:auto}.workspace-launcher-dropdown{right:max(12px,env(safe-area-inset-right))}.page-toolbar{padding:10px;border-radius:var(--radius-md)}.card-container{padding:0!important}.item-card{border-radius:var(--radius-md)}.confirm-modal-card{border-radius:22px 22px 0 0}.scroll-to-top-btn{bottom:calc(82px + env(safe-area-inset-bottom))!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}app-user-stats .stats-dashboard-container,app-listening-history .stats-dashboard-container{width:min(var(--page-width),100% - 48px)!important;max-width:none!important;margin:0 auto!important;padding:44px 0 40px!important}app-user-stats .page-loading-state,app-listening-history .page-loading-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--color-text-muted)}app-user-stats .page-loading-state i,app-listening-history .page-loading-state i{color:var(--color-accent);font-size:2.4rem}app-user-stats .page-loading-state h3,app-listening-history .page-loading-state h3{margin:0;color:var(--color-text-muted);font-weight:600}app-user-stats .past-stats-results{margin:0 0 24px;padding:18px;border:1px solid rgba(30,215,96,.22);border-radius:18px;background:linear-gradient(135deg,#1ed76014,#121212eb)}app-user-stats .past-stats-heading{display:flex;align-items:center;gap:12px}app-user-stats .past-stats-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#1ed76024;color:#1ed760}app-user-stats .past-stats-heading>div{display:flex;flex-direction:column;flex:1}app-user-stats .past-stats-message{color:#a7a7a7}app-user-stats .past-stats-message{margin:14px 0 0}app-user-stats .past-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}app-user-stats .past-stats-card{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:11px;border-radius:13px;color:inherit;text-align:left;font:inherit;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}app-user-stats .past-stats-card:hover{background:#ffffff14;border-color:#1ed7604d}app-user-stats .past-stats-card img,app-user-stats .past-stats-placeholder{width:48px;height:48px;flex:0 0 48px;border-radius:9px;object-fit:cover}app-user-stats .past-stats-history-action{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}app-user-stats .past-stats-placeholder{display:grid;place-items:center;background:#282828;color:#1ed760}app-user-stats .past-stats-copy{display:flex;flex-direction:column;min-width:0;flex:1}app-user-stats .past-stats-copy strong,app-user-stats .past-stats-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-user-stats .past-stats-copy small{color:#b3b3b3}@media(max-width:768px){app-user-stats .past-stats-grid{grid-template-columns:minmax(0,1fr)}}app-user-stats .stats-page-heading{margin-bottom:26px}app-user-stats .stats-selectors-container{gap:12px;margin-bottom:20px;padding:12px}app-user-stats .stats-selectors-row{align-items:center;border-bottom-color:var(--color-border);padding:0 0 12px}app-user-stats .stats-range-controls{width:100%;justify-content:space-between}app-user-stats .stats-category-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}app-user-stats .stats-category-controls .category-tabs{margin-top:0}app-user-stats .stats-top-search{min-width:min(100%,340px);display:flex;align-items:center;justify-content:flex-end;gap:10px}app-user-stats .stats-search-container{width:min(420px,100%)}app-user-stats .stats-search-container .search-input{width:100%;padding-right:42px!important}app-user-stats .stats-search-container input[type=search]::-webkit-search-cancel-button,app-user-stats .stats-search-container input[type=search]::-webkit-search-decoration{appearance:none;-webkit-appearance:none}app-user-stats .stats-search-container input[type=search]::-ms-clear{display:none}app-user-stats .stats-search-clear{position:absolute;right:7px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer}app-user-stats .stats-search-clear:hover,app-user-stats .stats-search-clear:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}app-user-stats .stats-past-toggle{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface-raised);color:var(--color-text-muted);font:inherit;font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer}app-user-stats .stats-past-toggle:hover,app-user-stats .stats-past-toggle:focus-visible{border-color:#1ed7607a;color:var(--color-text)}app-user-stats .stats-past-toggle.is-active{border-color:var(--color-accent);background:#1ed76024;color:var(--color-accent)}app-user-stats .stats-search-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center}app-user-stats .stats-search-empty>i{color:var(--color-accent);font-size:1.7rem}app-user-stats .stats-search-empty strong{color:var(--color-text)}app-user-stats .stats-search-empty button{margin-top:5px;padding:8px 13px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer}app-user-stats .stats-interaction-hint{display:flex;align-items:center;gap:7px;margin:0 0 14px;color:var(--color-text-subtle);font-size:.78rem;line-height:1.4}app-user-stats .stats-interaction-hint i{color:var(--color-accent);font-size:.82rem}app-user-stats .trend-open-cue{min-height:27px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 8px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#ffffff06;color:var(--color-text-subtle);font-size:.68rem;font-weight:750;line-height:1;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease}app-user-stats .trend-open-cue i{color:var(--color-accent);font-size:.72rem}app-user-stats .track-row-card:hover .trend-open-cue,app-user-stats .track-row-card:focus-visible .trend-open-cue,app-user-stats .artist-grid-card:hover .trend-open-cue,app-user-stats .artist-grid-card:focus-visible .trend-open-cue,app-user-stats .genre-row:hover .trend-open-cue,app-user-stats .genre-row:focus-visible .trend-open-cue{border-color:#33da707a;background:var(--color-accent-soft);color:var(--color-text)}app-user-stats .artist-grid-card .trend-open-cue{margin-top:2px}app-user-stats .genre-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}app-user-stats .time-range-toggles{padding:4px;border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-input)}app-user-stats .time-range-toggles button{min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--color-text-muted);padding:5px 14px;font-size:.82rem;font-weight:700;cursor:pointer}app-user-stats .time-range-toggles button.active{background:var(--color-surface-hover);color:var(--color-accent)}app-user-stats .category-tabs{gap:7px;margin-top:0}app-user-stats .category-tabs button,app-user-stats .category-tabs .p-button{min-height:42px;border-radius:var(--radius-pill)!important;padding:7px 14px!important;gap:7px;font-size:.84rem!important}app-user-stats .stats-create-playlist-action{width:100%;grid-column:1/-1;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px}app-user-stats .success-text{color:var(--color-accent);font-size:.84rem;font-weight:700}app-listening-history .history-page-heading{margin-bottom:26px}app-listening-history .stats-content-wrapper{margin-top:0!important}app-listening-history .listening-history-list{width:100%;max-width:none;gap:8px}app-listening-history .history-index{width:82px!important;flex:0 0 82px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--color-text-subtle)!important;font-size:.78rem!important}app-listening-history .history-index time{font-size:.66rem;white-space:nowrap}app-songs .songs-page{padding-top:44px}app-songs .artists-top-bar{width:100%;max-width:none;margin:0 0 24px}app-songs .artists-header-container{width:100%;max-width:none;margin:0 0 18px;padding:11px}app-songs .artists-controls-bar{width:100%;margin:0;padding:0;border:0;gap:12px}app-songs .artists-controls-bar .controls-left{min-width:220px;flex:1}app-songs .artists-controls-bar .controls-left .search-container,app-songs .artists-controls-bar .controls-left .search-container .search-input{width:100%}app-songs .artists-controls-bar .controls-right,app-songs .artists-controls-bar .controls-right .view-switcher,app-songs .artists-controls-bar .controls-right .sort-control{gap:6px}app-songs .artists-controls-bar .controls-right .view-switcher>button,app-songs .artists-controls-bar .controls-right .sort-control>button{min-height:42px;border-radius:var(--radius-pill)!important;padding:.5rem .9rem!important}app-songs .artists-controls-bar.context-view .controls-left,app-songs .artists-controls-bar.context-view .controls-right .sort-control{display:none}app-songs .artists-controls-bar.context-view .controls-right{width:100%;justify-content:flex-start}app-songs .inline-alert{width:100%;display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:11px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:.86rem}app-songs .inline-alert.warning{border-color:#ffbe5559;color:var(--color-warning);background:#ffbe5512}app-songs .page-loading-state{min-height:420px;margin:0}app-songs .page-loading-state>i{font-size:2.6rem!important}app-songs .page-loading-state h2{font-size:1.25rem!important}app-songs .loading-count{color:var(--color-accent);font-weight:700}app-songs .loading-progress-track{width:min(360px,100%);height:7px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-hover)}app-songs .loading-progress-fill{height:100%;border-radius:inherit;background:var(--color-accent);transition:width .15s ease}app-songs .progress-panel-container{width:100%;max-width:none;margin:0 0 18px}app-songs .card-container{margin-top:0}app-songs .track-row-card{border-radius:var(--radius-md);padding:11px 16px;border-color:var(--color-border)!important;background:var(--color-surface)!important;box-shadow:none}app-songs .track-row-card:hover{transform:none;border-color:var(--color-border-strong)!important;background:var(--color-surface-raised)!important;box-shadow:none}app-songs .album-card,app-songs .album-detail-view{border-color:var(--color-border);background:var(--color-surface)}app-songs .album-detail-view{width:100%;max-width:none;margin:0;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box}app-playlists .item-card .card-actions>button.playlist-card-action{width:100%;height:44px;min-height:44px;max-height:44px;padding:0 14px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border-radius:var(--radius-md)!important}app-playlist-analysis .back-bar-container{width:min(1100px,100% - 48px)}app-artist-details .back-bar-container{width:min(940px,100% - 48px)}app-legal .back-bar-container{width:min(1040px,100% - 48px)}@media(max-width:768px){app-user-stats .stats-dashboard-container,app-listening-history .stats-dashboard-container{width:100%!important;margin:0!important;padding:18px max(12px,env(safe-area-inset-right)) 24px max(12px,env(safe-area-inset-left))!important}app-user-stats .stats-selectors-container{gap:9px;margin-bottom:14px;padding:9px}app-user-stats .stats-selectors-row{padding-bottom:9px}app-user-stats .stats-range-controls{gap:8px}app-user-stats .time-range-toggles button{min-height:40px;padding-inline:6px}app-user-stats .category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}app-user-stats .category-tabs button,app-user-stats .category-tabs .p-button{min-width:0;padding-inline:4px!important}app-user-stats .stats-category-controls,app-user-stats .stats-top-search,app-user-stats .stats-search-container{width:100%}app-user-stats .stats-top-search{min-width:0}app-user-stats .stats-past-toggle{flex:0 0 auto}app-user-stats .stats-search-empty{min-height:200px;padding:22px 16px}app-user-stats .stats-create-playlist-action{flex-direction:column}app-user-stats .stats-interaction-hint{margin-bottom:12px;padding-inline:2px}app-user-stats .genre-row-meta{gap:7px}app-listening-history .history-index{width:64px!important;flex-basis:64px}app-songs .songs-page{padding-top:18px}app-songs .artists-header-container{width:100%;padding:9px}app-songs .artists-controls-bar{gap:9px}app-songs .artists-controls-bar .controls-right{gap:8px}app-songs .artists-controls-bar .controls-right .view-switcher{gap:5px}app-songs .artists-controls-bar .controls-right .view-switcher>button{padding-inline:4px!important}app-songs .album-detail-view{padding:14px}app-songs .page-loading-state{min-height:340px}.page-back-row{min-height:44px;margin-bottom:16px}app-playlist-analysis .back-bar-container,app-artist-details .back-bar-container,app-legal .back-bar-container{width:calc(100% - 24px)}}app-compare-room-shell .compare-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 28px;padding:0;list-style:none}app-compare-room-shell .compare-progress li{min-width:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:.78rem;font-weight:800}app-compare-room-shell .compare-progress span{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-raised)}app-compare-room-shell .compare-progress li.current{border-color:var(--color-accent);color:var(--color-text);background:var(--color-accent-soft)}app-compare-room-shell .compare-progress li.current span,app-compare-room-shell .compare-progress li.complete span{background:var(--color-accent);color:var(--color-accent-contrast)}.design-v2 app-compare-room-shell{min-height:0}.design-v2 app-compare-room-shell .compare-room-page{width:100%;min-height:0;padding-top:0}@media(max-width:820px){app-compare-room-shell .compare-progress{margin-bottom:16px;gap:5px}app-compare-room-shell .compare-progress li{display:grid;justify-items:center;padding:8px 3px;text-align:center;font-size:.65rem}.design-v2 app-compare-room-shell .compare-room-hero h1{display:none}.design-v2 app-compare-room-shell .compare-room-hero{margin-bottom:14px}}@font-face{font-family:primeicons;font-display:block;src:url("./media/primeicons-P3Q6XDZG.eot");src:url("./media/primeicons-P3Q6XDZG.eot?#iefix") format("embedded-opentype"),url("./media/primeicons-Y4ZH4LAW.woff2") format("woff2"),url("./media/primeicons-67GZ63CG.woff") format("woff"),url("./media/primeicons-MMNJ55EH.ttf") format("truetype"),url("./media/primeicons-6VHJE6VZ.svg?#primeicons") format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility: hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media(prefers-reduced-motion:reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-eye-dropper:before{content:"\ea3c"}.pi-code-branch:before{content:"\ea3a"}.pi-signature:before{content:"\ea3b"}.pi-stamp:before{content:"\ea3d"}.pi-rectangle-xmark:before{content:"\ea3e"}.pi-note-sticky:before{content:"\ea3f"}.pi-sidebar:before{content:"\ea40"}.pi-slash:before{content:"\ea41"}.pi-grid-2:before{content:"\ea42"}.pi-columns-2:before{content:"\ea43"}.pi-rows-2:before{content:"\ea44"}.pi-square:before{content:"\ea45"}.pi-compress:before{content:"\ea46"}.pi-pen-line:before{content:"\ea47"}.pi-case-sensitive:before{content:"\ea48"}.pi-text-color:before{content:"\ea49"}.pi-list-tree:before{content:"\ea4a"}.pi-highlighter:before{content:"\ea4b"}.pi-text:before{content:"\ea4c"}.pi-heading-6:before{content:"\ea4d"}.pi-heading-5:before{content:"\ea4e"}.pi-heading-4:before{content:"\ea4f"}.pi-heading-3:before{content:"\ea50"}.pi-heading-2:before{content:"\ea51"}.pi-heading-1:before{content:"\ea52"}.pi-heading:before{content:"\ea53"}.pi-grip:before{content:"\ea54"}.pi-grip-horizontal:before{content:"\ea55"}.pi-grip-vertical:before{content:"\ea56"}.pi-paragraph-right:before{content:"\ea57"}.pi-paragraph-left:before{content:"\ea58"}.pi-arrow-u-turn-up-left:before{content:"\ea59"}.pi-arrow-u-turn-up-right:before{content:"\ea5a"}.pi-horizontal-rule:before{content:"\ea5b"}.pi-outdent:before{content:"\ea5c"}.pi-indent:before{content:"\ea5d"}.pi-list-ol:before{content:"\ea5e"}.pi-block-quote:before{content:"\ea5f"}.pi-superscript:before{content:"\ea60"}.pi-subscript:before{content:"\ea61"}.pi-strikethrough:before{content:"\ea62"}.pi-underline:before{content:"\ea63"}.pi-italic:before{content:"\ea64"}.pi-bold:before{content:"\ea65"}.pi-dot:before{content:"\ea66"}.pi-folder-plus:before{content:"\ea05"}.pi-receipt:before{content:"\ea06"}.pi-asterisk:before{content:"\ea07"}.pi-face-smile:before{content:"\ea08"}.pi-pinterest:before{content:"\ea09"}.pi-expand:before{content:"\ea0a"}.pi-pen-to-square:before{content:"\ea0b"}.pi-wave-pulse:before{content:"\ea0c"}.pi-turkish-lira:before{content:"\ea0d"}.pi-spinner-dotted:before{content:"\ea0e"}.pi-crown:before{content:"\ea0f"}.pi-pause-circle:before{content:"\ea10"}.pi-warehouse:before{content:"\ea11"}.pi-objects-column:before{content:"\ea12"}.pi-clipboard:before{content:"\ea13"}.pi-play-circle:before{content:"\ea14"}.pi-venus:before{content:"\ea15"}.pi-cart-minus:before{content:"\ea16"}.pi-file-plus:before{content:"\ea17"}.pi-microchip:before{content:"\ea18"}.pi-twitch:before{content:"\ea19"}.pi-building-columns:before{content:"\ea1a"}.pi-file-check:before{content:"\ea1b"}.pi-microchip-ai:before{content:"\ea1c"}.pi-trophy:before{content:"\ea1d"}.pi-barcode:before{content:"\ea1e"}.pi-file-arrow-up:before{content:"\ea1f"}.pi-mars:before{content:"\ea20"}.pi-tiktok:before{content:"\ea21"}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:"\ea22"}.pi-ethereum:before{content:"\ea23"}.pi-list-check:before{content:"\ea24"}.pi-thumbtack:before{content:"\ea25"}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:"\ea26"}.pi-equals:before{content:"\ea27"}.pi-lightbulb:before{content:"\ea28"}.pi-star-half:before{content:"\ea29"}.pi-address-book:before{content:"\ea2a"}.pi-chart-scatter:before{content:"\ea2b"}.pi-indian-rupee:before{content:"\ea2c"}.pi-star-half-fill:before{content:"\ea2d"}.pi-cart-arrow-down:before{content:"\ea2e"}.pi-calendar-clock:before{content:"\ea2f"}.pi-sort-up-fill:before{content:"\ea30"}.pi-sparkles:before{content:"\ea31"}.pi-bullseye:before{content:"\ea32"}.pi-sort-down-fill:before{content:"\ea33"}.pi-graduation-cap:before{content:"\ea34"}.pi-hammer:before{content:"\ea35"}.pi-bell-slash:before{content:"\ea36"}.pi-gauge:before{content:"\ea37"}.pi-shop:before{content:"\ea38"}.pi-headphones:before{content:"\ea39"}.pi-eraser:before{content:"\ea04"}.pi-stopwatch:before{content:"\ea01"}.pi-verified:before{content:"\ea02"}.pi-delete-left:before{content:"\ea03"}.pi-hourglass:before{content:"\e9fe"}.pi-truck:before{content:"\ea00"}.pi-wrench:before{content:"\e9ff"}.pi-microphone:before{content:"\e9fa"}.pi-megaphone:before{content:"\e9fb"}.pi-arrow-right-arrow-left:before{content:"\e9fc"}.pi-bitcoin:before{content:"\e9fd"}.pi-file-edit:before{content:"\e9f6"}.pi-language:before{content:"\e9f7"}.pi-file-export:before{content:"\e9f8"}.pi-file-import:before{content:"\e9f9"}.pi-file-word:before{content:"\e9f1"}.pi-gift:before{content:"\e9f2"}.pi-cart-plus:before{content:"\e9f3"}.pi-thumbs-down-fill:before{content:"\e9f4"}.pi-thumbs-up-fill:before{content:"\e9f5"}.pi-arrows-alt:before{content:"\e9f0"}.pi-calculator:before{content:"\e9ef"}.pi-sort-alt-slash:before{content:"\e9ee"}.pi-arrows-h:before{content:"\e9ec"}.pi-arrows-v:before{content:"\e9ed"}.pi-pound:before{content:"\e9eb"}.pi-prime:before{content:"\e9ea"}.pi-chart-pie:before{content:"\e9e9"}.pi-reddit:before{content:"\e9e8"}.pi-code:before{content:"\e9e7"}.pi-sync:before{content:"\e9e6"}.pi-shopping-bag:before{content:"\e9e5"}.pi-server:before{content:"\e9e4"}.pi-database:before{content:"\e9e3"}.pi-hashtag:before{content:"\e9e2"}.pi-bookmark-fill:before{content:"\e9df"}.pi-filter-fill:before{content:"\e9e0"}.pi-heart-fill:before{content:"\e9e1"}.pi-flag-fill:before{content:"\e9de"}.pi-circle:before{content:"\e9dc"}.pi-circle-fill:before{content:"\e9dd"}.pi-bolt:before{content:"\e9db"}.pi-history:before{content:"\e9da"}.pi-box:before{content:"\e9d9"}.pi-at:before{content:"\e9d8"}.pi-arrow-up-right:before{content:"\e9d4"}.pi-arrow-up-left:before{content:"\e9d5"}.pi-arrow-down-left:before{content:"\e9d6"}.pi-arrow-down-right:before{content:"\e9d7"}.pi-telegram:before{content:"\e9d3"}.pi-stop-circle:before{content:"\e9d2"}.pi-stop:before{content:"\e9d1"}.pi-whatsapp:before{content:"\e9d0"}.pi-building:before{content:"\e9cf"}.pi-qrcode:before{content:"\e9ce"}.pi-car:before{content:"\e9cd"}.pi-instagram:before{content:"\e9cc"}.pi-linkedin:before{content:"\e9cb"}.pi-send:before{content:"\e9ca"}.pi-slack:before{content:"\e9c9"}.pi-moon:before{content:"\e9c7"}.pi-sun:before{content:"\e9c8"}.pi-youtube:before{content:"\e9c5"}.pi-vimeo:before{content:"\e9c6"}.pi-flag:before{content:"\e9c4"}.pi-wallet:before{content:"\e9c3"}.pi-map:before{content:"\e9c2"}.pi-link:before{content:"\e9c1"}.pi-credit-card:before{content:"\e9bf"}.pi-discord:before{content:"\e9c0"}.pi-percentage:before{content:"\e9be"}.pi-euro:before{content:"\e9bd"}.pi-book:before{content:"\e9ba"}.pi-shield:before{content:"\e9b9"}.pi-paypal:before{content:"\e9bb"}.pi-amazon:before{content:"\e9bc"}.pi-phone:before{content:"\e9b8"}.pi-filter-slash:before{content:"\e9b7"}.pi-facebook:before{content:"\e9b4"}.pi-github:before{content:"\e9b5"}.pi-twitter:before{content:"\e9b6"}.pi-step-backward-alt:before{content:"\e9ac"}.pi-step-forward-alt:before{content:"\e9ad"}.pi-forward:before{content:"\e9ae"}.pi-backward:before{content:"\e9af"}.pi-fast-backward:before{content:"\e9b0"}.pi-fast-forward:before{content:"\e9b1"}.pi-pause:before{content:"\e9b2"}.pi-play:before{content:"\e9b3"}.pi-compass:before{content:"\e9ab"}.pi-id-card:before{content:"\e9aa"}.pi-ticket:before{content:"\e9a9"}.pi-file-o:before{content:"\e9a8"}.pi-reply:before{content:"\e9a7"}.pi-directions-alt:before{content:"\e9a5"}.pi-directions:before{content:"\e9a6"}.pi-thumbs-up:before{content:"\e9a3"}.pi-thumbs-down:before{content:"\e9a4"}.pi-sort-numeric-down-alt:before{content:"\e996"}.pi-sort-numeric-up-alt:before{content:"\e997"}.pi-sort-alpha-down-alt:before{content:"\e998"}.pi-sort-alpha-up-alt:before{content:"\e999"}.pi-sort-numeric-down:before{content:"\e99a"}.pi-sort-numeric-up:before{content:"\e99b"}.pi-sort-alpha-down:before{content:"\e99c"}.pi-sort-alpha-up:before{content:"\e99d"}.pi-sort-alt:before{content:"\e99e"}.pi-sort-amount-up:before{content:"\e99f"}.pi-sort-amount-down:before{content:"\e9a0"}.pi-sort-amount-down-alt:before{content:"\e9a1"}.pi-sort-amount-up-alt:before{content:"\e9a2"}.pi-palette:before{content:"\e995"}.pi-undo:before{content:"\e994"}.pi-desktop:before{content:"\e993"}.pi-sliders-v:before{content:"\e991"}.pi-sliders-h:before{content:"\e992"}.pi-search-plus:before{content:"\e98f"}.pi-search-minus:before{content:"\e990"}.pi-file-excel:before{content:"\e98e"}.pi-file-pdf:before{content:"\e98d"}.pi-check-square:before{content:"\e98c"}.pi-chart-line:before{content:"\e98b"}.pi-user-edit:before{content:"\e98a"}.pi-exclamation-circle:before{content:"\e989"}.pi-android:before{content:"\e985"}.pi-google:before{content:"\e986"}.pi-apple:before{content:"\e987"}.pi-microsoft:before{content:"\e988"}.pi-heart:before{content:"\e984"}.pi-mobile:before{content:"\e982"}.pi-tablet:before{content:"\e983"}.pi-key:before{content:"\e981"}.pi-shopping-cart:before{content:"\e980"}.pi-comments:before{content:"\e97e"}.pi-comment:before{content:"\e97f"}.pi-briefcase:before{content:"\e97d"}.pi-bell:before{content:"\e97c"}.pi-paperclip:before{content:"\e97b"}.pi-share-alt:before{content:"\e97a"}.pi-envelope:before{content:"\e979"}.pi-volume-down:before{content:"\e976"}.pi-volume-up:before{content:"\e977"}.pi-volume-off:before{content:"\e978"}.pi-eject:before{content:"\e975"}.pi-money-bill:before{content:"\e974"}.pi-images:before{content:"\e973"}.pi-image:before{content:"\e972"}.pi-sign-in:before{content:"\e970"}.pi-sign-out:before{content:"\e971"}.pi-wifi:before{content:"\e96f"}.pi-sitemap:before{content:"\e96e"}.pi-chart-bar:before{content:"\e96d"}.pi-camera:before{content:"\e96c"}.pi-dollar:before{content:"\e96b"}.pi-lock-open:before{content:"\e96a"}.pi-table:before{content:"\e969"}.pi-map-marker:before{content:"\e968"}.pi-list:before{content:"\e967"}.pi-eye-slash:before{content:"\e965"}.pi-eye:before{content:"\e966"}.pi-folder-open:before{content:"\e964"}.pi-folder:before{content:"\e963"}.pi-video:before{content:"\e962"}.pi-inbox:before{content:"\e961"}.pi-lock:before{content:"\e95f"}.pi-unlock:before{content:"\e960"}.pi-tags:before{content:"\e95d"}.pi-tag:before{content:"\e95e"}.pi-power-off:before{content:"\e95c"}.pi-save:before{content:"\e95b"}.pi-question-circle:before{content:"\e959"}.pi-question:before{content:"\e95a"}.pi-copy:before{content:"\e957"}.pi-file:before{content:"\e958"}.pi-clone:before{content:"\e955"}.pi-calendar-times:before{content:"\e952"}.pi-calendar-minus:before{content:"\e953"}.pi-calendar-plus:before{content:"\e954"}.pi-ellipsis-v:before{content:"\e950"}.pi-ellipsis-h:before{content:"\e951"}.pi-bookmark:before{content:"\e94e"}.pi-globe:before{content:"\e94f"}.pi-replay:before{content:"\e94d"}.pi-filter:before{content:"\e94c"}.pi-print:before{content:"\e94b"}.pi-align-right:before{content:"\e946"}.pi-align-left:before{content:"\e947"}.pi-align-center:before{content:"\e948"}.pi-align-justify:before{content:"\e949"}.pi-cog:before{content:"\e94a"}.pi-cloud-download:before{content:"\e943"}.pi-cloud-upload:before{content:"\e944"}.pi-cloud:before{content:"\e945"}.pi-pencil:before{content:"\e942"}.pi-users:before{content:"\e941"}.pi-clock:before{content:"\e940"}.pi-user-minus:before{content:"\e93e"}.pi-user-plus:before{content:"\e93f"}.pi-trash:before{content:"\e93d"}.pi-window-minimize:before{content:"\e93a"}.pi-window-maximize:before{content:"\e93b"}.pi-external-link:before{content:"\e93c"}.pi-refresh:before{content:"\e938"}.pi-user:before{content:"\e939"}.pi-exclamation-triangle:before{content:"\e922"}.pi-calendar:before{content:"\e927"}.pi-chevron-circle-left:before{content:"\e928"}.pi-chevron-circle-down:before{content:"\e929"}.pi-chevron-circle-right:before{content:"\e92a"}.pi-chevron-circle-up:before{content:"\e92b"}.pi-angle-double-down:before{content:"\e92c"}.pi-angle-double-left:before{content:"\e92d"}.pi-angle-double-right:before{content:"\e92e"}.pi-angle-double-up:before{content:"\e92f"}.pi-angle-down:before{content:"\e930"}.pi-angle-left:before{content:"\e931"}.pi-angle-right:before{content:"\e932"}.pi-angle-up:before{content:"\e933"}.pi-upload:before{content:"\e934"}.pi-download:before{content:"\e956"}.pi-ban:before{content:"\e935"}.pi-star-fill:before{content:"\e936"}.pi-star:before{content:"\e937"}.pi-chevron-left:before{content:"\e900"}.pi-chevron-right:before{content:"\e901"}.pi-chevron-down:before{content:"\e902"}.pi-chevron-up:before{content:"\e903"}.pi-caret-left:before{content:"\e904"}.pi-caret-right:before{content:"\e905"}.pi-caret-down:before{content:"\e906"}.pi-caret-up:before{content:"\e907"}.pi-search:before{content:"\e908"}.pi-check:before{content:"\e909"}.pi-check-circle:before{content:"\e90a"}.pi-times:before{content:"\e90b"}.pi-times-circle:before{content:"\e90c"}.pi-plus:before{content:"\e90d"}.pi-plus-circle:before{content:"\e90e"}.pi-minus:before{content:"\e90f"}.pi-minus-circle:before{content:"\e910"}.pi-circle-on:before{content:"\e911"}.pi-circle-off:before{content:"\e912"}.pi-sort-down:before{content:"\e913"}.pi-sort-up:before{content:"\e914"}.pi-sort:before{content:"\e915"}.pi-step-backward:before{content:"\e916"}.pi-step-forward:before{content:"\e917"}.pi-th-large:before{content:"\e918"}.pi-arrow-down:before{content:"\e919"}.pi-arrow-left:before{content:"\e91a"}.pi-arrow-right:before{content:"\e91b"}.pi-arrow-up:before{content:"\e91c"}.pi-bars:before{content:"\e91d"}.pi-arrow-circle-down:before{content:"\e91e"}.pi-arrow-circle-left:before{content:"\e91f"}.pi-arrow-circle-right:before{content:"\e920"}.pi-arrow-circle-up:before{content:"\e921"}.pi-info:before{content:"\e923"}.pi-info-circle:before{content:"\e924"}.pi-home:before{content:"\e925"}.pi-spinner:before{content:"\e926"}