.library-page{color:#f2f8fa;min-height:100vh;font-family:var(--font-body), sans-serif;background:radial-gradient(60% 48% at 67% 33%,#063942 0%,#06232b 37%,#0000 74%),linear-gradient(145deg,#081116 0%,#030c11 54%,#02090d 100%)}.library-page button,.library-page input,.library-page select{font:inherit}.library-profile-avatar{color:#58fff0;border:1px solid #31f4ee;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.library-shell{width:min(1228px,100% - 48px);margin:auto;padding:28px 0 90px}.library-intro{grid-template-columns:1fr minmax(420px,510px);align-items:start;gap:32px;min-height:144px;display:grid}.library-greeting p{color:#56fff3;font:700 12px var(--font-display);letter-spacing:.23em;text-transform:uppercase;margin:0 0 2px}.library-greeting>strong{color:#58fff3;font:400 clamp(54px, 5vw, 72px)/1.06 var(--font-script);text-shadow:0 0 25px #00fae86b;margin:0 0 2px;display:block}.library-greeting>span{color:#aebdca;font-size:18px}.library-profile{background:#0a1d23a6;border:1px solid #126b76;border-radius:12px;align-items:center;gap:21px;min-height:101px;margin-top:12px;padding:17px 21px;display:flex}.library-profile-avatar{width:65px;height:65px;font-size:20px}.library-profile-copy{flex:1;gap:7px;min-width:0;display:grid}.library-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.library-profile-copy small{color:#a5b3c0;font-size:14px}.library-settings-link{color:#eff6fb;white-space:nowrap;border:1px solid #34f5ec;border-radius:7px;align-items:center;gap:9px;padding:11px 17px;font-size:13px;transition:background .2s;display:flex}.library-settings-link:hover{background:#0c4145}.library-settings-link span{color:#d1ffff;font-size:20px;line-height:13px}.library-title-row h1{font:800 clamp(34px, 3.8vw, 51px)/1.13 var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:3px 0 0}.library-title-row p{color:#adbbca;margin:0 0 16px;font-size:16px}.library-tabs{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px;display:flex}.library-tabs button{color:#f0f3f7;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;min-height:39px;padding:0 13px;font-size:13px;display:inline-flex}.library-tabs button span{color:#70fdf3;background:#123841;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 7px;display:grid}.library-tabs button.active{color:#00191d;background:#4aeee2;box-shadow:0 0 20px #26f7e442}.library-tabs button.active span{color:#00272c;background:#21cbbf}.library-tools{grid-template-columns:1fr 225px;gap:9px;margin-bottom:20px;display:grid}.library-search,.library-sort{background:#091e25a8;border:1px solid #126473;border-radius:11px;align-items:center;gap:14px;height:47px;padding:0 17px;display:flex}.library-search:focus-within,.library-sort:focus-within{border-color:#4bf7ee;box-shadow:0 0 0 2px #33f4e632}.library-search svg{fill:none;stroke:#eff9fb;stroke-width:1.5px;width:22px;height:22px}.library-sort svg{fill:none;stroke:#57fff3;stroke-width:1.6px;width:21px;height:21px}.library-search input,.library-sort select{color:#f3f8fb;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.library-search input::placeholder{color:#aab9c8;opacity:1}.library-sort select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.library-sections{gap:13px;display:grid}.library-section,.library-empty-state{background:linear-gradient(115deg,#071b22bd,#0a2730b0);border:1px solid #126b79;border-radius:13px;padding:14px 17px 13px}.library-section-heading{justify-content:space-between;align-items:center;gap:20px;min-height:38px;margin-bottom:0;display:flex}.library-section-heading h2{font:700 16px var(--font-display);letter-spacing:-.025em;text-transform:uppercase;margin:0}.library-section-heading>span,.library-extra-panel h2 span{color:#75fff5;background:#0e5059;border-radius:50%;place-items:center;min-width:30px;height:30px;padding:0 7px;font-size:13px;display:grid}.library-mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.library-mix-card{background:#071b23a6;border:1px solid #205969;border-radius:11px;align-items:center;gap:21px;min-width:0;min-height:149px;padding:13px;transition:border-color .2s,background .2s;display:flex;position:relative}.library-mix-card:hover,.library-song-row:hover{background:#10313aaa;border-color:#45e9dc}.library-art{color:#59fff0;background:radial-gradient(circle at 72% 20%,#17c6ca,#052731 55%,#040e18);border:1px solid #194a59;border-radius:7px;flex:none;place-items:center;width:52px;height:52px;font-size:25px;display:grid;overflow:hidden}.library-art-mixes{background:radial-gradient(circle at 75% 30%,#ff762e,#401b27 45%,#070c17 76%)}.library-art-playlists{background:radial-gradient(circle at 70% 27%,#8a5cff,#251359 55%,#090b1c)}.library-art-guides{background:radial-gradient(circle at 70% 27%,#43f1bd,#164b55 55%,#08111b)}.library-art.large{border-radius:10px;width:124px;height:124px;font-size:42px}.library-art img{object-fit:cover;width:100%;height:100%;display:block}.library-item-copy{gap:8px;min-width:0;display:grid}.library-item-copy strong{color:#f4f8fb;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.library-item-copy small{color:#9daebd;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.library-view-link{color:#66fff2;white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:inline-flex}.library-view-link svg,.library-view-all svg,.library-empty-state svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:20px}.library-mix-card .library-view-link{position:absolute;bottom:16px;right:22px}.library-song-list{border:1px solid #1a4d5b;border-radius:9px;overflow:hidden}.library-song-row{border-bottom:1px solid #20434e;align-items:center;gap:25px;min-height:52px;margin:0 7px;padding:4px 6px;transition:background .2s;display:flex}.library-song-row:last-child{border-bottom:0}.library-song-main{flex:1;align-items:center;gap:23px;min-width:0;display:flex}.library-song-main .library-art{border-radius:6px;width:51px;height:40px;font-size:20px}.library-song-main .library-item-copy{gap:3px}.library-song-main .library-item-copy strong{font-size:13px}.library-song-main .library-item-copy small{font-size:11px}.library-song-row .library-view-link{font-size:13px}.library-bookmark{color:#5afff0;cursor:pointer;background:0 0;border:0;place-items:center;width:35px;height:36px;display:grid}.library-bookmark svg{fill:currentColor;width:18px;height:22px}.library-bookmark:hover{color:#fff}.library-bookmark:disabled{opacity:.4;cursor:wait}.library-view-all{color:#67fff2;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:10px;padding:2px 0;font-size:13px;display:inline-flex}.library-empty,.library-empty-state p{color:#a8bbc5;margin:11px 0;font-size:14px}.library-empty-state{padding:24px}.library-empty-state a{color:#68fff2;align-items:center;gap:8px;display:inline-flex}.library-error{color:#ff9ba9}.library-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;scroll-margin-top:20px;display:grid}.library-extra-panel{background:#071920b0;border:1px solid #155767;border-radius:12px;padding:24px}.library-extra-panel h2{font:700 15px var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 15px;display:flex}.library-extra-panel>p,.library-history-list small{color:#98aeba;font-size:13px}.library-history-list a{border-top:1px solid #19444e;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.library-history-list a span{gap:4px;display:grid}.library-history-list b{color:#62fff1}.library-preferences form{display:grid}.library-preferences label{border-top:1px solid #19444e;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.library-preferences label span{gap:5px;display:grid}.library-preferences label small{color:#94a9b4;font-size:12px}.library-preferences input{accent-color:#48ebdb;width:19px;height:19px}.library-preferences .library-name-form{margin-bottom:24px}.library-name-form label{border-top:0}.library-preferences .library-name-form input{box-sizing:border-box;color:#e4f2f2;width:100%;min-width:0;height:42px;font:inherit;background:#071920;border:1px solid #29545e;border-radius:6px;padding:10px 12px}.library-name-form p{margin:12px 0 0;font-size:13px}.library-name-success{color:#62fff1}.library-save-settings:disabled{opacity:.6;cursor:wait}.library-save-settings,.library-signout button{color:#d9fffb;cursor:pointer;background:#0b393a;border:1px solid #37daca;border-radius:6px;width:max-content;margin-top:15px;padding:10px 16px;font-size:12px}.library-signout button{color:#b8cbd1;background:0 0;border-color:#526d73}.library-page :focus-visible{outline-offset:3px;outline:2px solid #69fff5}@media (max-width:900px){.library-intro{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.library-profile{max-width:600px;margin-top:0}}@media (max-width:650px){.library-shell{width:calc(100% - 32px);padding-top:26px}.library-greeting>span{font-size:15px}.library-profile{flex-wrap:wrap;gap:12px;padding:14px}.library-profile-avatar{width:50px;height:50px;font-size:15px}.library-settings-link{justify-content:center;width:100%}.library-title-row h1{font-size:31px}.library-tabs{gap:3px}.library-tabs button{gap:5px;padding:0 9px;font-size:12px}.library-tabs button span{min-width:26px;height:26px}.library-tools{grid-template-columns:1fr}.library-section{padding:13px 11px}.library-section-heading h2{font-size:13px}.library-mix-grid{grid-template-columns:1fr}.library-mix-card{gap:12px;min-height:112px}.library-art.large{width:85px;height:85px}.library-mix-card .library-item-copy{align-self:flex-start;padding-top:4px}.library-mix-card .library-item-copy strong{font-size:14px}.library-mix-card .library-item-copy small{font-size:12px}.library-mix-card .library-view-link{font-size:12px;bottom:10px;right:13px}.library-song-row{gap:7px}.library-song-main{gap:8px}.library-song-row .library-view-link{gap:0;font-size:0}.library-song-row .library-view-link svg{width:19px}.library-bookmark{width:23px}.library-extras{grid-template-columns:1fr}}