@font-face{font-family:SaolDisplay;src:url(../../../../outhere-music-css/assets/5f0b005b335b.woff2) format("woff2"),url(../../../../outhere-music-css/assets/903f8656a830.woff) format("woff");font-display:swap;font-weight:400}@font-face{font-family:Everett;src:url(../../../../outhere-music-css/assets/32636bd66a2e.woff2) format("woff2"),url(../../../../outhere-music-css/assets/dc76807e1f32.woff) format("woff");font-display:swap;font-weight:400}@font-face{font-family:Everett;src:url(../../../../outhere-music-css/assets/a9db95e92ad4.woff2) format("woff2"),url(../../../../outhere-music-css/assets/dc826c438347.woff) format("woff");font-display:swap;font-weight:700}:root{--color-paper: #ffffff;--color-ink: #000000;--color-muted: #666666;--color-panel: #e8e8e8;--color-soft: #f5f5f5;--color-red: #d40028;--color-brat: #a3ff12;--color-success: #146b30;--color-placeholder: rgba(0, 0, 0, .45);--color-range-track: rgba(0, 0, 0, .22);--color-table-line: rgba(0, 0, 0, .22);--color-border-subtle: rgba(0, 0, 0, .16);--color-scrim: rgba(0, 0, 0, .78);--color-shadow-soft: rgba(0, 0, 0, .12);--color-shadow-strong: rgba(0, 0, 0, .16);--color-inverse-muted: rgba(255, 255, 255, .78);--color-inverse-soft: rgba(255, 255, 255, .72);--color-inverse-faint: rgba(255, 255, 255, .65);--color-inverse-border: rgba(255, 255, 255, .42);--color-inverse-border-soft: rgba(255, 255, 255, .35);--color-inverse-range-track: rgba(255, 255, 255, .28);--color-inverse-range-track-strong: rgba(255, 255, 255, .3);--color-inverse-surface: rgba(255, 255, 255, .12);--color-inverse-glass: rgba(255, 255, 255, .38);--color-inverse-divider: rgba(255, 255, 255, .5);--color-box-bg: var(--color-ink);--color-box-fg: var(--color-paper);--color-box-muted: rgba(255, 255, 255, .78);--color-box-soft: rgba(255, 255, 255, .12);--color-box-border: rgba(255, 255, 255, .42);--color-box-border-soft: rgba(255, 255, 255, .35);--color-box-range-track: rgba(255, 255, 255, .28);--color-box-range-track-strong: rgba(255, 255, 255, .3);--color-box-hover-bg: var(--color-ink);--color-box-hover-fg: var(--color-paper);--theme-toggle-bg: #ffffff;--theme-toggle-fg: #000000;--theme-gray-5: #010101;--theme-gray-25: #141516;--theme-gray-35: #2d2f31;--theme-gray-40: #404346;--theme-gray-45: #5b5e62;--theme-gray-60: #b9bdc1;--theme-gray-65: #cdd1d5;--theme-gray-70: #dce0e3;--theme-gray-80: #eff2f5;--theme-gray-95: #fcfefe;--theme-animate: .2s;--line: 1px solid var(--color-ink);--radius-card: 8px;--radius-pill: 999px;--space-page: 60px;--space-section: 72px;--font-display: "SaolDisplay", Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;--font-sans: "Everett", Arial, Helvetica, sans-serif;color:var(--color-ink);background:var(--color-paper);color-scheme:light;font-family:var(--font-sans);font-synthesis:none}html[data-theme=dark]{--color-paper: #000000;--color-ink: #ffffff;--color-muted: #a8a8a8;--color-panel: #181818;--color-soft: #0f0f0f;--color-success: #7dff9f;--color-placeholder: rgba(255, 255, 255, .52);--color-range-track: rgba(255, 255, 255, .3);--color-table-line: rgba(255, 255, 255, .28);--color-border-subtle: rgba(255, 255, 255, .24);--color-scrim: rgba(0, 0, 0, .82);--color-shadow-soft: rgba(255, 255, 255, .12);--color-shadow-strong: rgba(255, 255, 255, .16);--color-inverse-muted: rgba(0, 0, 0, .78);--color-inverse-soft: rgba(0, 0, 0, .72);--color-inverse-faint: rgba(0, 0, 0, .65);--color-inverse-border: rgba(0, 0, 0, .42);--color-inverse-border-soft: rgba(0, 0, 0, .35);--color-inverse-range-track: rgba(0, 0, 0, .28);--color-inverse-range-track-strong: rgba(0, 0, 0, .3);--color-inverse-surface: rgba(0, 0, 0, .12);--color-inverse-glass: rgba(0, 0, 0, .38);--color-inverse-divider: rgba(0, 0, 0, .5);--color-box-bg: #404346;--color-box-fg: #ffffff;--color-box-muted: rgba(255, 255, 255, .84);--color-box-soft: rgba(255, 255, 255, .14);--color-box-border: rgba(255, 255, 255, .44);--color-box-border-soft: rgba(255, 255, 255, .36);--color-box-range-track: rgba(255, 255, 255, .32);--color-box-range-track-strong: rgba(255, 255, 255, .34);--color-box-hover-bg: #5b5e62;--color-box-hover-fg: #ffffff;--theme-toggle-bg: #000000;--theme-toggle-fg: #ffffff;color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-padding-bottom:calc(9rem + env(safe-area-inset-bottom,0px));background:var(--color-paper);color:var(--color-ink)}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);line-height:1.18}body.modal-open{overflow:hidden}::selection{background:var(--color-red);color:var(--color-paper)}button,input,select,textarea{font:inherit}button,a,input,select{color:inherit}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}a:hover{color:var(--color-red)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-red);outline-offset:3px}svg{width:1.05rem;height:1.05rem;stroke-width:2}main{width:100%;margin:0}main>section[aria-label]{width:100%}h1,h2,h3,h4,p,ol,ul,dl,figure{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:400;line-height:.92}h3,h4,strong{font-weight:400}p{line-height:1.28}button{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.45rem;border:var(--line);border-radius:var(--radius-pill);padding:.45rem 1.35rem;background:transparent;color:var(--color-ink);cursor:pointer;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}button:hover:not(:disabled),button:focus-visible{background:var(--color-ink);color:var(--color-paper);outline:none}button:disabled{cursor:not-allowed;opacity:.35}button[aria-pressed=true]:not(.auth-panel__theme-toggle),.stats-page__period-btn--active,.stats-page__tab--active,.stats-tabs__button--active,.auth-panel__tab--active{border-color:var(--color-ink)!important;background:var(--color-ink)!important;color:var(--color-paper)!important}.stats-tabs__button--brat-active{border-color:var(--color-ink)!important;background:var(--color-brat)!important;color:var(--color-ink)!important}label{display:grid;gap:.55rem;margin:1rem 0;color:var(--color-ink);font-size:.95rem}input,select,textarea{width:100%;border:var(--line);border-radius:var(--radius-card);padding:.9rem 1rem;background:transparent;color:var(--color-ink);outline:none}select option{background:var(--color-paper);color:var(--color-ink)}input::placeholder{color:var(--color-placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--color-red);box-shadow:inset 0 0 0 1px var(--color-red)}input[type=range]{height:.35rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-red) 0%,var(--color-red) var(--progress, 0%),var(--color-range-track) var(--progress, 0%),var(--color-range-track) 100%)}input[type=range]::-webkit-slider-thumb{width:.85rem;height:.85rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--color-red);cursor:pointer}input[type=range]::-moz-range-thumb{width:.85rem;height:.85rem;border:0;border-radius:50%;background:var(--color-red);cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}header{display:grid;grid-template-columns:minmax(16rem,1fr) auto;gap:1.5rem;align-items:start;width:100%;margin:0;padding:28px var(--space-page) 18px;border:0;border-radius:0;background:var(--color-paper);color:var(--color-ink);box-shadow:none}.app-header__top{display:grid;gap:.25rem}.app-header__brand{display:inline-flex;width:fit-content;color:var(--color-ink);font-family:var(--font-display);font-size:4.8rem;font-weight:400;line-height:.92;text-decoration:none}.app-header__brand:hover,.app-header__brand:focus-visible{color:var(--color-red);outline:none}.app-header__brand+p{margin:0;max-width:18rem;font-size:1.1rem;text-transform:uppercase}.app-main{width:100%;margin:0;padding:0 0 calc(8rem + env(safe-area-inset-bottom,0px))}.skip-link{position:absolute;left:var(--space-page);top:.6rem;z-index:120;transform:translateY(-180%);border:var(--line);border-radius:var(--radius-pill);padding:.55rem 1rem;background:var(--color-paper);color:var(--color-ink);text-decoration:none;text-transform:uppercase;transition:transform .18s ease}.skip-link:focus-visible{transform:translateY(0);outline:none}.app-nav{position:sticky;top:0;z-index:85;display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(.55rem,1.05vw,1.35rem);width:100%;padding:14px var(--space-page);overflow-x:auto;overflow-y:hidden;border-top:var(--line);border-bottom:var(--line);background:var(--color-paper);scrollbar-width:thin;white-space:nowrap}.app-nav a,.app-nav button,.auth-panel__profile-link{flex:0 0 auto;display:inline-flex;min-height:auto;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:0;padding:.25rem 0;background:transparent;color:var(--color-ink);text-decoration:none;text-transform:uppercase}.app-nav a:hover,.app-nav button:hover:not(:disabled),.auth-panel__profile-link:hover{background:transparent;color:var(--color-red);transform:none}.app-nav a.active{color:var(--color-red)}.auth-panel__avatar,.profile-hero__avatar{width:2.25rem;height:2.25rem;border:var(--line);border-radius:50%;object-fit:cover}.auth-panel__avatar--fallback{display:inline-grid;place-items:center;background:var(--color-red);color:var(--color-paper);font-size:.9rem}header .auth-panel{justify-self:end;margin:0}.auth-panel--signed-in{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.auth-panel--signed-in .auth-panel__profile-link{gap:.55rem}.auth-panel--signed-in button{min-width:7.8rem}article,.archive-panel,.add-songs-page,.drive-export-panel,.profile-page,.stats-page,.dashboard-page{width:calc(100% - (var(--space-page) * 2));margin:0 auto var(--space-section);border:0;border-radius:0;padding:var(--space-section) 0 0;background:transparent;color:var(--color-ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}main>section[aria-label=Player]{padding:48px var(--space-page) 18px}main>section[aria-label=Player] .player-card{width:100%;margin-bottom:0}.route-content{width:100%}article>h2,.add-songs-page>h2,.dashboard-page__header h2,.stats-page__hero h2,.profile-hero h2{margin-bottom:1.75rem;font-size:6rem}article>h3,section>h3,.stats-page__header-row h3,.song-modal__section-heading h3{margin-bottom:1rem;font-size:1.8rem;text-transform:uppercase}.eyebrow{margin:0 0 .4rem;color:var(--color-red);font-size:.92rem;text-transform:uppercase}[role=status],[role=alert],.infinite-scroll-status,.stats-page__loading,.stats-page__empty,.stats-loading{margin:1rem 0;border-left:var(--line);padding:.7rem 0 .7rem 1rem;color:var(--color-ink)}[role=alert]{border-color:var(--color-red);color:var(--color-red)}article>ul,article>ol,.ranking-list,.recent-list,.profile-song-list,.snapshots-list{display:grid;gap:0;margin:1.75rem 0;padding:0;list-style:none;border-top:var(--line)}article>ul>li,article>ol>li,.ranking-list__item,.recent-list__item,.snapshot-card,.profile-song-list>*{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;min-width:0;margin:0;padding:1rem 0;border-bottom:var(--line)}article li strong,.ranking-list__info strong,.recent-list__info strong{font-size:1.15rem;text-transform:uppercase}article li small,.ranking-list__info small,.recent-list__info small,.auth-panel__user small{color:var(--color-muted)}.song-list-row,.song-card,.dashboard-song-card,.queue-drawer__item,.player-card,.mini-player{transition:background var(--theme-animate) ease-in-out,color var(--theme-animate) ease-in-out,border-color var(--theme-animate) ease-in-out,box-shadow var(--theme-animate) ease-in-out,transform .18s ease}.player-card{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,1fr);grid-template-rows:minmax(0,1fr) auto;gap:1.5rem;align-items:end;height:34rem;min-height:34rem;max-height:34rem;padding:48px 48px 70px;border:0;border-radius:var(--radius-card);background:var(--color-box-bg);color:var(--color-box-fg);overflow:hidden}.player-card__identity{display:grid;align-self:start;gap:.9rem;min-height:15.6rem}.player-card h2{display:-webkit-box;min-height:10rem;margin:0;overflow:hidden;color:var(--color-box-fg);font-size:5rem;line-height:1;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.player-card__identity p{display:-webkit-box;min-height:2.4rem;margin:0;overflow:hidden;color:var(--color-box-muted);font-size:1.4rem;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:1}.player-card__message[role=status]{display:-webkit-box;grid-column:1;min-height:3.05rem;max-width:48rem;margin:0;overflow:hidden;border:0;padding:0;color:var(--color-box-muted);font-size:1.45rem;line-height:1.05;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.player-actions{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.player-actions button,.player-actions label{border-color:var(--color-box-fg);color:var(--color-box-fg)}.player-actions button:hover:not(:disabled),.player-actions button[aria-pressed=true]{border-color:var(--color-box-fg)!important;background:var(--color-box-fg)!important;color:var(--color-box-bg)!important}.player-actions label{min-width:12rem;margin:0}.player-actions input[type=range]{background:linear-gradient(to right,var(--color-red) 0%,var(--color-red) 70%,var(--color-box-soft) 70%,var(--color-box-soft) 100%)}.player-card__progress-wrap{position:absolute;right:48px;bottom:24px;left:48px;display:grid;grid-template-columns:3.4rem minmax(0,1fr) 3.4rem;gap:.8rem;align-items:center;color:var(--color-box-muted);font-size:.82rem}.player-card__progress{width:100%;height:.35rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-red) 0%,var(--color-red) var(--progress, 0%),var(--color-box-range-track) var(--progress, 0%),var(--color-box-range-track) 100%)}.player-card__progress::-webkit-slider-thumb{width:1rem;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--color-red);cursor:pointer}.player-card__progress::-moz-range-thumb{width:1rem;height:1rem;border:0;border-radius:50%;background:var(--color-red);cursor:pointer}.player-card__shortcuts{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.75rem 0 0;color:var(--color-box-muted);font-size:.82rem;text-transform:uppercase}.player-card__shortcuts kbd{min-width:1.55rem;border:1px solid var(--color-box-border);border-radius:.35rem;padding:.12rem .35rem;background:var(--color-box-soft);color:var(--color-box-fg);font:inherit;text-align:center}.bottom-player-spacer{display:none}.mini-player{position:fixed;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-columns:minmax(18rem,1.05fr) minmax(20rem,1.4fr) minmax(12rem,.8fr);gap:1.5rem;align-items:center;min-height:7.5rem;padding:15px var(--space-page) calc(15px + env(safe-area-inset-bottom,0px));border-top:var(--line);background:var(--color-box-bg);color:var(--color-box-fg)}.mini-player button{border-color:transparent;background:transparent;color:var(--color-box-fg)}.mini-player button:hover:not(:disabled){background:transparent;color:var(--color-red);transform:none}.mini-player__track{display:grid;grid-template-columns:4.4rem minmax(0,1fr) auto;gap:1rem;align-items:center;min-width:0}.mini-player__cover-button,.mini-player__cover{width:4.4rem;height:4.4rem}.mini-player__cover-button{display:grid;place-items:stretch;border:1px solid var(--color-box-border-soft);border-radius:0;padding:0;overflow:hidden}.mini-player__cover,.mini-player__cover img,.mini-player__cover-fallback{display:grid;width:100%;height:100%;place-items:center}.mini-player__cover img{object-fit:cover}.mini-player__cover-fallback{background:var(--color-red);color:var(--color-ink);font-family:var(--font-display);font-size:2rem}.mini-player__meta,.mini-player__meta-button{display:grid;min-width:0;text-align:left}.mini-player__meta-button{justify-content:stretch;padding:0;text-transform:none}.mini-player__meta-button strong,.mini-player__meta-button span,.mini-player__meta strong,.mini-player__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player__meta-button strong{font-size:1rem;text-transform:uppercase}.mini-player__meta-button span{color:var(--color-box-muted)}.mini-player__center{display:grid;gap:.55rem}.mini-player__controls{display:flex;justify-content:center;align-items:center;gap:.55rem}.mini-player__controls button,.mini-player__icon-button,.mini-player__mode-button{width:2.3rem;height:2.3rem;padding:0}.mini-player__play{width:4.6rem!important;height:3.1rem!important;border:var(--line)!important;border-color:var(--color-paper)!important;border-radius:50%!important;background:var(--color-paper)!important;color:var(--color-ink)!important;transform:rotate(-8deg)}.mini-player__play:hover:not(:disabled){background:var(--color-red)!important;color:var(--color-ink)!important}.mini-player__progress{display:grid;grid-template-columns:3.1rem minmax(0,1fr) 3.1rem;gap:.7rem;align-items:center;color:var(--color-box-muted);font-size:.82rem}.mini-player__progress input[type=range],.mini-player__right input[type=range]{background:linear-gradient(to right,var(--color-red) 0%,var(--color-red) var(--progress, 0%),var(--color-box-range-track-strong) var(--progress, 0%),var(--color-box-range-track-strong) 100%)}.mini-player__right{display:grid;grid-template-columns:auto auto minmax(6rem,9rem);gap:.7rem;align-items:center;justify-content:end}.mini-player__mode-button--active{border-radius:50%}.mini-player .mini-player__mode-button,.mini-player .mini-player__mode-button[aria-pressed=false]{border-color:transparent!important;background:transparent!important;color:var(--color-box-fg)!important}.mini-player .mini-player__mode-button:hover:not(:disabled),.mini-player .mini-player__mode-button[aria-pressed=false]:hover:not(:disabled){background:transparent!important;color:var(--color-red)!important}.mini-player .mini-player__mode-button--active[aria-pressed=true]{border-color:transparent!important;background:transparent!important;color:var(--color-red)!important}.player-actions button[aria-busy=true],.mini-player__controls button[aria-busy=true]{opacity:.5;cursor:progress}.dashboard-page{width:100%;margin-bottom:0;padding:var(--space-section) var(--space-page)}.dashboard-page__header{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.dashboard-page__header p:not(.eyebrow){max-width:34rem;font-size:1.25rem}.dashboard-page__actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;align-items:center}.dashboard-page__actions p{margin:0}.dashboard-stats,.habit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 3rem;border-top:var(--line);border-bottom:var(--line)}.dashboard-stats div,.habit-card{display:grid;gap:.65rem;min-width:0;padding:1.5rem;border-right:var(--line);background:var(--color-panel)}.dashboard-stats div:last-child,.habit-card:last-child{border-right:0}.dashboard-stats svg,.habit-card svg{color:var(--color-red)}.dashboard-stats strong{font-family:var(--font-display);font-size:4rem;line-height:.9}.dashboard-stats span,.habit-card__count,.habit-card__label{text-transform:uppercase}.habit-card h3{display:flex;gap:.45rem;align-items:center;margin:0 0 .8rem;font-size:1.25rem}.habit-card__row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-range-track);padding-top:.55rem}.song-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:var(--line);border-bottom:var(--line)}.song-tile{position:relative;display:grid;min-width:0;margin:0;padding:1.55rem;border-right:var(--line);border-radius:0;background:transparent;color:var(--color-ink);box-shadow:none;break-inside:avoid}.song-tile:nth-child(3n){border-right:0}.song-tile__open{position:relative;isolation:isolate;display:grid;gap:1rem;width:100%;min-height:0;border:0;border-radius:0;padding:0;background:transparent;color:var(--color-ink);text-align:left;text-transform:none}.song-tile__open:before{content:"";position:absolute;top:-.85rem;right:-.85rem;bottom:-.85rem;left:-.85rem;z-index:0;border-radius:var(--radius-card);background:var(--color-ink);opacity:0;transition:opacity .18s ease}.song-tile__open>*{position:relative;z-index:1}.song-tile__open:hover:not(:disabled),.song-tile__open:focus-visible{background:transparent;color:var(--color-paper)}.song-tile__open:hover:not(:disabled):before,.song-tile__open:focus-visible:before{opacity:1}.song-tile__media,.song-tile__fallback{position:relative;display:grid;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-card);background:var(--color-panel)}.song-tile__media img,.song-tile__media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}.song-tile__fallback{place-items:center;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-display);font-size:5rem}.song-tile__overlay{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;align-items:start;padding:0;background:transparent;color:var(--color-ink)}.song-tile__overlay strong,.song-tile__overlay small{display:block}.song-tile__overlay strong{font-size:1.65rem;line-height:1.02;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;overflow-wrap:anywhere}.song-tile__overlay small,.song-tile__duration,.song-tile__reason{color:var(--color-ink);font-size:.92rem;line-height:1.22}.song-tile__duration{justify-self:start;white-space:nowrap}.song-tile__reason{margin-top:.45rem;color:var(--color-red)}.song-tile__open:hover:not(:disabled) .song-tile__overlay strong,.song-tile__open:hover:not(:disabled) .song-tile__overlay small,.song-tile__open:hover:not(:disabled) .song-tile__duration,.song-tile__open:focus-visible .song-tile__overlay strong,.song-tile__open:focus-visible .song-tile__overlay small,.song-tile__open:focus-visible .song-tile__duration{color:var(--color-paper)}.song-tile__open:hover:not(:disabled) .song-tile__reason,.song-tile__open:focus-visible .song-tile__reason{color:var(--color-red)}.song-tile__play{justify-self:start;margin-top:1rem;opacity:1;transform:none}.song-tile:hover .song-tile__media img{filter:grayscale(1) contrast(1.12)}.dashboard-song-card__identity{display:grid;gap:.75rem;width:100%;min-width:0;border:0;border-radius:0;padding:0;background:transparent;color:inherit;text-align:left;text-transform:none;cursor:pointer}.dashboard-song-card__identity:hover,.dashboard-song-card__identity:focus-visible{background:transparent;color:var(--color-red);transform:none;outline:none}.dashboard-song-card__text{display:grid;gap:.25rem;min-width:0}.dashboard-song-card__text strong,.dashboard-song-card__text small{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;color:currentColor;opacity:1;visibility:visible}article>div:has(select),article>section{margin:2rem 0}article>div:has(select){display:grid;grid-template-columns:minmax(16rem,1fr) auto;gap:1rem;align-items:end}article>p{max-width:48rem;font-size:1.08rem}article>label:first-of-type{width:min(100%,66rem)}article>label:first-of-type input{min-height:4rem;font-size:1.35rem}article>section{border-top:var(--line);padding-top:2rem}article>section>h3{font-family:var(--font-display);font-size:4rem;line-height:.95;text-transform:none}.song-list-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity duration" "actions actions";gap:.85rem 1.25rem;align-items:center;width:100%;min-width:0;margin:0;padding:1rem 0;border-bottom:var(--line);background:var(--color-paper);color:var(--color-ink);overflow:visible}.song-list-row:hover,.song-list-row:focus-within{background:transparent;color:var(--color-ink)}html[data-theme=dark] .song-list-row:hover,html[data-theme=dark] .song-list-row:focus-within{background:transparent;color:var(--color-ink)}.song-list-row__identity{grid-area:identity;position:relative;z-index:1;display:grid;grid-template-columns:5.9rem minmax(0,1fr);gap:1rem;align-items:center;justify-content:start;width:100%;min-width:0;min-height:5.9rem;border:0;border-radius:var(--radius-card);padding:0;background:transparent;color:var(--color-ink);text-align:left;text-transform:none;cursor:pointer;overflow:visible}.song-list-row:hover .song-list-row__identity,.song-list-row:focus-within .song-list-row__identity{background:var(--color-box-hover-bg);color:var(--color-box-hover-fg)}.song-list-row__identity:hover,.song-list-row__identity:focus-visible{color:var(--color-box-hover-fg);outline:none;transform:none}.song-list-row__identity:hover .song-list-row__title,.song-list-row__identity:focus-visible .song-list-row__title{color:var(--color-red)}.song-list-row__identity:focus-visible{box-shadow:inset 0 0 0 2px var(--color-red)}.song-list-row__art,.song-list-row__art-fallback,.song-list-row__art-image{width:5.9rem;height:5.9rem;min-width:5.9rem;border:var(--line);border-radius:var(--radius-card);overflow:hidden}.song-list-row__art{display:grid;place-items:center;background:var(--color-soft)}.song-list-row__art-image{display:block;object-fit:cover}.song-list-row__art-fallback{display:grid;place-items:center;background:var(--color-ink);color:var(--color-paper);font-size:1.4rem}.song-list-row__text{display:grid;gap:.35rem;min-width:0;max-width:100%;overflow:visible}.song-list-row__title,.song-list-row__artist{display:block;min-width:0;max-width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:normal;color:currentColor;opacity:1;visibility:visible}.song-list-row__title{font-size:1.35rem;line-height:1.12;text-transform:uppercase}.song-list-row__index{color:var(--color-red)}.song-list-row__artist{color:var(--color-muted);font-size:.98rem;line-height:1.2}.song-list-row__duration{grid-area:duration;align-self:start;color:var(--color-muted);white-space:nowrap}.song-list-row:hover .song-list-row__duration,.song-list-row:focus-within .song-list-row__duration{color:var(--color-box-hover-fg)}.song-list-row__actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.55rem;min-width:0}.all-page{position:relative;padding-bottom:calc(13rem + env(safe-area-inset-bottom,0px))}.all-page__header-row{display:flex;gap:1rem;align-items:end;justify-content:space-between}.all-page__controls{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(12rem,18rem);gap:1rem;align-items:end;margin:1.5rem 0 1rem}.all-page__search,.all-page__sort{margin:0}.all-page__summary{margin:1rem 0 1.4rem;color:var(--color-muted);text-transform:uppercase}.all-page__list{display:grid;gap:0;margin:0;padding:0 2.2rem 0 0;list-style:none;border-top:var(--line)}.all-page__fast-scroll{position:fixed;top:calc(7.5rem + 1px);right:.75rem;bottom:calc(8.5rem + env(safe-area-inset-bottom,0px));z-index:82;width:.7rem;border:var(--line);border-color:var(--color-red);border-radius:var(--radius-pill);background:var(--color-paper);touch-action:none}.all-page__fast-scroll-thumb{position:absolute;right:0;left:0;display:block;height:86px;border:0;border-radius:var(--radius-pill);padding:0;background:var(--color-red);cursor:ns-resize;touch-action:none}.all-page__fast-scroll-thumb[data-dragging=true]{background:var(--color-accent);box-shadow:0 0 0 1px var(--color-paper),0 0 0 3px var(--color-accent);outline:none}.all-page__lazy-sentinel{height:1px}.bottom-player-spacer{height:calc(6.5rem + env(safe-area-inset-bottom,0px))}.add-songs-page__local-upload{display:grid;gap:.9rem}.add-songs-page__upload-button,.upload-button{display:inline-flex;width:fit-content;min-height:2.45rem;align-items:center;justify-content:center;gap:.45rem;margin:.75rem 0 1rem;border:1px solid var(--color-red);border-radius:var(--radius-pill);padding:.55rem 1.35rem;background:transparent;color:var(--color-red);cursor:pointer;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.add-songs-page__upload-button svg,.upload-button svg{color:currentColor;stroke:currentColor}.add-songs-page__upload-button:hover,.add-songs-page__upload-button:focus-visible,.upload-button:hover,.upload-button:focus-visible{border-color:var(--color-red);background:var(--color-red);color:var(--color-paper);outline:none}.add-songs-page__upload-help{color:var(--color-muted)}.profile-song-list__identity,.queue-drawer__identity{grid-template-columns:auto minmax(0,1fr)}.add-songs-page__mode-row,.add-songs-page__actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.5rem 0}.add-songs-page__review-toggle{display:inline-flex;width:auto;align-items:center;grid-template-columns:auto 1fr;gap:.7rem;margin:1rem 0 2rem;text-transform:uppercase}.add-songs-page__review-toggle input,.add-song-card__field-toggle input{width:1.1rem;height:1.1rem;padding:0}.add-songs-page textarea{min-height:7rem;resize:vertical}.add-songs-page__drafts{display:grid;gap:1.25rem}.add-song-card{display:grid;gap:1rem;border-top:var(--line);padding:1.25rem 0 0}.add-song-card__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:baseline}.add-song-card__header span{color:var(--color-red);font-family:var(--font-display);font-size:3rem;line-height:.9}.add-song-card__header strong{min-width:0;overflow:hidden;font-size:clamp(1.4rem,3vw,3rem);line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.add-song-card__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}.add-song-card__fields label{margin:0}.add-song-card__field-toggle{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase}.add-song-card input:disabled,.add-song-card textarea:disabled,.add-songs-page__saved-song input:disabled,.add-songs-page__saved-song textarea:disabled{border-color:var(--color-border-subtle);color:var(--color-muted);opacity:.68}.add-songs-page__saved-list{border-top:var(--line)}.add-songs-page__saved-song details{display:grid;gap:1rem}.add-songs-page__saved-song summary{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;cursor:pointer;text-transform:uppercase}.song-modal-backdrop,.queue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1.5rem;background:var(--color-scrim)}.song-modal{position:relative;display:grid;width:min(980px,100%);max-height:min(760px,calc(100dvh - 3rem));overflow-x:hidden;overflow-y:auto;border:var(--line);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink)}.song-modal__body,.song-modal__content{display:grid;gap:1.25rem;padding:2.4rem}.song-modal__content h2{max-width:calc(100% - 3rem);margin:0;font-size:5rem;overflow-wrap:anywhere}.song-modal__artist,.song-modal__album{margin:0;font-size:1.4rem;text-transform:uppercase}.song-modal__close{position:absolute;top:1rem;right:1rem;z-index:4;width:2.7rem;height:2.7rem;padding:0;background:var(--color-paper)}.song-modal__play-button{justify-self:start;background:var(--color-ink);color:var(--color-paper)}.song-modal__actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.song-modal__art-button{display:block;width:100%;min-height:0;border:0;border-radius:var(--radius-card);padding:0;overflow:hidden;background:transparent}.song-modal__art-button:hover:not(:disabled),.song-modal__art-button:focus-visible{background:transparent;color:var(--color-ink)}.song-modal__hero,.song-modal__fallback{display:grid;width:100%;max-width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border-radius:var(--radius-card);background:var(--color-ink)}.song-modal__hero img{width:100%;height:100%;object-fit:contain}.song-modal__fallback{color:var(--color-paper);font-family:var(--font-display);font-size:8rem}.song-modal__genres{display:flex;flex-wrap:wrap;gap:.45rem}.song-modal__genre-tag,.taste-badges span{display:inline-flex;border:var(--line);border-radius:var(--radius-pill);padding:.35rem .75rem;color:var(--color-ink);text-transform:uppercase}.song-modal__lyrics-panel,.song-modal__empty-state,.song-modal__lyrics,.song-modal__table,.song-modal__metadata,.metadata-grid,.placement-card{border-top:var(--line);padding-top:1rem}.song-modal__lyrics-text{max-height:none;overflow:visible;border:0;border-radius:0;padding:0;background:transparent;color:var(--color-ink);white-space:pre-wrap;font-family:var(--font-sans);font-size:1.1rem;line-height:1.35}.song-modal__content--art-hidden .song-modal__lyrics-text{font-size:1.25rem}.song-modal__metadata{margin-top:1rem}.song-modal__metadata summary{cursor:pointer;font-size:1.2rem;text-transform:uppercase}.song-modal__metadata-summary{display:grid;gap:.8rem;margin:1rem 0}.song-modal__table{width:100%;border-collapse:collapse}.song-modal__table th,.song-modal__table td,.metadata-grid div{border-bottom:1px solid var(--color-range-track);padding:.7rem 0;text-align:left;vertical-align:top}.metadata-grid{display:grid;gap:0}.metadata-grid div{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);gap:1rem}.metadata-grid dt{color:var(--color-red);text-transform:uppercase}.metadata-grid dd{min-width:0;margin:0;overflow-wrap:anywhere}.auth-panel,.archive-panel,.drive-export-panel,.profile-page{display:grid;gap:1rem;border-top:var(--line);padding-top:1.25rem}.mode-toggle{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:0}.auth-panel__theme-mode{min-width:max-content}.label-dark,.label-light{display:inline-flex;min-width:2.25rem;align-items:center;justify-content:center;padding:.3rem .45rem;color:var(--color-muted);cursor:pointer;font-size:.68rem;line-height:1;text-align:center;text-transform:uppercase;transition:color var(--theme-animate) ease-in-out}.label-dark{letter-spacing:-.01em}.label-light{letter-spacing:0}.label-dark:hover,.label-light:hover{color:var(--color-red)}html[data-theme=dark] .label-dark{color:var(--color-ink);pointer-events:none}html:not([data-theme=dark]) .label-light{color:var(--color-ink);pointer-events:none}.auth-panel__theme-toggle.toggle-switch{position:relative;display:inline-block;width:48px;min-width:48px;height:28px;min-height:28px;margin:0;overflow:hidden;border:0;border-radius:14px;padding:0;background:var(--theme-gray-40);color:transparent;outline:none;cursor:pointer;transform:none}.auth-panel__theme-toggle.toggle-switch,.auth-panel__theme-toggle.toggle-switch:before,.auth-panel__theme-toggle.toggle-switch:after{transition:all var(--theme-animate) ease-in-out}.auth-panel__theme-toggle.toggle-switch:before{position:absolute;top:4px;left:24px;z-index:2;display:block;width:20px;height:20px;border-radius:12px;background:var(--theme-gray-70);content:""}.auth-panel__theme-toggle.toggle-switch:after{position:absolute;top:14px;right:2px;z-index:3;display:block;width:1px;height:1px;border-radius:.5px;background:var(--theme-gray-40);content:""}.auth-panel__theme-toggle.toggle-switch:hover,.auth-panel__theme-toggle.toggle-switch:hover:after{background:var(--theme-gray-35)}.auth-panel__theme-toggle.toggle-switch:focus-visible,.auth-panel__theme-toggle.toggle-switch:active,.auth-panel__theme-toggle.toggle-switch:active:after{background:var(--theme-gray-25);outline:2px solid var(--color-red);outline-offset:3px}.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]{background:var(--theme-gray-70)!important}.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:before{left:4px;background:var(--theme-gray-35)}.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:after{top:-2px;right:2px;width:32px;height:32px;border-radius:16px;background:var(--theme-gray-70)}.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:hover,.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:hover:after{background:var(--theme-gray-95)!important}.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:focus-visible,.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:active,.auth-panel__theme-toggle.toggle-switch[aria-pressed=true]:active:after{background:var(--theme-gray-65)!important}.noselect{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.auth-panel{grid-template-columns:auto auto minmax(0,1fr);align-items:center;justify-content:end;width:100%;border:0;padding:0}.auth-panel--signed-in{display:flex;align-items:center;justify-content:flex-end;gap:.85rem}.auth-panel__form{display:grid;gap:.75rem}.auth-panel__tabs,.profile-hero__actions,.archive-panel__actions,.drive-export-panel__actions,.stats-tabs,.stats-page__periods,.stats-page__tabs{display:flex;flex-wrap:wrap;gap:.55rem}.auth-panel__google,.drive-export-panel__btn{justify-self:start}.auth-panel__error,.drive-export-panel__error,.archive-panel__result--error,.profile-export-result--error{color:var(--color-red)}.drive-export-panel__success,.archive-panel__result--ok,.profile-export-result--ok{color:var(--color-success)}.profile-hero,.archive-panel__header{display:flex;justify-content:space-between;gap:2rem;align-items:start}.profile-stats,.archive-panel__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--line);border-bottom:var(--line)}.profile-stats div,.archive-panel__stats div{display:grid;gap:.4rem;padding:1.2rem;border-right:var(--line);background:var(--color-panel)}.profile-stats div:last-child,.archive-panel__stats div:last-child{border-right:0}.archive-panel__subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--line);border-bottom:var(--line)}.archive-panel__subgrid div{display:grid;gap:.4rem;padding:1.2rem;border-right:var(--line);background:var(--color-panel)}.archive-panel__subgrid div:last-child{border-right:0}.archive-panel__label{color:var(--color-red);font-size:.78rem;text-transform:uppercase}.archive-panel__value{overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(1.7rem,4vw,3rem);line-height:.95}.archive-panel__description{max-width:58rem;color:var(--color-muted)}.archive-panel__link{width:fit-content}.archive-panel__warning{border:var(--line);border-radius:var(--radius-card);padding:1rem;background:var(--color-soft);color:var(--color-red)}.archive-panel__details{display:grid;gap:.7rem;border:var(--line);border-radius:var(--radius-card);padding:1rem}.archive-panel__details summary{cursor:pointer;text-transform:uppercase}.archive-panel__details pre{max-height:16rem;overflow:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.song-actions{display:grid;gap:.55rem;min-width:0}.song-actions__buttons{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.song-actions__buttons button,.song-actions__playlist-picker button{min-height:2.45rem;font-size:.86rem}.song-actions__playlist-picker{display:grid;gap:.35rem;width:min(100%,28rem);border:var(--line);border-radius:var(--radius-card);padding:.45rem;background:var(--color-paper);color:var(--color-ink);box-shadow:0 16px 28px var(--color-shadow-soft)}.song-actions__playlist-picker p{margin:0;padding:.45rem}.song-actions__playlist-picker button{justify-content:flex-start;border-radius:var(--radius-pill)}.song-actions--tile{margin-top:1rem}.song-actions--modal{position:sticky;top:0;z-index:3;margin-right:-.4rem;margin-left:-.4rem;border-top:var(--line);border-bottom:var(--line);padding:.75rem .4rem;background:var(--color-paper)}.song-actions--modal .song-actions__playlist-picker{width:100%}.song-actions--ranking{flex-basis:100%;width:100%}.profile-song-list{display:grid;gap:1.5rem;width:100%;border-top:var(--line)}.profile-song-list__item{display:grid;gap:.85rem;width:100%;min-width:0;border:0;border-bottom:var(--line);border-radius:0;padding:1.25rem 0;background:transparent;color:var(--color-ink);text-align:left;text-transform:none}.profile-song-list__art,.profile-song-list__fallback{display:grid;width:100%;max-width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border-radius:var(--radius-card);background:var(--color-panel)}.profile-song-list__art img,.profile-song-list__art>img{width:100%;height:100%;object-fit:cover}.profile-song-list__fallback{background:var(--color-ink);color:var(--color-paper);font-family:var(--font-display);font-size:clamp(4rem,14vw,10rem)}.profile-song-list__item>span{font-size:1.25rem;text-transform:uppercase}.queue-backdrop{display:block;z-index:930}.queue-drawer{position:fixed;top:0;right:0;bottom:0;z-index:940;display:grid;grid-template-rows:auto auto 1fr;width:min(460px,100%);border-left:var(--line);background:var(--color-paper);color:var(--color-ink)}.queue-drawer__header,.queue-drawer__actions,.queue-drawer__item{border-bottom:var(--line);padding:1rem}.queue-drawer__header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.queue-drawer__header h2{margin:0;font-family:var(--font-display);font-size:3rem}.queue-drawer__close,.queue-drawer__play,.queue-drawer__remove{width:2.25rem;height:2.25rem;padding:0}.queue-drawer__list{overflow-y:auto}.queue-drawer__item{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.75rem;align-items:start}html[data-theme=dark] .queue-drawer__item{background:var(--color-box-bg);color:var(--color-box-fg)}html[data-theme=dark] .queue-drawer__item:hover{background:var(--color-box-hover-bg);color:var(--color-box-hover-fg)}.queue-drawer__item--current{background:var(--color-panel)}.queue-drawer__empty{padding:2rem 1rem}.queue-drawer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-drawer__body{display:grid;gap:.45rem;min-width:0}.queue-drawer__art{width:4.5rem}.queue-drawer__item .song-actions__playlist-picker{width:100%}.stats-page{display:grid;gap:2rem}.stats-page__hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.5rem;align-items:end;border-bottom:var(--line);padding-bottom:2rem}.stats-page__hero svg{width:2.8rem;height:2.8rem;color:var(--color-red)}.stats-page__hero h2{margin:0}.stats-page__hero p{grid-column:2;max-width:40rem;margin:0;font-size:1.25rem}.stats-page__visuals,.stats-page__content{display:grid;gap:1.25rem}.stats-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--line);border-bottom:var(--line)}.stats-pie-card,.taste-judge-card,.taste-comparison-card,.listening-bar-card,.stats-receipt-controls,.stats-page__snapshots{display:grid;gap:1rem;padding:1.25rem;border-right:var(--line);background:var(--color-panel)}.stats-visual-grid>*:last-child,.stats-pie-card:last-child{border-right:0}.taste-judge-card,.taste-comparison-card,.listening-bar-card,.stats-receipt-controls,.drive-export-panel{border:var(--line);border-radius:var(--radius-card)}.stats-pie-card h3,.taste-judge-card h3,.taste-comparison-card h3,.listening-bar-card h3,.stats-receipt-controls h3{margin:0;font-size:1.6rem;text-transform:uppercase}.stats-pie-card__body{display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:1rem;align-items:center}.stats-pie-card__chart{display:grid;width:14rem;max-width:100%;aspect-ratio:1;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px var(--color-ink)}.stats-pie-card__chart span{width:44%;aspect-ratio:1;border-radius:50%;background:var(--color-panel)}.stats-pie-card__legend{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.stats-pie-card__legend li{display:grid;grid-template-columns:.85rem minmax(0,1fr) auto;gap:.5rem;align-items:center}.stats-pie-card__legend li>span{width:.85rem;height:.85rem;border-radius:50%}.taste-terminal,.taste-verdict,.stats-receipt__paper,.placement-card,.snapshot-card{border:var(--line);border-radius:var(--radius-card);padding:1rem;background:var(--color-paper)}.taste-terminal{min-height:8rem;font-family:Courier New,monospace}.taste-terminal__cursor{display:inline-block;width:.7rem;height:1rem;background:var(--color-ink);animation:blink .9s steps(2,start) infinite}.taste-verdict__style{display:inline-block;margin-bottom:.45rem;text-transform:uppercase}@keyframes blink{to{visibility:hidden}}.taste-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.taste-score-pill{display:grid;gap:.15rem;border-top:var(--line);padding-top:.65rem}.taste-score-pill strong{font-family:var(--font-display);font-size:3rem;line-height:.9}.taste-comparison-bars{display:grid;gap:.85rem}.taste-comparison-bar{display:grid;gap:.45rem}.taste-comparison-bar div{display:flex;justify-content:space-between;gap:1rem}.taste-comparison-bar meter{width:100%;height:.8rem}.taste-comparison-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.listening-bar-chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;min-height:18rem;padding:1.25rem 1rem .85rem;border:var(--line);border-radius:var(--radius-card);background:var(--color-box-bg);color:var(--color-box-fg);box-shadow:10px 10px 0 var(--color-shadow-strong)}.listening-bar-chart__bar{display:grid;grid-template-rows:1fr auto;gap:.4rem;align-items:end;min-width:0;height:100%}.listening-bar-chart__bar span{display:block;width:70%;min-height:.35rem;height:var(--bar-height);justify-self:center;background:var(--color-paper);border-left:1px solid var(--color-inverse-divider);border-right:1px solid var(--color-inverse-divider)}.listening-bar-chart__bar small{overflow:hidden;color:var(--color-paper);font-size:.65rem;text-align:center;text-overflow:ellipsis}.stats-receipt{display:grid;justify-items:center}.stats-receipt__paper{width:min(100%,34rem);background:var(--color-paper);font-family:Courier New,monospace}.stats-receipt--brat .stats-receipt__paper{background:var(--color-brat)}.stats-receipt__paper h3{margin:0;text-align:center;font-size:2rem}.stats-receipt__rule{border-top:1px dashed currentColor;margin:.8rem 0}.stats-receipt__header,.stats-receipt__paper li{display:grid;grid-template-columns:3rem minmax(0,1fr) 4rem;gap:.5rem}.ranking-list__item{display:grid;grid-template-columns:4rem minmax(0,1fr) auto auto;gap:1rem;align-items:center}.ranking-list__position{font-family:var(--font-display);font-size:2.2rem}.ranking-list__count,.rank-change,.recent-list__time,.recent-list__ratio{white-space:nowrap}.rank-change--up{color:var(--color-success)}.rank-change--down{color:var(--color-red)}.recent-list__item{display:grid;grid-template-columns:12rem minmax(0,1fr) auto;gap:1rem}.recent-list__item .song-actions--ranking{grid-column:1 / -1}.load-more-row{display:flex;justify-content:center;margin:2rem 0}.infinite-scroll-sentinel{width:100%;height:2px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){:root{--space-page: 32px;--space-section: 56px}header{grid-template-columns:1fr;align-items:start}.app-nav{justify-content:center}article>h2,.add-songs-page>h2,.dashboard-page__header h2,.stats-page__hero h2,.profile-hero h2{font-size:4.4rem}.player-card{grid-template-columns:1fr}.player-card__message,.player-actions{grid-column:auto;grid-row:auto;justify-content:flex-start}.song-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.song-tile:nth-child(3n){border-right:var(--line)}.song-tile:nth-child(2n){border-right:0}.mini-player{grid-template-columns:minmax(16rem,1fr) minmax(18rem,1.2fr)}.mini-player__right{display:none}}@media (max-width: 860px){:root{--space-page: 18px;--space-section: 42px}header{position:relative;padding-top:18px}.app-header__brand{font-size:3.5rem}.app-nav a,.app-nav button{font-size:.9rem}article,.archive-panel,.add-songs-page,.drive-export-panel,.profile-page,.stats-page,.dashboard-page{width:calc(100% - (var(--space-page) * 2))}article>h2,.add-songs-page>h2,.dashboard-page__header h2,.stats-page__hero h2,.profile-hero h2{font-size:3.1rem}article>section>h3,.queue-drawer__header h2{font-size:2.4rem}.dashboard-page{width:100%}.dashboard-page__header,.profile-hero,.archive-panel__header{display:grid}.dashboard-page__actions{justify-content:flex-start}.dashboard-stats,.add-song-card__fields,.habit-grid,.profile-stats,.archive-panel__stats,.stats-visual-grid,.stats-pie-card__body,.taste-comparison-lists{grid-template-columns:1fr}.dashboard-stats div,.habit-card,.profile-stats div,.archive-panel__stats div,.stats-pie-card,.taste-judge-card,.taste-comparison-card,.stats-receipt-controls{border-right:0;border-bottom:var(--line)}.archive-panel__subgrid{grid-template-columns:1fr}.archive-panel__subgrid div{border-right:0;border-bottom:var(--line)}.archive-panel__subgrid div:last-child{border-bottom:0}.song-tile,.song-tile:nth-child(3n){border-right:var(--line)}.song-tile:nth-child(2n){border-right:0}.song-tile{padding:1rem}.song-tile__overlay{grid-template-columns:1fr}.player-card{height:auto;min-height:31rem;max-height:none;padding:1.5rem 1.25rem 3.4rem}.player-card h2,.song-modal__content h2{font-size:3rem}.player-card h2{min-height:6rem}.player-card__identity{min-height:10.3rem}.player-card__progress-wrap{right:1.25rem;bottom:1.7rem;left:1.25rem}.player-actions,.stats-page__periods,.stats-page__tabs,.stats-tabs{display:grid;grid-template-columns:1fr 1fr}.player-actions label{grid-column:1 / -1}article>div:has(select){grid-template-columns:1fr}.mini-player{grid-template-columns:1fr;gap:.8rem;min-height:11.5rem;padding:.75rem var(--space-page) calc(.75rem + env(safe-area-inset-bottom,0px))}.mini-player__track{grid-template-columns:3.4rem minmax(0,1fr) auto}.mini-player__cover-button,.mini-player__cover{width:3.4rem;height:3.4rem}.mini-player__progress{grid-template-columns:2.6rem minmax(0,1fr) 2.6rem}.ranking-list__item,.recent-list__item{grid-template-columns:1fr}.song-list-row,.queue-drawer__item{grid-template-columns:4rem minmax(0,1fr)}.song-list-row__side-action,.queue-drawer__remove{grid-column:2;justify-self:start}.queue-drawer__art{width:4rem}.listening-bar-chart{grid-template-columns:repeat(12,minmax(0,1fr));min-height:13rem}.stats-page__hero{grid-template-columns:1fr}.stats-page__hero p{grid-column:auto}.app-nav{justify-content:flex-start}.all-page__controls{grid-template-columns:1fr}.song-list-row__identity{grid-template-columns:4.8rem minmax(0,1fr);min-height:4.8rem}.song-list-row__art,.song-list-row__art-fallback,.song-list-row__art-image{width:4.8rem;height:4.8rem;min-width:4.8rem}.song-list-row__title{font-size:1.08rem}.all-page__fast-scroll{right:.35rem;width:.55rem}}@media (max-width: 560px){.app-header__brand{font-size:2.8rem}article>h2,.add-songs-page>h2,.dashboard-page__header h2,.stats-page__hero h2,.profile-hero h2{font-size:2.45rem}.song-masonry,.taste-score-grid,.player-actions,.stats-page__periods,.stats-page__tabs,.stats-tabs{grid-template-columns:1fr}.song-tile,.song-tile:nth-child(2n),.song-tile:nth-child(3n),.song-tile:nth-child(4n){border-right:0;border-bottom:var(--line)}.auth-panel{grid-template-columns:1fr}.auth-panel--signed-in{align-items:flex-start;justify-content:flex-start}.mini-player__controls{gap:.25rem}.mini-player__play{width:3.4rem!important}}.app-banner{width:calc(100% - (var(--space-page) * 2));margin:1rem auto 0;border-left:var(--line);padding:.85rem 0 .85rem 1rem;background:transparent;color:var(--color-ink)}.app-banner--error{border-color:var(--color-red);color:var(--color-red)}.app-banner--status{border-color:var(--color-ink);color:var(--color-ink)}.pagination-bar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;margin:1.4rem 0 2.25rem;padding-top:1rem;border-top:var(--line)}.pagination-bar__pages{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.pagination-bar button{min-width:2.4rem;min-height:2.25rem;padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:.82rem}.pagination-bar__page--active{border-color:var(--color-ink)!important;background:var(--color-ink)!important;color:var(--color-paper)!important}.pagination-bar__edge{min-width:5.2rem}.toast-notice{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));right:clamp(1rem,2.2vw,2rem);z-index:160;width:fit-content;max-width:min(28rem,calc(100vw - 2rem));margin:0;border:var(--line);border-radius:var(--radius-pill);padding:.58rem .9rem;background:var(--color-paper);color:var(--color-ink);box-shadow:0 .65rem 1.8rem var(--color-shadow-strong);font-size:.82rem;line-height:1.18;text-transform:none;animation:toast-pop .22s ease both}.toast-notice--status:before{content:"♪";display:inline-block;margin-right:.45rem;color:var(--color-red)}@keyframes toast-pop{0%{opacity:0;transform:translateY(-.45rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 560px){.toast-notice{right:1rem;left:1rem;width:auto;max-width:none;border-radius:var(--radius-card)}}article.dashboard-page{width:100%;max-width:none;margin-right:0;margin-left:0;padding-left:var(--space-page);padding-right:clamp(2rem,3vw,4rem)}article.dashboard-page .dashboard-page__header,article.dashboard-page .dashboard-stats,article.dashboard-page .habit-grid,article.dashboard-page .drive-export-panel{max-width:calc(100vw - var(--space-page) - clamp(2rem,3vw,4rem))}article.dashboard-page .song-masonry{display:grid;width:100%;max-width:none;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;justify-items:stretch;border-top:var(--line);border-bottom:var(--line)}article.dashboard-page .song-tile,article.dashboard-page .song-tile--small,article.dashboard-page .song-tile--medium,article.dashboard-page .song-tile--large,article.dashboard-page .song-tile--hero{display:grid;grid-template-rows:auto auto;align-content:start;align-items:start;justify-items:stretch;width:100%;min-width:0;max-width:none;min-height:0;height:auto;margin:0;padding:clamp(.6rem,.7vw,.95rem);border-right:var(--line);border-radius:0;background:transparent}article.dashboard-page .song-tile:nth-child(3n),article.dashboard-page .song-tile:nth-child(4n){border-right:var(--line)}article.dashboard-page .song-tile:nth-child(5n){border-right:0}article.dashboard-page .song-tile__open{display:grid!important;grid-template-columns:minmax(0,1fr);justify-content:stretch!important;justify-items:stretch!important;align-content:start;align-items:start;width:100%!important;min-width:0;max-width:none!important;gap:.55rem;border:0;border-radius:0;padding:0;background:transparent;color:var(--color-ink);text-align:left;text-transform:none}article.dashboard-page .song-tile__open:before{top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem}article.dashboard-page .song-tile__media,article.dashboard-page .song-tile__fallback,article.dashboard-page .song-tile__open>.song-tile__media,article.dashboard-page .song-tile__open>.song-tile__fallback{display:block;width:100%!important;inline-size:100%!important;max-width:none!important;min-width:0!important;aspect-ratio:1 / 1;justify-self:stretch!important;align-self:start;overflow:hidden;border-radius:var(--radius-card)}article.dashboard-page .song-tile__media img,article.dashboard-page .song-tile__media>img,article.dashboard-page .song-tile__open .song-tile__media img{display:block;width:100%!important;inline-size:100%!important;height:100%!important;block-size:100%!important;max-width:none!important;object-fit:cover}article.dashboard-page .song-tile__overlay{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;width:100%;min-width:0;padding:0;background:transparent;color:var(--color-ink)}article.dashboard-page .song-tile__overlay>span:first-child{min-width:0}article.dashboard-page .song-tile__overlay strong{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;text-decoration-thickness:1px;font-size:clamp(1.08rem,1.05vw,1.35rem);line-height:1.03;-webkit-box-orient:vertical;-webkit-line-clamp:3}article.dashboard-page .song-tile__overlay small{overflow-wrap:anywhere;font-size:clamp(.82rem,.78vw,.95rem);line-height:1.1}article.dashboard-page .song-tile__reason{display:-webkit-box;overflow:hidden;margin-top:.25rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}article.dashboard-page .song-tile__duration{justify-self:end;font-size:.84rem;white-space:nowrap}article.dashboard-page .song-actions--tile{width:100%;margin-top:.65rem;align-self:start}article.dashboard-page .song-actions--tile .song-actions__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;width:100%}article.dashboard-page .song-actions--tile .song-actions__buttons button{width:100%;min-width:0;min-height:1.95rem;justify-content:center;gap:.22rem;padding:.28rem .34rem;border-radius:var(--radius-pill);font-size:clamp(.56rem,.56vw,.7rem);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article.dashboard-page .song-actions--tile svg{width:.78rem;height:.78rem;flex:0 0 auto}article.dashboard-page .song-actions--tile .song-actions__playlist-picker{width:100%;margin-top:.35rem}article.dashboard-page .song-actions--tile select{min-height:1.95rem;padding:.32rem .55rem;font-size:.74rem}@media (max-width: 1180px){article.dashboard-page{padding-right:var(--space-page)}article.dashboard-page .song-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}article.dashboard-page .song-tile:nth-child(5n){border-right:var(--line)}article.dashboard-page .song-tile:nth-child(4n){border-right:0}}@media (max-width: 980px){article.dashboard-page .song-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}article.dashboard-page .song-tile:nth-child(4n),article.dashboard-page .song-tile:nth-child(5n){border-right:var(--line)}article.dashboard-page .song-tile:nth-child(3n){border-right:0}}@media (max-width: 760px){article.dashboard-page{padding-right:var(--space-page);padding-left:var(--space-page)}article.dashboard-page .song-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}article.dashboard-page .song-tile:nth-child(3n),article.dashboard-page .song-tile:nth-child(4n),article.dashboard-page .song-tile:nth-child(5n){border-right:var(--line)}article.dashboard-page .song-tile:nth-child(2n){border-right:0}}@media (max-width: 560px){article.dashboard-page .song-masonry{grid-template-columns:1fr}article.dashboard-page .song-tile,article.dashboard-page .song-tile:nth-child(2n),article.dashboard-page .song-tile:nth-child(3n),article.dashboard-page .song-tile:nth-child(4n),article.dashboard-page .song-tile:nth-child(5n){border-right:0;border-bottom:var(--line)}article.dashboard-page .song-actions--tile .song-actions__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}.upload-button{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--color-accent);color:var(--color-paper);border-radius:var(--radius-pill);cursor:pointer;font-size:.82rem;white-space:nowrap;transition:opacity .15s}.upload-button:hover{opacity:.85}.upload-button svg{width:1rem;height:1rem}.static-app-header,.static-app-nav,.static-app-main{width:calc(100% - (var(--space-page) * 2));margin-right:auto;margin-left:auto}.static-app-header{display:grid;gap:.25rem;padding:28px 0 18px}.static-app-brand{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:4.8rem;font-weight:400;line-height:.92}.static-app-brand+p,.static-app-main p{margin:0;max-width:38rem;color:var(--color-muted);font-size:1.1rem;text-transform:uppercase}.static-app-nav{display:flex;gap:clamp(.55rem,1.05vw,1.35rem);padding:14px 0;border-top:var(--line);border-bottom:var(--line)}.static-app-nav a{color:var(--color-ink);text-decoration:none;text-transform:uppercase}.static-app-main{padding:var(--space-section) 0}.static-app-main h1{margin-bottom:1.75rem;font-size:6rem}@media (max-width: 760px){html{scroll-padding-top:calc(4.1rem + env(safe-area-inset-top,0px))}body{overflow-x:hidden;overflow-x:clip}.app-header{grid-template-columns:1fr;gap:1rem;padding:16px var(--space-page) 12px}.app-header__brand{font-size:clamp(2.55rem,15vw,3.5rem);max-width:100%;overflow-wrap:normal}.app-header__brand+p{max-width:18rem;font-size:.92rem;line-height:1.15}header .auth-panel,.auth-panel,.auth-panel--signed-in{width:100%;min-width:0;justify-content:flex-start}.auth-panel--signed-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center}.auth-panel__profile-link{min-width:0;justify-content:flex-start}.auth-panel__user{min-width:0}.auth-panel__user strong,.auth-panel__user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-panel--signed-in button{min-width:0;padding-right:.85rem;padding-left:.85rem}.app-nav{top:env(safe-area-inset-top,0px);z-index:120;justify-content:flex-start;gap:.85rem;max-width:100vw;padding:.72rem var(--space-page);overflow-x:auto;overflow-y:hidden;background:var(--color-paper);scroll-padding-inline:var(--space-page);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.app-nav a,.app-nav button{scroll-snap-align:start;min-width:max-content;font-size:.86rem;line-height:1;white-space:nowrap}main>section[aria-label=Player]{padding:24px var(--space-page) 12px}.player-card{min-height:23rem;padding:1.2rem 1rem 3.2rem}.player-card__identity{min-height:7.4rem}.player-card h2{min-height:4.8rem;font-size:clamp(2.1rem,12vw,3rem);-webkit-line-clamp:2}.player-card__identity p,.player-card__message[role=status]{font-size:1rem}.player-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.player-actions button,.player-actions label{width:100%;min-width:0}.song-list-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity duration" "actions actions";gap:.7rem .75rem;padding:.85rem 0}.song-list-row__identity{grid-area:identity;width:100%;min-width:0;grid-template-columns:clamp(3.7rem,18vw,4.8rem) minmax(0,1fr);gap:.75rem;min-height:clamp(3.7rem,18vw,4.8rem)}.song-list-row__art,.song-list-row__art-fallback,.song-list-row__art-image{width:clamp(3.7rem,18vw,4.8rem);height:clamp(3.7rem,18vw,4.8rem);min-width:clamp(3.7rem,18vw,4.8rem)}.song-list-row__text,.dashboard-song-card__text,.queue-drawer__body{min-width:0}.song-list-row__title,.song-list-row__artist,.dashboard-song-card__text strong,.dashboard-song-card__text small,article.dashboard-page .song-tile__overlay strong,article.dashboard-page .song-tile__overlay small{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.song-list-row__title{font-size:clamp(1rem,4.4vw,1.18rem);line-height:1.1}.song-list-row__artist{font-size:.88rem}.song-list-row__duration{grid-area:duration;align-self:start;padding-top:.2rem;font-size:.86rem}.song-list-row__actions,.song-actions__buttons{width:100%;min-width:0}.song-list-row__actions{grid-area:actions}.song-actions__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.song-actions__buttons button,.song-actions__playlist-picker button{width:100%;min-width:0;padding-right:.45rem;padding-left:.45rem;overflow:hidden;font-size:.74rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.song-actions__buttons svg{flex:0 0 auto;width:.9rem;height:.9rem}.song-actions__playlist-picker{width:100%;max-width:100%}.all-page__list{padding-right:.75rem}.all-page__fast-scroll{top:calc(3.8rem + env(safe-area-inset-top,0px));bottom:calc(10.25rem + env(safe-area-inset-bottom,0px))}.queue-drawer{width:100%;max-width:100dvw;border-left:0}.queue-drawer__item{grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.queue-drawer__identity{min-width:0}.queue-drawer__body{grid-column:1 / -1}.queue-drawer__remove{grid-column:2;grid-row:1}.mini-player{gap:.65rem}.mini-player__track{grid-template-columns:3.15rem minmax(0,1fr) auto;gap:.75rem}.mini-player__cover-button,.mini-player__cover{width:3.15rem;height:3.15rem}.mini-player__controls{justify-content:space-between;gap:.2rem}.mini-player__progress{grid-template-columns:2.35rem minmax(0,1fr) 2.35rem;gap:.45rem}.song-modal-backdrop{padding:0;align-items:stretch}.song-modal{width:100%;max-width:100dvw;max-height:100dvh;border-right:0;border-left:0;border-radius:0}.song-modal__body,.song-modal__content{padding:1.15rem}.song-modal__content h2{max-width:calc(100% - 3.25rem);font-size:clamp(2.25rem,12vw,3.4rem)}.song-modal__actions{gap:.45rem}.metadata-grid div{grid-template-columns:1fr;gap:.35rem}}@media (max-width: 430px){:root{--space-page: 12px;--space-section: 34px}.app-header{padding-top:12px}.auth-panel--signed-in{grid-template-columns:auto minmax(0,1fr)}.auth-panel--signed-in>button{grid-column:1 / -1;justify-self:start}.app-nav{padding-top:.62rem;padding-bottom:.62rem}.app-nav a,.app-nav button{font-size:.78rem}.player-card{min-height:20rem}.player-actions{grid-template-columns:1fr 1fr}.song-actions__buttons,article.dashboard-page .song-actions--tile .song-actions__buttons{grid-template-columns:1fr}.song-list-row{grid-template-columns:1fr;grid-template-areas:"identity" "duration" "actions"}.song-list-row__duration{justify-self:start;padding-top:0}.song-list-row__identity{grid-template-columns:3.45rem minmax(0,1fr);min-height:3.45rem}.song-list-row__art,.song-list-row__art-fallback,.song-list-row__art-image{width:3.45rem;height:3.45rem;min-width:3.45rem}.song-list-row__title{font-size:.98rem}.song-actions__buttons button,.song-actions__playlist-picker button{min-height:2.15rem;font-size:.68rem}.mini-player{min-height:auto;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.mini-player__controls button,.mini-player__icon-button,.mini-player__mode-button{width:2rem;height:2rem}.mini-player__play{width:3.05rem!important;height:2.7rem!important}}