@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.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}:root{font-family:Archivo Variable,sans-serif;color:#17344f;background:#edf7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bed: #edf7fa;--pine: #d9edf5;--pine-light: #2765cf;--paper: #fbfeff;--ink: #17344f;--rule: rgba(23, 52, 79, .18);--muted: #536d82;--red: #ef665b;--route-cobalt: #2865d4;--route-cyan: #08a8c1;--route-mint: #66cdb8;--route-citron: #dbe957;--surface: #ffffff;--surface-aqua: #e3f4f6;font-size:14px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background-color:var(--bed);background-image:radial-gradient(rgba(39,101,207,.09) .7px,transparent .7px);background-size:18px 18px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:var(--paper);background:var(--route-cobalt)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.app-shell{min-height:100dvh;padding-bottom:106px}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;display:flex;width:228px;flex-direction:column;padding:27px 17px 21px;color:var(--ink);background:var(--pine);border-right:1px solid rgba(39,101,207,.13)}.brand{display:inline-flex;width:fit-content;align-items:center;gap:10px;font-size:23px;font-weight:700}.brand>span:last-child>span,.mobile-brand>span{color:var(--red)}.brand__disc{display:grid;width:34px;height:34px;place-items:center;color:var(--route-cobalt);background:var(--route-citron);border-radius:50%}.rail-live{display:flex;align-items:center;gap:8px;margin:49px 0 13px;color:#42627b;font-size:10px;font-weight:600}.rail-live i,.sound-ready i{width:7px;height:7px;background:var(--route-mint);border-radius:50%;box-shadow:0 0 0 3px #66cdb833}.side-nav{display:flex;flex-direction:column;gap:5px}.rail-label{margin:0 9px 8px;color:#5d768a;font-size:10px;font-weight:600}.rail-label--lower{margin-top:28px}.side-nav a{position:relative;display:flex;min-height:44px;align-items:center;gap:12px;padding:0 10px;color:#3e5a72;border-radius:4px}.side-nav a:hover,.side-nav a.selected{color:var(--route-cobalt);background:#ffffffc7}.side-nav a.selected:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--route-cyan);border-radius:0 3px 3px 0;content:""}.side-nav a small{margin-left:auto;color:#52708a;font-size:10px}.sidebar-bottom{display:flex;flex-direction:column;gap:14px;margin-top:auto;color:#536d82;font-size:9px;font-weight:600}.sidebar-rule{height:1px;background:#17344f2b}.sidebar-bottom button{display:flex;min-height:37px;align-items:center;gap:8px;padding:0 9px;color:var(--route-cobalt);background:#ffffff8f;border:1px solid rgba(39,101,207,.23);border-radius:4px;cursor:pointer;text-align:left}.sidebar-bottom button:hover{background:var(--surface);border-color:var(--route-cobalt)}.main-area{min-height:100dvh;margin-left:228px;padding:0 clamp(22px,3vw,46px) 38px;background:#ffffffad}.topbar{display:flex;min-height:77px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--rule)}.search-box{display:flex;width:min(340px,44%);height:39px;align-items:center;gap:9px;padding:0 10px;color:var(--route-cobalt);background:var(--surface);border:1px solid rgba(39,101,207,.23);border-radius:4px}.search-box input{width:100%;min-width:0;padding:0;color:var(--ink);background:transparent;border:0;outline:0}.search-box input::placeholder{color:#60788c;opacity:1}.search-box kbd{display:grid;width:21px;height:21px;place-items:center;color:#536d82;border:1px solid rgba(23,52,79,.2);border-radius:3px;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:17px}.sound-ready{display:flex;align-items:center;gap:8px;color:#3e6078;font-size:9px;font-weight:600;white-space:nowrap}.sound-ready i{width:6px;height:6px;background:var(--route-mint);box-shadow:none}.account-link{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(39,101,207,.25);border-radius:4px;font-size:12px;font-weight:600}.account-link:hover{color:var(--paper);background:var(--route-cobalt)}.account-link small{color:var(--red);font-size:9px;font-weight:700}.icon-button{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.icon-button:hover{color:var(--red)}.mobile-brand,.mobile-tabs{display:none}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:clamp(24px,3.2vw,47px);padding-top:31px}.library{min-width:0}.page-title{display:flex;min-height:82px;align-items:flex-start;justify-content:space-between;gap:15px}.page-title h1{margin:0;font-size:clamp(27px,3vw,37px);font-weight:650;line-height:1.12}.page-title p{margin:8px 0 0;color:#37443a;font-size:13px}.page-title>span{padding-top:7px;color:#3e483e;font-size:11px}.featured{display:grid;grid-template-columns:minmax(170px,35%) minmax(0,1fr);min-height:290px;align-items:center;gap:clamp(22px,3vw,40px);margin-bottom:8px;padding:19px;background:var(--surface-aqua);border:1px solid rgba(8,168,193,.2);border-radius:4px}.featured-copy{display:flex;min-width:0;min-height:244px;flex-direction:column;align-items:flex-start;justify-content:center}.caption{display:flex;align-items:center;gap:8px;color:#3d6178;font-size:9px;font-weight:600}.caption>span{color:var(--red)}.caption i{width:8px;height:8px;background:var(--route-cyan);border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--route-cyan)}.featured-copy h2{max-width:100%;margin:17px 0 5px;overflow-wrap:anywhere;font-size:clamp(30px,4.1vw,52px);font-weight:650;line-height:1.04}.featured-copy>p{margin:0;color:#4b687d;font-size:14px}.featured-actions{display:flex;align-items:center;gap:12px;margin-top:22px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:0 15px;border:1px solid transparent;cursor:pointer;font-weight:600}.button:disabled{cursor:wait;opacity:.65}.button--green{color:var(--paper);background:var(--route-cobalt);border-radius:4px}.button--green:hover{background:#194eb5}.featured-heart{display:grid;width:42px;height:42px;place-items:center;color:var(--ink);background:#ffffffa6;border:1px solid var(--rule);border-radius:4px;cursor:pointer}.featured-heart:hover,.featured-heart.is-liked{color:var(--red)}.featured-foot{display:flex;width:100%;justify-content:space-between;gap:8px;margin-top:22px;padding-top:9px;color:#4b687d;border-top:1px solid var(--rule);font-size:9px}.art{position:relative;isolation:isolate;display:flex;width:100%;aspect-ratio:1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:12px;color:#fff;background:var(--route-cobalt)}.art:before,.art:after{position:absolute;z-index:-1;display:block;content:""}.art:before{top:15%;right:-12%;width:82%;aspect-ratio:1;border:1px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 0 0 14px #ffffff1c,0 0 0 31px #ffffff14,inset 0 0 0 22px #ffffff21}.art:after{top:42%;right:20%;width:14px;aspect-ratio:1;background:var(--route-citron);border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 5px #dbe95733}.art--bolero{background:#2865d4}.art--bolero:before{top:11%;right:-17%;border-color:#ebfaffad;box-shadow:0 0 0 18px #ebfaff1a,0 0 0 40px #ebfaff1a,inset 0 0 0 25px #ebfaff2e}.art--bolero:after{top:39%;right:19%;width:18px;background:var(--route-citron)}.art--rain{color:#173f55;background:#a9e5dc}.art--rain:before{top:-20%;right:-3%;width:78%;border:1px solid rgba(23,63,85,.34);border-radius:0;transform:rotate(33deg);box-shadow:0 0 0 13px #173f5512,0 0 0 30px #173f550f,inset 0 0 0 18px #173f5514}.art--rain:after{top:47%;right:30%;width:17px;background:var(--red)}.art--rose{background:#ef665b}.art--rose:before{top:12%;right:-14%;width:84%;border-radius:60% 40% 52% 48%;transform:rotate(-23deg);box-shadow:0 0 0 16px #ffffff21,0 0 0 34px #ffffff1a,inset 0 0 0 25px #ffffff29}.art--rose:after{top:40%;right:25%;background:#fff7bd}.art--local{color:#173f55;background:#b5e4f4}.art--local:before{border-color:#173f554d;border-radius:4px;transform:rotate(14deg)}.art__code,.art__title,.art__artist{position:relative;z-index:1}.art__code{font-size:9px;font-weight:600}.art__title{max-width:90%;overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.art__artist{margin-top:-7px;color:#ffffffe6;font-size:10px}.art--rain .art__artist,.art--local .art__artist{color:#173f55cc}.art--featured{max-width:264px;padding:16px;border-radius:3px;box-shadow:4px 8px 20px #21537d29}.art--featured .art__title{font-size:17px}.art--small{width:42px;flex:0 0 42px;padding:5px;border-radius:2px}.art--small:before{top:22%;right:-20%;width:76%;box-shadow:0 0 0 5px #f2edde12,inset 0 0 0 7px #f2edde17}.art--small:after{top:46%;right:23%;width:4px;box-shadow:none}.art--small .art__code,.art--small .art__artist{display:none}.art--small .art__title{max-width:95%;font-size:7px}.list-heading{display:flex;min-height:63px;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;border-bottom:1px solid var(--rule)}.list-heading>div{display:flex;align-items:baseline;gap:12px}.list-heading h2{margin:0;font-size:16px;font-weight:650}.list-heading>div>span{color:#557186;font-size:9px;font-weight:600}.upload-button{display:inline-flex;min-height:35px;align-items:center;gap:7px;padding:0 9px;color:var(--route-cobalt);background:var(--surface);border:1px solid rgba(39,101,207,.27);border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.upload-button:hover{color:var(--paper);background:var(--route-cobalt)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.track-row{position:relative;display:grid;min-height:63px;grid-template-columns:28px 42px minmax(0,1fr) 54px 34px;align-items:center;gap:9px;padding:6px 1px;border-bottom:1px solid rgba(23,52,79,.14)}.track-row:before{position:absolute;top:0;bottom:0;left:13px;width:2px;background:var(--route-cyan);opacity:.28;content:""}.track-row.access-pro:before{background:var(--red)}.track-row.access-admin:before{background:#97a91a}.track-row:hover,.track-row.is-active{background:#08a8c112}.track-index,.row-art,.track-copy{padding:0;background:transparent;border:0;cursor:pointer}.track-index{position:relative;z-index:1;display:grid;width:26px;height:26px;place-items:center;color:var(--route-cyan);background:var(--surface);border:2px solid var(--route-cyan);border-radius:50%;font-size:9px;font-variant-numeric:tabular-nums}.track-row.access-pro .track-index{color:var(--red);border-color:var(--red)}.track-row.access-admin .track-index{color:#74820a;border-color:#9caf17}.track-row.access-public.is-active .track-index{color:#fff;background:var(--route-cyan)}.track-row.access-pro.is-active .track-index{color:#fff;background:var(--red)}.track-row.access-admin.is-active .track-index{color:var(--ink);background:var(--route-citron)}.track-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.track-copy strong,.track-copy span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy strong{font-weight:600}.track-premium{display:inline-flex;min-width:27px;height:16px;align-items:center;justify-content:center;margin-left:7px;padding:0 4px;color:#fff;background:var(--red);border-radius:2px;font-size:8px;font-style:normal;font-weight:700;vertical-align:1px}.track-premium.access-admin{color:#340;background:var(--route-citron)}.track-copy span{color:#536d82;font-size:11px}.track-duration{color:#476279;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.like-button.is-liked{color:var(--red)}.remove-track{color:#485148}.meter{display:flex;height:15px;align-items:flex-end;gap:2px}.meter i{width:2px;height:50%;background:var(--route-cobalt);animation:meter .65s ease-in-out infinite alternate}.meter i:nth-child(2){height:100%;animation-delay:.14s}.meter i:nth-child(3){height:68%;animation-delay:.3s}.library-note{color:#536d82;font-size:11px;line-height:1.55}.empty-state{display:flex;min-height:120px;align-items:center;justify-content:center;gap:11px;color:#536d82;border-bottom:1px solid var(--rule)}.queue{min-width:0;padding:4px 0 0 20px;border-left:1px solid var(--rule)}.queue-heading{display:flex;min-height:28px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.queue-heading h2{margin:0;font-size:10px;font-weight:650}.queue-heading>i{width:8px;height:8px;background:#93a9b8;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px #93a9b8}.queue-heading>i.is-playing{background:var(--route-mint);box-shadow:0 0 0 3px #66cdb838}.queue-now{display:flex;flex-direction:column;align-items:flex-start;padding:21px 0 18px}.queue-now>.art{max-width:192px}.queue-now>strong{margin-top:11px;font-size:14px}.queue-now>span{margin-top:4px;color:#536d82;font-size:11px}.queue-progress{position:relative;width:100%;height:2px;margin-top:18px;background:#17344f29}.queue-progress i{position:absolute;top:-1px;left:0;width:37%;height:4px;background:var(--red);border-radius:4px}.queue-subheading{margin-top:8px}.queue-subheading>span{color:#567188;font-size:10px}.up-next{display:grid;width:100%;min-height:52px;grid-template-columns:21px 7px minmax(0,1fr);align-items:center;gap:9px;padding:4px 1px;background:transparent;border:0;border-bottom:1px solid rgba(23,52,79,.14);cursor:pointer;text-align:left}.up-next:hover{background:#08a8c112}.up-next>span{color:#567188;font-size:10px}.up-next>strong{overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.up-next small{display:block;margin-top:3px;color:#536d82;font-size:10px;font-weight:400}.swatch{width:7px;height:31px;background:var(--route-cobalt);border-radius:4px}.swatch--rain{background:var(--route-cyan)}.swatch--rose{background:var(--red)}.swatch--local{background:#a4b91d}.queue-foot{display:flex;align-items:center;gap:7px;margin-top:25px;color:#4c687f;font-size:9px;font-weight:600}.gate{display:grid;min-height:calc(100dvh - 155px);grid-template-columns:minmax(220px,.8fr) minmax(290px,1fr);align-items:center;gap:clamp(30px,7vw,105px);max-width:850px;margin:auto;padding:30px 3vw 48px}.gate-art{position:relative;display:grid;max-width:300px;aspect-ratio:.86;place-items:center;overflow:hidden;color:var(--route-citron);background:var(--route-cobalt);border-radius:4px}.gate-art:before{position:absolute;top:14%;right:-16%;width:88%;aspect-ratio:1;border:1px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 0 0 18px #ffffff1a,0 0 0 41px #ffffff12;content:""}.gate-art>svg{position:relative}.gate-art>span{position:absolute;bottom:15px;left:15px;color:var(--paper);font-size:10px}.gate-copy{max-width:360px}.gate-copy>svg{color:var(--route-cobalt)}.gate-copy h1{margin:16px 0 9px;font-size:clamp(28px,3vw,37px);line-height:1.1}.gate-copy>p{color:#4d687e;font-size:13px;line-height:1.6}.gate-copy form{display:flex;flex-direction:column;gap:10px;margin-top:25px}.gate-copy label{font-size:10px;font-weight:650}.gate-copy input{height:44px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid rgba(39,101,207,.25);border-radius:4px}.gate-copy input::placeholder{color:#60788c}.button--dark{min-height:44px;justify-content:space-between;margin-top:4px;color:var(--paper);background:var(--route-cobalt);border-radius:4px}.button--dark:hover{background:#194eb5}.form-error{color:#8e3425;font-size:12px}.local-warning{margin:16px 0 0;color:#526a80;font-size:10px!important}.turnstile-frame{min-height:65px}.turnstile-note{margin:0;color:#8d3531;font-size:11px!important;line-height:1.5}.gate-copy>a{display:inline-block;margin-top:16px;color:var(--route-cobalt);font-size:11px;text-decoration:underline;text-underline-offset:3px}.account-switch{display:block;margin-top:15px;padding:0;color:var(--route-cobalt);background:transparent;border:0;cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:3px}.account-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.account-actions .button{margin:0}.plan-pill{display:inline-flex;min-height:23px;align-items:center;padding:0 8px;color:var(--paper);background:var(--route-cobalt);border-radius:3px;font-size:9px;font-weight:700}.plan-pill.pro{background:var(--red)}.plan-pill.admin{color:#340;background:var(--route-citron)}.access-notice .access-link{display:inline-flex;margin-top:18px}.admin-page{max-width:1120px;margin:0 auto;padding:34px 0 60px}.admin-heading,.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-heading{padding-bottom:18px;border-bottom:1px solid var(--rule)}.admin-heading>div>span,.admin-section-heading>div>span{color:var(--route-cobalt);font-size:9px;font-weight:700}.admin-heading h1{margin:7px 0 0;font-size:30px;line-height:1.1}.admin-section{padding:23px 0 28px;border-bottom:1px solid var(--rule)}.admin-section-heading{margin-bottom:16px}.admin-section-heading h2{margin:5px 0 0;font-size:18px}.admin-upload{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(26,33,29,.2)}.admin-upload label,.admin-invite label,.admin-user-row label{display:flex;min-width:0;flex-direction:column;gap:6px;font-size:9px;font-weight:700}.admin-upload input,.admin-upload select,.admin-track-row input,.admin-track-row select,.admin-invite select,.admin-user-row select{min-width:0;height:38px;padding:0 9px;color:var(--ink);background:var(--surface);border:1px solid rgba(39,101,207,.24);border-radius:3px;font-size:12px}.admin-upload .admin-file{grid-column:span 2}.admin-upload .admin-file input{padding:7px}.admin-upload .button{min-height:38px}.admin-track-list,.admin-user-list{display:flex;flex-direction:column}.admin-track-row,.admin-user-row{display:grid;min-width:720px;grid-template-columns:minmax(135px,1.15fr) minmax(110px,1fr) minmax(100px,.8fr) 95px 34px 34px;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid rgba(23,52,79,.14)}.admin-track-meta,.admin-user-meta{display:flex;min-width:0;flex-direction:column;gap:4px}.admin-track-meta strong,.admin-user-meta strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-track-meta span,.admin-user-meta span{color:#536d82;font-size:9px}.admin-track-row .icon-button,.admin-user-row .icon-button{width:32px}.admin-delete{color:#d94642}.admin-invite{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding-bottom:17px;border-bottom:1px solid rgba(23,52,79,.15)}.admin-invite label{width:min(180px,100%)}.admin-invite .button{min-height:38px;margin:0}.admin-user-create{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.2fr) 110px 110px auto;align-items:end;gap:10px;padding-bottom:17px;border-bottom:1px solid rgba(23,52,79,.15)}.admin-user-create label{display:flex;min-width:0;flex-direction:column;gap:6px;font-size:9px;font-weight:700}.admin-user-create input,.admin-user-create select{min-width:0;height:38px;padding:0 9px;color:var(--ink);background:var(--surface);border:1px solid rgba(39,101,207,.24);border-radius:3px;font-size:12px}.admin-user-create .button{min-height:38px;margin:0}.invite-code{display:inline-flex;min-height:38px;align-items:center;gap:10px;padding:0 7px 0 10px;background:var(--surface);border:1px solid rgba(39,101,207,.24);border-radius:3px;font-family:monospace;font-size:11px;overflow-wrap:anywhere}.admin-user-row{min-width:820px;grid-template-columns:minmax(140px,1fr) 90px 90px minmax(170px,1fr) 34px 34px}.admin-error{padding:10px 12px;color:#8d3531;background:#ef665b17;border:1px solid rgba(239,102,91,.25);border-radius:4px;font-size:12px}.player{position:fixed;z-index:10;inset:auto 0 0;display:grid;min-height:102px;grid-template-columns:minmax(205px,.9fr) minmax(280px,1.3fr) minmax(125px,.9fr);align-items:center;gap:18px;padding:11px clamp(17px,3vw,42px) max(11px,env(safe-area-inset-bottom));color:var(--ink);background:var(--pine);border-top:2px solid #b9dfef;box-shadow:0 -6px 22px #23537d1f}.player-track{display:flex;min-width:0;align-items:center;gap:10px}.player-track>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.player-track>div strong,.player-track>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track>div strong{font-size:12px;font-weight:600}.player-track>div span{color:#536d82;font-size:10px}.player-like{display:grid;width:30px;height:32px;flex:0 0 auto;place-items:center;color:#496780;background:transparent;border:0;cursor:pointer}.player-like.is-liked,.player-like:hover{color:var(--red)}.player-center{min-width:0}.player-buttons{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.4vw,18px)}.player .icon-button{color:var(--route-cobalt)}.player .icon-button:hover{color:var(--red)}.play-toggle{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:var(--route-cobalt);border:0;border-radius:50%;cursor:pointer}.play-toggle:hover{background:#194eb5;transform:scale(1.04)}.timeline{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:5px;color:#496780;font-size:9px;font-variant-numeric:tabular-nums}.timeline>span:last-child{text-align:right}input[type=range]{width:100%;height:14px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--red) 0 var(--progress,0%),rgba(23,52,79,.2) var(--progress,0%) 100%)}input[type=range]::-moz-range-track{height:3px;background:#17344f33}input[type=range]::-moz-range-progress{height:3px;background:var(--red)}input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px;appearance:none;background:var(--surface);border:2px solid var(--route-cobalt);border-radius:50%}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--surface);border:2px solid var(--route-cobalt);border-radius:50%}.volume{display:flex;align-items:center;justify-content:flex-end;gap:12px}.volume input{width:min(100px,45%)}.toast{position:fixed;z-index:20;right:20px;bottom:122px;max-width:min(400px,calc(100vw - 40px));padding:12px 15px;color:var(--paper);background:var(--ink);border-radius:4px;box-shadow:0 5px 18px #17344f33;font-size:12px}audio{display:none}@keyframes meter{to{height:25%}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#e3f0f5}::-webkit-scrollbar-thumb{background:#9dbdd1;border:2px solid #e3f0f5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#6d9fbd}@media(max-width:1180px){.content-grid{grid-template-columns:minmax(0,1fr)}.queue{display:none}.library{max-width:860px}}@media(max-width:760px){.app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.sidebar{display:none}.main-area{margin:0;padding:0 17px 25px}.topbar{min-height:61px;gap:12px}.mobile-brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;font-size:17px;font-weight:700}.mobile-brand>svg{color:var(--pine)}.search-box{width:auto;height:36px;flex:1;gap:7px;padding:0 8px}.search-box input{font-size:12px}.search-box kbd,.sound-ready,.topbar-actions>.icon-button{display:none}.account-link{max-width:94px;min-height:32px;overflow:hidden;padding:0 7px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.account-link small{display:none}.topbar-actions{gap:7px}.mobile-tabs{display:flex;min-height:42px;align-items:stretch;gap:18px;overflow-x:auto;border-bottom:1px solid var(--rule);scrollbar-width:none}.mobile-tabs a{position:relative;display:flex;flex:0 0 auto;align-items:center;color:#3d493f;font-size:12px}.mobile-tabs a.selected{color:var(--ink);font-weight:650}.mobile-tabs a.selected:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--red);content:""}.content-grid{padding-top:22px}.page-title{min-height:70px}.page-title h1{font-size:27px}.page-title p{max-width:270px;margin-top:6px;font-size:12px}.featured{grid-template-columns:minmax(105px,31%) minmax(0,1fr);min-height:192px;gap:16px;padding:13px 12px 14px}.featured-copy{min-height:160px}.caption{gap:6px;font-size:8px}.featured-copy h2{margin:12px 0 4px;font-size:clamp(22px,7vw,31px)}.featured-copy>p{font-size:12px}.featured-actions{gap:9px;margin-top:14px}.featured-actions .button{min-height:37px;gap:7px;padding:0 10px;font-size:11px}.featured-heart{width:37px;height:37px}.featured-foot{margin-top:14px;padding-top:7px;font-size:7px}.art--featured{padding:9px;box-shadow:3px 4px #2f2a1c29}.art--featured .art__code{font-size:8px}.art--featured .art__title{font-size:12px}.art--featured .art__artist{font-size:8px}.list-heading{min-height:54px}.list-heading h2{font-size:14px}.track-row{min-height:60px;grid-template-columns:22px 38px minmax(0,1fr) 42px 31px;gap:7px}.track-row .art--small{width:38px;flex-basis:38px}.track-copy strong{font-size:12px}.track-copy span,.track-duration{font-size:10px}.remove-track{grid-column:5;grid-row:1}.remove-track+.track-duration{grid-column:4}.gate{min-height:calc(100dvh - 170px);grid-template-columns:1fr;gap:18px;padding:25px 3px 35px}.gate-art{display:none}.gate-copy{max-width:440px}.gate-copy h1{font-size:30px}.admin-page{padding:23px 0 42px}.admin-heading h1{font-size:25px}.admin-upload{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-upload .admin-file{grid-column:1 / -1}.admin-upload .button{grid-column:1 / -1;justify-content:center}.admin-user-create{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-create .button{grid-column:1 / -1;justify-content:center}.admin-track-list,.admin-user-list{overflow-x:auto}.admin-section{padding:19px 0 23px}.player{min-height:84px;grid-template-columns:minmax(0,1fr) auto;gap:7px 13px;padding:8px 14px max(10px,env(safe-area-inset-bottom))}.player-track{gap:8px}.player-track>.art{width:37px;flex-basis:37px}.player-track>div strong{font-size:11px}.player-track>div span{font-size:9px}.player-like{width:27px}.player-center{grid-column:2;grid-row:1}.player-buttons{gap:7px}.player-buttons>.icon-button{display:none}.play-toggle{width:39px;height:39px}.timeline{grid-column:1 / -1;grid-row:2;grid-template-columns:29px minmax(0,1fr) 29px;gap:7px;margin:0;font-size:8px}.volume{display:none}.toast{right:12px;bottom:calc(96px + env(safe-area-inset-bottom));left:12px;max-width:none}}@media(max-width:370px){.main-area{padding-right:12px;padding-left:12px}.mobile-tabs{gap:16px}.featured{grid-template-columns:95px minmax(0,1fr);gap:12px}.featured-copy h2{font-size:21px}.caption{font-size:7px}.featured-foot span:last-child{display:none}.track-row{grid-template-columns:18px 35px minmax(0,1fr) 37px 29px;gap:5px}.track-row .art--small{width:35px;flex-basis:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}