@charset "UTF-8";
:root{color-scheme:dark;--bg:#101112;--surface:#191b1c;--raised:#222526;--text:#f1f2ef;--muted:#9b9f9d;--accent:#d5f5a3;--accent-ink:#172216;--border:#ffffff0d;--sidebar:218px;--player:100px;--ease:cubic-bezier(.2,.8,.2,1);font-family:Manrope,Arial,sans-serif;font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button,input,a{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}button{transition:background .2s,color .2s,transform .2s var(--ease)}button:active:not(:disabled){transform:scale(.97)}img{object-fit:cover;display:block}svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h2{font-size:23px;font-weight:750}h3{font-size:16px}::selection{background:#d5f5a350}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--accent-ink);padding:14px;z-index:200}.skip:focus{top:14px}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--muted);flex-shrink:0}.icon-btn:hover{background:#ffffff0b;color:var(--text)}.icon-btn.active,.icon-btn[aria-pressed=true]{color:var(--accent)}.icon-btn.active svg[data-kind=heart]{fill:var(--accent);stroke:var(--accent)}.icon-btn.small{width:30px;height:30px}.icon-btn.small svg{width:18px;height:18px}
.sidebar{position:fixed;inset:0 auto var(--player) 0;width:var(--sidebar);padding:35px 20px 20px;border-right:1px solid var(--border);background:#111313;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:35px;font-weight:800;letter-spacing:-2px;margin:0 12px 49px}.brand-dot{font-size:10px;align-self:flex-start;letter-spacing:0;margin:10px 0 0 -6px;color:var(--muted)}.brand-mark{height:32px;display:flex;align-items:center;gap:4px}.brand-mark i{background:var(--accent);width:4px;border-radius:4px;height:16px}.brand-mark i:nth-child(2){height:31px}.brand-mark i:nth-child(3){height:23px}.brand-mark i:nth-child(4){height:12px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#8e9490;padding-left:14px}.nav-main{display:grid;gap:6px;margin-top:18px}.nav-item{height:46px;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;padding:0 14px;font-size:12px;font-weight:650;color:#a3a7a4;white-space:nowrap}.nav-item:hover{background:#ffffff06;color:var(--text)}.nav-item.active{background:#d5f5a30b;color:var(--accent)}.nav-item.active svg{stroke-width:2}.nav-spark{margin-left:auto;font-size:16px}.count{margin-left:auto;font-size:10px;color:#a4aa9f;background:#ffffff08;padding:2px 5px;border-radius:4px}.playlist-heading{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.playlist-links{display:grid;gap:6px;margin-top:12px;max-height:30vh;overflow:auto}.playlist-link{display:flex;gap:10px;align-items:center;text-align:left;border-radius:8px;font-size:11px;color:var(--muted);padding:8px 12px}.playlist-link:hover{color:var(--text);background:#ffffff06}.playlist-glyph{display:inline-flex;width:27px;height:27px;border-radius:7px;align-items:center;justify-content:center;background:#282a2b;color:#b2b6b3;flex-shrink:0}.playlist-glyph svg{width:14px;height:14px}.sidebar-note{position:relative;margin: auto 5px 24px;background:linear-gradient(150deg,#252c22,#191c1a 70%);border:1px solid #d5f5a30b;border-radius:12px;padding:20px 14px;text-align:left}.sidebar-note strong{display:block;font-size:12px;margin:13px 0 7px;letter-spacing:-.3px}.sidebar-note>span:not(.note-symbol):not(.note-arrow){font-size:10px;color:#a4aca3;line-height:1.8}.note-symbol{color:var(--accent)}.note-arrow{position:absolute;right:12px;top:17px;color:#81907a}.sidebar-bottom{display:flex;align-items:center;gap:7px;font-size:9px;color:#8c958f;padding:0 12px}.sidebar-bottom>span:last-child{margin-left:auto;color:#707772}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.workspace{margin-left:var(--sidebar);padding-bottom:calc(var(--player) + 30px)}.topbar{height:96px;display:flex;align-items:center;gap:25px;padding:0 42px}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:11px;color:#aeb2af;white-space:nowrap}.breadcrumbs>span:first-child{font-size:9px;letter-spacing:1.6px;color:#777e79}.crumb-slash{color:#515953}.search-field{margin-left:auto;display:flex;align-items:center;gap:11px;border:1px solid #ffffff0a;border-radius:8px;background:#191b1c;width:365px;padding:0 13px;height:40px;color:#868e88}.search-field svg{width:17px;height:17px}.search-field input{width:100%;min-width:0;background:none;border:0;color:var(--text);outline:none;font-size:10px}.search-field:focus-within{border-color:#d5f5a34d}.search-field input::placeholder{color:#8b918c}.search-field kbd{font-size:10px;border:1px solid #ffffff15;padding:1px 5px;border-radius:3px}.header-actions{display:flex;align-items:center;gap:15px}.header-actions>.icon-btn svg{width:18px;height:18px}.avatar{position:relative;background:#30342e;color:#d3dbcf;border:1px solid #ffffff0d;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:10px}.avatar span{position:absolute;right:0;bottom:0;width:8px;height:8px;background:var(--accent);border:2px solid var(--bg);border-radius:50%}main{max-width:1600px;padding:0 42px;outline:none}.page-enter{animation:page-in .4s var(--ease) both}.page-intro{display:flex;align-items:center;justify-content:space-between;margin:4px 0 25px}.eyebrow{display:block;color:var(--muted);font-size:10px;letter-spacing:1.7px;font-weight:600;margin-bottom:10px}.page-intro h1{font-size:27px;font-weight:650;margin:0}.date-note{font-size:10px;color:#949d96;display:flex;gap:8px;align-items:center}.date-note svg{width:14px;height:14px}
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:310px;border-radius:17px;background:#1e2423;border:1px solid #ffffff0b;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 84% 74%,#8a799b36,transparent 45%),radial-gradient(ellipse at 52% 5%,#526a4033,transparent 60%),linear-gradient(110deg,#1c2421,#24292b 70%,#20242c)}.hero-copy{padding:35px 36px;z-index:2;position:relative;width:60%}.hero-label{font-size:9px;letter-spacing:2.4px;color:#d1d9cb;display:flex;align-items:center;gap:8px;margin-bottom:15px}.hero-label svg{width:13px;height:13px}.hero h2{font-size:clamp(35px,3.8vw,59px);letter-spacing:-3px;line-height:1.06;font-weight:500;margin:0 0 16px}.hero h2 em{font-style:normal;color:#d5e5bc}.hero p{font-size:11px;color:#b0b9b1;max-width:255px;line-height:1.9;margin-bottom:21px}.hero-actions{display:flex;align-items:center;gap:21px}.primary-btn{background:var(--accent);color:var(--accent-ink);border-radius:30px;padding:12px 20px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px}.primary-btn svg{width:16px;height:16px}.primary-btn:hover{background:#e1ffc0;box-shadow:0 0 25px #d5f5a318}.primary-btn svg[data-kind=play]{fill:currentColor;stroke:none}.text-btn{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#c7cfc9}.text-btn svg{width:15px;height:15px}.text-btn:hover{color:var(--accent)}.hero-art{position:absolute;width:410px;height:410px;right:0;top:-41px;perspective:800px}.orbit{position:absolute;width:290px;height:290px;top:62px;left:50px;transform:rotate(-26deg) rotateY(-22deg);border-radius:50%;background:conic-gradient(from 25deg,#f8d3a6,#b1d7c5,#c9c4f5,#e9a69c,#e5ddaf,#a9cebc,#a5b6d7,#e1c3ed,#f8d3a6);box-shadow:inset 12px 9px 18px #ffffff75,inset -16px -18px 28px #141617c4,15px 22px 45px #0005;animation:orbit-drift 14s ease-in-out infinite alternate}.orbit:before{content:"";position:absolute;inset:38px;border-radius:50%;background:linear-gradient(150deg,#576966,#d8d8cf 8%,#c6afd2 16%,#53665e 28%,#141b1b 40%,#2d3239 70%,#716974);box-shadow:-9px -8px 16px #2226,8px 9px 13px #fcdfcf55,inset 9px 12px 17px #1417178c;border:1px solid #dbd1da6b}.orbit:after{content:"";position:absolute;inset:68px;border-radius:50%;background:linear-gradient(130deg,#1e2722,#30323c);box-shadow:inset 10px 11px 20px #0005,2px 2px 3px #e9d6f477}.orbit-line{position:absolute;left:5px;top:25px;width:380px;height:350px;border-radius:50%;border:1px solid #e0e9d817;transform:rotate(-25deg) scaleY(.6);z-index:-1}.orbit-line:nth-child(2){transform:rotate(45deg) scaleY(.75);width:370px;top:40px}.hero-caption{position:absolute;right:25px;bottom:20px;display:flex;align-items:center;gap:6px;color:#c4cec2;font-size:8px;letter-spacing:2px}.hero-caption i{width:3px;height:3px;border-radius:100%;background:var(--accent)}
.mood-row{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 31px}.chip{border:1px solid #ffffff0c;border-radius:30px;padding:9px 15px;display:flex;align-items:center;gap:8px;min-height:35px;color:#b5bbb7;font-size:10px}.chip svg{width:14px;height:14px;color:#b5bdb7}.chip:hover{background:#ffffff06;border-color:#ffffff20}.chip.active{background:#e2eedf;color:#1c231d;border-color:transparent}.chip.active svg{color:#1c231d}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-top h2{margin:0;font-size:22px;font-weight:650}.section-top p{font-size:10px;color:#909991;margin:7px 0 0}.section-top .text-btn{color:#a6b19f}.track-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.track-card{min-width:0;position:relative;padding-bottom:6px}.cover-wrap{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#252b28;margin-bottom:12px}.cover-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff08;border-radius:inherit}.cover-wrap img{width:100%;height:100%;transition:transform .65s var(--ease);background:linear-gradient(35deg,#425a4e,#7c6b86)}.track-card:hover img{transform:scale(1.055)}.cover-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;background:linear-gradient(transparent 55%,#0004);width:100%;text-align:left}.cover-play>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 15px #0003;opacity:0;transform:translateY(7px);transition:transform .25s var(--ease),opacity .25s}.cover-play svg{fill:currentColor;stroke:none;width:17px;height:17px}.track-card:hover .cover-play>span,.cover-play:focus-visible>span,.track-card.playing .cover-play>span{opacity:1;transform:translateY(0)}.cover-play:focus-visible{outline-offset:-4px;outline:2px solid var(--accent)}.card-title{display:block;width:100%;text-align:left;padding:0;font-size:12px;font-weight:700;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-title:hover{color:var(--accent)}.card-artist{display:block;font-size:10px;color:#9ca59f;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-card .card-heart{position:absolute;top:7px;right:7px;width:30px;height:30px;opacity:0;background:#1119;color:white;backdrop-filter:blur(8px)}.track-card:hover .card-heart,.card-heart:focus-visible,.card-heart.active{opacity:1}.card-heart svg{width:15px;height:15px}.playing .card-title{color:var(--accent)}.below-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;margin-top:35px}.mini-heading{font-size:20px;font-weight:650;margin-bottom:17px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collection{position:relative;min-height:121px;border-radius:10px;overflow:hidden;text-align:left;padding:19px;isolation:isolate;background:#252d2b}.collection:before{content:"";position:absolute;z-index:-1;width:120px;height:120px;right:-13px;bottom:-46px;border-radius:50%;border:22px solid #a7c6a8;box-shadow:0 0 35px #7d978e44;transform:rotate(-15deg) scaleX(.82);transition:transform .5s var(--ease)}.collection:nth-child(2){background:#2c2937}.collection:nth-child(2):before{border-color:#b6a3cb}.collection:hover:before{transform:rotate(5deg) scaleX(.9)}.collection span{display:block;font-size:8px;letter-spacing:1.5px;color:#b6c3b9;margin-bottom:9px}.collection strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.6px;max-width:110px;line-height:1.3}.collection .collection-arrow{position:absolute;right:12px;top:16px;width:16px;height:16px}.compact-tracks{display:grid;gap:2px}.compact-track{display:flex;align-items:center;gap:10px;border-radius:7px;padding:5px 7px;min-width:0}.compact-track:hover{background:#ffffff06}.compact-track img{width:38px;height:38px;border-radius:6px;background:#252b28}.compact-track>.track-details{flex:1;min-width:0}.compact-track strong,.compact-track small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-track strong{font-size:10px;font-weight:600}.compact-track small{font-size:9px;color:var(--muted);margin-top:3px}.compact-track .icon-btn{width:30px;height:30px}.compact-track .icon-btn svg{width:16px;height:16px}.track-time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.content-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0 5px;margin-top:20px;border-top:1px solid var(--border);font-size:9px;color:#8e9890}.content-footer a:hover{color:var(--accent)}.content-footer span{display:flex;align-items:center;gap:7px}
.player{position:fixed;bottom:0;left:0;right:0;height:var(--player);background:#181b1aed;backdrop-filter:blur(25px);border-top:1px solid #ffffff0b;display:flex;align-items:center;gap:15px;padding:0 30px;z-index:60}.now-art{width:55px;height:55px;flex-shrink:0;border-radius:8px;position:relative;overflow:hidden;padding:0}.now-art img{width:100%;height:100%}.now-art>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#0007}.now-art:hover>span{opacity:1}.now-info{width:170px;min-width:0;display:flex;flex-direction:column;gap:6px}.now-info span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-info span:first-child{font-size:11px;font-weight:650}.now-info span:last-child{font-size:10px;color:var(--muted)}.now-like{margin-left:-5px}.now-like svg{width:17px;height:17px}.playback{position:absolute;left:50%;transform:translateX(-50%);width:35%;max-width:560px;align-self:center}.transport{display:flex;justify-content:center;align-items:center;gap:14px;height:47px}.transport .icon-btn{width:30px;height:30px}.transport svg{width:17px;height:17px}.play-main{display:flex;align-items:center;justify-content:center;background:var(--text);color:#172019;width:35px;height:35px;border-radius:50%;flex-shrink:0}.play-main:hover{background:var(--accent);transform:scale(1.05)}.play-main svg{width:16px;height:16px;fill:currentColor;stroke:none}.timeline{display:flex;align-items:center;gap:10px;font-size:9px;font-variant-numeric:tabular-nums;color:#8e9891;height:25px}.timeline>span{min-width:27px}.timeline>span:last-child{text-align:right}input[type=range]{--progress:0%;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#d2ddc8 var(--progress),#ffffff1c var(--progress));height:3px;cursor:pointer;border-radius:6px;margin:0;min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text);opacity:0;transition:opacity .2s}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{opacity:1}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--text)}#seek{width:100%}.player-tools{margin-left:auto;display:flex;align-items:center;gap:5px}.player-tools svg{width:17px;height:17px}.tool-divider{height:16px;width:1px;background:#ffffff10;margin:0 7px}.player-tools input{width:70px;--progress:70%}.player-loading{position:absolute;bottom:0;left:0;width:100%;font-size:8px;text-align:center;color:var(--accent);background:#273125}.mobile-nav{display:none}
.drawer{position:fixed;top:15px;right:15px;bottom:calc(var(--player) + 15px);width:370px;background:#1b1e1df5;backdrop-filter:blur(30px);border:1px solid #ffffff13;border-radius:15px;z-index:55;box-shadow:-30px 0 100px #0008;transform:translateX(calc(100% + 30px));visibility:hidden;transition:transform .35s var(--ease),visibility .35s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0);visibility:visible}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 13px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-tabs{display:flex;gap:20px}.drawer-tabs button{font-size:11px;color:var(--muted);padding:10px 0}.drawer-tabs .active{color:var(--accent)}#drawer-body{overflow:auto;padding:18px;min-height:0}.queue-now{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}.queue-now img{width:100%;aspect-ratio:1;border-radius:10px;margin-bottom:15px}.queue-now h3{margin-bottom:4px;font-size:19px}.queue-now p{font-size:11px;color:var(--muted);margin:0}.queue-label{font-size:10px;color:var(--muted);margin:15px 0}.queue-row{display:flex;gap:9px;align-items:center;padding:7px 0}.queue-track{flex:1;min-width:0;display:flex;gap:10px;align-items:center;text-align:left}.queue-track img{width:40px;height:40px;border-radius:5px}.queue-track>span{min-width:0}.queue-track strong,.queue-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-track strong{font-size:11px}.queue-track small{font-size:9px;color:var(--muted);margin-top:4px}.queue-row>.icon-btn{width:28px;height:28px}.queue-row svg{width:14px;height:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state>svg{width:38px;height:38px;color:#b6c5ad;margin-bottom:18px}.empty-state h2{font-size:22px;color:var(--text);margin-bottom:12px}.empty-state p{font-size:12px;max-width:380px;margin:0 auto 22px}.empty-state .primary-btn{font-size:11px}.empty-state .text-btn{display:flex;margin:15px auto}.lyrics-line{display:block;width:100%;font-size:23px;font-weight:700;line-height:1.5;letter-spacing:-.8px;color:#929d94;text-align:left;padding:12px 4px;transition:color .2s,transform .3s;white-space:pre-line}.lyrics-line.current{color:var(--accent);transform:translateX(3px)}.lrc-tools{position:sticky;top:-18px;background:#1b1e1df5;padding:7px 0 15px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:10px;color:var(--muted)}.lrc-tools button{font-size:10px;color:var(--accent)}.local-label{font-size:10px;color:var(--muted);margin-top:12px}.track-list{display:grid;gap:4px;margin-bottom:25px}.list-row{display:grid;grid-template-columns:30px 44px minmax(100px,1fr) 120px 45px 40px 40px;align-items:center;gap:14px;padding:10px;border-radius:8px;min-width:0}.list-row:hover{background:#ffffff05}.list-row.playing{background:#d5f5a305}.list-row .row-index{font-size:10px;color:var(--muted);text-align:center}.list-row .row-cover{padding:0;width:44px;height:44px;border-radius:7px;overflow:hidden}.row-cover img{width:100%;height:100%}.row-text{min-width:0;text-align:left;padding:0}.row-text strong,.row-text span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-text strong{font-size:12px;font-weight:600}.row-text span{font-size:10px;margin-top:5px;color:var(--muted)}.row-genre{font-size:10px;color:var(--muted)}.row-duration{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.list-row .icon-btn{width:35px;height:35px}.list-row .icon-btn svg{width:17px;height:17px}.list-header{font-size:9px;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:12px}.list-header span:nth-child(2){grid-column:2/4}.section-page{padding-top:18px}.section-page h1{font-size:38px;font-weight:600;margin:0 0 12px}.section-page>.subtitle{font-size:12px;color:var(--muted);margin-bottom:30px}.search-suggestions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.search-suggestions button{padding:12px 18px;background:var(--surface);border-radius:8px;font-size:12px;color:#bac7b4}.library-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.library-card{display:flex;align-items:center;gap:20px;text-align:left;padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface);width:100%;margin-bottom:12px}.library-card>.playlist-glyph{width:66px;height:66px;border-radius:10px;background:linear-gradient(130deg,#536947,#353b38);color:var(--accent)}.library-card>.playlist-glyph svg{width:28px;height:28px}.library-card strong{display:block;font-size:17px}.library-card small{display:block;margin-top:7px;font-size:11px;color:var(--muted)}.library-card:hover{background:#202521}.library-card>.icon-btn{margin-left:auto}.playlist-page-top{display:flex;align-items:center;gap:25px;margin-bottom:30px}.playlist-page-top>.playlist-glyph{height:130px;width:130px;border-radius:16px;background:linear-gradient(150deg,#b7d6ac,#5e566c);color:#1c281e}.playlist-page-top>.playlist-glyph svg{width:50px;height:50px}.playlist-page-top h1{font-size:36px;margin:5px 0 8px}.playlist-page-top p{color:var(--muted);font-size:11px;margin:0}.playlist-description{margin-bottom:25px}.secondary-btn{border:1px solid #ffffff1c;border-radius:25px;padding:11px 18px;font-size:11px;min-height:42px;display:inline-flex;align-items:center;gap:8px}.secondary-btn:hover{background:#ffffff08}.secondary-btn svg{width:16px;height:16px}.skeleton{background:linear-gradient(110deg,#202423 30%,#2b312c 45%,#202423 60%);background-size:300% 100%;animation:shimmer 2s infinite;border-radius:10px}.skeleton-cover{aspect-ratio:1;margin-bottom:14px}.skeleton-text{width:75%;height:12px;margin-bottom:8px}.skeleton-sub{width:50%;height:10px}.error-block{border:1px solid #ffffff12;border-radius:12px;padding:25px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:20px}.error-block .primary-btn{margin-left:auto;flex-shrink:0}.load-more{display:block;margin:28px auto;font-size:12px;color:var(--accent);padding:12px 25px;border:1px solid #ffffff12;border-radius:25px}
dialog{background:#1e2320;border:1px solid #ffffff17;color:var(--text);border-radius:17px;width:min(480px,calc(100% - 32px));padding:30px;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#050907b3;backdrop-filter:blur(6px)}dialog h2{font-size:25px;font-weight:600;margin-bottom:15px}dialog p{font-size:12px;color:#b0bbb2}dialog a{color:var(--accent);text-decoration:underline}dialog .modal-close{position:absolute;right:12px;top:12px}dialog label{display:block;font-size:11px;color:var(--muted);margin:20px 0 9px}.modal-input{background:#111713;border:1px solid #ffffff20;padding:13px 14px;border-radius:7px;width:100%;color:var(--text);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.modal-playlists{display:grid;gap:8px}.modal-playlists button{padding:13px;text-align:left;background:#ffffff06;border-radius:8px;display:flex;align-items:center;gap:12px}.modal-playlists .text-btn{color:var(--accent);background:none}.toast{position:fixed;bottom:calc(var(--player) + 20px);left:50%;transform:translate(-50%,15px);padding:12px 20px;background:#e2ebdc;color:#16201a;border-radius:9px;z-index:150;font-size:12px;max-width:calc(100% - 35px);text-align:center;opacity:0;visibility:hidden;transition:opacity .2s,transform .25s,visibility .25s;box-shadow:0 8px 30px #0005}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-drift{from{transform:rotate(-26deg) rotateY(-22deg) translateY(-5px)}to{transform:rotate(-8deg) rotateY(8deg) translateY(7px)}}@keyframes shimmer{to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){:root{--sidebar:245px}.sidebar{padding-left:27px;padding-right:27px}.topbar,main{padding-left:55px;padding-right:55px}.hero{min-height:355px}.hero-copy{padding:40px 44px}.hero-art{right:65px;top:-15px}.track-grid{gap:26px}.cover-wrap{border-radius:13px}.card-title{font-size:13px}.card-artist{font-size:11px}.below-grid{margin-top:40px}.hero h2{font-size:65px}.hero p{font-size:12px}}
@media(max-width:1150px){:root{--sidebar:190px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:32px}.topbar{padding:0 27px;gap:15px}main{padding:0 27px}.breadcrumbs{display:none}.search-field{margin-right:auto;margin-left:0;max-width:400px;width:100%}.hero-art{right:-85px}.hero-copy{width:65%;padding:32px}.hero h2{font-size:45px}.track-grid{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.track-grid>.track-card:nth-child(5){display:none}.below-grid{gap:20px;grid-template-columns:1fr 1fr}.collection-grid{gap:8px}.collection{padding:15px;min-height:125px}.collection strong{font-size:16px}.now-info{width:125px}.player{padding:0 20px;gap:10px}.player-tools input{width:50px}.player-tools .icon-btn{width:30px}.playback{width:32%}.hero-caption{right:15px;font-size:7px}.list-row{grid-template-columns:25px 40px minmax(100px,1fr) 55px 35px 35px;gap:10px}.row-genre{display:none}.content-footer{font-size:8px}}
@media(max-width:850px){:root{--sidebar:80px}.sidebar{padding:30px 12px}.brand{font-size:0;margin:5px auto 43px;gap:0}.brand-dot{display:none}.brand-mark{gap:4px}.sidebar>.nav-label,.nav-item>.count,.nav-spark,.playlist-heading,.playlist-links,.sidebar-note,.sidebar-bottom{display:none}.nav-main{gap:13px}.nav-item{font-size:0;padding:0;justify-content:center}.nav-item svg{width:22px;height:22px}.hero h2{font-size:43px}.hero-copy{width:70%}.hero p{max-width:240px}.hero-art{right:-100px;opacity:.8}.track-grid{gap:12px}.below-grid{grid-template-columns:1fr}.compact-tracks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact-tracks>.compact-track:last-child{display:none}.collection{min-height:125px}.now-like{display:none}.now-info{width:120px}.player-tools .tool-divider,.player-tools #mute,.player-tools #volume{display:none}.player-tools{gap:6px}.playback{width:36%;left:57%}.topbar{height:85px}.date-note{display:none}.hero-label{font-size:8px}.page-intro h1{font-size:25px}}
@media(max-width:600px){:root{--sidebar:0px;--player:82px}.sidebar{display:none}.workspace{margin:0;padding-bottom:180px}.topbar{height:76px;padding:0 20px;gap:12px}.search-field{height:40px;border-radius:9px;padding:0 10px}.search-field input{font-size:12px}.search-field input::placeholder{font-size:10px}.search-field kbd{display:none}.header-actions{gap:3px}.header-actions .icon-btn{width:30px}.avatar{width:30px;height:30px;font-size:9px}main{padding:0 20px}.page-intro{margin:8px 0 22px}.eyebrow{font-size:8px;letter-spacing:1.5px}.page-intro h1{font-size:25px}.hero{min-height:365px;align-items:flex-start;border-radius:15px}.hero-copy{width:100%;padding:25px 23px;pointer-events:none}.hero-actions{pointer-events:auto;gap:15px}.hero h2{font-size:42px;letter-spacing:-2.3px;max-width:280px;position:relative;z-index:2}.hero p{font-size:10px;max-width:200px;margin-bottom:19px}.hero-art{top:143px;right:-112px;transform:scale(.76);opacity:.85;transform-origin:center center;z-index:-1}.hero-label{font-size:8px;margin-bottom:16px}.hero .primary-btn{font-size:10px;padding:12px 17px}.hero .text-btn{font-size:9px}.hero-caption{right:auto;left:24px;bottom:22px;font-size:7px}.mood-row{margin:19px 0 28px;gap:7px}.chip{font-size:10px;padding:9px 12px;min-height:38px}.section-top{align-items:flex-start;gap:10px}.section-top h2{font-size:21px;line-height:1.25}.section-top .text-btn{font-size:9px;white-space:nowrap;padding-top:5px}.section-top p{font-size:9px;line-height:1.5}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.track-grid>.track-card:nth-child(5){display:block}.track-grid>.track-card:nth-child(n+5){display:none}.cover-wrap{border-radius:10px;margin-bottom:10px}.card-title{font-size:12px}.card-artist{font-size:10px}.cover-play>span{opacity:1;transform:none;width:32px;height:32px}.cover-play svg{width:14px;height:14px}.track-card .card-heart{opacity:1;top:7px;right:7px}.below-grid{margin-top:30px;gap:29px}.mini-heading{font-size:21px}.compact-tracks{grid-template-columns:1fr}.compact-tracks>.compact-track:last-child{display:flex}.compact-track{padding:5px 0;gap:12px}.compact-track img{width:43px;height:43px}.compact-track strong{font-size:11px}.compact-track small{font-size:10px}.compact-track .icon-btn{width:40px;height:40px}.content-footer{margin-top:25px;flex-direction:column;gap:15px;align-items:flex-start;font-size:9px;padding-bottom:15px}.player{bottom:calc(62px + env(safe-area-inset-bottom,0px));height:82px;left:9px;right:9px;padding:0 12px;border-radius:11px;border:1px solid #ffffff14;gap:10px;background:#252b26f5;box-shadow:0 -8px 30px #0003}.now-art{height:45px;width:45px;border-radius:7px}.now-info{width:auto;flex:1;margin-right:57px;gap:5px}.now-info span:first-child{font-size:11px}.now-info span:last-child{font-size:9px}.playback{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;transform:none;align-self:auto;height:3px}.transport{position:absolute;right:7px;bottom:20px;height:40px;gap:0}.transport>#shuffle,.transport>#previous,.transport>#repeat{display:none}.transport>#next{display:none}.play-main{height:37px;width:37px;background:var(--accent)}.timeline{height:3px;display:block}.timeline>span{display:none}#seek{position:absolute;bottom:0;left:8px;right:8px;width:calc(100% - 16px);height:2px}.player-tools{display:none}.player-loading{font-size:7px;bottom:3px;border-radius:0 0 5px 5px}.mobile-nav{display:flex;position:fixed;bottom:0;height:calc(62px + env(safe-area-inset-bottom,0px));left:0;right:0;align-items:flex-start;justify-content:space-around;background:#111513f7;backdrop-filter:blur(20px);padding-top:9px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:60}.mobile-nav button{color:#929d95;font-size:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:63px;min-height:44px}.mobile-nav button svg{width:20px;height:20px}.mobile-nav button.active{color:var(--accent)}.drawer{inset:9px 9px calc(153px + env(safe-area-inset-bottom,0px)) 9px;width:auto;z-index:70;transform:translateY(120%);border-radius:13px}.drawer.open{transform:translateY(0)}.drawer-header{padding:9px 12px 9px 18px}.drawer-tabs{gap:22px}.drawer-tabs button{font-size:12px;min-height:40px}.queue-now{display:grid;grid-template-columns:80px 1fr;gap:8px 16px;align-items:end}.queue-now img{grid-row:1/3;width:80px;margin:0}.queue-now h3{font-size:17px;margin:0;align-self:end}.queue-now p{font-size:10px;align-self:start}.queue-row{padding:9px 0}.queue-row>.icon-btn{min-width:35px;min-height:35px}.queue-track strong{font-size:12px}.queue-track small{font-size:10px}.toast{bottom:calc(160px + env(safe-area-inset-bottom,0px));font-size:11px;width:max-content;max-width:calc(100% - 30px)}.section-page{padding-top:12px}.section-page h1{font-size:31px}.section-page>.subtitle{font-size:11px;line-height:1.7;margin-bottom:25px}.list-row{grid-template-columns:38px minmax(0,1fr) 36px 36px;gap:8px;padding:8px 0}.list-row .row-index,.row-duration{display:none}.list-row .row-cover{width:38px;height:38px}.list-row .icon-btn{width:36px;height:40px}.row-text strong{font-size:11px}.row-text span{font-size:10px}.list-header{display:none}.search-suggestions{gap:8px}.search-suggestions button{font-size:11px;padding:13px}.playlist-page-top{gap:15px}.playlist-page-top>.playlist-glyph{height:83px;width:83px}.playlist-page-top>.playlist-glyph svg{width:35px;height:35px}.playlist-page-top h1{font-size:24px}.library-card{padding:17px;gap:15px}.library-card>.playlist-glyph{width:55px;height:55px}.library-card strong{font-size:15px}.library-card small{font-size:10px}.error-block{display:block}.error-block .primary-btn{margin-top:15px}.lyrics-line{font-size:24px}.empty-state{padding:35px 12px}.empty-state h2{font-size:21px}.empty-state p{font-size:11px}.collection{min-height:124px}.collection strong{font-size:18px}dialog{padding:27px 22px}.modal-input{font-size:16px}}
@media(max-height:680px) and (min-width:601px){.sidebar-note{display:none}.sidebar-bottom{margin-top:auto}.topbar{height:75px}.hero{min-height:275px}.hero-copy{padding-top:25px;padding-bottom:25px}.hero h2{font-size:45px}}
/* Clipping must not create a scroll container: focus and viewport changes
   should never scroll the hero copy inside its decorative background. */
.hero{overflow:clip}

/* v0.2: music-first layout and animated Luma wordmark. */
.brand-word,.top-wordmark,.footer-wordmark{background:linear-gradient(105deg,#f1f2ef 15%,#d5f5a3 32%,#cab6ee 44%,#fff 50%,#d5f5a3 56%,#f1f2ef 72%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:luma-sheen 9s ease-in-out infinite}
.brand{gap:11px}.brand:hover .brand-word{animation-duration:2.4s}.brand-mark i{transform-origin:center;animation:luma-idle 4s ease-in-out infinite}.brand-mark i:nth-child(2){animation-delay:-.55s}.brand-mark i:nth-child(3){animation-delay:-1.1s}.brand-mark i:nth-child(4){animation-delay:-1.65s}.is-playing .brand-mark i{animation-name:luma-equalizer;animation-duration:.95s}.is-playing .brand-mark i:nth-child(2){animation-duration:.72s}.is-playing .brand-mark i:nth-child(3){animation-duration:1.13s}.is-playing .brand-mark i:nth-child(4){animation-duration:.81s}.sidebar-help{margin:auto 12px 22px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:12px 0}.sidebar-help:hover{color:var(--text)}.sidebar-help svg{width:15px;height:15px}.mobile-brand{display:none}.top-wordmark{animation-delay:-3s}.footer-wordmark{font-size:17px;font-weight:800;letter-spacing:-1px;animation-delay:-5s}.music-home{padding-top:7px}.music-home>.page-intro{margin-bottom:20px}.music-home>.page-intro h1{font-size:34px;font-weight:600;letter-spacing:-1.5px}.music-home>.page-intro>.primary-btn{padding:11px 23px}.music-home>.mood-row{margin:0 0 34px}.music-home .track-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.music-home .below-grid{margin-top:38px}.music-home .collection{display:flex;align-items:center;min-height:125px}.music-home .collection strong{max-width:none;font-size:23px}.music-home .collection:nth-child(2):before{right:-25px}.music-home .section-top{margin-bottom:20px}.music-home .content-footer{margin-top:36px}.sidebar .nav-spark{display:none}
@keyframes luma-sheen{0%,25%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
@keyframes luma-idle{0%,100%{transform:scaleY(1);opacity:.9}50%{transform:scaleY(.82);opacity:1}}
@keyframes luma-equalizer{0%,100%{transform:scaleY(.45)}35%{transform:scaleY(1)}70%{transform:scaleY(.65)}}
@media(max-width:1150px){.music-home .track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.sidebar-help{display:none}.brand{gap:0}.music-home .collection strong{font-size:21px}}
@media(max-width:600px){.mobile-brand{display:block;font-size:23px;font-weight:800;letter-spacing:-1.5px;flex-shrink:0}.topbar{gap:10px}.header-actions{gap:1px}.header-actions .icon-btn{width:26px}.header-actions .avatar{width:27px;height:27px}.search-field{padding:0 9px;gap:7px}.search-field input::placeholder{color:transparent}.search-field input{font-size:14px}.search-field{min-width:0}.music-home{padding-top:9px}.music-home>.page-intro{margin-bottom:22px}.music-home>.page-intro h1{font-size:30px}.music-home>.page-intro>.primary-btn{min-height:40px;padding:10px 18px}.music-home>.mood-row{margin-bottom:30px}.music-home .track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-home .below-grid{margin-top:30px}.music-home .collection strong{font-size:21px}.music-home .content-footer{margin-top:25px}}
[hidden]{display:none!important}.avatar.guest-account{width:auto;min-width:58px;padding:0 12px;border-radius:22px;font-size:11px;color:var(--accent);background:#d5f5a30d}.account-signin{display:flex;margin:22px 0 12px;width:100%;text-decoration:none}.auth-methods{text-align:center;font-size:12px;color:var(--text)}.sync-status{font-size:11px;color:var(--accent);padding:9px 12px;border-radius:7px;background:#d5f5a30a;text-align:left}.sync-status.sync-error{color:#f4c59d;background:#f4c59d0c}#modal .text-btn{margin-top:16px}#luma-app{min-height:100dvh}

/* Compact, personal overview. */
.personal-home{max-width:1400px;margin:0 auto}.personal-home>.page-intro{margin:5px 0 22px}.personal-home>.page-intro h1{font-size:29px;letter-spacing:-1px}.personal-home>section{margin-bottom:27px}.personal-home .section-top{margin-bottom:14px;align-items:center}.personal-home .section-top h2{font-size:21px;letter-spacing:-.7px;margin:0}.personal-home .track-grid{gap:18px}.personal-home .cover-wrap{border-radius:12px;margin-bottom:11px}.personal-home .card-title{font-size:13px}.personal-home .card-artist{font-size:11px}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recent-tile{min-width:0;padding:0 12px 0 0;display:flex;align-items:center;gap:12px;background:#ffffff05;border:1px solid #ffffff05;border-radius:9px;text-align:left;overflow:hidden;min-height:51px}.recent-tile:hover{background:#ffffff0b;border-color:#d5f5a326}.recent-tile img{width:50px;height:50px;flex-shrink:0}.recent-tile>span:first-of-type{min-width:0;flex:1}.recent-tile strong,.recent-tile small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recent-tile strong{font-size:11px;font-weight:650;margin-bottom:5px}.recent-tile small{font-size:10px;color:var(--muted)}.recent-play{color:var(--accent);opacity:0;transition:opacity .2s}.recent-play svg{width:16px;height:16px;fill:currentColor}.recent-tile:hover .recent-play,.recent-tile:focus-visible .recent-play{opacity:1}.history-empty{border:1px dashed #ffffff13;border-radius:9px;padding:18px;color:var(--muted);font-size:12px}.mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mix-card{position:relative;display:flex;text-align:left;align-items:center;gap:15px;min-width:0;padding:12px;border:1px solid #ffffff08;border-radius:12px;background:linear-gradient(125deg,#d5f5a312,#d5f5a303);overflow:hidden}.mix-tone-1{background:linear-gradient(125deg,#baace51a,#baace503)}.mix-tone-2{background:linear-gradient(125deg,#a2c6d91a,#a2c6d903)}.mix-card:hover{border-color:#ffffff25;transform:translateY(-3px);box-shadow:0 12px 28px #0002}.mix-art{width:83px;height:83px;display:grid;grid-template-columns:1fr 1fr;flex-shrink:0;position:relative;overflow:hidden;border-radius:7px;box-shadow:0 6px 20px #0004}.mix-art img{width:100%;height:100%;min-height:0;aspect-ratio:1}.mix-art-play{position:absolute;inset:0;display:grid;place-items:center;background:#0005;opacity:0;transition:opacity .2s}.mix-art-play svg{fill:var(--accent);color:var(--accent);width:29px;height:29px}.mix-card:hover .mix-art-play,.mix-card:focus-visible .mix-art-play{opacity:1}.mix-copy{min-width:0;display:grid;gap:7px}.mix-copy strong{font-size:16px;letter-spacing:-.5px}.mix-copy small{font-size:10px;color:#bec2bc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mix-copy>span{font-size:9px;color:var(--muted)}.made-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.made-card{display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid #ffffff08;border-radius:11px;text-align:left;background:#ffffff04;min-width:0}.made-card:hover{background:#ffffff09;border-color:#ffffff18}.made-card>.made-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;background:#d1b9ee14;color:#cdb8ea;flex-shrink:0}.made-discover>.made-icon{color:var(--accent);background:#d5f5a310}.made-card>span:nth-child(2){display:grid;gap:6px;flex:1;min-width:0}.made-card strong{font-size:13px;letter-spacing:-.2px}.made-card small{font-size:10px;color:var(--muted)}.made-card>svg{width:17px;color:var(--muted)}.home-note{color:var(--muted);font-size:12px;margin:0}.personal-home .content-footer{margin-top:7px;padding-top:15px}.personal-home .track-card{animation:home-reveal .4s var(--ease) both}.personal-home .track-card:nth-child(2){animation-delay:.04s}.personal-home .track-card:nth-child(3){animation-delay:.08s}.personal-home .track-card:nth-child(4){animation-delay:.12s}.personal-home .track-card:nth-child(5){animation-delay:.16s}@keyframes home-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.soundcloud-playback{position:fixed;right:22px;bottom:calc(var(--player) + 14px);width:355px;padding:10px;border:1px solid #ffffff20;background:#202322;border-radius:13px;z-index:45;box-shadow:0 16px 60px #0007;animation:home-reveal .25s var(--ease)}.sc-panel-top{display:flex;justify-content:space-between;align-items:center;margin:0 3px 9px;color:var(--muted);font-size:10px}.sc-panel-top button{min-height:28px;padding:3px 6px;color:#c2c7c0;font-size:10px}.sc-frame{height:166px;border-radius:5px;overflow:hidden}.sc-frame iframe{display:block;width:100%;height:166px;border:0}.drawer.open~.soundcloud-playback{right:395px}
@media(max-width:1150px){.personal-home .track-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.personal-home .track-grid>.track-card:nth-child(5){display:block}.mix-card{gap:10px;padding:10px}.mix-art{width:65px;height:65px}.mix-copy strong{font-size:13px}.mix-copy>span{font-size:8px}}
@media(max-width:850px){.mix-grid{gap:10px}.mix-card{display:block}.mix-art{width:100%;height:auto;aspect-ratio:1;max-height:105px;margin-bottom:10px}.mix-copy{gap:5px}.mix-copy small{max-width:100%}.recent-tile{gap:9px}.recent-play{display:none}}
@media(max-width:600px){.personal-home>.page-intro{margin:5px 0 22px}.personal-home>.page-intro h1{font-size:27px}.personal-home>section{margin-bottom:26px}.personal-home .section-top h2{font-size:20px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recent-tile{min-height:48px;padding-right:8px;gap:9px}.recent-tile img{width:44px;height:48px}.recent-tile strong{font-size:10px;margin-bottom:4px}.recent-tile small{font-size:9px}.recent-tile:nth-child(n+5){display:none}.personal-home .track-grid{display:flex;overflow-x:auto;gap:13px;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none}.personal-home .track-grid>.track-card{display:block;flex:0 0 137px;scroll-snap-align:start}.personal-home .card-title{font-size:12px}.personal-home .card-artist{font-size:10px}.mix-grid{display:flex;gap:12px;overflow-x:auto;margin:0 -20px;padding:0 20px 5px;scroll-snap-type:x mandatory;scrollbar-width:none}.mix-card{display:flex;flex:0 0 256px;padding:12px;scroll-snap-align:start}.mix-art{width:76px;height:76px;max-height:none;margin:0}.mix-copy{gap:7px}.mix-copy strong{font-size:15px}.mix-copy>span{font-size:9px}.made-grid{grid-template-columns:1fr;gap:9px}.made-card{padding:12px 14px}.made-card>.made-icon{width:36px;height:36px}.made-card strong{font-size:12px}.history-empty{font-size:11px;padding:16px}.soundcloud-playback{left:10px;right:10px;width:auto;bottom:calc(155px + env(safe-area-inset-bottom,0px));padding:8px}.sc-panel-top{margin-bottom:4px}.personal-home .section-top .text-btn{font-size:10px}}
@media(prefers-reduced-motion:reduce){.personal-home .track-card,.soundcloud-playback{animation:none}.mix-card:hover{transform:none}}
@media(min-width:900px){body:has(.drawer.open) .soundcloud-playback{right:400px}}
@media(max-width:600px){.personal-home .track-grid,.personal-home .mix-grid{scroll-padding-inline:20px}}