:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121411;--panel:#1b1e19;--line:#30352c;--text:#eeeee5;--muted:#a0a597;--accent:#d1e7a3}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}main{max-width:1120px;margin:auto;padding:0 40px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:0 0;border-radius:7px;padding:11px 18px;transition:background .15s}button:hover{background:#2b3025}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input{min-width:0;color:var(--text);border:1px solid var(--line);background:#161914;border-radius:6px;padding:10px 12px}input::placeholder{color:#969d8c}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{letter-spacing:.12em;font-size:15px;font-weight:800}.brand-dot{color:var(--accent);margin-left:13px;font-size:10px}.header-note{color:var(--muted);font-size:12px}.intro{justify-content:space-between;align-items:flex-end;gap:20px;padding:53px 0 47px;display:flex}.intro .eyebrow{color:var(--accent);margin-bottom:17px}h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(42px,6vw,68px);font-weight:500;line-height:1.05}h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.refresh{white-space:nowrap;margin-bottom:5px}.refresh span{margin-right:7px;font-size:20px}.now-section{border-top:1px solid var(--line);padding-top:22px}.now-section h2{color:var(--muted);margin-bottom:23px}.now-card{border:1px solid var(--line);background:linear-gradient(110deg,#272f20,#1b1e19);border-radius:12px;align-items:center;gap:37px;padding:28px;display:flex}.artwork{background:#303629;border-radius:5px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.artwork img{object-fit:cover}.artwork>span{color:#b3c597;font-family:Georgia,serif;font-size:30px}.artwork-large{border-radius:6px;width:240px;height:240px;box-shadow:0 10px 35px #0004}.artwork-large>span{font-size:70px}.now-copy{min-width:0}.live{color:var(--accent);align-items:center;gap:9px;font-size:12px;display:flex}.live>span{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.now-copy h3{letter-spacing:-.03em;overflow-wrap:anywhere;margin:17px 0 9px;font-size:clamp(24px,4vw,42px);line-height:1.15}.artist{margin-bottom:9px;font-size:22px}.now-empty{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:27px;padding:32px;display:flex}.now-empty p{margin-bottom:7px;font-size:19px}.record{background:repeating-radial-gradient(circle,#242a20 0 3px,#30372b 4px 5px);border-radius:50%;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid}.record span{border:9px solid var(--accent);background:var(--bg);border-radius:50%;width:24px;height:24px}.history-section{margin-top:45px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading>.muted{font-size:12px}.filters{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}fieldset{border:0;min-width:0;margin:0;padding:0}.presets{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.presets button{color:var(--muted);border-color:#0000;padding:8px 15px;font-size:13px}.presets button[aria-pressed=true]{background:var(--accent);color:#202719}.date-fields{flex-wrap:wrap;align-items:flex-end;gap:13px;display:flex}.date-fields label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:5px;font-size:11px;display:flex}.date-fields input{letter-spacing:normal;min-height:43px;font-size:14px}.primary{background:var(--accent);border-color:var(--accent);color:#202719;min-height:43px;margin-left:auto;font-size:13px;font-weight:600}.primary:hover{background:#e0f2bc}.primary span{margin-left:10px}.filter-note{color:var(--muted);margin-top:14px;font-size:11px}.search-row{justify-content:space-between;align-items:center;gap:20px;margin:25px 0 10px;display:flex}.search{flex:1;align-items:center;gap:9px;max-width:420px;display:flex}.search>span:first-child{color:var(--muted);font-size:27px}.search input{background:0 0;border:0;width:100%;padding-left:4px}.search-row>.muted{text-align:right;font-size:11px}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:17px 0;display:flex}.history-list time{width:97px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.track-info{flex:1;min-width:0}.track-info h3{overflow-wrap:anywhere;font-size:16px;font-weight:500}.track-info p{color:var(--muted);margin-top:3px;font-size:13px}.album{overflow-wrap:anywhere;width:27%;font-size:12px}.mobile-album{display:none}.empty{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);padding:50px 20px}.load-more{text-align:center;padding:28px}.load-more p{margin-top:12px;font-size:11px}.error{color:#efd7b7;background:#2c241b;border:1px solid #8b6541;border-radius:8px;margin-bottom:25px;padding:18px 22px}.error p{margin-top:4px}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.05em;justify-content:space-between;gap:15px;margin-top:65px;padding:25px 0 32px;font-size:10px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spotify-source{float:right;color:var(--accent);letter-spacing:.04em;text-transform:none}.moments-section{border-top:1px solid var(--line);margin-top:45px;padding-top:24px}.profile-block{overflow-wrap:anywhere;margin:24px 0}.profile-block li{margin:12px 0}.music-traits{margin:20px 0}.music-traits summary{cursor:pointer}.music-traits fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;margin:14px 0;padding:12px}.music-traits input{max-width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);padding:8px}.trait-chips{flex-wrap:wrap;gap:6px;display:flex}.trait-chips button{border-radius:20px;padding:7px 12px}.trait-chips [aria-pressed=true]{background:var(--accent);color:var(--bg)}.moments-list{padding:0;list-style:none}.moments-list li,.moment-details{gap:18px;padding:18px 0;display:flex}.moments-list li{border-bottom:1px solid var(--line)}.moment-copy{min-width:0}.moment-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.moment-button{flex-shrink:0;padding:8px 10px;font-size:12px}.now-copy .moment-button{margin-top:14px}.moment-dialog{width:min(540px,100% - 32px);max-height:90dvh;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;overflow:auto}.moment-dialog::backdrop{background:#000a}.moment-dialog label{margin-top:18px;display:block}.moment-dialog textarea{resize:vertical;width:100%;font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:12px}.moment-dialog textarea:focus-visible{outline:2px solid var(--accent)}.moment-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.moment-details h3{overflow-wrap:anywhere}.track-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;max-width:190px;display:flex}.entity-actions{vertical-align:middle;font-size:12px;display:inline-block;position:relative}.entity-actions summary{cursor:pointer;color:var(--muted);border-radius:6px;padding:6px 8px}.entity-actions summary:focus-visible{outline:2px solid var(--accent)}.entity-actions[open]{z-index:2}.entity-options{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:190px;padding:5px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0006}.track-actions .entity-options{left:auto;right:0}.entity-options button{text-align:left;white-space:nowrap;border:0;width:100%;padding:9px;display:block}.library-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.library-filters [aria-pressed=true]{background:var(--accent);color:var(--bg)}.moment-dialog select{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px}.moment-dialog select:focus-visible{outline:2px solid var(--accent)}.info-source{margin:10px 0;text-decoration:underline;display:inline-block}.info-dialog-heading{background:var(--panel);z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:sticky;top:0}.info-dialog-heading button{min-width:44px;min-height:44px;padding:4px 10px;font-size:24px}.info-message{color:var(--accent);padding:14px 0}.music-facts{margin:20px 0}.music-facts>div{border-top:1px solid var(--line);padding:10px 0}.music-facts dt{font-weight:600}.music-facts dd{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0}.music-facts a{text-decoration:underline}.connect-spotify{background:var(--accent);color:#202719;border-radius:7px;margin-top:16px;padding:10px 16px;font-size:13px;font-weight:600;display:table}.playback-message{color:#efd7b7;background:#2c241b;border:1px solid #8b6541;border-radius:8px;margin-bottom:16px;padding:14px 18px}.paused{color:var(--muted)}.paused>span{background:var(--muted)}.playback-progress{max-width:360px;margin-top:20px}.playback-progress progress{width:100%;height:5px;accent-color:var(--accent);display:block}.playback-progress>div{color:var(--muted);justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;display:flex}.time-input{font-variant-numeric:tabular-nums;width:110px}.quick-times{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.quick-times button{color:var(--muted);padding:6px 10px;font-size:13px}.quick-times [aria-pressed=true]{border-color:var(--accent);color:var(--text)}.secondary-action{border:1px solid var(--line);font:inherit;color:var(--muted);border-radius:7px;align-items:center;padding:11px 18px;text-decoration:none;transition:background .15s;display:inline-flex}.secondary-action:hover{color:var(--text);background:#2b3025;text-decoration:none}.entity-options .secondary-action{margin-top:4px;padding:9px;font-size:13px;display:block}.favorite-heart{display:none}.beta-page{overflow-wrap:anywhere;max-width:760px;min-height:100vh;padding:32px 20px 100px}.beta-page section{border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:20px}.beta-page form{gap:12px;margin:16px 0;display:grid}.beta-page label{gap:6px;display:grid}.beta-page input{width:100%;min-width:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.beta-page button{min-height:44px;margin:6px 6px 6px 0;padding:8px 14px}.beta-page .primary-action{color:#182010;background:var(--accent);border-radius:10px;align-items:center;min-height:44px;margin-top:16px;padding:10px 18px;font-weight:700;display:inline-flex}.beta-public-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.beta-public-header .primary-action{margin-top:0}.spotify-ready-banner{border:1px solid var(--accent);background:var(--panel);overflow-wrap:anywhere;border-radius:10px;margin:12px;padding:14px 20px}.spotify-ready-banner a{color:var(--accent);text-decoration:underline}.spotify-approval{border-left:3px solid var(--accent);overflow-wrap:anywhere;margin:12px 0;padding:8px 12px}.spotify-approval ol{padding-left:20px;font-size:13px}.beta-actions [aria-pressed=true]{border-color:var(--accent)}.beta-admin .admin-members{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr))}.beta-admin .spotify-approval li{border:0;padding:3px 0}.spotify-approval p{margin:8px 0}@media (min-width:900px){.spotify-approval ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;display:grid}}.recognition-dialog button,.recognition-result-actions a{min-height:44px}.recognition-controls,.recognition-result-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recognition-controls progress{accent-color:#c5ee85;flex-basis:100%;width:100%}.recognition-privacy{margin:8px 0 0;font-size:.8rem}.recognition-result{overflow-wrap:anywhere;grid-template-columns:64px minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.recognition-result>img,.recognition-result>.artwork{object-fit:cover;border-radius:8px;width:64px;height:64px}.recognition-result p{margin:4px 0}.recognition-result-actions{grid-column:1/-1}.recognition-result-actions a{align-items:center;display:inline-flex}
:root{--bg:#0c110e;--panel:#171e18;--line:#30392c;--text:#f1f3ec;--muted:#a9b0a4;--accent:#c9e891}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 75% 5%,#30402755,transparent 34%),var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:14px}main{max-width:1440px;margin:auto;padding:0 36px}button,input,select,textarea{font-family:inherit}button,.secondary-action{border-radius:10px;min-height:44px}button:hover,.secondary-action:hover{border-color:#899a68}button:disabled{cursor:default;opacity:.48}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{z-index:40;background:var(--accent);color:var(--bg);border-radius:8px;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}.masthead{gap:22px;padding:12px 0}.brand{letter-spacing:-.04em;flex-shrink:0;align-items:center;gap:3px;font-size:19px;display:flex}.brand img{object-fit:contain;width:66px;height:66px}.brand:hover{text-decoration:none}.main-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.main-nav a{min-height:44px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;padding:10px 14px;font-size:13px;display:flex}.main-nav a:hover{color:var(--text);background:#ffffff07;text-decoration:none}.header-account{align-items:center;gap:10px;display:flex}.refresh{color:var(--accent);border-color:#98ac69;margin:0;padding:8px 14px;font-size:13px}.account-link{align-items:center;gap:8px;min-height:44px;padding:5px;font-size:12px;display:flex}.account-avatar{background:#47514c;border:1px solid #606b61;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.account-link>span:last-child{display:none}.intro{align-items:center;gap:30px;min-height:275px;padding:28px 22px;position:relative}.intro>div:first-child{flex:1;min-width:0}.intro .eyebrow{letter-spacing:.13em;color:var(--muted);margin:0 0 9px;font-size:11px;display:block}h1{letter-spacing:-.045em;margin-bottom:17px;font-size:clamp(36px,3.4vw,53px);font-weight:700;line-height:1.05}h1 em{color:var(--accent);font-family:Georgia,serif;font-style:italic;font-weight:500}.intro .muted{max-width:535px;font-size:16px;line-height:1.5}.hero-brand{background:radial-gradient(#34482466,#0000 70%);flex:0 0 43%;justify-content:center;align-items:center;gap:8px;height:245px;display:flex;position:relative}.hero-brand img{object-fit:contain;filter:drop-shadow(0 14px 20px #0008);width:340px;height:340px;transform:none}.hero-brand>span:last-child{max-width:95px;color:var(--muted);font-size:12px;line-height:1.8}.hero-handwriting{color:#b6c59e;max-width:95px;font:italic 21px/1.4 Georgia,serif}.playback-grid,.collection-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:stretch;gap:18px;margin-bottom:20px;display:grid}.playback-grid>*,.collection-grid>*{min-width:0}.now-section,.recent-section,.moments-section,.history-section{border:1px solid var(--line);background:linear-gradient(125deg,#1d281ba6,#121914d9);border-radius:20px;margin-top:0;padding:20px;box-shadow:inset 0 1px #d3eda909,0 12px 32px #0002}.now-section h2,.recent-section h2,.section-heading h2,.music-profile h2,#advisor-heading{color:var(--text);letter-spacing:-.02em;text-transform:none;font-size:17px;font-weight:600;line-height:1.5}.now-section h2,.recent-section h2{margin-bottom:15px}.spotify-source{letter-spacing:0;color:var(--accent);margin-left:12px;font-size:11px}.now-card,.now-empty{box-shadow:none;background:0 0;border:0;border-radius:0;gap:20px;padding:0}.now-card{align-items:flex-start}.now-card .artwork-large{border-radius:10px;width:145px;height:145px;box-shadow:0 10px 20px #0005}.now-copy{flex:1;min-width:0}.now-copy h3{margin:6px 0;font-size:23px;line-height:1.2}.now-copy .artist{margin:0 0 5px;font-size:14px}.now-copy>.muted{font-size:12px}.now-copy .live{font-size:10px}.now-copy .artist .entity-actions summary{min-height:26px;padding:2px 6px;font-size:11px}.now-empty p{font-size:18px}.now-empty .muted{font-size:12px}.now-empty .record{width:70px;height:70px}.connect-spotify{background:var(--accent);color:#182014;border-radius:10px;min-height:44px;margin-top:12px;padding:10px 14px;font-size:12px;display:inline-flex}.inline-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.inline-actions button,.inline-actions a{min-height:36px;padding:6px 9px;font-size:11px}.inline-actions .secondary-action{border-color:#0000}.now-copy>.muted:last-child{margin-top:8px}.recent-tracks{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.recent-tracks li{min-width:0}.recent-tracks .artwork{aspect-ratio:1;border-radius:8px;width:100%;height:auto}.recent-tracks h3{overflow-wrap:anywhere;margin:8px 0 4px;font-size:12px;line-height:1.3}.recent-tracks p{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.recent-actions{flex-wrap:wrap;align-items:center;gap:0;margin-top:6px;display:flex}.recent-actions button,.recent-actions summary{min-height:30px;font-size:14px;width:28px!important;min-width:28px!important;padding:0!important}.recent-actions .favorite-button{font-size:20px}.recent-caption{color:var(--muted);margin-top:18px;font:italic 13px/1.7 Georgia,serif}.recent-empty{text-align:center;min-height:165px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.recent-empty>span{color:var(--accent);font-size:35px}.collection-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.section-heading{margin-bottom:10px}.section-intro{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.6}.library-filters{margin-bottom:10px}.library-filters button{padding:7px 12px;font-size:12px}.moments-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 0;display:grid}.moments-list li{border:1px solid var(--line);background:#101710;border-radius:12px;flex-direction:column;align-items:stretch;gap:9px;min-width:0;padding:10px;display:flex}.moments-list .artwork{aspect-ratio:1;border-radius:7px;width:100%;height:auto}.moment-copy{overflow-wrap:anywhere;width:100%}.moment-copy h3{margin-bottom:4px;font-size:15px;line-height:1.3}.moment-copy p{font-size:12px}.moment-copy>.eyebrow{display:none}.moment-copy>.muted{font-size:11px}.moment-actions{gap:6px;margin-top:12px}.moment-actions button,.moment-actions a{min-height:36px;padding:6px 9px;font-size:11px}.moment-note{font:italic 13px/1.6 Georgia,serif}.library-section .moments-list{grid-template-columns:repeat(4,minmax(0,1fr))}.library-section .moment-actions button{min-width:0}.library-section .moment-copy>p.muted{display:none}.advisor-section{background:radial-gradient(at 100% 0,#45513244,#0000 70%),linear-gradient(125deg,#202b1b,#131b15);flex-direction:column;justify-content:center;align-self:start;align-items:flex-start;gap:18px;padding:26px;display:flex}.advisor-section h2:before{content:"✦";color:var(--accent);margin-right:10px}.advisor-section .muted{font-size:15px;line-height:1.8}.advisor-section>button{color:var(--accent);border-color:#8b9e60;margin-top:auto;font-size:12px}.discovery-empty{padding:15px 0;font-size:13px}.history-section{margin:0 0 20px;padding:20px}.history-section .section-heading>.muted{font-size:11px}.filters{background:0 0;border:0;padding:0}.presets{gap:6px;margin:12px 0}.presets button{border:1px solid var(--line);background:#1e261d;min-height:38px;padding:7px 12px;font-size:12px}.date-fields{flex-wrap:wrap;gap:12px}.date-fields input{border-radius:8px;min-height:40px;font-size:14px}.date-fields label{font-size:10px}.date-fields .primary{min-height:40px;padding:8px 14px;font-size:12px}.quick-times{gap:5px;margin-top:10px}.quick-times button{min-height:34px;padding:5px 9px;font-size:11px}.filter-note{margin-top:10px;font-size:11px}.search-row{margin:14px 0 8px;padding:0}.search{border:1px solid var(--line);background:#101710;border-radius:9px;max-width:450px;padding:0 8px}.search input{min-height:40px;font-size:13px}.history-section>p.muted{color:#929e8c;max-width:950px;margin:8px 0;font-size:11px;line-height:1.6}.history-list li{border-bottom:1px solid #30392c80;border-radius:0;grid-template-columns:115px 44px minmax(0,1fr) minmax(90px,20%) 136px;align-items:center;gap:12px;padding:8px 0;display:grid}.history-list li:hover{background:#ffffff03}.history-list time{width:auto;font-size:11px}.history-list .artwork{border-radius:6px;width:44px;height:44px}.history-list .track-info{min-width:0}.history-list h3{font-size:14px;font-weight:600;line-height:1.35}.history-list .album{width:auto;font-size:12px}.history-list .mobile-album{display:none}.history-list .track-info .entity-actions summary{min-height:24px;padding:0;font-size:12px}.track-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:0;max-width:none;display:flex}.track-actions .entity-actions summary{justify-content:center;min-width:44px;min-height:44px;padding:4px;font-size:19px;display:flex}.history-play{width:44px;min-height:44px;color:var(--accent);border-color:#0000;padding:0;font-size:15px}.favorite-control{display:inline-flex;position:relative}.favorite-button{width:44px;min-width:44px;height:44px;color:var(--muted);border-color:#0000;padding:0;font-size:25px;line-height:1}.favorite-button.is-favorite{color:var(--accent);background:#c9e89109}.favorite-error{z-index:8;background:#302719;border:1px solid #796444;border-radius:10px;width:220px;padding:12px;font-size:12px;position:absolute;top:100%;right:0}.entity-actions summary{align-items:center;gap:5px;min-height:36px;display:flex}.entity-options{z-index:15;background:#222a20;border-radius:14px;width:240px;padding:8px}.entity-options button,.entity-options .secondary-action{white-space:normal;min-height:44px}.entity-options button{font-size:12px}.entity-options .secondary-action{padding:9px;font-size:12px}section#moments{margin-bottom:20px}section#moments .moments-list{grid-template-columns:repeat(4,minmax(0,1fr))}section#moments .moments-list .artwork{aspect-ratio:1.4;max-height:170px}.music-profile{margin:0 0 20px}.music-profile>.muted{font-size:13px}.profile-block{border:1px solid var(--line);background:#101710;border-radius:12px;padding:16px}.profile-block h3{font-size:16px}.profile-block li{font-size:13px}.moment-dialog{background:#192219;border-radius:20px;padding:26px;box-shadow:0 30px 100px #0009}.moment-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080d09c9}.moment-dialog h2{font-size:23px}.moment-dialog textarea{border-radius:10px}.moment-dialog button[type=submit]{background:var(--accent);color:var(--bg)}.app-connections{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.app-install{align-items:center;gap:8px;display:flex}.app-install img{width:120px;height:120px}.app-install h2{letter-spacing:-.025em;font-size:23px}.app-install p{margin:6px 0;font-size:13px}.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:24px;display:grid}.connection-grid h3{margin-bottom:8px;font-size:14px}.connection-grid p{margin-bottom:12px;font-size:12px;line-height:1.7}.connection-grid button,.connection-grid a{font-size:12px}.pwa-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.pwa-controls:empty{display:none}.pwa-controls button{font-size:12px}.pwa-compact{margin:0}.pwa-compact button{max-width:190px;font-size:11px}.mobile-nav{display:none}footer{margin:30px 0 0;padding:24px 0;font-size:10px}@media (min-width:1600px){main{max-width:1520px}.intro{min-height:300px}.hero-brand img{width:380px;height:380px}}@media (max-width:1200px){main{padding:0 24px}.masthead{gap:10px}.main-nav{gap:0}.main-nav a{padding:8px 10px;font-size:12px}.hero-handwriting{display:none}.hero-brand{flex-basis:38%}.hero-brand img{width:300px;height:300px}.hero-brand>span:last-child{display:none}.library-section .moments-list{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-tracks .artwork{max-height:105px}.now-card .artwork-large{width:120px;height:120px}}@media (max-width:900px){.main-nav{order:3;justify-content:center;width:100%}.masthead{flex-wrap:wrap}.header-account{margin-left:auto}.playback-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.intro{min-height:230px;padding:20px 0}.intro .muted{font-size:14px}h1{font-size:38px}.hero-brand{height:200px}.hero-brand img{width:280px;height:280px}.now-card .artwork-large{width:96px;height:96px}.now-copy h3{font-size:20px}.collection-grid{grid-template-columns:1.5fr 1fr}.library-section .moments-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-list li{grid-template-columns:86px 44px minmax(0,1fr) 132px}.history-list .album{display:none}section#moments .moments-list{grid-template-columns:repeat(3,minmax(0,1fr))}.advisor-section{padding:20px}.advisor-section .muted{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.header-spotify{color:var(--muted);white-space:nowrap;font-size:10px}.header-spotify.connected{color:var(--accent)}@media (max-width:1200px){.header-spotify{display:none}}.now-mobile-actions{display:none}.recent-actions .entity-options{left:auto;right:0}@media (min-width:901px){.now-section{position:relative}.now-card{padding-right:154px}.now-primary-actions{width:142px;position:absolute;top:59px;right:20px}.now-primary-actions .inline-actions{flex-direction:column;align-items:stretch;gap:7px;margin:0;display:flex}.now-primary-actions .inline-actions button,.now-primary-actions .inline-actions a{text-align:center;justify-content:center;min-height:36px}.now-copy h3{font-size:21px}.now-copy .artist{font-size:13px}.now-copy{padding-bottom:35px}}.library-section .moments-list .artwork{object-fit:cover;max-height:120px}.library-section .moment-actions{flex-flow:wrap}.library-section .moment-actions button,.library-section .moment-actions a{flex:1;min-height:32px;padding:5px;font-size:10px}.library-section .moment-actions{flex-direction:column;align-items:stretch}.library-section .moment-actions button,.library-section .moment-actions a{flex:none;min-height:36px;font-size:11px}.inline-actions .secondary-action{border:1px solid var(--line);text-align:center;background:#1c251b;justify-content:center;align-items:center;display:inline-flex}.now-copy{padding-bottom:0}.now-card .artwork-large{width:116px;height:116px}.now-card{gap:15px}.now-section{align-self:start}.now-empty{min-height:90px}.recent-empty{min-height:95px}@media (min-width:901px){.now-card{min-height:116px}.now-primary-actions .inline-actions{gap:5px}.now-primary-actions .inline-actions button,.now-primary-actions .inline-actions a{min-height:34px}}.history-section .section-heading{margin-bottom:4px}.history-section .presets{gap:5px;margin:5px 0}.history-section .presets button{min-height:32px;padding:4px 10px}.filters fieldset{flex-wrap:wrap;align-items:center;gap:5px 14px;display:flex}.filters .presets{width:100%}.date-fields{align-items:center;gap:8px;margin:0}.date-fields label{white-space:nowrap;align-items:center;gap:6px;display:flex}.date-fields .time-input{width:76px}.date-fields input{min-height:32px;padding:5px 8px}.date-fields .primary{min-height:32px;padding:4px 9px}.quick-times{gap:3px;margin:0}.quick-times button{min-height:32px}.search-row{margin:8px 0 3px}.history-help{color:var(--muted);margin:4px 0;font-size:11px}.history-help summary{cursor:pointer;display:inline-block}.history-help p{max-width:700px;margin:6px 0}.history-list{margin-top:6px}.history-list li{padding:5px 0}.history-pagination{justify-content:center;align-items:center;gap:18px;margin-top:14px;display:flex}.history-pagination button{min-height:40px;padding:6px 12px;font-size:12px}.history-pagination span{font-size:12px}.carousel-controls{justify-content:flex-end;gap:7px;margin-top:-42px;margin-bottom:10px;display:flex}.carousel-controls button{width:40px;min-height:40px;padding:0}.moments-list.discoveries-list,section#moments .moments-list.discoveries-list,.library-section .moments-list.discoveries-list{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;margin-top:12px;padding:3px 2px 12px;display:flex;overflow-x:auto}.discoveries-list>li{scroll-snap-align:start;flex:0 0 215px;align-self:stretch}.discoveries-list h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.discoveries-list .moment-note{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0;display:-webkit-box;overflow:hidden}.discoveries-list .moment-actions{flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.discoveries-list .entity-options{max-width:calc(100vw - 28px);position:fixed;inset:auto 24px 80px auto}.discoveries-list .moment-copy>p{overflow-wrap:anywhere}.discoveries-list .entity-actions summary{padding:0 10px;font-size:20px}.carousel-more{min-height:32px;font-size:11px}.compact-discoveries~.carousel-more{margin-top:8px}.library-section .moment-note,.library-section .moment-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.history-section .filters fieldset{display:block}.history-toolbar-primary,.history-toolbar-secondary{align-items:center;gap:8px;min-width:0;margin:5px 0;display:flex}.history-section .history-toolbar-primary .presets{flex-wrap:nowrap;width:auto;margin:0}.history-toolbar-primary>.primary{white-space:nowrap;min-height:32px;padding:4px 10px;font-size:11px}.history-toolbar-secondary .quick-times{flex-wrap:nowrap;flex-shrink:0;order:0;gap:3px;width:auto;display:flex}.history-toolbar-secondary .date-fields{flex-wrap:nowrap;flex-shrink:0;order:1;margin:0;display:flex}.history-toolbar-secondary .search{flex:1;order:2;width:auto;min-width:100px;margin:0}.history-toolbar-secondary .search input{width:100%;min-width:0;height:32px;min-height:32px;padding:4px 7px;font-size:12px}.history-toolbar-secondary .quick-times button{padding:4px 7px;font-size:11px}.history-section .section-heading{align-items:center;position:relative}.history-section .history-help{text-align:right;margin:0 0 0 auto}.history-help[open] p{text-align:left;position:relative}.history-section .filters{margin-bottom:0}.history-play{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (max-width:1100px){.history-toolbar-secondary{flex-wrap:wrap}.history-toolbar-secondary .search{flex-basis:100%}}.history-toolbar-secondary .date-fields label{flex-direction:row;align-items:center;gap:6px}.history-toolbar-secondary .search{flex-direction:row;align-items:center;max-width:none;height:34px;padding:0 8px}.history-toolbar-primary>label{align-items:center;gap:6px;font-size:11px;display:flex}.history-toolbar-primary input[type=date]{height:32px;min-height:32px;padding:4px 8px}.history-toolbar-secondary .search>span:first-child{font-size:18px;line-height:1}.history-toolbar-primary>.primary{flex:none;margin-left:0}.history-toolbar-primary .presets,.history-toolbar-secondary .date-fields{flex:none}.history-section .filters .history-time-fieldset{display:contents}.playback-grid{grid-auto-rows:330px;align-items:stretch}.playback-grid>.now-section,.playback-grid>.recent-section{scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:20px;align-self:stretch;height:100%;min-height:0;padding:20px;overflow:auto}.playback-grid .now-empty{align-items:center;min-height:116px}.playback-grid .now-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.playback-grid .recent-tracks h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;display:-webkit-box;overflow:hidden}.playback-grid .recent-tracks p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playback-grid .entity-options{max-width:calc(100vw - 28px);position:fixed;inset:auto 24px 84px auto}@font-face{font-family:DiaryHand;src:url(/fonts/caveat-latin-ext.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+100-24F}@font-face{font-family:DiaryHand;src:url(/fonts/caveat-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??}.intro{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;min-height:248px;margin:0 0 20px;padding:16px 0;display:grid;overflow:hidden}.intro h1{letter-spacing:-.045em;margin:0 0 15px;font-size:clamp(36px,3.5vw,50px);line-height:1.05}.intro h1 em{font-size:1.08em}.intro .muted{max-width:495px;margin:0;font-size:16px;line-height:1.45}.hero-brand{isolation:isolate;background:radial-gradient(#526c2b26,#0000 68%);flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:110px minmax(170px,1fr) 108px;align-items:center;gap:10px;min-width:0;height:216px;display:grid;position:relative;overflow:hidden}.hero-brand img{object-fit:contain;filter:drop-shadow(0 5px 7px #0005);justify-self:center;width:100%;min-width:0;max-width:260px;height:100%;min-height:0;max-height:100%;transform:none}.hero-note{align-self:center;justify-items:center;gap:3px;min-width:0;padding:8px;display:grid;position:relative;transform:none}.hero-handwriting{color:#c3cbbb;text-align:center;max-width:none;font:400 29px/.95 DiaryHand,Segoe Print,cursive;display:block}.hero-handwriting>span{padding-left:24px}.hero-arrow{width:100%;max-width:104px;height:48px;color:var(--accent);position:static;transform:none}.hero-story{color:#c2c7bc;justify-self:end;font-size:13px;line-height:1.8}.hero-story p{margin:0}.hero-story>span{background:var(--accent);width:34px;height:1px;margin:19px 0;display:block}@media (min-width:1600px){.intro{min-height:248px}}@media (min-width:651px) and (max-width:1100px){.intro{grid-template-columns:1.05fr 1fr;min-height:235px}.intro h1{font-size:36px}.hero-brand{grid-template-columns:75px minmax(140px,1fr);gap:5px}.hero-story{display:none}.hero-handwriting{font-size:25px}.hero-arrow{max-width:75px}.hero-brand img{height:100%}.playback-grid{grid-auto-rows:390px}}dialog[data-dialog-fallback][open]{z-index:100;max-height:85vh;margin:auto;display:block;position:fixed;inset:5vh 12px auto;overflow:auto}.spotify-open{border:1px solid var(--accent);min-height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin:16px 0 0;padding:9px 16px;font-size:13px;text-decoration:none;display:inline-flex}.spotify-open:hover{background:#c9e89112}.music-carousel{--music-card-width:148px;--music-card-height:260px;width:100%;min-width:0}.music-carousel .carousel-controls{gap:6px;margin:8px 0}.music-rail{grid-auto-flow:column;grid-template-rows:repeat(2,var(--music-card-height));grid-auto-columns:var(--music-card-width);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;align-items:start;gap:12px;margin:0;padding:2px 2px 12px;list-style:none;display:grid;overflow-x:auto}.music-rail:empty{display:none}.music-card{width:var(--music-card-width);height:var(--music-card-height);scroll-snap-align:start;border:1px solid var(--line);background:#101710;border-radius:10px;grid-template-rows:130px 1fr;min-width:0;padding:8px;display:grid}.music-card .artwork{aspect-ratio:1;object-fit:cover;border-radius:7px;width:130px;height:130px;display:block}.music-card .moment-copy{grid-template-rows:36px 16px 44px;gap:4px;min-width:0;padding-top:8px;display:grid}.music-card .moment-copy h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin:0;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.music-card .moment-copy>p{white-space:nowrap;text-overflow:ellipsis;height:16px;margin:0;font-size:11px;line-height:16px;overflow:hidden}.music-card-actions{grid-template-columns:repeat(3,40px);align-items:start;gap:4px;margin:0;display:grid}.music-card-actions>.entity-actions{grid-column:3;min-width:0;height:44px;line-height:1}.music-card-actions .history-play,.music-card-actions .favorite-button,.music-card-actions summary{justify-content:center;align-items:center;width:40px;min-width:40px;height:44px;min-height:44px;padding:0;display:inline-flex}.favorite-glyph{display:none}.favorite-button .favorite-heart{vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}.music-card .entity-options{max-width:calc(100vw - 28px);max-height:60vh;position:fixed;inset:auto 24px 80px auto;overflow-y:auto}.music-card .entity-options button,.music-card .entity-options a{text-align:left;width:100%}.music-card .music-card-note{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--line);margin:0 0 8px;padding:8px;font-size:12px;line-height:1.5}.inline-actions .secondary-action,.entity-options .secondary-action{border:1px solid var(--line);background:#22271e}.history-results{min-width:0;scroll-margin-top:24px}.history-results .error{margin:0 0 16px}@media (min-width:901px){.now-card .artwork-large{object-fit:cover;flex-shrink:0;width:160px;height:160px}.now-card{gap:16px}.intro h1{font-size:clamp(34px,3.1vw,46px)}}.action-icon{vertical-align:middle;flex-shrink:0;margin-right:5px;display:inline-block}.inline-actions .secondary-action,.entity-options .secondary-action{background:0 0}@media (min-width:1201px){.recent-tracks .artwork{max-width:90px}.recent-caption{margin-top:8px;font-size:12px;line-height:1.4}}.library-filters .library-tab{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#1b241b;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4}.library-filters .library-tab[aria-pressed=true]{color:var(--accent);background:#253421;border-color:#799254}.library-filters .library-tab:hover,.library-filters .library-tab:focus-visible{border-color:var(--accent);color:var(--accent);background:#30412a}.music-card-actions{align-items:flex-start}.music-card-actions>.entity-actions{height:44px;line-height:1}.dashboard-sidebar{flex-direction:column;gap:18px;min-width:0;display:flex}.dashboard-sidebar .advisor-section{width:100%}.dashboard-sidebar .history-controls{margin:0}@media (max-width:1100px){.collection-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:1101px){.dashboard-sidebar .section-heading{flex-wrap:wrap;gap:6px}.dashboard-sidebar .history-help{text-align:left;margin-left:0}.dashboard-sidebar .history-toolbar-primary{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.dashboard-sidebar .history-toolbar-primary .presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.dashboard-sidebar .history-toolbar-primary>label{justify-content:space-between;min-width:0}.dashboard-sidebar .history-toolbar-primary input{min-width:0;max-width:100%}.dashboard-sidebar .history-toolbar-secondary{flex-direction:column;align-items:stretch;gap:8px;display:flex}.dashboard-sidebar .quick-times{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.dashboard-sidebar .date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-sidebar .date-fields label{justify-content:space-between;min-width:0}.dashboard-sidebar .date-fields .time-input{width:76px;min-width:0}.dashboard-sidebar .history-toolbar-secondary .search{flex:auto;width:100%;min-width:0}}#history-controls .section-heading{flex-wrap:wrap;gap:6px}#history-controls .section-intro{margin-bottom:14px}#history-controls .filters{gap:12px;margin:0;display:grid}#history-controls .filters fieldset{border:0;min-width:0;margin:0;padding:0}#history-controls .history-toolbar-primary,#history-controls .history-toolbar-secondary{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;display:grid}#history-controls .presets,#history-controls .quick-times{background:#293629;border:1px solid #293629;border-radius:12px;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;margin:0;padding:0;display:grid;overflow:hidden}#history-controls .presets button,#history-controls .quick-times button{width:100%;min-width:0;height:44px;min-height:44px;color:var(--muted);white-space:normal;background:#0f1711;border:1px solid #0000;border-radius:0;margin:0;padding:8px 6px;font-size:12px;line-height:1.3}#history-controls :is(.presets,.quick-times)>button:first-child{border-top-left-radius:11px}#history-controls :is(.presets,.quick-times)>button:nth-child(2){border-top-right-radius:11px}#history-controls :is(.presets,.quick-times)>button:nth-child(3){border-bottom-left-radius:11px}#history-controls :is(.presets,.quick-times)>button:nth-child(4){border-bottom-right-radius:11px}#history-controls .presets button[aria-pressed=true],#history-controls .quick-times button[aria-pressed=true]{color:#172015;background:#c9e891;font-weight:600}#history-controls .presets button:hover,#history-controls .quick-times button:hover{color:var(--text);background:#2b3b25;border-color:#829b61}#history-controls .filters :focus-visible{outline:2px solid var(--accent);outline-offset:2px}#history-controls :is(.presets,.quick-times) button:focus-visible{outline-offset:-3px}#history-controls .date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:0;display:grid}#history-controls .date-fields label,#history-controls .history-toolbar-primary>label{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}#history-controls .date-fields .time-input,#history-controls input[type=date]{border:1px solid var(--line);box-sizing:border-box;background:#101810;border-radius:10px;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;padding:8px 10px;font-size:16px}#history-controls .search{border:1px solid var(--line);width:100%;min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--line);background:#101810;border:0;border-radius:10px;align-items:center;margin:0;padding:0 10px;display:flex}#history-controls .search input{width:100%;min-width:0;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:8px 6px;font-size:16px}#history-controls .search:focus-within{outline:2px solid var(--accent);outline-offset:2px}#history-controls .search input:focus{outline:none}#history-controls .history-apply{border:1px solid var(--accent);background:var(--accent);color:#172015;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600}#history-controls .history-apply:hover{background:#d8f2ad}@media (min-width:1101px){.dashboard-sidebar>#history{flex:1;min-height:0;display:flex}.dashboard-sidebar>#history>.history-controls{flex:1;width:100%}}.spotify-sync{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.spotify-sync:has(.sync-summary){background:#b9da7510;border-radius:10px;margin:12px 0;padding:10px 12px}.sync-summary{min-width:160px;color:var(--muted);flex:1}.detail-trigger{min-height:44px;padding:8px 12px;font-size:12px}.detail-dialog{overflow-wrap:anywhere;max-width:520px;font-size:14px;line-height:1.6}.detail-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.detail-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.detail-heading h2{font-size:20px}.detail-heading button{flex:none;min-height:44px}.detail-dialog p+p{margin-top:14px}.sync-items{margin:16px 0 0;padding:0;list-style:none}.sync-items li{border-top:1px solid var(--line);flex-direction:column;align-items:start;gap:8px;padding:12px 0;display:flex}.sync-items button{max-width:100%;min-height:44px}#connections{margin-top:24px;padding-top:24px}#connections .app-install{gap:16px;max-width:720px}#connections .app-install img{flex:none;width:88px;height:88px}#connections .app-install p{max-width:54ch;line-height:1.6}#connections .connection-grid{gap:24px;margin-top:24px}#connections .connection-grid>div{flex-direction:column;align-items:start;min-width:0;display:flex}#connections .connection-grid p{flex:1;margin-bottom:16px}#connections .connection-grid>div>:is(a,button){box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;height:44px;min-height:44px;padding:9px 12px;display:inline-flex}.diary-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:24px;padding:16px 0;font-size:11px;display:flex}.diary-footer>span:first-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diary-footer .detail-trigger{color:var(--text);background:0 0;border-color:#0000}.diary-footer .footer-status{font-size:10px}@media (max-width:650px){#connections .connection-grid{grid-template-columns:1fr;gap:20px}#connections .app-install{align-items:start;gap:10px}#connections .app-install img{width:64px;height:64px}#connections .app-install h2{font-size:19px}.detail-dialog{padding:20px}.diary-footer{flex-direction:column;align-items:start}}
@media (max-width:650px){#home{--mobile-field-height:44px}.header-note{display:none}.intro>.refresh{margin-top:30px;padding:8px 12px;font-size:12px}.intro>.refresh span{display:none}.artist{font-size:20px}.now-empty .muted{font-size:12px}.record{width:67px;height:67px}.section-heading>.muted{display:none}.filters{padding:15px}.primary{width:100%;margin-top:4px}.artwork{width:56px;height:56px}.artwork-large{width:160px;height:160px}.album{display:none}.mobile-album{margin-top:2px;font-size:11px;display:block}.track-info h3{font-size:15px}.track-info p{font-size:12px}.track-actions{width:100%;max-width:none;margin-left:68px}.music-chat-dialog{border-radius:18px 18px 0 0;width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0}main{padding:0 14px calc(82px + env(safe-area-inset-bottom))}.masthead{gap:0;min-height:69px;padding:5px 0}.brand{gap:0;font-size:16px}.brand img{width:48px;height:48px}.main-nav{display:none}.header-account{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:135px}.header-account>.refresh{min-height:38px;padding:5px 8px;font-size:11px}.header-account>.refresh span{margin-right:4px;font-size:16px}.account-link{padding:0}.account-avatar{width:30px;height:30px}.pwa-compact{max-width:80px;position:relative}.pwa-compact button{max-width:95px;min-height:34px;padding:5px;font-size:10px}.intro h1 br{display:initial}.now-section,.recent-section,.moments-section,.history-section{border-radius:17px;padding:16px}.now-section h2,.recent-section h2,.section-heading h2,#advisor-heading,.music-profile h2{font-size:16px}.spotify-source{margin-left:6px;font-size:10px}.now-copy h3{margin:4px 0;font-size:17px}.now-copy .artist{font-size:12px}.now-copy .artist .entity-actions summary{min-height:26px;font-size:10px}.now-copy .live{font-size:9px}.now-copy>.muted{font-size:10px}.inline-actions{gap:3px;margin-top:8px}.inline-actions button,.inline-actions a{min-height:32px;padding:5px 6px;font-size:10px}.now-empty{gap:12px;min-height:110px;padding:22px}.now-empty .record{width:58px;height:58px}.now-empty p{font-size:16px}.recent-tracks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.recent-tracks .artwork{max-height:none}.recent-tracks h3,.recent-tracks p{font-size:10px}.recent-actions{gap:0}.recent-actions .entity-actions{display:none}.recent-caption{margin-top:12px;font-size:12px}.recent-empty{text-align:left;flex-direction:row;min-height:80px}.recent-empty>span{padding:0 10px}.section-intro{font-size:11px}.moments-list li{gap:7px;padding:8px}.moment-copy h3{font-size:12px}.moment-copy p{font-size:11px}.moment-actions button{padding:5px;font-size:10px}.advisor-section{gap:12px}.advisor-section .muted{font-size:13px}.advisor-section>button{width:100%;min-height:44px}.history-section .section-heading>.muted{display:none}.presets{flex-wrap:wrap;gap:4px}.presets button{min-height:38px;padding:6px 9px;font-size:11px}.date-fields input{width:100%;max-width:100%;font-size:16px}.quick-times button{min-height:36px;padding:4px 7px;font-size:11px}.search-row{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.search{width:100%;max-width:100%}.search-row>.muted,.history-section>p.muted{font-size:10px}.history-list .artwork{grid-area:1/1/3;align-self:start;width:40px;height:40px}.history-list .track-info{grid-area:1/2}.history-list time{white-space:normal;grid-area:2/2;width:100%;font-size:9px}.history-list h3{font-size:12px}.history-list .track-info .entity-actions summary{min-height:24px;font-size:10px;line-height:1.3}.history-play{grid-area:1/1/3}.history-list .track-actions>.favorite-control{grid-area:1/2}.history-list .track-actions>.entity-actions{grid-area:2/2}.track-actions .entity-actions summary,.track-actions .favorite-button{width:44px;min-width:44px;height:32px;min-height:32px}.track-actions .entity-actions summary{font-size:16px}.favorite-error{max-width:220px;right:-8px}.entity-options button,.entity-options a{min-height:48px}.moment-dialog{max-height:88dvh;padding:20px}.moment-dialog .moment-actions button{min-height:44px;font-size:12px}section#moments{margin-bottom:14px}section#moments .moments-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}section#moments .moments-list .artwork{aspect-ratio:1;max-height:none}section#moments .moment-note{font-size:12px}.music-profile{margin-bottom:14px}.app-connections{margin-top:24px;padding-top:20px}.app-install{align-items:center;gap:0}.app-install img{flex-shrink:0;width:80px;height:80px}.app-install h2{font-size:18px}.app-install p{font-size:12px}.connection-grid{grid-template-columns:1fr;gap:18px}.connection-grid>div{border-top:1px solid var(--line);padding-top:16px}.mobile-nav a{min-width:60px;min-height:44px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}.mobile-nav a:first-child{color:var(--accent)}.mobile-nav span{font-size:22px}footer{flex-direction:column;gap:8px;margin-top:24px;font-size:9px;display:flex}.history-list .track-actions{flex-wrap:nowrap;grid-area:1/3/3;grid-template-columns:44px 44px;justify-content:flex-end;align-self:center;align-items:center;gap:0;width:120px;min-width:0;margin-left:0;display:flex}.now-mobile-actions .entity-actions summary{min-height:36px;padding:0 8px;font-size:18px}.now-mobile-actions .favorite-button{height:36px;min-height:36px}.header-account .pwa-compact{order:3;justify-content:flex-end;width:100%;max-width:135px}.header-account .pwa-compact button{max-width:135px}.library-section .moments-list{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:44%;grid-auto-flow:column;gap:8px;padding-bottom:8px;overflow-x:auto}.library-section .moments-list>li{scroll-snap-align:start}.library-section .moments-list .artwork{max-height:115px}.history-section{margin-top:34px;margin-bottom:14px;padding:13px}.filters fieldset{gap:6px}.date-fields{flex-wrap:wrap;gap:8px}.date-fields label{flex:1;font-size:10px}.date-fields .primary{width:auto;min-height:44px;font-size:10px}.date-fields .time-input{width:69px}.quick-times{gap:4px;width:100%}.history-section .presets button{padding:4px 7px;font-size:10px}.history-list li{flex-wrap:wrap;grid-template-columns:40px minmax(0,1fr) 120px;gap:2px 8px;padding:5px 0}.history-pagination{gap:9px}.history-pagination button{min-height:44px}.discoveries-list>li{flex-basis:82%;max-width:280px}.carousel-controls{margin-top:0;margin-bottom:0}.now-primary-actions .inline-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.now-mobile-actions{align-items:center;gap:4px;margin-top:4px;display:none}.now-primary-actions{margin-top:10px;display:block;position:static}.now-primary-actions .inline-actions button,.now-primary-actions .inline-actions a{min-height:40px;font-size:10px}.history-list .mobile-album{display:none}.history-toolbar-primary{flex-wrap:wrap}.history-section .history-toolbar-primary .presets{flex-wrap:wrap;gap:4px;width:100%}.history-toolbar-primary>.primary{min-height:40px}.history-toolbar-secondary{flex-direction:column;align-items:stretch;gap:7px}.history-toolbar-secondary .quick-times{flex-wrap:wrap}.history-toolbar-secondary .quick-times button{min-height:38px}.history-toolbar-secondary .date-fields{flex-wrap:nowrap;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;margin:4px 0;display:grid}.history-toolbar-secondary .search input{height:var(--mobile-field-height);min-height:var(--mobile-field-height);font-size:16px}.history-section .section-heading h2{font-size:16px}.history-help summary{font-size:9px}.history-help[open]{max-width:55%}.history-toolbar-secondary .search{width:100%;height:var(--mobile-field-height);box-shadow:inset 0 0 0 1px var(--line);border:0;flex-basis:auto}.intro h1{letter-spacing:-.04em;margin-bottom:13px;font-size:32px;line-height:1.1}.intro .muted{max-width:100%;padding-right:0;font-size:12px;line-height:1.55}.hero-brand{display:none}.playback-grid{grid-auto-rows:auto}html,body,#home{color:#f1f3ec;visibility:visible;opacity:1;filter:none;-webkit-backdrop-filter:none;isolation:auto;contain:none;background:#0c110e;transform:none}#home{min-height:100vh;padding:0 14px calc(76px + env(safe-area-inset-bottom));display:block;overflow:visible}.intro{isolation:auto;filter:none;align-items:flex-start;min-height:0;margin-bottom:10px;padding:22px 0 16px;display:block;overflow:visible;transform:none}.playback-grid,.collection-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-items:start;gap:14px;margin-bottom:14px;display:grid}.playback-grid>.now-section,.playback-grid>.recent-section{height:auto;min-height:0;max-height:none;box-shadow:none;filter:none;isolation:auto;contain:none;background:#171e18;border-radius:17px;align-self:start;padding:16px;overflow:visible;transform:none}.playback-grid .now-empty{min-height:100px}.now-copy{overflow-wrap:anywhere;flex:1;width:auto;min-width:0}.now-card{flex-flow:row;align-items:flex-start;gap:12px;min-height:0;padding:22px;display:flex}.now-card .artwork-large{aspect-ratio:1;width:72px;height:72px;box-shadow:none;filter:none;border-radius:8px;margin:0;transform:none}.mobile-nav{z-index:20;padding:8px 0 calc(8px + env(safe-area-inset-bottom));filter:none;-webkit-backdrop-filter:none;isolation:auto;contain:none;background:#101710;border:0;border-top:1px solid #30392c;border-radius:0;justify-content:space-around;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -2px 8px #00000020}.favorite-button .favorite-glyph{display:none}.favorite-button .favorite-heart{vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}#home .entity-options{z-index:auto;width:100%;min-width:0;max-width:100%;box-shadow:none;filter:none;isolation:auto;background:#222a20;margin:8px 0;padding:8px;position:static;inset:auto;overflow:visible;transform:none}.history-list li:focus-within{overflow:visible}.moment-dialog,.music-chat-dialog{box-shadow:none;filter:none;-webkit-backdrop-filter:none;isolation:auto;contain:none;background:#192219;max-height:85vh;transform:none}dialog::backdrop,.moment-dialog::backdrop{-webkit-backdrop-filter:none;filter:none;background:#080d09cc}dialog:not([open]){pointer-events:none;width:0;height:0;box-shadow:none;position:static;display:none!important}.info-dialog-heading{position:static}.skip-link{clip-path:inset(100%);width:1px;height:1px;position:absolute;top:0;overflow:hidden;transform:none}.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}#home .track-actions .entity-options{width:240px;max-width:calc(100vw - 80px);margin-left:calc(40px + -1*min(240px,100vw - 80px))}.history-list .track-actions .history-play,.history-list .track-actions .favorite-button,.history-list .track-actions summary{justify-content:center;align-items:center;width:40px;min-width:40px;height:44px;min-height:44px;padding:0;display:inline-flex}.history-toolbar-secondary .date-fields label{white-space:nowrap;flex-direction:row;align-items:center;gap:5px;width:100%;min-width:0;font-size:11px;display:flex}.history-toolbar-secondary .date-fields .time-input{width:100%;min-width:0;max-width:100%;height:var(--mobile-field-height);min-height:var(--mobile-field-height);box-sizing:border-box;flex:1;padding:6px 4px;font-size:16px;line-height:1.5}.now-section .spotify-open{justify-content:center;align-items:center;min-height:44px;margin:12px 0;padding:9px 14px;display:inline-flex}}body .music-action.music-action,#home .entity-options.entity-options>:is(button,a){border:1px solid var(--line);min-height:44px;color:var(--text);box-sizing:border-box;background:#22271e;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}body .music-action.music-action:hover,body .music-action.music-action:focus-visible,#home .entity-options.entity-options>:is(button,a):hover,#home .entity-options.entity-options>:is(button,a):focus-visible{color:#d2ef9c;background:#334329;border-color:#a9c778;text-decoration:none}body .music-action.music-action .action-icon{flex:none;width:18px;height:18px;margin:0}body .music-action .favorite-heart{flex:none;width:18px;height:18px;display:inline-block}.favorite-action-control,.favorite-action-control>.music-action{width:100%}body .now-primary-actions .music-action.music-action{padding:9px 6px;font-size:11px}.library-filters button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.library-filters .favorite-heart{flex:none;width:18px;height:18px;display:inline-block}.spotify-reconnect{border:1px solid var(--accent);overflow-wrap:anywhere;background:#222e1d;border-radius:12px;margin:12px 0;padding:14px}.spotify-reconnect p{margin:0 0 8px}.spotify-reconnect a{max-width:100%;margin:0 8px 8px 0}.spotify-reconnect button{min-height:44px}@media (max-width:650px){#home .music-card .entity-options{z-index:120;background:#182017;width:auto;max-width:none;max-height:60vh;position:fixed;inset:auto 14px 80px;overflow-y:auto}.library-filters .library-tab{min-height:44px}}.beta-page{overflow-wrap:anywhere;max-width:1100px;min-height:100dvh;margin:auto;padding:24px 20px 80px}.beta-page h1{margin:24px 0;font-size:clamp(26px,5vw,40px);line-height:1.2}.beta-page h2{font-size:22px}.beta-page h3{font-size:18px}.beta-page section,.admin-members article{border:1px solid var(--line);background:#141c15;border-radius:14px;min-width:0;margin:18px 0;padding:18px}.beta-page input,.beta-page select{box-sizing:border-box;width:100%;max-width:100%;min-height:44px}.beta-page label{margin:10px 0;display:block}.beta-page form{max-width:520px}.beta-page button,.beta-page .primary-action{white-space:normal;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;display:inline-flex}.beta-page .primary-action{background:var(--accent);color:#172015;margin:8px 0}.beta-page p{line-height:1.6}.beta-actions,.service-links{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.service-links a{min-height:44px;color:var(--accent);align-items:center;font-size:13px;display:inline-flex}.beta-services,.admin-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.beta-services .service-card{margin:0}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-summary dd{color:var(--accent);margin:8px 0;font-size:24px}.beta-admin li{border-bottom:1px solid var(--line);padding:12px 0}.beta-admin dd{margin:4px 0 14px}.owner-admin-link{font-size:12px}@media (max-width:760px){.beta-services,.admin-members{grid-template-columns:1fr}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-page{padding:18px 14px 40px}.beta-page section,.admin-members article{padding:14px}.header-account .owner-admin-link{display:none}}#home .entity-options.entity-options>:is(button,a){text-align:left;white-space:normal;grid-template-columns:18px minmax(0,1fr);justify-content:start;align-items:center;gap:8px;width:100%;height:44px;min-height:44px;margin:0;padding:9px 12px;display:grid}#home .entity-options.entity-options>:is(button,a)>svg{grid-column:1;width:18px;height:18px;margin:0}#home .entity-options.entity-options>:is(button,a):not(:has(>svg)):before{content:"";grid-column:1;width:18px;height:18px}#home .entity-options.entity-options>:is(button,a)+:is(button,a){margin-top:4px}.history-results-label{color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:500;line-height:18px}@media (min-width:1101px){.playback-grid{grid-auto-rows:minmax(280px,auto)}.now-section{grid-template-columns:minmax(0,1fr) 168px;align-content:start;align-items:start;gap:10px 18px;display:grid}.now-section>h2{grid-column:1/-1;margin-bottom:0}.now-section>:not(h2):not(.now-primary-actions){grid-column:1}.now-primary-actions{grid-area:2/2/span 3;width:100%;margin:0;position:static}.now-primary-actions .inline-actions{flex-flow:column;gap:6px;margin:0;display:flex}.now-primary-actions .favorite-action-control{width:100%}body .now-primary-actions .music-action.music-action{white-space:normal;width:100%;min-width:0;padding:9px 12px}.now-card{padding-right:0}}.recent-actions{flex-wrap:nowrap;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2px;height:40px;display:grid}.recent-actions>*,.recent-actions .entity-actions{grid-row:1;width:100%;min-width:0;margin:0;display:block}.recent-actions>:is(button,a),.recent-actions>.favorite-control>button,.recent-actions>.entity-actions>summary{justify-content:center;align-items:center;height:40px;min-height:40px;display:flex;width:100%!important;min-width:0!important;padding:0!important}.recent-actions .favorite-action-control{width:100%}#advisor>.music-action{color:#f0c58f;background:#382d20;border-color:#a27847;justify-content:center;width:100%}#advisor>.music-action:hover{color:#ffe0b5;background:#493622;border-color:#c39860}#advisor>.music-action:focus-visible{outline-offset:3px;outline:2px solid #f0c58f}#history-controls .section-heading{flex-wrap:wrap;align-items:flex-start;gap:0 10px;display:flex}#history-controls .section-heading>h2{align-items:center;min-height:44px;margin:0;display:flex}#history-controls .history-help{text-align:left;min-width:0;max-width:100%;margin:0 0 0 auto}#history-controls .history-help summary{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;gap:5px;padding:0 2px;font-size:11px;line-height:1.3;list-style:none;display:flex}#history-controls .history-help summary::-webkit-details-marker{display:none}#history-controls .history-help summary:hover{color:var(--text)}#history-controls .history-help summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}#history-controls .history-help-icon{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:600;display:inline-flex}#history-controls .history-help[open]{flex-basis:100%}#history-controls .history-help p{overflow-wrap:anywhere}.recognition-launcher{min-height:44px;color:var(--accent);border-color:#627943;justify-content:center;align-items:center;gap:7px;display:inline-flex}.recognition-launcher svg{flex-shrink:0}.recognition-launcher--desktop{white-space:nowrap;padding:8px 10px;font-size:12px}.recognition-launcher--discoveries{margin:8px 0 12px}.recognition-dialog{width:min(480px,100vw - 28px);max-height:calc(100dvh - 40px);overflow-y:auto}.recognition-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.recognition-heading h2{margin:0;font-size:20px}.recognition-heading button{flex:0 0 44px;min-height:44px;padding:0;font-size:24px}@media (min-width:651px) and (max-width:1200px){.masthead{flex-wrap:wrap}.header-account{margin-left:auto}}@media (max-width:650px){.recognition-launcher--desktop{display:none}.mobile-nav .recognition-launcher--mobile{background:#26351d;border-color:#526b36;border-radius:10px;flex-direction:column;gap:2px;min-width:60px;min-height:44px;margin:0;padding:2px 5px}.mobile-nav .recognition-launcher--mobile span{font-size:10px}.mobile-nav .recognition-launcher--mobile svg{width:22px;height:22px}}#history-controls{container-type:inline-size}#history-controls .filter-label{color:var(--muted);margin:8px 0 6px;font-size:11px;display:block}#history-controls .custom-time-toggle{min-height:40px;color:var(--muted);text-align:left;background:0 0;border:0;padding:6px 0;font-size:12px}@container (min-width:340px){#history-controls .presets,#history-controls .quick-times{grid-template-rows:44px;grid-template-columns:repeat(4,minmax(0,1fr))}#history-controls :is(.presets,.quick-times)>button:nth-child(n){border-radius:0}#history-controls :is(.presets,.quick-times)>button:first-child{border-radius:11px 0 0 11px}#history-controls :is(.presets,.quick-times)>button:last-child{border-radius:0 11px 11px 0}}#home .entity-options[popover]{z-index:150;background:#222a20;max-width:calc(100vw - 24px);overflow-y:auto;box-shadow:0 8px 24px #0006}.share-dialog{width:min(440px,100vw - 28px);max-height:calc(100dvh - 40px);padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:auto}.share-dialog .moment-details{overflow-wrap:anywhere;margin:18px 0}.share-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-options button,.share-options a{border:1px solid var(--line);min-height:44px;color:var(--text);background:#22271e;border-radius:10px;justify-content:center;align-items:center;padding:10px;font-size:13px;text-decoration:none;display:flex}.share-dialog input{width:100%;min-width:0}.now-spotify-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:16px 0 0;display:flex}.now-section .now-spotify-actions .spotify-open{height:44px;margin:0}.now-spotify-actions .favorite-button{box-sizing:border-box;border:1px solid var(--accent);background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:9px;display:inline-flex}.now-spotify-actions .favorite-button:hover{background:#c9e89112}@media (max-width:650px){.now-spotify-actions{margin:12px 0}}#profile .profile-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;scroll-margin-top:12px;display:flex}#profile.profile-expanded .profile-heading{z-index:4;border-bottom:1px solid var(--line);background:#192219;padding:8px 0;position:sticky;top:8px}#profile .profile-heading h2{margin:0}#profile .profile-close{flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;font-size:18px;display:flex}#profile .profile-close span{font-size:12px}#profile .profile-summary{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}#profile .profile-summary span{background:#222d20;border-radius:8px;padding:6px 10px;font-size:12px}#profile .profile-source-note{margin:12px 0;font-size:12px}#profile .profile-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:20px;display:grid}#profile .profile-groups>section{border-top:1px solid var(--line);min-width:0;padding-top:14px}#profile .profile-groups h3{margin:0 0 10px;font-size:16px}#profile .profile-block{background:0 0;border:0;margin:14px 0;padding:0}#profile .profile-block h4{margin:0 0 6px;font-size:13px}#profile .profile-block ul{margin:0;padding:0;list-style:none}#profile .profile-block li{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:start;gap:8px;min-height:64px;margin:0;padding:10px 0;display:flex}#profile .profile-row-copy{flex:1;min-width:0}#profile .profile-row-copy p{margin:5px 0 0;font-size:12px;line-height:1.5}#profile .profile-row-menu{flex:none}#profile .profile-row-menu summary{justify-content:center;width:44px;height:44px;min-height:44px;padding:0}#profile .profile-empty{margin:0;font-size:12px;line-height:1.5}#profile .profile-trait-counts{flex-wrap:wrap;gap:6px;display:flex}#profile .profile-trait-counts li{border:1px solid var(--line);border-radius:8px;gap:8px;min-height:0;padding:5px 9px;display:inline-flex}#profile .profile-trait-counts span{color:var(--muted)}#profile .profile-moments summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}#profile .profile-confirm{width:min(480px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}#profile .profile-confirm p{overflow-wrap:anywhere;margin:12px 0;line-height:1.6}.music-chat-dialog{width:min(640px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(var(--advisor-height,100dvh) - 24px);top:calc(var(--advisor-top,0px) + 12px);border-radius:18px;margin:0 auto;padding:0;bottom:auto;overflow:hidden}.music-chat-dialog[open]{flex-direction:column;display:flex}.music-chat-dialog .advisor-dialog-heading{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.music-chat-dialog .advisor-dialog-heading h2{margin:0;font-size:21px}.music-chat-dialog .advisor-dialog-heading button{flex:none;width:44px;height:44px;padding:0;font-size:24px}.music-chat-dialog .advisor-body{overscroll-behavior:contain;min-height:0;padding:16px 20px;overflow-y:auto}.music-chat-dialog .advisor-body>p{margin:0 0 12px;font-size:13px;line-height:1.5}.music-chat-dialog .advisor-privacy{font-size:12px}.music-chat-dialog label{margin:14px 0 6px;font-size:13px;display:block}.music-chat-dialog select,.music-chat-dialog textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:16px}.music-chat-dialog select{white-space:normal;height:auto;min-height:44px}.music-chat-dialog .advisor-prepare{white-space:normal;width:100%;min-height:44px;margin-top:12px;position:sticky;bottom:0}.music-chat-dialog .advisor-output-actions{padding:12px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.music-chat-dialog .advisor-output-actions>:first-child{grid-column:1/-1}.music-chat-dialog .advisor-output-actions button{white-space:normal;min-height:44px}.music-chat-dialog .advisor-output-actions a{grid-column:1/-1;justify-content:center;align-items:center;min-height:44px;display:flex}#connections .app-install{border:1px solid var(--line);background:#141c15;border-radius:14px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;max-width:none;padding:18px;display:grid}#connections .app-install img{width:64px;height:64px}#connections .app-install h2{margin:0;font-size:20px}#connections .app-install .pwa-controls{max-width:260px;margin:0}#connections .app-install .pwa-controls button{white-space:normal;min-height:44px}#connections .connection-grid{gap:14px;margin-top:14px}#connections .connection-grid>div{border:1px solid var(--line);background:#141c15;border-radius:14px;padding:18px}#connections .connection-grid>div>:is(button,a){white-space:normal;text-align:center;width:100%;height:auto;min-height:44px}@media (max-width:650px){#profile .profile-groups{grid-template-columns:1fr;gap:14px}#profile .profile-close span{display:none}#profile-content>.music-action{white-space:normal;width:100%;min-height:44px}.music-chat-dialog .advisor-dialog-heading,.music-chat-dialog .advisor-body{padding:10px 14px}.music-chat-dialog .advisor-output-actions{padding-left:14px;padding-right:14px}#connections .app-install{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px}#connections .app-install img{width:48px;height:48px}#connections .app-install .pwa-controls{grid-column:1/-1;width:100%;max-width:none}#connections .connection-grid{grid-template-columns:1fr}}
:root{--now-playing-height:340px;--now-playing-cover-size:144px;--music-control-width:176px;--music-control-height:44px;--music-control-radius:10px;--player-control-width:var(--music-control-width);--icon-action-size:44px}.masthead{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr) 480px;align-items:center;gap:12px;height:92px;min-height:92px;display:grid}.main-nav{order:initial;justify-content:center;gap:0;width:auto;margin:0}.main-nav a{justify-content:center;width:82px;height:44px;padding:8px 4px;font-weight:500}.main-nav a:nth-child(2){width:100px}.main-nav a[aria-current=location],.mobile-nav a[aria-current=location]{color:var(--accent);background:#c9e8910d}.header-account{flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:480px;max-width:none;margin:0}.recognition-slot{flex:none;width:128px}.recognition-slot button{white-space:nowrap;width:100%;height:44px;min-height:44px;padding:6px;font-size:11px}.header-account .refresh{flex:none;width:94px;height:44px;min-height:44px;padding:8px;font-size:12px;position:relative}.header-account .owner-admin-link{flex:none;width:76px;font-size:10px;position:static}.header-account{position:relative}.update-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px;margin:0!important}.nav-utility{display:none}.music-chat-dialog .copy-hint{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.copy-mobile{display:none}.playback-grid{grid-auto-rows:auto}.playback-grid>.now-section{height:var(--now-playing-height);min-height:var(--now-playing-height);max-height:var(--now-playing-height);grid-template-columns:minmax(0,1fr) var(--player-control-width);grid-template-rows:26px 198px var(--music-control-height);align-content:start;align-items:start;gap:12px 16px;display:grid;overflow:auto}.now-section>h2{grid-area:1/1/auto/-1;margin:0}.now-section>.now-card,.now-section>.now-empty{grid-area:2/1;align-items:flex-start;gap:14px;min-width:0;height:198px;min-height:0;padding:0;display:flex}.now-section .artwork-large{width:var(--now-playing-cover-size);height:var(--now-playing-cover-size);min-width:var(--now-playing-cover-size);aspect-ratio:1;object-fit:cover;flex:none;margin:0}.now-section .artwork-large img{object-fit:cover}.now-copy{grid-template-rows:18px 50px 36px 18px 18px;align-content:start;gap:6px;min-width:0;display:grid}.now-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px;margin:0;font-size:21px;line-height:25px;display:-webkit-box;overflow:hidden}.now-copy .artist{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin:0;line-height:18px;display:-webkit-box;overflow:hidden}.now-copy .artist>div,.now-copy .artist .entity-actions{display:inline}.now-copy .artist .entity-actions summary{vertical-align:baseline;height:18px;min-height:18px;padding:0 3px;font-size:10px;line-height:18px;display:inline-flex}.now-copy .artist>div+div:before{content:", "}.now-copy .now-album,.now-copy .now-device{white-space:nowrap;text-overflow:ellipsis;height:18px;margin:0;line-height:18px;overflow:hidden}.now-section>.now-spotify-actions{flex-wrap:nowrap;grid-area:3/1/auto/-1;justify-content:flex-start;gap:8px;margin:0;display:flex}.now-section>.now-primary-actions{width:var(--player-control-width);grid-area:2/2;margin:0;position:static}.now-primary-actions .inline-actions{grid-template-columns:var(--player-control-width);gap:6px;margin:0;display:grid}body .now-section .now-spotify-actions .spotify-open,body .now-section .now-spotify-actions .favorite-button,body .now-section .now-primary-actions .inline-actions>:is(button,a){box-sizing:border-box;width:var(--player-control-width);min-width:var(--player-control-width);max-width:var(--player-control-width);height:var(--music-control-height);min-height:var(--music-control-height);border-radius:var(--music-control-radius);white-space:normal;text-align:center;flex:none;justify-content:center;align-items:center;margin:0;padding:6px 8px;font-size:11px;line-height:15px;display:inline-flex}.now-section .playback-message{z-index:1;background:#172018;grid-area:2/1/auto/-1;align-self:end;max-height:62px;margin:0;font-size:12px;overflow:auto}.now-section>button{grid-area:3/1;justify-self:start}.library-filters{width:min(100%,calc(2 * var(--music-control-width) + 8px));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.library-filters .library-tab{width:100%;height:var(--music-control-height);min-height:var(--music-control-height);border-radius:var(--music-control-radius);white-space:normal;justify-content:center;padding:6px;line-height:15px}.library-utility-slot:has(button){height:64px}.library-utility-slot .recognition-launcher{box-sizing:border-box;height:44px;min-height:44px}.music-card-actions{grid-template-columns:repeat(3,var(--icon-action-size));width:calc(3 * var(--icon-action-size));gap:0;margin-left:-1px}.music-card-actions .history-play,.music-card-actions .favorite-button,.music-card-actions summary{box-sizing:border-box;width:var(--icon-action-size);min-width:var(--icon-action-size);height:var(--icon-action-size);min-height:var(--icon-action-size);border-radius:var(--music-control-radius);padding:0}@media (min-width:651px) and (max-width:1200px){.masthead{grid-template-rows:66px 44px;grid-template-columns:1fr 480px;gap:4px 12px;height:132px;min-height:132px;padding:8px 0}.main-nav{order:initial;grid-area:2/1/auto/-1;width:100%}.header-account{grid-area:1/2}}@media (min-width:651px) and (max-width:1100px){:root{--now-playing-cover-size:72px}.now-section>.now-card{gap:10px}.now-copy h3{font-size:17px;line-height:25px}}@media (max-width:650px){:root{--now-playing-height:408px;--now-playing-cover-size:72px;--player-control-width:min(144px,calc((100vw - 72px)/2))}.masthead{grid-template-columns:1fr 130px;gap:0;height:70px;min-height:70px;padding:5px 0}.main-nav{display:none}.header-account{flex-wrap:nowrap;gap:4px;width:130px;max-width:130px}.recognition-slot{display:none}.mobile-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 64px repeat(2,minmax(0,1fr));align-items:center;display:grid}.mobile-nav a{width:100%;min-width:0;height:48px;color:var(--muted);box-sizing:border-box;justify-content:center;padding:3px 1px;font-size:10px;font-weight:500}.mobile-nav a:first-child{grid-area:1/1}.mobile-nav a:nth-child(2){grid-area:1/2}.mobile-nav a:nth-child(3){grid-area:1/4}.mobile-nav a:nth-child(4){grid-area:1/5}.mobile-nav a[aria-current=location]{color:var(--accent)}.nav-utility{grid-area:1/3;justify-content:center;align-items:center;width:64px;height:48px;display:flex}.playback-grid>.now-section{grid-template-rows:26px 160px 44px 94px;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.now-section>.now-card,.now-section>.now-empty{grid-area:2/1;gap:12px;height:160px;min-height:0;padding:0}.now-copy{grid-template-rows:18px 44px 36px 18px 18px;gap:4px}.now-copy h3{height:44px;font-size:18px;line-height:22px}.now-copy .artist{font-size:13px}.now-section>.now-spotify-actions{grid-area:3/1;justify-content:flex-end}.now-section>.now-primary-actions{grid-area:4/1;width:100%}.now-primary-actions .inline-actions{grid-template-columns:repeat(2,var(--player-control-width));justify-content:flex-end;gap:6px 8px}.copy-desktop{display:none}.copy-mobile{display:inline}}.mobile-nav a:not([aria-current]){color:var(--muted)}@media (min-width:651px) and (max-width:760px){.masthead{grid-template-columns:1fr 360px}.header-account{width:360px}}.now-copy>.live{grid-row:1;line-height:18px}.now-copy>h3{grid-row:2}.now-copy>.artist{grid-row:3}.now-copy>.now-album{grid-row:4}.now-copy>.now-device{grid-row:5}.now-copy>.muted:last-child{margin:0}.now-copy>*{min-width:0}.now-section .now-spotify-actions :is(.favorite-heart,.player-play-icon),.now-section .now-primary-actions svg{flex:none;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;display:inline-flex}body .now-section .now-spotify-actions :is(.spotify-open,.favorite-button),body .now-section .now-primary-actions .inline-actions>:is(button,a){gap:6px}.header-account :is(.recognition-slot button,.refresh){height:var(--music-control-height);min-height:var(--music-control-height);border-radius:var(--music-control-radius);border:1px solid var(--accent);box-sizing:border-box;align-items:center;padding:6px 8px;font-size:11px;line-height:16px}
