.portal-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.35rem;border:1px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,currentColor 7%,transparent)}.portal-switcher a{display:grid;grid-template-columns:1fr;align-content:center;gap:.18rem;min-width:0;overflow:hidden;padding:.72rem .8rem;color:inherit;text-decoration:none;border:1px solid transparent;font-size:.68rem;font-weight:800;letter-spacing:.04em;transition:background-color .15s,border-color .15s,color .15s}.portal-switcher a span,.portal-switcher a small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.portal-switcher a small{font-size:.52rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;opacity:.56}.portal-switcher a.active{background:var(--portal-switcher-active,#fff);color:var(--portal-switcher-ink,#173d83);border-color:color-mix(in srgb,currentColor 15%,transparent)}.portal-switcher a:not(.active):hover{background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}.portal-switcher.compact{display:inline-grid;width:auto;grid-template-columns:repeat(3,auto);padding:.2rem;background:var(--portal-switcher-compact-bg,#f2e5d4);border-color:var(--portal-switcher-compact-line,#d8c8b6)}.portal-switcher.compact a{display:flex;align-items:center;justify-content:center;padding:.45rem .65rem;font-size:.6rem;color:var(--portal-switcher-compact-ink,#6c655d)}.portal-switcher.compact a.active{background:var(--portal-switcher-compact-active,#fff9ef);color:var(--portal-switcher-compact-active-ink,#28598e)}@media(prefers-reduced-motion:reduce){.portal-switcher a{transition:none}}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-vietnamese-wdth-normal-9GtAklmW.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-ext-wdth-normal-BaQ5u-C4.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-wdth-normal-CHqbGEEr.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Extra Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/saira-extra-condensed-vietnamese-900-normal-BCrtbyTI.woff2) format("woff2"),url(/assets/saira-extra-condensed-vietnamese-900-normal-CIIrwXUt.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Extra Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/saira-extra-condensed-latin-ext-900-normal-DQ-KPhwQ.woff2) format("woff2"),url(/assets/saira-extra-condensed-latin-ext-900-normal-2-vdfuPQ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Extra Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/saira-extra-condensed-latin-900-normal-Cr44IbPh.woff2) format("woff2"),url(/assets/saira-extra-condensed-latin-900-normal-DtJ-xImx.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Montserrat Variable,system-ui,sans-serif;color:#f2eadc;background:#171612;--orange: #d7592a;--cream: #f2eadc;--line: #4c4840}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#52281b 0,transparent 32%),#171612;min-height:100vh}button,input{font:inherit}main{max-width:1120px;margin:auto;padding:28px 24px 130px}.music-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:16px 24px;align-items:end;border-bottom:1px solid var(--line);padding:30px 0 24px}.music-title{grid-row:1 / 3}.music-portal{justify-self:end;--portal-switcher-compact-bg: #22201b;--portal-switcher-compact-line: #4c4840;--portal-switcher-compact-ink: #b7b0a5;--portal-switcher-compact-active: #d7592a;--portal-switcher-compact-active-ink: #fff}.music-header .upload{justify-self:end}.eyebrow,article>p{color:#d79874;letter-spacing:.18em;font-size:.7rem}h1,h2,h3{font-family:Saira Extra Condensed,Anybody Variable,sans-serif;margin:0;line-height:.88}h1{font-size:clamp(4rem,10vw,8.5rem);letter-spacing:-.04em}h2{font-size:2.5rem;text-transform:uppercase}h2 span{color:#827d73;font-size:1rem}.upload,.outline{background:var(--orange);color:#fff;border:0;padding:14px 18px;font-weight:800;font-size:.75rem;letter-spacing:.08em;cursor:pointer}.upload input{display:none}.music-navigation{display:flex;gap:25px;padding:22px 0 36px}.music-navigation button{color:#8f8a80;background:none;border:0;text-transform:uppercase;font-weight:800;font-size:.75rem;letter-spacing:.12em;padding:7px 0;cursor:pointer}.music-navigation button.active{color:var(--cream);border-bottom:2px solid var(--orange)}.notice{padding:12px 14px;border:1px solid #6b4d3e;background:#281d18}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head input{width:min(330px,45vw);background:#22201b;border:1px solid var(--line);color:#fff;padding:12px}.outline{background:transparent;border:1px solid #8b8376}.track-list{border-top:1px solid var(--line)}.track{width:100%;display:grid;grid-template-columns:55px 1fr auto;align-items:center;text-align:left;background:transparent;color:var(--cream);border:0;border-bottom:1px solid #35322d;padding:15px 8px;cursor:pointer}.track:hover,.track.playing{background:#27231e}.track strong,.track small{display:block}.track small,.jobs small,footer small{color:#928c81;margin-top:4px}.track time,.number{color:#8e887d}.playing .number{color:var(--orange)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.cards article,.jobs article{background:#22201b;border:1px solid var(--line);padding:20px}.cards h3{font-size:2rem;margin-bottom:8px}.cards article>button{display:block;background:none;color:#c4bdb2;border:0;padding:10px 0;text-align:left}.cards .add{color:#e8784c;font-size:.72rem;font-weight:800}.playlist-row{display:grid;grid-template-columns:1fr repeat(3,28px);align-items:center;border-top:1px solid #35322d}.playlist-row button{background:none;color:#c4bdb2;border:0;padding:10px 2px;text-align:left}.playlist-row button:not(:first-child){text-align:center}.jobs{display:grid;gap:10px}.jobs article{display:grid;grid-template-columns:150px 1fr 1fr auto;gap:14px;align-items:center}.jobs .failed{border-left:4px solid #d84939}.jobs .ready{border-left:4px solid #5d8c68}.status{font-size:.68rem;letter-spacing:.1em;color:#d79874}.jobs button{background:none;color:#fff;border:1px solid var(--line);padding:8px}.empty{color:#8f8a80;padding:40px 0}footer{position:fixed;z-index:5;left:0;right:0;bottom:0;display:none;grid-template-columns:auto 1fr minmax(260px,600px);align-items:center;gap:15px;background:#28241e;border-top:2px solid var(--orange);padding:14px max(24px,calc((100vw - 1120px)/2));box-shadow:0 -15px 35px #0008}footer.visible{display:grid}footer button{border:0;border-radius:50%;background:var(--orange);color:#fff;width:42px;height:42px}footer strong,footer small{display:block}audio{width:100%;height:38px}@media(max-width:650px){main{padding:18px 16px 120px}.music-header{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:16px;align-items:flex-end}.music-title{grid-row:2}.music-portal{grid-column:1 / -1;grid-row:1;justify-self:stretch}.music-portal.compact{width:100%}.music-portal.compact a{min-width:0;padding:.5rem}h1{font-size:3.7rem}.upload{padding:12px 10px}.section-head{align-items:start;gap:12px}.section-head input{width:55%}.track{grid-template-columns:40px 1fr auto}.jobs article{grid-template-columns:1fr}.jobs .status{order:-1}footer{grid-template-columns:auto 1fr;padding:10px 16px}footer audio{grid-column:1/-1}}