@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#e7435c;--ink:#202126;--muted:#8b8c92;--line:#e9e9ec;--sidebar:224px;--player:94px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid #e7435c88;outline-offset:3px}svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sidebar{position:fixed;inset:0 auto var(--player) 0;width:var(--sidebar);padding:33px 20px 18px;background:#f7f7f9;border-right:1px solid var(--line);z-index:15;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 21px Manrope;letter-spacing:-1px;white-space:nowrap}.brand-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fff}.brand-icon svg{width:25px;height:25px;stroke-width:1.8}.brand-light{font-weight:400;margin-left:3px}.side-search{display:flex;align-items:center;gap:8px;border:1px solid #dedee4;border-radius:7px;padding:8px 10px;background:#fff;margin:35px 0 24px}.side-search svg{width:16px;height:16px;color:#95959c}.side-search input{min-width:0;width:100%;background:none;border:0;outline:0;font-size:13px;color:var(--ink)}nav{display:flex;flex-direction:column;gap:5px}nav button{display:flex;align-items:center;gap:13px;text-align:left;border:0;border-radius:7px;background:none;padding:11px 13px;font-size:14px;color:#62636c}nav button.active{background:#f9e7eb;color:#d7354e;font-weight:700}nav svg{width:19px;height:19px;color:var(--accent)}.nav-heading{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#9798a0;margin:28px 13px 9px}#favCount{margin-left:auto;font-size:11px;color:#9b8186}.sidebar-bottom{margin-top:auto;padding-top:40px}.upload-button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;cursor:pointer;background:#fff;border:1px solid #dedee4;border-radius:7px;padding:11px 4px;color:#62636c}.upload-button svg{width:17px;height:17px}.sidebar-bottom>p{font-size:11px;color:#a0a1a8;line-height:1.6;text-align:center}.guest{border-top:1px solid #e6e6eb;display:flex;align-items:center;gap:10px;margin-top:25px;padding-top:19px;font-size:12px;font-weight:600}.guest>span,.avatar{background:#eae8ed;border:1px solid #dddae3;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:12px;color:#89818d}.guest small{display:block;font-size:10px;color:#96949d;margin-top:3px;font-weight:400}.page{margin-left:var(--sidebar);padding-bottom:var(--player)}.topbar{height:68px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:#9b9ba2}.breadcrumb span{margin:0 10px;color:#d1d0d5}.breadcrumb strong{font-weight:500;color:#595963}.top-right{display:flex;align-items:center;gap:22px}.edition{font-size:9px;letter-spacing:1.7px;color:#aaaab1}main{padding:30px 42px 0;max-width:1740px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#97939b}h1{font:800 37px/1.15 Manrope;letter-spacing:-1.7px;margin:8px 0 0}h1 span{color:var(--accent)}.date-label{font-size:9px;letter-spacing:1.6px;color:#ababaf;padding-bottom:6px}.feature-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:20px}.hero{height:360px;border-radius:13px;position:relative;overflow:hidden;background:#76162a;color:white}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#640d28a8,transparent 80%)}.hero-copy{position:relative;padding:29px 30px}.pill{font-size:9px;letter-spacing:1.4px;padding:6px 10px;border-radius:4px;border:1px solid #ffffff40;background:#ffffff10}.hero-artist{display:block;margin-top:35px;font-size:11px;letter-spacing:4px;color:#ffd1d5}.hero h2{font:800 clamp(28px,3.1vw,48px)/1.12 Manrope;letter-spacing:-2px;margin:8px 0 12px}.hero p{font-size:13px;line-height:1.6;color:#f4c5ce}.white-button{background:#fff;border:0;color:#701c30;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:17px;margin-top:17px}.white-button span{font-size:17px}.hero-footer{position:absolute;bottom:18px;left:30px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#edacb9}.mix-card{height:360px;position:relative;overflow:hidden;border-radius:13px;background:#141f48;color:white}.mix-art,.mix-shade{position:absolute;inset:0}.cover{background-image:url('albums.webp');background-size:300% 200%;background-repeat:no-repeat}.art-0{background-position:0 0}.art-1{background-position:50% 0}.art-2{background-position:100% 0}.art-3{background-position:0 100%}.art-4{background-position:50% 100%}.art-5{background-position:100% 100%}.mix-shade{background:linear-gradient(0deg,#0b1749d9,transparent 80%)}.mix-top{position:relative;padding:23px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:8px;letter-spacing:1.2px;color:#c6cae1}.mix-symbol{font-size:24px;color:#c9e2f6}.mix-copy{position:absolute;left:24px;right:24px;bottom:26px}.mix-copy>span{font-size:9px;letter-spacing:2px;color:#a8b8e0}.mix-copy h2{font:800 38px/1.03 Manrope;letter-spacing:-1.9px;margin:12px 0}.mix-copy p{font-size:12px;color:#bdc8e5;margin-bottom:0}.round-light{position:absolute;right:0;bottom:0;width:37px;height:37px;border-radius:50%;border:1px solid #ffffff88;background:#ffffff14;color:#fff;font-size:23px}.section{margin-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-heading h2{font:800 21px Manrope;letter-spacing:-.6px;margin:0}.section-heading p{font-size:12px;color:#9998a0;margin:5px 0 0}.text-button{border:0;background:none;color:var(--accent);font-size:12px;font-weight:500;padding:7px 0;cursor:pointer}.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}.album-card{min-width:0;position:relative}.album-art{display:block;position:relative;width:100%;aspect-ratio:1;border:0;border-radius:9px;overflow:hidden;padding:0;background-color:#eee;box-shadow:0 3px 8px #1514220a;transition:transform .25s}.album-art:hover{transform:translateY(-4px)}.album-art:after{content:'＋';display:grid;place-items:center;position:absolute;bottom:9px;right:9px;width:31px;height:31px;border-radius:50%;background:#fffc;color:#343139;font-size:22px;opacity:0;transition:opacity .2s}.album-art:hover:after{opacity:1}.album-card h3{font-size:13px;font-weight:600;margin:10px 22px 4px 0;line-height:1.3}.album-card p{font-size:11px;color:#909098;margin:0;line-height:1.3}.heart{border:0;background:none;color:#b2aeb5;position:absolute;right:-3px;bottom:15px;padding:4px}.heart svg{width:15px;height:15px}.heart[aria-pressed=true]{color:var(--accent)}.heart[aria-pressed=true] svg{fill:var(--accent)}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;margin-top:6px}.section-heading .eyebrow{display:block;font-size:8px;margin-bottom:6px}.small-label{font-size:8px;letter-spacing:1px;color:#a7a4ad}.track{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eeeef1;padding:11px 0;min-width:0}.track:first-child{padding-top:0}.track:last-child{border-bottom:0}.track-num{font-size:11px;color:#a5a4ad;width:14px;flex-shrink:0;text-align:center}.track-cover{width:43px;height:43px;border-radius:5px;flex-shrink:0}.track-title{background:none;border:0;text-align:left;padding:0;min-width:0;flex:1;color:var(--ink)}.track-title strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-title span{display:block;font-size:10px;color:#9997a1;margin-top:5px}.track-duration{font-size:10px;color:#a3a1ab}.track-more{border:0;background:none;color:#96919d;padding:5px;font-size:17px}.moods{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mood{height:188px;border:0;border-radius:10px;text-align:left;padding:19px;position:relative;overflow:hidden}.mood-slow{background:#efedf5;color:#534366}.mood-move{background:#fff0e8;color:#bc674f}.mood>span:first-child{font-size:8px;letter-spacing:1.5px;font-weight:600}.mood strong{display:block;font:700 24px/1.13 Manrope;letter-spacing:-.7px;margin-top:14px;position:relative;z-index:1}.mood-mark{position:absolute;bottom:-33px;right:0;font-size:150px;line-height:1;color:#c2b8d05e}.mood-move .mood-mark{color:#eead8870;font-size:140px;bottom:-38px;right:-15px}.mood-note{font-size:11px;color:#aaa4af;margin-top:15px}footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0;margin-top:35px}footer>span{font:800 9px Manrope;letter-spacing:1px;color:#9b969f}footer p{font-size:11px;color:#a7a2ac;margin:0 0 0 auto}footer small{width:100%;font-size:10px;color:#b3afb7}.genre-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.genre-tabs button{border:1px solid #e5e1e6;border-radius:20px;padding:9px 17px;background:white;color:#76707d;font-size:12px}.genre-tabs .selected{background:var(--accent);border-color:var(--accent);color:white}.empty{padding:50px 20px;background:#faf9fb;border:1px dashed #e5e1e9;border-radius:10px;text-align:center;color:#8a828f;font-size:14px}.view-description{font-size:14px;color:#8b828e;margin-bottom:25px}.library-intro{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#faf2f4;padding:25px;border-radius:12px;margin-bottom:25px}.library-intro h2{font:700 23px Manrope;margin:0 0 8px}.library-intro p{font-size:13px;color:#91858b}.red-button{background:var(--accent);color:white;border:0;border-radius:7px;padding:12px 19px;font-size:13px;white-space:nowrap}.note{font-size:12px;color:#968b98;line-height:1.6}.local-cover{display:grid;place-items:center;background:#f7e7eb;color:var(--accent)}.local-cover svg{width:22px;height:22px}.player{height:var(--player);position:fixed;bottom:0;left:0;right:0;z-index:25;border-top:1px solid #e7e6eb;background:#ffffffed;backdrop-filter:blur(22px);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:25px;padding:12px 27px}.now-playing{display:flex;align-items:center;gap:13px;min-width:0}.now-art{width:54px;height:54px;display:grid;place-items:center;background:#f8e7eb;border:1px solid #f3dce2;border-radius:8px;color:#e7435c;flex-shrink:0}.now-text{min-width:0}.now-text strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-text span{display:block;font-size:10px;color:#a69ca7;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{border:0;background:none;color:#9b959e;display:grid;place-items:center;padding:5px;font-size:20px}.icon-button[aria-pressed=true]{color:var(--accent)}.add-player{margin-left:10px;font-size:20px}.playback{display:flex;align-items:center;flex-direction:column;gap:6px}.playback-buttons{display:flex;align-items:center;gap:22px}.play{border:0;border-radius:50%;width:33px;height:33px;background:#25232b;color:white;font-size:13px;display:grid;place-items:center}.skip{font-size:15px;color:#6b6470}.timeline{display:flex;align-items:center;width:100%;gap:10px}.timeline span{font-size:9px;color:#a7a1aa;font-variant-numeric:tabular-nums}.timeline input{width:100%;height:3px}.player-tools{display:flex;align-items:center;justify-content:end;gap:12px}.player-tools input{width:85px;height:3px}.player-tools svg{width:18px;height:18px}input[type=range]{accent-color:var(--accent);cursor:pointer}.player-tools #queue{margin-left:15px}dialog{width:min(750px,92vw);padding:32px;border:1px solid #ece6ed;background:white;border-radius:17px;max-height:88svh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#25202d99;backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:12px;border:0;border-radius:50%;height:30px;width:30px;font-size:23px;color:#8c7d8b;background:#f4eff4}.album-detail{display:grid;grid-template-columns:200px 1fr;gap:27px;align-items:center;margin:12px 0 28px}.album-detail>.cover{width:100%;aspect-ratio:1;border-radius:10px}.album-detail h2{font:800 30px Manrope;letter-spacing:-1px;margin:10px 0}.album-detail p{font-size:13px;line-height:1.6;color:#968792}#detailArtist{color:var(--accent);font-weight:600}.album-detail .eyebrow{font-size:8px}#queueDialog h2{font:800 27px Manrope}#queueAdd{margin-top:20px}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;background:#302732;color:white;padding:14px 23px;border-radius:8px;z-index:40;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}[hidden]{display:none!important}@media(min-width:1600px){:root{--sidebar:244px}main{padding:40px 55px 0}.hero,.mix-card{height:420px}.hero-copy{padding:38px 40px}.hero-artist{margin-top:50px}.hero h2{font-size:52px}.album-card h3{font-size:15px}.album-card p{font-size:13px}.track-title strong{font-size:14px}.track-title span{font-size:12px}.mood{height:210px}}@media(max-width:1150px){:root{--sidebar:200px}.sidebar{padding:26px 16px 18px}.brand{font-size:18px;gap:6px}.brand-icon{height:31px;width:31px}main{padding:25px 28px 0}.topbar{padding:0 28px}.hero,.mix-card{height:330px}.hero-copy{padding:24px}.hero-artist{margin-top:32px}.hero h2{font-size:33px;letter-spacing:-1.4px}.hero-footer{left:24px}.mix-copy h2{font-size:31px}.hero-footer>span:last-child{display:none}.album-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.lower-grid{gap:24px}.mood{padding:16px}.mood strong{font-size:22px}.player{grid-template-columns:1fr 1fr .5fr;padding:12px 20px;gap:15px}.player-tools input{display:none}.date-label{display:none}}@media(max-width:800px){:root{--sidebar:76px}.sidebar{padding:24px 11px 15px}.brand{justify-content:center}.brand>span:last-child{display:none}.brand-icon{height:36px;width:36px}.side-search{padding:9px;margin-top:27px}.side-search input{position:absolute;opacity:0;width:30px}.side-search:focus-within{position:absolute;left:13px;top:49px;width:230px;z-index:4;box-shadow:0 4px 15px #0002}.side-search:focus-within input{position:static;opacity:1;width:100%}nav button{font-size:0;justify-content:center;padding:14px 0}nav svg{width:23px;height:23px}#favCount{display:none}.nav-heading{font-size:0;border-top:1px solid #e4e2e8;width:26px;margin:15px auto 4px}.upload-button{font-size:0;border:0;background:none}.upload-button svg{width:23px;height:23px}.sidebar-bottom>p,.guest>div{display:none}.guest{justify-content:center}.topbar{height:57px}main{padding:23px 22px 0}.feature-grid{grid-template-columns:1.6fr 1fr;gap:13px}.hero-copy{padding:23px 20px}.hero h2{font-size:30px}.hero p{font-size:12px}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#640d28ce,transparent 130%)}.hero-footer{left:20px}.mix-copy{left:18px;right:18px;bottom:24px}.mix-top{padding:20px 16px}.mix-copy h2{font-size:29px}.mix-top>span:first-child{font-size:7px;line-height:1.7}.mix-copy p{font-size:10px;max-width:120px}.round-light{width:29px;height:29px;font-size:19px}.lower-grid{grid-template-columns:1fr}.mood{height:155px}.player{grid-template-columns:1fr 1fr;gap:10px}.player-tools{display:none}.now-art{width:44px;height:44px}.add-player{display:none}.now-text strong{font-size:11px}.now-text span{font-size:9px}.playback-buttons{gap:17px}.edition{display:none}.album-detail{grid-template-columns:150px 1fr}}
@media(max-width:520px){:root{--sidebar:0px;--player:116px}.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:17px 20px 0;display:grid;grid-template-columns:auto 1fr;background:#faf9fb;border-bottom:1px solid var(--line);border-right:0}.brand{justify-content:start}.brand>span:last-child{display:block;font-size:18px}.brand-icon{width:30px;height:30px}.brand-icon svg{width:22px;height:22px}.side-search{margin:0 0 0 auto;width:130px;height:31px;padding:7px;background:#fff}.side-search input{position:static;opacity:1;width:100%;font-size:11px}.side-search:focus-within{position:static;width:130px;box-shadow:none}nav{grid-column:1/-1;flex-direction:row;justify-content:space-between;gap:12px;margin-top:11px}nav button{font-size:11px;padding:12px 0;background:none!important;border-radius:0;gap:6px}nav button.active{border-bottom:2px solid var(--accent)}nav svg{width:14px;height:14px}.nav-heading,.sidebar-bottom{display:none}.page{margin:0}.topbar{display:none}main{padding:25px 20px 0}h1{font-size:32px}.eyebrow{font-size:8px}.page-heading{margin-bottom:20px}.feature-grid{grid-template-columns:1fr}.hero{height:340px}.hero-copy{padding:26px}.hero-artist{margin-top:35px}.hero h2{font-size:37px}.hero-footer{left:26px}.hero>img{object-position:60% center}.mix-card{height:190px}.mix-copy{left:24px;right:24px;bottom:23px}.mix-copy h2{font-size:31px}.mix-copy h2 br{display:none}.mix-copy>span{font-size:8px}.mix-copy p{font-size:11px;max-width:none}.mix-top{padding:18px 24px}.mix-top>span:first-child{font-size:8px}.mix-art{background-size:300% 200%}.round-light{width:35px;height:35px;font-size:23px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.album-card h3{font-size:14px}.album-card p{font-size:12px}.section{margin-top:28px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.text-button{font-size:12px}.track-title strong{font-size:13px}.track-title span{font-size:11px}.track-cover{width:44px;height:44px}.mood strong{font-size:25px}.mood>span:first-child{font-size:8px}footer{gap:10px}footer p{margin-left:0;font-size:10px}footer small{font-size:10px}.player{height:116px;padding:10px 20px 7px;display:grid;grid-template-columns:1fr 130px;gap:4px 10px}.now-playing{align-self:start;margin-top:4px}.now-text strong{font-size:11px}.now-text span{font-size:10px}.now-art{width:39px;height:39px}.playback{display:contents}.playback-buttons{justify-content:end;align-self:start;gap:12px;margin-top:9px}.playback-buttons #shuffle,.playback-buttons #repeat{display:none}.play{width:32px;height:32px}.timeline{grid-column:1/-1;align-self:center}.timeline span{font-size:10px}.skip{font-size:15px}.library-intro{flex-direction:column;align-items:start;padding:20px}.album-detail{grid-template-columns:1fr;gap:20px}.album-detail>.cover{max-width:180px}.album-detail h2{font-size:27px}dialog{padding:25px}#toast{bottom:130px}.genre-tabs button{padding:8px 12px}.empty{padding:30px 17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Readable labels and metadata across screen sizes. */
.side-search input,.upload-button,.white-button,.text-button,.genre-tabs button,.track-title strong,.album-card h3,.red-button,.view-description{font-size:14px}.album-card p,.track-title span,.track-duration,.track-num,.breadcrumb,.note,.guest,.now-text strong,.now-text span,.timeline span,.mix-copy p,.mood-note,.section-heading p,footer small,footer p{font-size:12px}.eyebrow,.nav-heading,.edition,.date-label,.pill,.hero-artist,.hero-footer,.mix-top,.mix-top>span:first-child,.mix-copy>span,.section-heading .eyebrow,.small-label,.mood>span:first-child,.album-detail .eyebrow,footer>span{font-size:12px;letter-spacing:1px}.hero p,.library-intro p,.album-detail p{font-size:16px}.hero,.mix-card{min-height:385px}.hero-artist{margin-top:24px}.hero-footer{font-size:12px}.sidebar-bottom>p,.guest small{font-size:12px}.library-intro{align-items:start}.small-label{display:none}.hero-footer>span:last-child{display:none}.mix-top{align-items:start}.mix-copy p{padding-right:36px}.mood{height:195px}.sidebar{overflow-y:auto}.page-heading .date-label{display:none}.now-text span{margin-top:4px}.timeline span{font-size:12px}.heart{bottom:14px}.heart svg{height:17px;width:17px}@media(max-width:1150px){.brand{font-size:17px}.hero h2{font-size:35px}.hero-copy{padding:24px}.hero p{font-size:14px}}@media(min-width:521px) and (max-width:800px){nav button,.upload-button{font-size:0}.nav-heading{font-size:0}}@media(max-width:520px){.hero{min-height:370px}.mix-card{height:220px;min-height:220px}.mix-copy h2{font-size:30px}.mix-copy p{font-size:12px}.side-search input{font-size:12px}nav button{font-size:12px}.hero-artist{margin-top:24px}.hero-footer{font-size:11px}.mix-top>span:first-child{font-size:10px}.eyebrow{font-size:11px}.mood>span:first-child{font-size:10px}.mood{height:170px}.album-card h3{font-size:14px}.now-text strong,.now-text span{font-size:12px}.player{grid-template-columns:minmax(0,1fr) 112px}.playback-buttons{gap:8px}}
/* G-music: independent Haitian music direction. */
:root{--accent:#24634d;--ink:#162c25;--muted:#6f8177;--line:#e0e6df}body{background:#fbfcf8}.sidebar{background:#f1f4ee}.brand{font-size:29px!important;font-weight:800;letter-spacing:-1.7px;display:block!important;color:#163d2d}.brand-dash{font-weight:400}.brand-period{color:#829d4b}.brand>span{display:inline!important}.brand-icon{display:none!important}.sidebar nav svg{color:#456b4f}nav button.active{background:#dfebd9;color:#234d33}.topbar{background:#fbfcf8}.upload-button{background:#f7faf3}.page-heading h1{font-size:42px}.eyebrow{color:#63795d}.avatar,.guest>span{background:#e0ead8;color:#466139}.now-art,.local-cover{background:#e5efdb;border-color:#d5e2ca;color:#3c6034}.red-button{background:#254c36}.library-intro{background:#eaf0e3}.music-carousel{height:440px;position:relative;overflow:hidden;border-radius:20px;background:#12362f;color:white;isolation:isolate}.music-slide{position:absolute;inset:0;overflow:hidden}.slide-visual,.slide-tint{position:absolute;inset:0}.slide-visual{background-image:url(albums.webp);background-size:300% 200%;opacity:.8}.slide-rap .slide-visual{background-position:100% 100%}.slide-konpa .slide-visual{background-position:50% 0}.slide-rasin .slide-visual{background-position:50% 100%}.slide-troubadour .slide-visual{background-position:50% 100%}.slide-raboday .slide-visual{background-position:100% 0}.slide-tint{background:linear-gradient(90deg,#0c292dea 10%,#0e2c38a0 50%,#0b102030 100%)}.slide-rasin .slide-tint{background:linear-gradient(90deg,#372411ed,#37241130)}.slide-raboday .slide-tint{background:linear-gradient(90deg,#30113bea,#30113b44)}.slide-copy{position:relative;z-index:2;padding:42px 42px 65px;max-width:680px}.slide-tag{font-size:12px;letter-spacing:2px;font-weight:700;color:#def0b6}.slide-copy h2{font:800 clamp(38px,4.6vw,66px)/1.04 Manrope;letter-spacing:-2.8px;margin:22px 0 18px}.slide-copy p{font-size:14px;line-height:1.8;max-width:480px;color:#e2e8e1}.slide-action{border:0;background:#d6fa91;color:#1b3925;border-radius:30px;padding:13px 23px;font-weight:700;font-size:14px;margin-top:7px}.slide-word{position:absolute;right:-5px;bottom:14px;font:800 clamp(64px,11vw,160px) Manrope;letter-spacing:-8px;color:#ffffff16;z-index:0}.carousel-bottom{position:absolute;left:42px;right:25px;bottom:18px;display:flex;justify-content:space-between;align-items:center;z-index:3}#slideDots{display:flex;gap:4px}#slideDots button{border:0;background:none;padding:10px 3px}#slideDots span{display:block;background:#ffffff55;width:19px;height:4px;border-radius:3px;transition:width .3s}#slideDots button[aria-pressed=true] span{width:42px;background:#dbfc98}.carousel-buttons{display:flex;gap:7px}.carousel-buttons button{width:31px;height:31px;border:1px solid #ffffff60;border-radius:50%;background:#10271c55;color:white;font-size:21px}.carousel-buttons #pauseSlides{font-size:12px}.rhythm-nav{display:flex;gap:12px;flex-wrap:wrap;padding:25px 0 10px}.rhythm-nav button{border:1px solid #dfe6d7;background:#f4f7ed;color:#38563d;padding:11px 23px;font-size:14px;font-weight:600;border-radius:25px}.rhythm-nav button:hover{background:#dcebbe}.rhythm-section{margin-top:30px;scroll-margin-top:20px}.rhythm-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.rhythm-label{font-size:10px;letter-spacing:1.6px;color:#839075;font-weight:600}.rhythm-heading h2{font:800 29px Manrope;letter-spacing:-1px;margin:5px 0}.rhythm-heading h2 span{font:400 14px Manrope;color:#97a18b;margin-left:8px}.rhythm-heading p{font-size:13px;color:#86907c;margin:5px 0}.rhythm-controls{display:flex;gap:8px}.rhythm-controls button{border:1px solid #d9e1d0;background:transparent;color:#35573c;width:32px;height:32px;border-radius:50%;font-size:24px}.artist-rail{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cdd9c0 transparent;padding:5px 2px 15px}.artist-rail .album-card{flex:0 0 calc((100% - 72px)/5);min-width:164px;scroll-snap-align:start}.artist-art{display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:18px;text-align:left;border:1px solid #ffffff30;box-shadow:none;color:white;background:#28452f;position:relative}.artist-art:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#ffffff0f,transparent 50%,#0002);pointer-events:none}.artist-genre{font-size:10px;letter-spacing:1.4px;opacity:.7;text-transform:uppercase}.artist-initials{font:800 clamp(40px,4vw,65px)/1 Manrope;letter-spacing:-3px;opacity:.35;margin:17px 0 10px}.artist-name{font:700 18px/1.15 Manrope;letter-spacing:-.5px;position:relative;z-index:1}.genre-Rap{background:linear-gradient(145deg,#242e3f,#405a67);color:#e6f4ed}.genre-Konpa{background:linear-gradient(145deg,#8f5840,#c1955d);color:#fff4dc}.genre-Rasin{background:linear-gradient(145deg,#1e4534,#617044);color:#e7f1be}.genre-Troubadour{background:linear-gradient(145deg,#b1a680,#ede4c3);color:#49462d}.genre-Raboday{background:linear-gradient(145deg,#582454,#9c5486);color:#f9dfea}.artist-card h3{font-size:14px}.artist-card p{font-size:12px}.heart{bottom:15px}.song-feature-title{font:800 38px/1.1 Manrope;letter-spacing:-1.5px;margin:25px 0}.artist-rail .troubadour-song{flex-basis:calc((100% - 36px)/3);min-width:220px}.troubadour-song .album-art{aspect-ratio:1.35}.artist-mini{display:grid;place-items:center;font:800 16px Manrope}.expanded-repeat{display:block}.expanded-repeat #trackList{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.expanded-repeat .track{padding:12px 0}.artist-detail-art{width:100%;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font:800 75px Manrope}.catalog-link{display:inline-block;margin:20px 0;color:#366740;font-size:14px;text-decoration:underline}.album-detail{align-items:start}.album-detail p{color:#70816b}.album-detail .track-duration{white-space:nowrap}.album-grid .artist-art{min-height:190px}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.now-art svg{stroke:var(--accent)}.guest small{color:#7e8d75}.hero,.mix-card{display:none}
@media(max-width:1150px){.brand{font-size:26px!important}.music-carousel{height:440px}.slide-copy{padding:35px}.slide-copy h2{font-size:54px}.artist-rail .album-card{flex-basis:calc((100% - 36px)/3);min-width:160px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-genre{font-size:10px}.artist-name{font-size:18px}}
@media(min-width:521px) and (max-width:800px){.sidebar{width:76px}.brand{font-size:11px!important;letter-spacing:-.8px}.brand>span{display:inline!important}.slide-copy h2{font-size:49px}.expanded-repeat #trackList{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.brand{font-size:25px!important}.brand>span{font-size:inherit!important}.page-heading h1{font-size:34px}.music-carousel{height:420px;border-radius:15px}.slide-copy{padding:32px 24px 75px}.slide-copy h2{font-size:43px;letter-spacing:-2px;margin-top:25px}.slide-copy p{font-size:13px;line-height:1.8}.slide-tag{font-size:10px;letter-spacing:1.4px}.slide-action{font-size:13px}.carousel-bottom{left:24px;right:20px}.slide-word{font-size:68px;letter-spacing:-4px;bottom:48px}.rhythm-nav{flex-wrap:nowrap;overflow:auto;gap:7px;margin-right:-20px;padding-right:20px}.rhythm-nav button{padding:10px 15px;font-size:12px;flex-shrink:0}.rhythm-heading h2{font-size:25px}.rhythm-heading p{font-size:12px;line-height:1.6}.rhythm-label{font-size:9px}.rhythm-controls{gap:5px}.artist-rail .album-card{flex-basis:47%;min-width:155px}.artist-art{padding:16px}.artist-initials{font-size:47px}.artist-name{font-size:17px}.artist-card p{font-size:11px}.expanded-repeat #trackList{grid-template-columns:1fr}.artist-rail .troubadour-song{flex-basis:80%;min-width:220px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-grid .artist-art{min-height:180px}.artist-detail-art{max-width:190px}.slide-visual{opacity:.55}}

/* YouTube music collections */
[hidden]{display:none!important}.artist-art{isolation:isolate;overflow:hidden}.artist-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s}.artist-art:before{z-index:-1;background:linear-gradient(180deg,#07190e44 0%,transparent 30%,#031009e6 100%)}.artist-art:hover .artist-photo{transform:scale(1.06)}.artist-genre{position:relative;opacity:1;text-shadow:0 1px 8px #000}.artist-name{color:white;text-shadow:0 1px 8px #000}.photo-play{display:grid;place-items:center;align-self:center;background:#ffffffec;color:#183c2b;width:46px;height:46px;border-radius:50%;box-shadow:0 4px 20px #0003;margin:15px 0;font-size:17px}.artist-detail-art{overflow:hidden}.artist-detail-art img{width:100%;height:100%;object-fit:cover}.track-cover{object-fit:cover}.track-title{text-align:left}.track-title.video-active strong{color:var(--accent)}#albumDialog{width:min(900px,94vw);max-width:900px;padding:30px;max-height:92dvh}#albumDialog .album-detail{grid-template-columns:110px 1fr;gap:22px;margin-bottom:22px}#albumDialog .artist-detail-art{width:110px;height:110px}#albumDialog h2{font-size:30px}.video-stage{background:#0a100d;border-radius:14px;overflow:hidden}.video-stage iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0}.video-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0 0}.video-caption strong{display:block;font-size:18px}.video-caption span{display:block;font-size:14px;color:#72806a;margin-top:6px}.video-caption a{color:var(--accent);font-size:14px;white-space:nowrap;text-decoration:underline}#detailTracks{margin-top:20px}#detailTracks .track{padding:12px 0}.slide-visual{inset:0!important;background:none!important;opacity:1!important}.slide-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.slide-tint{background:linear-gradient(90deg,#081c14f5 2%,#0b231ad9 40%,#0b231a30 100%)!important}.slide-word{opacity:.16}.slide-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.slide-browse{background:transparent;color:white;border:1px solid #ffffff70;border-radius:25px;padding:12px 19px;font-size:14px}.slide-action{margin:0}.slide-copy p{max-width:650px}.lower-grid{display:block!important}#trackList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.track-title{min-width:0}.track-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:has(.player[hidden]){--player:0px}.rhythm-heading p,.artist-card p{font-size:14px}
@media(max-width:600px){#albumDialog{padding:22px 16px}#albumDialog .album-detail{grid-template-columns:80px 1fr;gap:14px}#albumDialog .artist-detail-art{width:80px;height:80px}#albumDialog h2{font-size:24px}.video-caption{align-items:start;flex-direction:column;gap:12px}.video-caption strong{font-size:16px}#trackList{grid-template-columns:1fr}.slide-tint{background:linear-gradient(90deg,#081c14e8,#0b231a77)!important}.slide-copy h2{font-size:39px}.slide-copy p{line-height:1.5}.slide-actions{gap:9px}.slide-browse,.slide-action{padding:11px 16px;font-size:13px}}
/* G-music logo and playlist library */
.brand{gap:10px;font-size:19px;letter-spacing:-.5px}.music-brand-logo{width:49px;height:49px;object-fit:contain;flex-shrink:0}.footer-music-logo{width:48px;height:48px;object-fit:contain;margin-bottom:10px}.playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 25px}.playlist-heading h2{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0}.playlist-heading p{font-size:14px;color:var(--muted);line-height:1.6}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin-bottom:36px}.playlist-card{padding:0;background:none;border:0;color:var(--ink);text-align:left;min-width:0}.playlist-art{height:210px;background:#243a3a;position:relative;overflow:hidden;border-radius:14px;isolation:isolate;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.playlist-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.6;transition:transform .3s}.playlist-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08181ded,transparent);z-index:-1}.playlist-card:hover img{transform:scale(1.05)}.playlist-tag{font-size:9px;letter-spacing:2px}.playlist-art strong{font:800 26px/1.15 Manrope;max-width:85%;overflow-wrap:anywhere;letter-spacing:-.7px}.playlist-play{position:absolute;right:19px;bottom:24px;font-size:23px}.playlist-tone-1 .playlist-art{background:#67413b}.playlist-tone-2 .playlist-art{background:#656038}.playlist-tone-3 .playlist-art{background:#3d385e}.playlist-tone-4 .playlist-art{background:#23486b}.playlist-note{position:absolute;font-size:130px;right:20px;top:10px;opacity:.18}.playlist-card-name{display:block;font-weight:700;font-size:15px;margin:13px 0 5px;overflow-wrap:anywhere}.playlist-card small{color:var(--muted);font-size:12px}.playlist-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}#playlistDetail{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:25px}#playlistEditor{width:min(620px,94vw)}.playlist-label{display:block;font-size:14px;font-weight:600}.playlist-label input{display:block;width:100%;border:1px solid #d4d8dc;border-radius:7px;padding:13px;margin:8px 0 20px;background:white;color:#202126}#playlistChoices{max-height:42vh;overflow:auto;margin:18px 0 24px}.playlist-choice{display:flex;align-items:center;gap:14px;padding:13px 6px;border-bottom:1px solid var(--line);cursor:pointer}.playlist-choice input{width:18px;height:18px;accent-color:#273e39}.playlist-choice strong{display:block;font-size:14px}.playlist-choice small{display:block;font-size:12px;color:var(--muted);margin-top:5px}#playlistVideoDialog{width:min(980px,96vw)}#playlistVideoFrame{display:block;width:100%;aspect-ratio:16/9;border:0}.playlist-actions .red-button{white-space:nowrap}@media(max-width:1000px){.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-heading{align-items:start;flex-direction:column}.playlist-art{height:210px}}@media(max-width:600px){.playlist-grid{gap:22px 13px}.playlist-art{height:185px;padding:15px}.playlist-art strong{font-size:21px}.playlist-tag{font-size:8px;letter-spacing:1px}.playlist-play{right:12px;bottom:17px}.music-brand-logo{width:38px;height:38px}.playlist-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.playlist-art img{transition:none}}

.public-music-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf2ee;padding:25px 28px;border-radius:14px;margin:28px 0}.public-music-promo h2{font:700 23px Manrope;margin:8px 0 0}.public-music-promo .red-button{white-space:nowrap}#publicTracks .track{min-height:72px}@media(max-width:650px){.public-music-promo{align-items:start;flex-direction:column;padding:22px}.public-music-promo h2{font-size:21px}}
/* Classic edition: warm paper, ink, quiet borders, player above the music. */
:root{--accent:#304b3c;--ink:#202822;--muted:#777d76;--line:#e1e4dd;--player:0px}body{background:#fbfcf9;padding-bottom:0}.sidebar{bottom:0;overflow-y:auto;background:#f3f5f0;padding-top:20px}.brand{width:100%;margin-bottom:20px}.music-brand-logo{width:184px;height:auto;max-width:100%;object-fit:contain}.footer-music-logo{width:138px;height:auto}.masthead-symbol{width:29px;height:29px;object-fit:contain}.topbar{height:74px;background:#fbfcf9}.top-right{gap:16px}.top-right .red-button{padding:10px 16px;border-radius:6px;white-space:nowrap;font-size:12px}.top-right .text-button{white-space:nowrap}.sidebar nav button{padding:9px 12px}.sidebar .nav-heading{margin-top:17px;margin-bottom:8px}.sidebar-bottom{padding-top:22px}.sidebar nav{flex-shrink:0}.edition{font-size:9px;letter-spacing:1.3px}.player{position:sticky;left:auto;right:auto;top:0;bottom:auto;width:100%;height:92px;z-index:20;background:#f0f3ec;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none;padding:15px 30px;grid-template-columns:1fr 1.25fr .65fr}.player .now-art{background:#e0e7d9;color:#304b3c}.play{background:#253f30!important}.now-text{min-width:0}.now-text strong{font-size:12px}.now-text span{font-size:10px}.player .playback{max-width:410px}.page{padding-bottom:0}main{padding-top:30px}.auth-wordmark{width:180px;height:auto}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;margin:25px 0 40px}.directory-card{min-width:0;border:0;background:none;text-align:left;padding:0;color:var(--ink)}.directory-card h3{font:700 16px Manrope;margin:13px 0 6px;overflow-wrap:anywhere}.directory-card p{font-size:12px;color:var(--muted);line-height:1.5}.artist-portrait{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#dce5d5;border:0;display:grid;place-items:center;font:600 40px Manrope;color:#45603d;padding:0}.artist-portrait img{width:100%;height:100%;object-fit:cover}.follow-button{border:1px solid #c5cdbf;border-radius:20px;background:transparent;padding:7px 15px;font-size:12px;color:#304b3c}.follow-button[aria-pressed=true]{background:#e5eddf}.record-art{aspect-ratio:1;border-radius:8px;background:linear-gradient(140deg,#d6ddce,#9aab91);display:grid;place-items:center;overflow:hidden}.record-art img{width:100%;height:100%;object-fit:cover}.record-disc{font-size:90px;color:#32432e}.video-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.video-art{aspect-ratio:16/10;position:relative;background:linear-gradient(130deg,#2a3931,#798678);color:#fff;border-radius:9px;overflow:hidden;display:grid;place-items:center}.video-art img{width:100%;height:100%;object-fit:cover}.film-symbol{font-size:75px;opacity:.4}.video-play{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;text-shadow:0 1px 12px #000}.video-art small{position:absolute;bottom:10px;left:12px;font-size:9px;letter-spacing:1.2px;background:#0006;padding:4px 6px}.song-add,.song-edit{background:transparent;border:1px solid #d4dbcf;border-radius:50%;min-width:29px;height:29px;font-size:19px;color:#304b3c;padding:0}.song-edit{font-size:15px}.unified-track{display:flex;gap:14px}.unified-track .track-title{flex:1;min-width:0}.unified-track .track-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-choice-button{display:flex;justify-content:space-between;gap:15px;background:#eef2e9;border:0;border-radius:8px;padding:15px;margin:10px 0;width:100%;text-align:left;color:#273a2b}.playlist-choice-button small{white-space:nowrap;color:#6b7769}#libraryDialog{width:min(900px,96vw)}#ownVideoDialog{width:min(1000px,96vw)}#ownVideo{width:100%;max-height:65vh;background:#111}#universalResults>h2{font:700 24px Manrope;margin-top:35px}.editorial-strip{margin:32px 0}.editorial-strip h2{font:700 24px Manrope;letter-spacing:-.6px;margin:8px 0}.strip-arrows{display:flex;gap:8px}.strip-arrows button{width:32px;height:32px;border:1px solid #c9d1c2;border-radius:50%;background:none;font-size:23px;color:#42543d}.editorial-rail{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.editorial-card{flex:0 0 47%;min-height:172px;position:relative;isolation:isolate;border:0;border-radius:11px;background:#23382e;color:white;text-align:left;padding:28px;overflow:hidden;scroll-snap-align:start;display:flex;align-items:end;justify-content:space-between}.editorial-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}.editorial-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16281ce6,#14251935);z-index:-1}.editorial-card small{display:block;font-size:10px;letter-spacing:.5px;margin-bottom:12px}.editorial-card strong{font:700 26px Manrope;letter-spacing:-.7px}.editorial-card b{font-size:24px;margin-left:10px}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0}.auth-tabs button{background:none;border:0;padding:10px 0;color:#73806b}.auth-tabs .active{border-bottom:2px solid #31442a;color:#31442a}#musicAuthForm label{display:block;font-size:13px;margin-bottom:17px}#musicAuthForm input:not([type=checkbox]),#musicAuthForm select{width:100%;padding:12px;border:1px solid #d2d9cc;border-radius:6px;background:white;color:#202822;margin-top:7px;font:inherit}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{display:flex!important;gap:10px;line-height:1.7}.consent input{width:17px;flex-shrink:0}.consent button,.music-footer-links button{background:none;border:0;text-decoration:underline;color:#304b3c;padding:0;font:inherit}.music-footer-links{display:flex;gap:18px;font-size:12px;margin-top:20px}#musicAuthStatus{color:#9b3030;font-size:13px;line-height:1.6}#musicInfoBody{line-height:1.8;color:#5f6c59}.red-button:disabled{opacity:.45;cursor:wait}
@media(max-width:1200px){.edition{display:none}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player{padding:12px 20px;grid-template-columns:1fr 1.1fr}.player-tools{display:none}.now-playing{min-width:0}}
@media(max-width:900px){.sidebar{position:relative;inset:auto;width:100%;height:auto;display:block;padding:12px 20px}.brand{width:160px;margin:0 0 12px}.music-brand-logo{width:160px;height:auto}.sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:12px 0 0}.sidebar nav button{flex-shrink:0;white-space:nowrap}.sidebar .nav-heading,.sidebar-bottom{display:none}.side-search{max-width:100%;margin:0}.page{margin-left:0}.topbar{padding:12px 20px;height:64px}.top-right{gap:12px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.player{display:grid!important;grid-template-columns:1fr 1fr;height:92px}.now-playing{display:flex!important}.player .timeline{display:flex}.now-art{width:35px;height:35px}.player .now-text{display:block}.player .now-text strong{max-width:160px}.player .now-text span{max-width:160px}.player .playback-buttons{gap:10px}.player .skip{font-size:14px}.player .play{width:32px;height:32px}.player .add-player{display:none}main{padding:24px 20px}.editorial-card{flex-basis:70%}}
@media(max-width:560px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.directory-card h3{font-size:14px}.video-directory{grid-template-columns:1fr 1fr}.topbar .breadcrumb{font-size:11px}.top-right .red-button{padding:9px 10px;font-size:10px}.top-right .text-button{font-size:11px}.masthead-symbol{width:23px;height:23px}.top-right{gap:9px}.player{padding:10px 15px;gap:10px;grid-template-columns:.9fr 1.1fr}.now-art{display:none}.player .now-text strong{max-width:130px}.player .now-text span{max-width:130px}.player .playback-buttons{gap:8px}.player #shuffle,.player #repeat{font-size:15px}.player .timeline{font-size:9px}.form-pair{grid-template-columns:1fr;gap:0}.editorial-card{flex-basis:88%;padding:23px;min-height:160px}.editorial-card strong{font-size:23px}.editorial-strip h2{font-size:21px}.unified-track{gap:8px}.unified-track .track-title span{font-size:10px}.unified-track .track-title strong{font-size:13px}.unified-track .track-cover{width:33px;height:33px}.song-add{min-width:25px;height:25px}.song-edit{min-width:25px;height:25px}}
/* Active audio remains visible in every collection. */
.track.is-playing{background:#f9eee9;border-radius:9px;position:relative;padding-left:22px!important}.track.is-playing:before{content:"";position:absolute;left:7px;top:calc(50% - 5px);border-left:8px solid #d83b3e;border-top:5px solid transparent;border-bottom:5px solid transparent}.track.is-playing .track-title strong{color:#bc3436}.topbar{display:flex}.player .playback{display:flex;flex-direction:column}.player .timeline{width:100%}#syncStatus{font-size:13px;color:#48715e}#musicAccountDialog .text-button{display:block;margin:12px 0}#musicAccountDialog hr{border:0;border-top:1px solid #deded5;margin:24px 0}
@media(max-width:800px){.sidebar nav{flex-direction:row}.sidebar nav button{font-size:12px}.side-search,.side-search:focus-within{position:static;width:100%;height:auto;margin:0;padding:9px 12px}.side-search input{position:static;opacity:1;width:100%;font-size:13px}.topbar{display:flex}.player .playback{display:flex;flex-direction:column;width:100%}#shuffle,#repeat{display:inline-flex}}

@media(max-width:900px){.sidebar nav{flex-direction:row}}