@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand-blue:#007ec3;--spotify-green:#1db954;--spotify-green-hover:#1ed760;--body-bg:#f8f9fa;--footer-bg:#343a40;--nav-bg:#212529;--text-primary:#212529;--text-muted:#6c757d;--separator-line:#212529;--support-link:#3cf73c;--support-link-hover:#7fffd4;--footer-text:#949494;--footer-link-hover:#7fffd4;--border-subtle:#21252926;--hero-pattern:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231db954' fill-opacity='1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--text-primary);background:var(--body-bg);font-family:Barlow,system-ui,-apple-system,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--body-bg:#333;--footer-bg:#191414;--nav-bg:#191414;--text-primary:#f8f9fa;--text-muted:#999;--separator-line:#f8f9fa;--border-subtle:#f8f9fa26}}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--body-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;position:relative}a{color:var(--spotify-green)}a:hover{color:var(--spotify-green-hover)}.app-shell{flex-direction:column;align-items:stretch;width:100%;min-height:100dvh;display:flex}.skip-link{z-index:1000;background:var(--nav-bg);color:#fff;border-radius:.25rem;padding:.5rem 1rem;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--spotify-green);outline-offset:2px;transform:translateY(0)}.auth-error{color:#664d03;background:#fff3cd;border-bottom:1px solid #ffecb5;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.75rem 1.25rem;display:flex}.auth-error p{margin:0}.auth-error-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.auth-error-retry{color:inherit;font-weight:500;text-decoration:underline}.auth-error-retry:hover{color:inherit;opacity:.85}.auth-error-dismiss{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;text-decoration:underline}@media (prefers-color-scheme:dark){.auth-error{color:#fff3cd;background:#664d03;border-bottom-color:#997404}}.preview-pause-fab{bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:200;background:var(--spotify-green);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background-color .2s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.preview-pause-fab:hover{background:var(--spotify-green-hover)}.preview-pause-fab svg{fill:currentColor;width:24px;height:24px}.profile-section{scroll-margin-top:56px;display:flow-root}.spotify,.spotify-button{background:var(--spotify-green);color:#fff;text-transform:uppercase;cursor:pointer;border:0;border-radius:100px;padding:4px 20px;font-size:1.25rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.spotify:hover,.spotify-button:hover{color:#fff;background-color:var(--spotify-green-hover);text-decoration:none}.hero{background-color:var(--brand-blue);background-image:var(--hero-pattern);background-size:10%;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;max-height:none;padding:1em 15px;display:flex}.hero-logo{width:100%;max-width:90vw;height:auto;margin-top:auto}.hero-logo img{max-width:min(100%,345px);height:auto;margin-inline:auto;display:block}.hero .spotify{border:7px solid var(--brand-blue);margin-bottom:auto;padding:8px 40px;font-size:20px}.hero-links{background:var(--brand-blue);gap:1rem;padding:0 7px;display:flex}.hero-links a{color:#fff;font-size:16px;font-weight:400;text-decoration:underline}.hero-links a:hover{color:#fff}.home-privacy{text-align:right;margin:0;padding:0 1.25rem 1.25rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.faq-section{padding:3rem 1.25rem 4rem}.faq-inner{max-width:42rem;margin:0 auto}.faq-list{margin:0}.faq-item+.faq-item{margin-top:1.5rem}.faq-item dt{margin:0 0 .35rem;font-size:1.125rem;font-weight:600}.faq-item dd{margin:0;font-size:1.05rem}.faq-item dd a,.faq-item dd a:hover{color:inherit;text-decoration:underline}.faq-cta{margin-top:1.5rem}.how-to-section{background:var(--nav-bg);color:#fff;padding:3rem 1.25rem}.how-to-section .separator hr{border-top-color:#ffffff59}.how-to-section .separator h1,.how-to-section .separator h2{background-color:var(--nav-bg);outline-color:var(--nav-bg);color:#fff}.how-to-inner{max-width:42rem;margin:0 auto}.how-to-list{margin:0 0 1.5rem;padding-left:1.25rem}.how-to-item{font-size:1.05rem}.how-to-item+.how-to-item{margin-top:.85rem}.about-lede{font-size:1.125rem}.about-lede a{color:inherit;text-decoration:underline}.about-lede a:hover{color:inherit;opacity:.85}.home-privacy a{color:#adb5bd;font-size:.875rem;text-decoration:none}.home-privacy a:hover{color:var(--text-muted);text-decoration:underline}.user-page--fill{flex-direction:column;flex:auto;align-items:stretch;width:100%;min-width:100%;display:flex}.profile-not-found-page{flex-direction:column;flex:auto;align-items:stretch;width:100%;min-height:0;display:flex}.profile-not-found-page .profile-not-found{flex:auto;width:100%}.profile-not-found-page .home-privacy{flex:none;width:100%;margin-top:0}.about-section{padding:3rem 1.25rem}.about-inner{max-width:42rem;margin:0 auto}.about-section p{margin-bottom:1rem}.about-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.spotify-outline{color:var(--text-primary);border:2px solid var(--text-primary);text-transform:uppercase;background:0 0;border-radius:100px;padding:4px 20px;font-size:1.25rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-block}.spotify-outline:hover{color:#fff;background:#000;border-color:#fff;text-decoration:none}.separator{text-align:center;text-transform:uppercase;margin-top:42px}.separator hr{border:0;border-top:2px solid var(--separator-line);height:2px;margin:0;padding:0;display:block}.separator h1,.separator h2{background-color:var(--body-bg);outline:20px solid var(--body-bg);margin:0;font-size:2rem;font-weight:500;display:inline-block;position:relative;top:-24px}.separator h2 em{padding-right:.2em}@media (width<=575.98px){.separator{margin-bottom:37px}.separator h1,.separator h2{outline:0;top:18px}}.profile-nav{z-index:100;background:var(--nav-bg);color:#fff;position:sticky;top:0}.profile-nav-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;max-width:1100px;min-height:56px;margin:0 auto;padding:.5rem 1rem;display:flex}.profile-nav-brand{color:#fff;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:flex}.profile-nav-brand:hover{color:var(--spotify-green)}.profile-nav-avatar{object-fit:cover;border-radius:4px;width:30px;height:30px}.profile-nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.profile-nav-links a{color:#ffffff80;font-size:.95rem;text-decoration:none}.profile-nav-links a:hover{color:var(--spotify-green)}.profile-nav-links a.active{color:#ffffffd9}.profile-nav-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:4px;margin-left:auto;padding:.25rem .5rem;display:none}.profile-nav-menu{display:flex}#top-artist{padding:0}#top-artist,#top-artist h2,#top-artist strong{color:inherit}#top-artist a{color:inherit;text-decoration:none}#top-artist a.hero-artist-link{display:inline-block}.hero-artist-name{white-space:nowrap}#top-artist a:hover{color:inherit;opacity:.9}.hero-artist-container{max-width:1140px;margin:0 auto;padding:0 15px}.hero-artist-row{grid-template-columns:1fr;gap:0;display:grid}.hero-artist-media{padding:0}.hero-artist-button{cursor:pointer;aspect-ratio:1;background:0 0;border:0;width:100%;margin:5px 0 .5rem;padding:0;display:block;overflow:hidden}.hero-artist-button.no-audio,.hero-artist-button:disabled{cursor:default}.hero-artist-button .spotify-image{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%;height:100%}.hero-artist-copy{flex-direction:column;justify-content:center;padding:0 0 1rem;display:flex}.hero-artist-copy h2{margin:0;font-size:2rem;font-weight:500;line-height:1.2}.hero-artist-copy p{margin:.75rem 0 0;font-size:1rem}.hero-mini-preview{vertical-align:middle;cursor:pointer;aspect-ratio:1;background:0 0;border:0;width:27px;height:27px;margin-left:.15rem;padding:0;display:inline-block;overflow:hidden}.hero-mini-preview .spotify-image{border-radius:0;width:27px;height:27px}@media (width>=576px){.hero-artist-row{grid-template-columns:1fr 2fr;align-items:stretch}.hero-artist-media{padding-right:15px}.hero-artist-copy{padding:0 0 1rem 15px}}.artist-grid-section{padding:0 1.25rem 2rem}.artist-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:1rem;display:grid}.artist-grid .preview-card{align-content:start}@media (width>=576px){.artist-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.artist-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=992px){.artist-grid{grid-template-columns:repeat(5,1fr)}}.scroll-section{padding:0 0 2rem;overflow:hidden}.scroll-row-fade{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.25rem calc(100% - 1.25rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.25rem calc(100% - 1.25rem),#0000 100%)}.scroll-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:flex-start;gap:1rem;padding:0 1.25rem .5rem;scroll-padding-left:1.25rem;display:flex;overflow-x:auto}.scroll-row .preview-card{scroll-snap-align:start;flex:none;align-content:start;gap:.5rem;width:calc(50% - .5rem)}.scroll-row .preview-card-button{margin-top:0}@media (width>=576px){.scroll-row .preview-card{width:calc(33.3333% - .666667rem)}}@media (width>=768px){.scroll-row .preview-card{width:calc(25% - .75rem)}}@media (width>=992px){.scroll-row .preview-card{width:calc(16.6667% - .833333rem)}}.preview-card{gap:.5rem;display:grid}.preview-card-button{cursor:pointer;aspect-ratio:1;background:0 0;border:0;border-radius:4px;width:100%;margin:5px 0 0;padding:0;position:relative;overflow:hidden}.preview-card-button:disabled{cursor:default}.preview-card-button.playing .preview-card-image{outline:3px solid var(--spotify-green);outline-offset:2px}.spotify-image,.preview-card-image,.preview-card-placeholder,.track-album img,.hero-mini-preview img{aspect-ratio:1;object-fit:cover;display:block}.preview-card-image,.preview-card-placeholder{background:var(--body-bg);border-radius:4px;width:100%;height:100%}.track-album img{border-radius:2px;width:100%;height:100%}.preview-card-play{color:#fff;text-transform:uppercase;background:#000000b3;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;position:absolute;bottom:.35rem;left:.35rem}.preview-card-meta{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.preview-card-meta .name{color:var(--text-primary);border-bottom:0;font-weight:500;text-decoration:none}.preview-card-meta .name:hover{color:var(--spotify-green)}.preview-card-meta .rank{color:var(--text-muted);flex-shrink:0;padding-top:2px;font-size:.875rem}.track-card-meta{flex-direction:column;align-items:flex-start;gap:0}.track-title{color:var(--text-primary);font-size:1.125rem;font-weight:500;line-height:1.25;text-decoration:none}a.track-title:hover{color:var(--spotify-green)}.track-artist-names{color:var(--text-muted);font-size:1rem;font-weight:400;line-height:1.25}.track-artist-names a{color:inherit;text-decoration:none}.track-artist-names a:hover{color:var(--spotify-green)}.track-list-section{padding:0 0 2rem}.track-list{width:fit-content;max-width:960px;margin:0 auto;padding:0 1.25rem;list-style:none}.track-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:24px 40px auto;grid-template-areas:"play album name";align-items:center;gap:1rem;margin-bottom:8px;padding-bottom:8px;display:grid}.track-row:last-child{border-bottom:0;margin-bottom:0}.track-play{grid-area:play;justify-content:flex-end;justify-self:end;align-items:center;width:24px;height:24px;display:flex;position:relative}.track-rank{text-align:right;width:100%;color:var(--text-muted);font-size:.9rem;line-height:1}.track-play-button{color:var(--text-muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0;display:flex;position:absolute;inset:0;transform:translate(6px)}.track-play-button svg{fill:currentColor;width:22px;height:22px}.track-play-button:hover{color:var(--spotify-green)}.track-play-button.playing{opacity:1;pointer-events:auto;color:var(--spotify-green)}@media (hover:hover){.track-row:hover .track-play-button{opacity:1;pointer-events:auto}.track-row:hover .track-play:has(.track-play-button) .track-rank{opacity:0}}.track-row:has(.track-play-button.playing) .track-rank{opacity:0}.track-album{aspect-ratio:1;border-radius:2px;grid-area:album;width:40px;overflow:hidden}.track-album-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.track-name{flex-direction:column;grid-area:name;align-items:flex-start;gap:0;display:flex}.track-list .track-artist-names{flex-flow:wrap;align-items:flex-start;gap:0;display:flex}.track-card-meta .track-artist-names{flex-direction:column;align-items:flex-start;gap:0;display:flex}.progress-screen{min-height:60vh;padding-bottom:3rem}.progress-screen .container{text-align:center;max-width:480px;margin:0 auto;padding:0 1.25rem}.progress-steps{text-align:left;margin:1.5rem 0;padding:0;list-style:none}.progress-steps li{color:var(--text-muted);padding:.35rem 0 .35rem 1.75rem;position:relative}.progress-steps li:before{content:"☐";position:absolute;left:0}.progress-steps li.done:before{content:"☑";color:var(--spotify-green)}.progress-steps li.done,.progress-steps li.active{color:var(--text-primary)}.progress-bar{background:#0000001a;border-radius:4px;height:1rem;margin:1rem 0;overflow:hidden}.progress-bar-fill{background:var(--spotify-green);background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;height:100%;transition:width .3s;animation:1s linear infinite progress-stripes}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-screen .error{color:#dc3545;font-weight:500}.progress-failed{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1rem;display:flex}.progress-failed .spotify{margin:0}.progress-support{margin:0;font-size:.95rem}.share-section{text-align:center;padding:0 1.25rem 2rem}.share-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin:1rem 0;display:inline-flex}.share-toggle-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.share-toggle-track{background:#adb5bd;border-radius:999px;flex:none;width:2.75rem;height:1.5rem;transition:background-color .2s;position:relative}.share-toggle-thumb{background:#fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .2s;position:absolute;top:.125rem;left:.125rem}.share-toggle-input:checked+.share-toggle-track{background:var(--spotify-green)}.share-toggle-input:checked+.share-toggle-track .share-toggle-thumb{transform:translate(1.25rem)}.share-toggle-input:focus-visible+.share-toggle-track{outline:2px solid var(--spotify-green);outline-offset:2px}.share-toggle-input:disabled+.share-toggle-track{opacity:.6}.share-toggle-label{color:var(--text-primary);font-size:1rem;font-weight:500}.share-error{color:#dc3545;margin:.5rem 0 0;font-size:.95rem}.share-url-block{text-align:left;max-width:36rem;margin:0 auto}.share-url-row{align-items:stretch;display:flex}.share-url-input{border:1px solid var(--border-subtle);min-width:0;color:var(--text-muted);cursor:not-allowed;opacity:.7;background:#e9ecef;border-right:0;border-radius:.375rem 0 0 .375rem;flex:auto;margin:0;padding:.625rem .75rem;font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.4;transition:background-color .2s,border-color .2s,color .2s,opacity .2s}.share-url-block.is-active .share-url-input{color:var(--text-primary);border-color:var(--separator-line);cursor:pointer;opacity:1;background:#fff}.share-url-block:not(.is-active) .share-url-input:focus,.share-url-block:not(.is-active) .share-url-input:focus-visible{box-shadow:none;outline:none}.share-url-block.is-active .share-url-input:focus-visible{outline:2px solid var(--spotify-green);outline-offset:0}.share-copy-button{border:1px solid var(--border-subtle);color:var(--text-muted);text-transform:none;cursor:not-allowed;background:#e9ecef;border-radius:0 .375rem .375rem 0;flex:none;margin:0;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}.share-url-block.is-active .share-copy-button:not(:disabled){background:var(--spotify-green);border-color:var(--spotify-green);color:#fff;cursor:pointer}.share-url-block.is-active .share-copy-button:not(:disabled):hover{background:var(--spotify-green-hover);border-color:var(--spotify-green-hover);color:#fff}.share-copy-button:disabled{opacity:.85}@media (prefers-color-scheme:dark){.share-url-input{background:#2a2a2a}.share-url-block.is-active .share-url-input{background:#1a1a1a}.share-copy-button{background:#2a2a2a}}.fine-print,.tip{color:var(--text-muted);font-size:.95rem}@media (width<=575.98px){.d-none-mobile{display:none}.profile-nav-toggle{min-height:30px;display:block}.profile-nav-inner{justify-content:flex-start;align-items:flex-start;padding-top:.75rem}.profile-nav-brand{align-self:flex-start}.profile-nav-menu{flex-direction:column;align-items:flex-end;width:100%;display:none}.profile-nav-menu.is-open{display:flex}.profile-nav-links{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%}.artist-grid-section{padding:0 .75rem 2rem}.artist-grid{gap:.75rem}.scroll-row{gap:.75rem;padding-left:.75rem;padding-right:.75rem;scroll-padding-left:.75rem}.scroll-row .preview-card{width:calc(50% - .375rem)}.track-list{padding-left:.75rem;padding-right:.75rem}.track-row{gap:.75rem}.share-section,.empty-state,.login-cta{padding-left:.75rem;padding-right:.75rem}}.reauth-banner{background:var(--brand-blue);color:#fff;text-align:center;padding:.75rem 1rem}.reauth-banner-text{color:#fff;margin:0}.reauth-banner-text strong{margin-right:.35em;font-weight:600}.reauth-banner .reauth-link{color:var(--support-link);text-decoration:underline}.reauth-banner .reauth-link:hover{color:var(--support-link-hover)}.profile-footer{text-align:center;margin-top:2rem}.profile-footer-grid{grid-template-columns:1fr;display:grid}@media (width>=576px){.profile-footer-grid--session{grid-template-columns:1fr 1fr}}.profile-footer-support{background:var(--brand-blue);color:#fff;align-content:center;padding:1rem;display:grid}.profile-footer-support .reauth-link{color:var(--support-link);text-decoration:underline}.profile-footer-support .reauth-link:hover{color:var(--support-link-hover)}.profile-footer-support .profile-expiry{color:#fff;margin:0 0 .5rem}.profile-footer-support .profile-expiry-hint,.profile-footer-support .reauth-renewal{color:#fff}.profile-footer-support .profile-expiry-hint{opacity:.95}.profile-footer-support .reauth-renewal{margin:0}.profile-footer-legal{background:var(--footer-bg);color:var(--footer-text);padding:1rem}.profile-footer-legal a{color:var(--footer-text)}.profile-footer-legal a:hover{color:var(--footer-link-hover)}.profile-footer-legal .logout-link{color:#dc3545;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.profile-footer-legal .logout-link:hover{color:#ff6b6b}.logout-error{color:#ff6b6b;margin:.35rem 0 0;font-size:.875rem}.empty-state,.login-cta{text-align:center;max-width:960px;margin:0 auto;padding:2rem 1.25rem}.profile-not-found-hero{background-color:var(--brand-blue);background-image:var(--hero-pattern);color:#fff;text-align:center;background-size:10%;flex-direction:column;flex:none;align-items:center;gap:1.25rem;width:100%;padding:3rem 1.25rem 2.5rem;display:flex}.profile-not-found-logo{display:inline-block}.profile-not-found-logo img{max-width:min(300px,80vw);height:auto;display:block}.profile-not-found .spotify{margin-top:.5rem}.profile-not-found-secondary{color:var(--text-muted);margin:1.25rem 0 0;font-size:.95rem}.dialog-backdrop{border:0;border-radius:8px;max-width:32rem;padding:0}.dialog-backdrop::backdrop{background:#00000080}.dialog-content{color:var(--text-primary);padding:1.25rem}.dialog-content--split{padding:0;position:relative}.dialog-close{z-index:1;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:4px;width:2rem;height:2rem;padding:0;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.dialog-close:hover{color:#fff;opacity:.85}.dialog-panel{padding:1.25rem}.dialog-panel--logged-out{background:var(--spotify-green);color:#fff}.dialog-panel--logged-out h3,.dialog-panel--logged-out p{color:#fff}.dialog-panel:first-child{padding-top:2rem}.dialog-panel+.dialog-panel{border-top:1px solid var(--separator-line)}.dialog-panel h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:500}.dialog-panel p{margin:0}.dialog-steps{text-align:left;width:fit-content;margin:.75rem auto 0;padding-left:1.25rem}.dialog-footer{justify-content:center;padding:0 1.25rem 1.25rem;display:flex}.dialog-actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.dialog-actions .spotify,.dialog-cancel{text-transform:none;border-radius:4px;padding:.5rem 1rem;font-size:.95rem}.dialog-actions button,.dialog-actions a{text-decoration:none}.dialog-cancel{color:#fff;cursor:pointer;background:#6c757d;border:0}.dialog-primary{background:var(--spotify-green);color:#fff}