:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d0e;--panel:#131517;--panel-2:#191b1e;--ink:#f2f0e9;--muted:#8c8f8d;--line:#292c2e;--acid:#d7ff3f;--serif:Georgia, "Songti SC", "Noto Serif SC", serif;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html,body{touch-action:manipulation}#clipperCanvas{touch-action:none}html{background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0}button,input{font:inherit}button,label[for]{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;padding:0 0 112px 260px}.sidebar{z-index:10;border-right:1px solid var(--line);background:#0a0b0c;flex-direction:column;width:260px;padding:30px 22px 122px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:inherit;align-items:center;gap:12px;margin:0 8px 50px;text-decoration:none;display:flex}.brand-monogram{color:#10110f;background:var(--acid);width:38px;height:38px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:25px;font-style:italic;display:grid}.brand>span:last-child{gap:1px;display:grid}.brand b{letter-spacing:.17em;font-size:16px}.brand small{color:var(--muted);letter-spacing:.28em;font-size:7px}.main-nav{gap:7px;display:grid}.nav-item,.side-item{text-align:left;cursor:pointer;border:0;width:100%}.nav-item{color:#9b9e9c;background:0 0;border-radius:6px;align-items:center;gap:14px;min-height:45px;padding:0 13px;font-size:13px;display:flex}.nav-item span{color:#555958;font-family:ui-monospace,monospace;font-size:8px}.nav-item.is-active{color:var(--ink);background:var(--panel-2)}.nav-item.is-active span{color:var(--acid)}.sidebar-section{margin-top:34px}.sidebar-heading{color:#666a68;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 11px 11px;font-size:9px;font-weight:700;display:flex}.sidebar-heading button{cursor:pointer;color:#909391;background:0 0;border:0;width:24px;height:24px;font-size:18px}.side-list{gap:3px;display:grid}.side-item{color:#969997;background:0 0;border-radius:5px;align-items:center;gap:10px;min-height:36px;padding:0 11px;font-size:12px;display:flex}.side-item:hover,.side-item.is-selected{color:var(--ink);background:#151719}.side-item em{color:#565a58;margin-left:auto;font-size:9px;font-style:normal}.color-dot{border-radius:50%;width:7px;height:7px}.dot-green{background:var(--acid)}.dot-orange{background:#ff9458}.dot-purple{background:#a58aff}.playlist-icon{border:1px solid #383b3d;border-radius:3px;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.privacy-note{border-top:1px solid #242729;align-items:center;gap:10px;margin:auto 9px 0;padding-top:28px;display:flex}.status-light{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #d7ff3f8c}.privacy-note p{gap:3px;margin:0;display:grid}.privacy-note b{font-size:11px}.privacy-note small{color:#606361;font-size:8px}.main-content{width:min(1180px,100% - 64px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:13px;height:88px;display:flex}.search-wrap{color:#686b69;align-items:center;gap:10px;width:min(470px,48vw);display:flex}.search-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 0;font-size:12px}.search-wrap kbd{color:#777b79;background:#17191b;border:1px solid #2f3234;border-radius:4px;padding:5px 7px;font-size:8px}.upload-button,.primary-action,.empty-library label{cursor:pointer;color:#10110f;background:var(--acid);border:0;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.upload-button{border-radius:4px;min-height:38px;margin-left:auto;padding:0 15px;font-size:11px}.upload-button span{font-size:17px;font-weight:400}.profile-button{cursor:pointer;width:36px;height:36px;color:var(--acid);font-family:var(--serif);background:#17191a;border:1px solid #404345;border-radius:50%;font-style:italic}.mobile-menu{background:0 0;border:0;display:none}.library-heading{justify-content:space-between;align-items:end;gap:50px;padding:65px 0 37px;display:flex}.eyebrow{color:#6e716f;letter-spacing:.25em;font-family:ui-monospace,monospace;font-size:8px;font-weight:700}.library-heading h1{font-family:var(--serif);letter-spacing:-.055em;margin:13px 0 0;font-size:clamp(46px,5.2vw,78px);font-weight:400;line-height:.9}.library-heading h1 i{color:var(--acid);font-weight:400}.library-heading>p{color:#777b79;max-width:360px;margin:0 0 4px;font-size:12px;line-height:1.75}.now-feature{background:#17191b;border:1px solid #2c2f31;border-radius:8px;grid-template-columns:315px 1fr;min-height:300px;display:grid;overflow:hidden}.feature-art{color:#121410;background:var(--acid);padding:24px;position:relative;overflow:hidden}.feature-art:before,.feature-art:after{content:"";border:1px solid #12141059;border-radius:50%;position:absolute}.feature-art:before{width:260px;height:260px;bottom:-90px;right:-78px;box-shadow:0 0 0 24px #12141014,0 0 0 48px #12141012}.feature-art:after{background:#11130f;width:8px;height:8px;bottom:36px;right:48px}.art-label{z-index:1;letter-spacing:.2em;font-size:9px;font-weight:900;line-height:1.3;position:relative}.art-number{font-family:var(--serif);letter-spacing:-.08em;font-size:98px;font-style:italic;position:absolute;bottom:12px;left:22px}.feature-copy{flex-direction:column;justify-content:center;padding:36px clamp(30px,5vw,70px);display:flex}.eyebrow-light{color:var(--acid)}.feature-title{justify-content:space-between;gap:20px;margin:13px 0 25px;display:flex}.feature-title h2{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 7px;font-size:clamp(28px,3vw,42px);font-weight:400}.feature-title p{color:#797c7a;margin:0;font-size:11px}.feature-title button{cursor:pointer;color:#8f9390;background:0 0;border:0;align-self:start;font-size:26px}.feature-wave{opacity:.62;align-items:center;gap:4px;height:38px;display:flex;overflow:hidden}.feature-wave i{background:#777b78;flex:1;width:2px}.feature-wave i:nth-child(3n){height:28px}.feature-wave i:nth-child(4n){height:14px}.feature-wave i:nth-child(5n){height:34px}.feature-wave i:nth-child(7n){height:20px}.feature-wave i:nth-child(odd){height:9px}.feature-actions{align-items:center;gap:11px;margin-top:26px;display:flex}.primary-action,.secondary-action{letter-spacing:.04em;border-radius:4px;min-height:39px;padding:0 18px;font-size:10px}.primary-action span{font-size:9px}.secondary-action{cursor:pointer;color:#b3b6b4;background:0 0;border:1px solid #3a3d3f}.tracks-section{padding:48px 0 50px}.section-title-row,.section-title-row>div{align-items:center;display:flex}.section-title-row{justify-content:space-between;margin-bottom:17px}.section-title-row>div:first-child{gap:12px}.section-title-row h2{font-family:var(--serif);margin:0;font-size:26px;font-weight:400}.section-title-row span{color:#656866;font-size:9px}.view-actions{gap:7px}.view-actions button{cursor:pointer;color:#737674;background:0 0;border:0;font-size:9px}.view-actions .view-toggle{border:1px solid #2b2e30;border-radius:3px;width:26px;height:26px;font-size:12px}.view-actions .view-toggle.is-active{color:var(--acid);background:#1a1c1e}.track-table{border-top:1px solid #303335}.track-row{border-bottom:1px solid #222527;grid-template-columns:34px minmax(240px,2fr) minmax(110px,.8fr) minmax(100px,.7fr) 60px 104px;align-items:center;gap:12px;min-height:47px;display:grid}.track-header{color:#5f6361;letter-spacing:.08em;text-transform:uppercase;min-height:39px;font-size:8px}.empty-library{border-bottom:1px solid #222527;justify-content:center;align-items:center;gap:20px;min-height:180px;padding:30px;display:flex}.empty-disc{color:#171918;background:var(--acid);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:20px;display:grid}.empty-library h3{font-family:var(--serif);margin:0 0 6px;font-size:19px;font-weight:400}.empty-library p{color:#696c6a;max-width:450px;margin:0;font-size:10px;line-height:1.6}.empty-library label{border-radius:4px;min-height:35px;margin-left:auto;padding:0 14px;font-size:9px}.player-bar{z-index:20;min-height:94px;padding:12px 32px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0f10f0;border-top:1px solid #313436;grid-template-columns:minmax(230px,1fr) minmax(360px,1.5fr) minmax(200px,1fr);align-items:center;gap:28px;display:grid;position:fixed;bottom:0;left:260px;right:0}.player-track{align-items:center;gap:11px;min-width:0;display:flex}.player-cover{color:#151710;background:var(--acid);width:48px;height:48px;font-family:var(--serif);flex:none;place-items:center;font-size:25px;font-style:italic;display:grid}.player-track>div:nth-child(2){gap:5px;min-width:0;display:grid}.player-track strong,.player-track span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-track strong{font-size:11px}.player-track span{color:#666a68;letter-spacing:.08em;font-size:8px}.player-track button{cursor:pointer;color:#777b79;background:0 0;border:0;font-size:19px}.player-controls{gap:8px;display:grid}.control-buttons{justify-content:center;align-items:center;gap:23px;display:flex}.control-buttons button{cursor:pointer;color:#8c8f8d;background:0 0;border:0;font-size:12px}.control-buttons .main-play{color:#10120f;background:var(--acid);border-radius:50%;width:36px;height:36px;padding-left:9px;font-size:10px}.progress-row{color:#5f6260;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:8px;display:grid}.progress-row input,.player-extras input{width:100%;height:2px;accent-color:var(--acid)}.control-buttons button.is-active{color:var(--acid)}.player-extras{justify-content:flex-end;align-items:center;gap:10px;display:flex}.player-extras button{color:#737674;background:0 0;border:0;font-size:9px}.player-extras input{max-width:90px}.player-extras>span{color:#6c6f6d;font-size:11px}.toast{z-index:50;opacity:0;pointer-events:none;color:#10110f;background:var(--acid);border-radius:4px;padding:11px 16px;font-size:11px;font-weight:800;transition:all .2s;position:fixed;bottom:116px;left:50%;transform:translate(-50%,12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.is-hidden{display:none!important}.track-item{cursor:pointer;min-height:61px;transition:background .15s;position:relative}.track-item:hover,.track-item.is-current{background:#141719}.track-index{color:#686c69;font-family:ui-monospace,monospace;font-size:9px}.track-index button{cursor:pointer;color:#0f110e;background:var(--acid);opacity:0;border:0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.track-item:hover .track-index>span,.track-item.is-current .track-index>span{display:none}.track-item:hover .track-index button,.track-item.is-current .track-index button{opacity:1}.track-info{align-items:center;gap:12px;min-width:0;display:flex}.mini-cover{color:#11130f;background:var(--cover,var(--acid));width:38px;height:38px;font-family:var(--serif);flex:none;place-items:center;font-size:18px;font-style:italic;display:grid}.track-copy{gap:5px;min-width:0;display:grid}.track-copy strong,.track-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-copy strong{font-size:11px}.track-copy small,.track-cell{color:#6e7270;font-size:9px}.track-group{align-items:center;gap:6px;display:inline-flex}.track-group:before{content:"";background:var(--group-color,#6d716f);border-radius:50%;width:5px;height:5px}.track-favorite,.track-more,.track-download,.track-rename{cursor:pointer;color:#737775;background:0 0;border:0}.track-favorite.is-active{color:var(--acid)}.track-more{letter-spacing:.1em;font-size:17px}.track-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.track-actions button{border:1px solid #303435;border-radius:3px;min-height:28px;padding:0 8px;font-size:8px}.track-actions button:hover{color:#11130f;background:var(--acid);border-color:var(--acid)}.track-row button:focus-visible,.player-bar button:focus-visible,.nav-item:focus-visible,.side-item:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.empty-filter{color:#6d716f;text-align:center;font-family:var(--serif);padding:48px 20px}.drop-overlay{z-index:90;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070809e6;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.drop-overlay.is-active{opacity:1}.drop-overlay>div{border:1px dashed var(--acid);border-radius:10px;place-content:center;justify-items:center;gap:10px;width:min(520px,100% - 40px);min-height:260px;display:grid}.drop-overlay span{color:#11130f;background:var(--acid);border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.drop-overlay strong{font-family:var(--serif);margin-top:12px;font-size:25px;font-weight:400}.drop-overlay small{color:#727674}.upload-panel{z-index:60;width:min(390px,100% - 48px);max-height:min(520px,100vh - 150px);color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121415fa;border:1px solid #363a3b;border-radius:8px;position:fixed;bottom:112px;right:24px;overflow:hidden;box-shadow:0 24px 70px #00000085}.upload-panel-heading{border-bottom:1px solid #2c3031;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px 14px;display:flex}.upload-panel-heading>div{gap:5px;display:grid}.upload-panel-heading strong{font-family:var(--serif);font-size:19px;font-weight:400}.upload-panel-heading button{cursor:pointer;color:#8b8f8c;background:0 0;border:0;font-size:8px}.upload-panel-heading button:hover{color:var(--acid)}.upload-panel-heading button:disabled{cursor:default;opacity:.35}.upload-summary{color:#777b79;letter-spacing:.04em;background:#101213;border-bottom:1px solid #292d2e;padding:10px 18px;font-size:8px}.upload-queue-list{max-height:340px;overflow-y:auto}.upload-item{border-bottom:1px solid #272b2c;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:67px;padding:12px 18px 15px;display:grid;position:relative}.upload-item:last-child{border-bottom:0}.upload-item-copy{gap:5px;min-width:0;display:grid}.upload-item-copy strong,.upload-item-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-item-copy strong{font-size:10px}.upload-item-copy small{color:#717573;font-size:8px}.upload-state{color:var(--acid);font-family:ui-monospace,monospace;font-size:9px}.upload-item.is-error .upload-state,.upload-item.is-error small{color:#ff8e98}.upload-progress{background:#303435;border-radius:2px;height:2px;position:absolute;bottom:8px;left:18px;right:18px;overflow:hidden}.upload-progress i{background:var(--acid);height:100%;transition:width .16s;display:block}.upload-item.is-error .upload-progress i{background:#ff6e83}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040506c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#151719;border:1px solid #35393a;border-radius:9px;width:min(500px,100%);padding:38px;position:relative;box-shadow:0 28px 90px #00000080}.dialog h2{font-family:var(--serif);margin:9px 0 28px;font-size:31px;font-weight:400}.dialog-close{cursor:pointer;color:#828684;background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:17px}.dialog form{gap:18px;display:grid}.dialog label{color:#777b79;letter-spacing:.1em;text-transform:uppercase;gap:8px;font-size:9px;font-weight:700;display:grid}.dialog input,.dialog select,.clipper-card input,.clipper-card select{width:100%;min-height:43px;color:var(--ink);background:#0f1112;border:1px solid #343839;border-radius:4px;outline:0;padding:0 12px}.dialog input:focus,.dialog select:focus,.clipper-card input:focus,.clipper-card select:focus{border-color:var(--acid)}.dialog fieldset{border:0;margin:0;padding:0}.dialog legend{color:#777b79;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:700}.dialog-checks{flex-wrap:wrap;gap:8px;display:flex}.dialog-checks label{color:#a3a6a4;text-transform:none;letter-spacing:0;background:#101213;border:1px solid #303435;border-radius:4px;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:8px 11px;display:flex}.dialog-checks input{width:auto;min-height:auto;accent-color:var(--acid)}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:9px;display:flex}.dialog-actions button{cursor:pointer}.danger-action{color:#ff8e98;background:0 0;border:1px solid #663d42;border-radius:4px;min-height:39px;margin-right:auto;padding:0 14px;font-size:10px}.queue-drawer{z-index:70;background:#101213;border-left:1px solid #303435;width:min(390px,100%);padding:30px 25px 115px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-24px 0 70px #00000052}.queue-drawer.is-open{transform:translate(0)}.queue-heading{border-bottom:1px solid #2b2f30;justify-content:space-between;align-items:start;padding-bottom:20px;display:flex}.queue-heading h2{font-family:var(--serif);margin:8px 0 0;font-size:28px;font-weight:400}.queue-heading button{cursor:pointer;color:#8b8f8c;background:0 0;border:0;font-size:25px}.queue-list{display:grid}.queue-item{cursor:pointer;border-bottom:1px solid #232627;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;min-height:58px;display:grid}.queue-item>span{color:#575b59;font-family:ui-monospace,monospace;font-size:8px}.queue-item strong{margin-bottom:4px;font-size:10px;display:block}.queue-item small{color:#666a68;font-size:8px}.queue-item.is-current strong{color:var(--acid)}.clipper-view{padding:64px 0 60px}.clipper-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px;display:flex}.clipper-heading h1{font-family:var(--serif);margin:12px 0 0;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.9}.clipper-heading>p{color:#777b79;max-width:390px;margin:0;font-size:12px;line-height:1.8}.clipper-card{background:#141618;border:1px solid #303435;border-radius:8px;padding:30px}.clipper-topline{justify-content:space-between;align-items:end;gap:20px;display:flex}.clipper-topline label{color:#777b79;letter-spacing:.1em;text-transform:uppercase;gap:8px;width:min(430px,100%);font-size:9px;display:grid}.clipper-topline>span{color:var(--acid);font-family:ui-monospace,monospace;font-size:9px}.wave-canvas-wrap{cursor:crosshair;background:#0d0f10;border:1px solid #292d2e;height:260px;margin:28px 0;position:relative;overflow:hidden}.wave-canvas-wrap canvas{width:100%;height:100%;display:block}.clipper-selection{pointer-events:none;border-inline:1px solid var(--acid);background:#d7ff3f21;width:0;position:absolute;inset:0 auto 0 0}.clipper-times{grid-template-columns:1fr 24px 1fr auto;align-items:end;gap:15px;display:grid}.clipper-times label{color:#777b79;letter-spacing:.1em;text-transform:uppercase;gap:8px;font-size:9px;display:grid}.clipper-times>span{color:#686c6a;text-align:center;align-self:center}.clipper-times strong{color:#11130f;background:var(--acid);text-align:center;border-radius:4px;min-width:90px;padding:14px;font-size:10px}.clipper-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.clipper-actions button{cursor:pointer}@media (width<=920px){.app-shell{padding-left:0}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.mobile-menu{display:block}.main-content{width:min(100% - 32px,760px)}.player-bar{grid-template-columns:1fr 1.5fr;left:0}.player-extras{display:none}.library-heading{flex-direction:column;align-items:start;gap:20px}.now-feature{grid-template-columns:250px 1fr}}@media (width<=650px){.app-shell{padding-bottom:88px}.topbar{height:72px}.search-wrap{flex:1}.search-wrap kbd,.profile-button{display:none}.upload-button{min-width:38px;padding:0 11px;font-size:0}.upload-button span{font-size:18px}.library-heading{padding-top:45px}.library-heading h1{font-size:48px}.now-feature{grid-template-columns:1fr}.feature-art{min-height:190px}.feature-copy{padding:28px 24px}.track-header span:nth-child(3),.track-header span:nth-child(4),.track-header span:nth-child(5),.track-item>.track-cell{display:none}.track-row{grid-template-columns:28px 1fr 84px;gap:8px}.track-actions{gap:3px}.track-actions button{padding:0 6px}.empty-library{flex-direction:column;align-items:flex-start}.empty-library label{margin-left:0}.player-bar{grid-template-columns:1fr auto;min-height:78px;padding:10px 16px}.player-controls{display:flex}.control-buttons button:not(.main-play),.progress-row,.player-track button{display:none}.player-cover{width:42px;height:42px}.tracks-section{padding-bottom:30px}.clipper-heading{flex-direction:column;align-items:start;gap:18px}.clipper-card{padding:20px}.clipper-topline{flex-direction:column;align-items:start}.wave-canvas-wrap{height:190px}.clipper-times{grid-template-columns:1fr 12px 1fr}.clipper-times strong{grid-column:1/-1}.clipper-actions{flex-direction:column}.clipper-actions button{width:100%}.dialog{padding:30px 22px}.upload-panel{width:calc(100% - 24px);max-height:calc(100vh - 118px);bottom:94px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}