@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#14201b;--paper:#f2f0e9;--muted:#78827c;--line:#d8d8cd;--coral:#dc7259;--sage:#dce5dc;--cream:#fbfaf5;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.wordmark{letter-spacing:-1.5px;font-size:27px;font-weight:800}.wordmark span{color:var(--coral)}.eyebrow{color:var(--coral);letter-spacing:1.2px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-4px;margin-bottom:22px;font-size:clamp(42px,6vw,78px);line-height:.98}h2{letter-spacing:-1.5px;margin:0;font-size:27px}h3{margin:0 0 5px;font-size:17px}.muted{color:var(--muted)}.button{border:0;padding:15px 20px;font-weight:700;display:inline-block}.button-dark{background:var(--ink);color:#fff}.button-coral{background:var(--coral);color:#fff}.quiet-link,.text-button{color:var(--coral);background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.page-shell{max-width:1150px;margin:auto;padding:56px 34px 140px}.navbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex}.navbar nav{gap:30px;margin-left:90px;display:flex}.navbar nav a{color:var(--muted);padding:29px 0;font-size:13px;font-weight:700}.navbar nav a.active{border-bottom:2px solid var(--coral);color:var(--ink)}.navbar nav i{background:var(--coral);color:#fff;border-radius:50%;margin-left:4px;padding:3px 5px;font-size:9px;font-style:normal}.nav-actions{align-items:center;gap:22px;display:flex}.upload-link{color:var(--coral);font-size:13px;font-weight:800}.avatar,.profile-avatar,.mini-avatar{background:var(--ink);color:#fff;justify-content:center;align-items:center;display:inline-flex}.avatar{border-radius:50%;width:33px;height:33px;font-size:10px}.home-intro,.section-heading,.profile-head{justify-content:space-between;align-items:end;display:flex}.home-intro{margin-bottom:95px}.home-intro h1{font-size:clamp(38px,5vw,62px)}.section-heading{border-bottom:1px solid var(--line);margin-bottom:0;padding-bottom:18px}.track-row{border-bottom:1px solid var(--line);align-items:center;gap:21px;min-height:102px;padding:13px 5px;display:flex}.track-index,.track-detail,.track-duration,.comment-hint,.player-time{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.cover,.big-cover{color:#fffc;border:0;justify-content:center;align-items:center;display:flex}.cover{flex:0 0 68px;height:68px;font-family:DM Mono,monospace;font-size:13px}.track-info{flex:1}.track-info span,.artist-line,.result-row p{color:var(--muted);font-size:12px}.track-info b{color:var(--coral);margin:0 5px}.track-detail{gap:25px;display:flex}.home-bottom{background:var(--sage);justify-content:space-between;margin-top:85px;padding:42px;display:flex}.home-bottom h2{font-size:34px}.pulse-copy{align-items:start;gap:5px;max-width:210px;display:grid}.pulse-copy strong{letter-spacing:-4px;font-size:50px}.pulse-copy span{color:var(--muted);font-size:13px}.pulse-copy a{color:var(--coral);margin-top:18px;font-size:12px;font-weight:800}.player{background:var(--ink);color:#fff;z-index:5;align-items:center;gap:15px;min-height:78px;padding:10px 34px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-art{justify-content:center;align-items:center;width:51px;height:51px;display:flex}.player-meta{gap:3px;min-width:180px;display:grid}.player-meta span{color:#9ca8a1;font-size:11px}.play-button{color:#fff;background:0 0;border:1px solid #64736b;padding:8px 12px}.player input{accent-color:var(--coral);flex:1}.landing{background:var(--sage);min-height:100vh;padding:36px 5vw}.landing-top,.landing-foot{justify-content:space-between;display:flex}.landing-top a{font-size:13px;font-weight:700}.landing-hero{max-width:1000px;margin:15vh auto 16vh}.landing-hero h1{font-size:clamp(58px,10vw,138px)}em{color:var(--coral);font-family:Georgia,serif;font-weight:400}.hero-copy{color:#63726a;max-width:340px;line-height:1.6}.landing-hero .button{margin-top:17px}.landing-hero .text-button{margin-left:22px}.landing-foot{color:#728177;text-transform:uppercase;border-top:1px solid #c8d4c8;padding-top:20px;font-family:DM Mono,monospace;font-size:10px}.auth-page{grid-template-columns:1fr 400px 1fr;min-height:100vh;padding:38px 5vw;display:grid}.auth-page>.wordmark{grid-column:1/-1;height:30px}.auth-form{grid-column:2;align-self:center}.auth-form h1{margin-bottom:45px;font-size:48px}label{text-transform:uppercase;gap:8px;margin-bottom:20px;font-family:DM Mono,monospace;font-size:11px;display:grid}input,textarea,select{border:0;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;border-radius:0;outline:none;padding:11px 0}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--coral)}.form-note{color:var(--muted);margin-top:22px;font-size:12px}.form-note a{color:var(--coral);font-weight:700}.back-link{color:var(--coral);margin-bottom:42px;font-family:DM Mono,monospace;font-size:11px;display:inline-block}.track-hero{grid-template-columns:330px 1fr 180px;gap:50px;margin-bottom:105px;display:grid}.big-cover{aspect-ratio:1;font-size:100px}.track-hero-copy{align-self:center}.track-hero-copy h1{font-size:69px}.track-stats{border-top:1px solid var(--line);align-self:end}.track-stats div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}dt{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}dd{margin:0;font-size:12px}.waveform{background:var(--sage);justify-content:center;align-items:center;gap:4px;height:90px;margin:28px 0;padding:15px;display:flex}.waveform i{background:var(--coral);opacity:.75;flex:1;max-width:7px;display:block}.comment-list{max-width:680px}.comment{gap:18px;padding:18px 0;display:flex}.comment p{color:#5f6a63;margin:7px 0 0;font-size:14px}.timestamp{color:var(--coral);background:0 0;border:0;padding:0;font-family:DM Mono,monospace;font-size:11px}.comment-form{gap:20px;max-width:680px;margin-top:24px;display:flex}.comment-form input{flex:1}.form-page,.profile-page,.inbox-page,.search-page{max-width:820px;margin:auto}.form-page h1,.inbox-page h1,.search-page h1{max-width:600px}.intro{margin-bottom:50px}.drop-zone{background:var(--sage);text-align:center;border:1px dashed #abbdb0;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.drop-zone input{display:none}.drop-icon{color:var(--coral);font-size:30px}.drop-zone small{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:35px;margin-top:32px;display:grid}.form-page>.button{margin-top:12px}.profile-head{border-bottom:1px solid var(--line);align-items:center;padding-bottom:35px}.profile-avatar{width:100px;height:100px;font-size:30px}.profile-head>div:nth-child(2){flex:1;margin-left:25px}.profile-head h1{margin-bottom:8px;font-size:47px}.profile-stats{gap:70px;padding:32px 0 75px;display:flex}.profile-stats strong{font-size:31px}.profile-stats span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.inbox-page h1{border-bottom:1px solid var(--line);padding-bottom:25px}.count{color:var(--coral);letter-spacing:0;vertical-align:middle;font-family:DM Mono,monospace;font-size:16px}.inbox-item{border-bottom:1px solid var(--line);gap:18px;padding:24px 0;display:flex}.mini-avatar{flex:0 0 38px;height:38px;font-size:11px}.inbox-item p{margin-bottom:8px;font-size:13px;line-height:1.5}.inbox-item a,blockquote{color:var(--coral)}blockquote{border-left:2px solid var(--coral);margin:13px 0;padding-left:12px;font-size:14px}.inbox-item small{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.search-input{border-bottom:2px solid var(--ink);width:100%;margin:35px 0 80px;padding:18px 0;font-size:25px}.result-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:14px 0;display:flex}.result-row>div{flex:1}.result-row p{margin:0}.result-row>span{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.empty-page{text-align:center;padding:15vh 0}@media (width<=700px){.navbar{padding:0 18px}.navbar nav{gap:13px;margin:0}.navbar nav a{font-size:11px}.upload-link{display:none}.page-shell{padding:40px 18px 130px}.home-intro,.section-heading{flex-direction:column;align-items:start;gap:25px}.home-intro{margin-bottom:65px}.track-detail{display:none}.track-row{gap:11px}.track-index,.track-duration{font-size:9px}.home-bottom{flex-direction:column;align-items:start;gap:35px;margin-top:60px;padding:28px}.player{padding:8px 14px}.player-meta{min-width:0}.player-meta span,.player-time{display:none}.player input{max-width:100px}.landing{padding:25px 22px}.landing-hero{margin:17vh auto 20vh}.landing-hero h1{font-size:60px}.landing-hero .text-button{margin:22px 0 0;display:block}.landing-foot{font-size:8px}.auth-page{padding:28px 22px;display:block}.auth-form{margin-top:20vh}.auth-form h1{font-size:43px}.track-hero{margin-bottom:70px;display:block}.big-cover{width:100%;margin-bottom:30px}.track-hero-copy h1{font-size:60px}.track-stats{margin-top:40px}.comment-form{display:block}.comment-form .button{margin-top:15px}.form-grid{display:block}.profile-head{flex-wrap:wrap;align-items:start;gap:20px}.profile-head>div:nth-child(2){margin:0}.profile-head>.quiet-link{width:100%}.profile-stats{justify-content:space-between;gap:20px;padding-bottom:55px}.profile-stats strong{font-size:24px}}.sidebar{color:#d6ded8;z-index:10;background:#18231e;flex-direction:column;width:248px;height:100vh;padding:28px 18px 18px;display:flex;position:fixed;top:0;left:0}.sidebar .wordmark{color:#fff;padding:0 14px 35px}.workspace-switcher{color:#fff;background:#24322b;border:1px solid #35473d;align-items:center;gap:9px;padding:12px;font-size:12px;display:flex}.workspace-dot{background:var(--coral);border-radius:50%;width:9px;height:9px}.chevron{color:#84968b;margin-left:auto}.side-nav{gap:3px;margin-top:30px;display:grid}.side-nav p{color:#718179;letter-spacing:1px;text-transform:uppercase;margin:0 12px 8px;font-family:DM Mono,monospace;font-size:10px}.side-nav .side-label{margin-top:25px}.side-nav a{color:#a8b4ac;align-items:center;gap:13px;padding:12px;font-size:13px;display:flex}.side-nav a span{color:#7e9588;width:18px;font-size:17px}.side-nav a.active,.side-nav a:hover{color:#fff;background:#2d3d34}.side-nav a.active span{color:var(--coral)}.side-nav i{background:var(--coral);color:#fff;border-radius:10px;margin-left:auto;padding:3px 6px;font-size:9px;font-style:normal}.sidebar-footer{border-top:1px solid #35473d;align-items:center;gap:10px;margin-top:auto;padding:18px 7px 0;display:flex}.sidebar-footer .avatar{background:var(--coral);flex:0 0 32px;width:32px;height:32px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{color:#fff;font-size:11px}.sidebar-footer small{color:#829187;margin-top:2px;font-size:10px}.more{color:#829187;margin-left:auto}.topbar{background:var(--cream);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;margin-left:248px;padding:0 42px;display:flex}.breadcrumbs{align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumbs span{color:var(--muted)}.breadcrumbs b{color:var(--line);font-weight:400}.top-actions{align-items:center;gap:20px;display:flex}.icon-button{color:var(--muted);background:0 0;border:0;font-size:22px}.top-upload{padding:10px 14px;font-size:11px}.page-shell{max-width:none;min-height:calc(100vh - 68px);margin-left:248px;padding:42px clamp(28px,5vw,72px) 140px}.page-shell>*{max-width:1120px}.mobile-nav{display:none}.home-intro{background:var(--cream);border:1px solid var(--line);margin-bottom:42px;padding:30px 34px}.home-intro h1{letter-spacing:-2px;font-size:40px}.section-heading{background:0 0}.track-list{background:var(--cream);border:1px solid var(--line);padding:0 18px}.track-row{min-height:88px}.home-bottom{border:1px solid #c8d4c8;margin-top:42px}.comments,.track-hero,.form-page,.profile-page,.inbox-page,.search-page{background:0 0}@media (width<=700px){.sidebar,.topbar{display:none}.page-shell{min-height:100vh;margin-left:0;padding:28px 16px 125px}.mobile-nav{height:68px;padding-bottom:env(safe-area-inset-bottom);z-index:20;background:#18231e;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#809187;justify-items:center;gap:2px;font-size:20px;display:grid}.mobile-nav a.active{color:var(--coral)}.mobile-nav small{text-transform:uppercase;font-family:DM Mono,monospace;font-size:8px}.home-intro{padding:24px 20px}.home-intro h1{font-size:34px}.track-list{padding:0 10px}}