@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}}.landing-universe{--universe-bg:#0b1014;--universe-panel:#131b21;--universe-text:#edf2f1;--universe-muted:#8b9ba0;--universe-accent:#55d8c5;color:var(--universe-text);background:radial-gradient(circle at 72% 17%,#22666433,#0000 26rem),#0b1014;min-height:100vh;padding:0 clamp(22px,5vw,70px);position:relative;overflow:hidden}.landing-noise{opacity:.07;pointer-events:none;background-image:radial-gradient(#ffffff14 .6px,#0000 .6px);background-size:5px 5px;position:absolute;inset:0}.landing-universe .landing-top{z-index:2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1220px;height:78px;margin:0 auto;padding:0;display:flex;position:relative}.landing-logo{letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.landing-logo>span:last-child>span,.accent-dot{color:var(--universe-accent)}.logo-mark-small{background:var(--universe-accent);color:#092622;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:inline-flex}.landing-universe nav{gap:30px;margin-left:9%;display:flex}.landing-universe nav a,.landing-signin{color:var(--universe-muted);font-size:.82rem;font-weight:600}.landing-universe nav a:hover,.landing-signin:hover{color:var(--universe-text)}.landing-signin{border:1px solid #ffffff24;border-radius:999px;padding:9px 16px}.landing-page{z-index:1;max-width:1220px;margin:0 auto;position:relative}.universe-hero{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);align-items:center;gap:5vw;min-height:590px;padding:60px 0 46px;display:grid}.hero-copy-block{max-width:530px}.landing-universe .eyebrow{color:var(--universe-accent);letter-spacing:.09em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.68rem;line-height:1.5}.universe-hero h1{color:var(--universe-text);letter-spacing:-.06em;margin:17px 0 25px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,7vw,6.5rem);font-weight:400;line-height:.92}.universe-hero h1 em{color:var(--universe-accent);font-style:italic}.universe-hero .hero-copy{color:var(--universe-muted);max-width:410px;margin-bottom:30px;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:19px;display:flex}.landing-universe .button-accent{background:var(--universe-accent);color:#092622;padding:13px 18px;font-size:.84rem;box-shadow:0 8px 26px #55d8c52e}.landing-universe .button-accent span,.light-link span{margin-left:8px}.light-link{color:var(--universe-text)}.landing-universe .text-button{font-size:.82rem}.hero-visual{height:430px;position:relative}.visual-card{background:var(--universe-panel);z-index:1;border:1px solid #ffffff1a;border-radius:15px;width:174px;transition:transform .35s,box-shadow .35s;position:absolute;overflow:hidden;box-shadow:0 22px 50px #0000007a}.visual-card:hover{z-index:5;transform:translateY(-10px)rotate(0)scale(1.04);box-shadow:0 24px 48px #000000a6,0 0 26px #55d8c52e}.visual-card img{object-fit:cover;width:100%;height:174px;display:block}.card-meta{background:linear-gradient(180deg, #131b211a, var(--universe-panel) 35%);gap:4px;padding:11px 13px 13px;display:grid}.card-meta strong{font-size:.75rem}.card-meta span{color:var(--universe-muted);font-size:.65rem}.card-play{background:var(--universe-accent);color:#092622;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .25s;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.visual-card:hover .card-play{opacity:1}.card-one{top:8%;left:9%;transform:rotate(-8deg)}.card-two{top:14%;right:8%;transform:rotate(6deg)}.card-three{bottom:7%;left:23%;transform:rotate(4deg)}.card-four{width:158px;bottom:13%;right:1%;transform:rotate(-5deg)}.card-four img{height:158px}.visual-orbit{border:1px solid #55d8c52e;border-radius:50%;width:250px;height:390px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(22deg)}.orbit-two{width:430px;height:300px;transform:translate(-50%,-50%)rotate(-35deg)}.now-strip{background:#131b21db;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:16px;margin-bottom:78px;padding:12px 17px;display:flex}.now-label{color:var(--universe-accent);white-space:nowrap;font-size:.72rem;font-weight:700}.now-label i{background:var(--universe-accent);box-shadow:0 0 10px var(--universe-accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.now-artist,.now-progress{color:var(--universe-muted);font-size:.72rem}.now-progress{flex:1;align-items:center;gap:10px;display:flex}.now-progress b{background:#ffffff1a;border-radius:99px;width:100%;height:3px;display:block;overflow:hidden}.now-progress b i{background:var(--universe-accent);width:38%;height:100%;display:block}.now-strip button{color:var(--universe-accent);background:#55d8c521;border:0;border-radius:50%;width:30px;height:30px}.discover-section{padding-bottom:72px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{color:var(--universe-text);letter-spacing:-.04em;margin:8px 0 0;font-family:Georgia,serif;font-size:2rem;font-weight:400}.mood-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mood-tile{aspect-ratio:1/1.05;border:1px solid #ffffff14;border-radius:13px;position:relative;overflow:hidden}.mood-tile img{object-fit:cover;opacity:.76;width:100%;height:100%;transition:transform .45s}.mood-tile:hover img{transform:scale(1.07)}.mood-tile:after{content:"";background:linear-gradient(#0000 28%,#03080aeb);position:absolute;inset:0}.mood-tile div{z-index:1;gap:4px;display:grid;position:absolute;bottom:15px;left:15px}.mood-tile strong{font-size:.95rem}.mood-tile span{color:#fff9;font-size:.68rem}.landing-universe .landing-foot{color:var(--universe-muted);letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #ffffff14;justify-content:space-between;max-width:1220px;margin:0 auto;padding:24px 0 30px;font-family:DM Mono,monospace;font-size:.62rem;display:flex}@media (width<=760px){.landing-universe{padding:0 20px}.landing-universe nav{display:none}.landing-universe .landing-top{height:68px}.universe-hero{min-height:0;padding:68px 0 35px;display:block}.universe-hero h1{font-size:clamp(3.7rem,17vw,5.5rem)}.hero-visual{transform-origin:top;height:350px;margin:42px -10px 0;transform:scale(.86)}.now-strip{flex-wrap:wrap;gap:9px 12px;margin-bottom:57px}.now-progress{flex-basis:100%;order:5}.mood-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:1.7rem}.landing-universe .landing-foot{font-size:.52rem}}