@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.mood-widget{text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(165deg,#121820f2,#0a0e14fa);border:1px solid #ffffff0f;border-radius:28px;padding:40px 28px 36px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.mood-widget-header h2{letter-spacing:-.02em;margin-bottom:6px;font-size:1.5rem;font-weight:700}.mood-widget-header p{color:var(--muted,#8b9aab);margin-bottom:8px;font-size:.9rem}.mood-stage{perspective:900px;perspective-origin:50% 45%;cursor:grab;height:280px;margin:12px 0 8px;position:relative}.mood-stage.dragging{cursor:grabbing}.mood-stage-glow{filter:blur(40px);opacity:.85;pointer-events:none;border-radius:50%;transition:background .5s;position:absolute;inset:10% 15%}.mood-carousel{transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mood-card-3d{cursor:pointer;backface-visibility:hidden;width:100px;height:120px;color:inherit;background:linear-gradient(160deg,#1e2632f2,#10161efa);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:-60px;margin-left:-50px;padding:0;font-family:inherit;transition:box-shadow .35s,border-color .35s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 12px 32px #0006}.mood-card-3d:hover{border-color:color-mix(in srgb, var(--mood-color) 50%, transparent)}.mood-card-3d.active{border-color:var(--mood-color);box-shadow:0 16px 40px #00000073, 0 0 28px color-mix(in srgb, var(--mood-color) 35%, transparent);z-index:2}.mood-card-emoji{filter:drop-shadow(0 4px 12px #0000004d);font-size:2.4rem;line-height:1}.mood-card-label{letter-spacing:.02em;opacity:.9;font-size:.78rem;font-weight:600}.mood-center{pointer-events:none;z-index:1;background:radial-gradient(circle at 40% 35%,#ffffff14,#0000 60%);border:1px solid #ffffff14;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #0000004d}.mood-center-emoji{font-size:2.8rem;animation:.45s cubic-bezier(.34,1.56,.64,1) centerPop}@keyframes centerPop{0%{opacity:.4;transform:scale(.5)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.mood-info{min-height:72px;animation:.4s cubic-bezier(.16,1,.3,1) infoIn}@keyframes infoIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mood-info h3{margin-bottom:4px;font-size:1.25rem;font-weight:700;transition:color .3s}.mood-info p{color:var(--muted,#8b9aab);max-width:360px;margin:0 auto;font-size:.92rem;line-height:1.55}.mood-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.mood-dot{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.mood-dot.active{background:var(--mood-color);box-shadow:0 0 12px var(--mood-color);transform:scale(1.35)}.mood-dot:hover{background:#ffffff59}@media (width<=640px){.mood-widget{border-radius:20px;padding:28px 16px}.mood-stage{perspective:700px;height:240px}.mood-card-3d{width:84px;height:100px;margin-top:-50px;margin-left:-42px}.mood-card-emoji{font-size:2rem}}@media (width<=420px){.mood-stage{height:210px}.mood-card-3d{width:72px;height:88px;margin-top:-44px;margin-left:-36px}.mood-card-emoji{font-size:1.7rem}.mood-card-label{font-size:.68rem}.mood-center{width:72px;height:72px}.mood-center-emoji{font-size:2.2rem}}.landing{--bg:#070a0e;--surface:#121820;--border:#ffffff0f;--text:#f0f4f8;--muted:#8b9aab;--accent:#2ee6c5;--serif:Georgia, "Instrument Serif", serif;color:var(--text);padding-bottom:40px;position:relative}.landing-ambient{z-index:-1;pointer-events:none;background:radial-gradient(80% 50% at 15% -5%,#2ee6c512,#0000 50%),radial-gradient(55% 40% at 90% 5%,#a78bfa0f,#0000 45%);position:fixed;inset:0}.eyes-loader{z-index:100;background:#070a0e;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.eyes-pair{gap:28px;animation:.85s cubic-bezier(.16,1,.3,1) eyesIn;display:flex}@keyframes eyesIn{0%{opacity:0;transform:scale(.55)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.eye{background:linear-gradient(#f8f4ec,#efe8dc);border:5px solid #0f0f0f;border-radius:50% 50% 46% 46%;width:110px;height:128px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000073}.pupil{background:radial-gradient(circle at 35% 35%,#3b82f6,#1e3a8a);border-radius:50%;width:48px;height:48px;animation:2.2s ease-in-out lookAround;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pupil:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:10px}@keyframes lookAround{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(12px - 50%),calc(4px - 50%))}45%{transform:translate(calc(-50% - 10px),calc(6px - 50%))}70%{transform:translate(calc(6px - 50%),calc(-50% - 8px))}}.eyes-brand{font-family:var(--serif);opacity:0;color:#f0f4f8;align-items:center;gap:10px;font-size:1.6rem;animation:.6s .45s forwards fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logo-mark-mini{place-items:center;width:34px;height:34px;display:grid;position:relative}.logo-rings-mini{background:conic-gradient(from 210deg,#2ee6c5,#a78bfa,#2ee6c5);border-radius:50%;padding:1.5px;animation:10s linear infinite spin;position:absolute;inset:0}.logo-rings-mini:before{content:"";background:#070a0e;border-radius:50%;width:100%;height:100%;display:block}.logo-mark-mini span{z-index:1;background:linear-gradient(135deg,#2ee6c5,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.landing-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;min-height:480px;padding:48px 0 40px;display:grid}.landing-badge{color:#2ee6c5;letter-spacing:.05em;text-transform:uppercase;background:#2ee6c50f;border:1px solid #2ee6c526;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px 6px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.landing-badge:before{content:"";background:#2ee6c5;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #2ee6c5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.landing-hero h1{font-family:var(--serif);letter-spacing:-.025em;color:#f0f4f8;margin-bottom:18px;font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:400;line-height:1.08}.landing-hero h1 em{background:linear-gradient(135deg,#2ee6c5,#5eead4 40%,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.landing-hero-copy p{color:#8b9aab;max-width:400px;margin-bottom:28px;font-size:1.05rem;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:12px;display:flex}.landing .btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.landing .btn-solid{color:#042f28;background:linear-gradient(135deg,#2ee6c5,#1bb89a);box-shadow:0 4px 20px #2ee6c559}.landing .btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2ee6c566}.landing .btn-ghost{color:#8b9aab;background:0 0;border:1px solid #ffffff14}.landing .btn-ghost:hover{color:#f0f4f8;border-color:#ffffff26}.landing-hero-visual{justify-content:center;align-items:center;height:360px;display:flex}.sync-preview{background:linear-gradient(150deg,#19232cf5,#0a0f15fa);border:1px solid #ffffff1a;border-radius:22px;width:min(100%,420px);padding:22px;animation:7s ease-in-out infinite previewFloat;transform:rotate(2deg);box-shadow:0 28px 70px #0000006b,0 0 46px #2ee6c514}@keyframes previewFloat{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(1deg)translateY(-8px)}}.sync-preview-topline,.sync-time{color:#71818c;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font:500 .63rem DM Mono,monospace;display:flex}.sync-live{color:#2ee6c5}.sync-live i{background:#2ee6c5;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.8s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 12px #2ee6c5}.sync-track{align-items:center;gap:12px;margin:24px 0 20px;display:flex}.sync-cover{color:#061412;background:linear-gradient(135deg,#2ee6c5,#7c5cff);border-radius:12px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.sync-track strong,.sync-track span{display:block}.sync-track strong{font-size:.9rem}.sync-track span{color:#81909a;margin-top:4px;font-size:.68rem}.sync-track button{color:#062b25;background:#2ee6c5;border:0;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:auto;font-size:.7rem;display:grid}.sync-wave{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;align-items:center;gap:3px;height:58px;padding:0 2px;display:flex}.sync-wave i{height:var(--wave-height);opacity:.7;background:linear-gradient(#a78bfa,#2ee6c5);border-radius:99px;flex:1;min-width:2px;animation:2.4s ease-in-out infinite alternate waveBreath}.sync-wave i:nth-child(3n){animation-delay:-.7s}.sync-wave i:nth-child(4n){opacity:.35;animation-delay:-1.2s}@keyframes waveBreath{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}.sync-lyrics{color:#71818c;gap:8px;margin:20px 0 18px;font:.76rem/1.3 DM Mono,monospace;display:grid}.sync-lyrics strong{color:#f0f4f8;font-size:.9rem;font-weight:500}.sync-progress{background:#ffffff1a;border-radius:99px;height:3px;overflow:hidden}.sync-progress i{border-radius:inherit;background:#2ee6c5;width:58%;height:100%;display:block;box-shadow:0 0 12px #2ee6c5a6}.sync-time{margin-top:9px;font-size:.57rem}.orb-wrap{place-items:center;width:240px;height:240px;display:grid;position:relative}.orb-glow{filter:blur(28px);background:radial-gradient(circle,#2ee6c54d,#a78bfa26,#0000 70%);animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-36px}@keyframes glowPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.orb{z-index:1;background:radial-gradient(circle at 30% 30%,#2ee6c533,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa26,#0000 50%),#121820;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:170px;height:170px;animation:6s ease-in-out infinite float;display:grid;position:relative;box-shadow:0 0 50px #2ee6c51f,0 16px 48px #0006}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.orb-ring{border:1px solid #2ee6c526;border-radius:50%;position:absolute}.orb-ring.r1{animation:18s linear infinite spin;inset:-20px}.orb-ring.r2{border-color:#a78bfa1f;animation:28s linear infinite reverse spin;inset:-40px}.orb-ring.r3{border-color:#2ee6c512;animation:38s linear infinite spin;inset:-60px}.orb-note{background:linear-gradient(145deg,#2ee6c5,#a78bfa);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #2ee6c566);-webkit-background-clip:text;font-size:56px}.landing-mood{margin:12px 0 64px}.mood-hint{text-align:center;color:#8b9aab;margin-top:16px;font-size:.9rem}.landing-section{margin-bottom:56px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.section-head h2{letter-spacing:-.02em;color:#f0f4f8;font-size:1.35rem;font-weight:700}.section-head p{color:#8b9aab;margin-top:3px;font-size:.9rem}.link-all{color:#8b9aab;white-space:nowrap;border:1px solid #ffffff12;border-radius:999px;padding:7px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s}.link-all:hover{color:#2ee6c5;border-color:#2ee6c54d}.mood-tile{aspect-ratio:1/1.05;cursor:pointer;background:#121820;border:1px solid #0000;border-radius:16px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.mood-tile:hover{border-color:#2ee6c533;transform:translateY(-8px);box-shadow:0 20px 40px #00000059}.mood-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.mood-tile-shade{background:linear-gradient(#0000 45%,#000000e6);flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:absolute;inset:0}.mood-tile h3{color:#fff;font-size:.92rem;font-weight:700}.mood-tile p{color:#fff9;font-size:.72rem}.genre-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.genre-tile{cursor:pointer;border:1px solid #ffffff0f;border-radius:14px;height:150px;transition:all .35s;position:relative;overflow:hidden}.genre-tile:hover{border-color:#2ee6c540;transform:translateY(-6px);box-shadow:0 18px 36px #0000004d}.genre-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.genre-tile:hover img{transform:scale(1.08)}.genre-shade{background:linear-gradient(135deg,#0003,#000c);flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:absolute;inset:0}.genre-tile h3{color:#fff;font-size:1.05rem;font-weight:700}.genre-tile p{color:#fff9;font-size:.78rem}.genre-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:600;position:absolute;top:10px;left:10px}.landing-cta{text-align:center;background:linear-gradient(165deg,#121820e6,#0a0e14f2);border:1px solid #ffffff0f;border-radius:24px;margin-bottom:24px;padding:48px 24px}.landing-cta h2{color:#f0f4f8;margin-bottom:8px;font-size:1.5rem;font-weight:700}.landing-cta p{color:#8b9aab;max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto}@media (width<=1024px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero-visual{height:280px}.mood-grid{grid-template-columns:repeat(3,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing-hero{padding:32px 0 28px}.landing-hero h1{font-size:2.4rem}.landing-hero-visual{height:310px}.sync-preview{padding:17px;transform:none}.mood-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;align-items:flex-start}.eye{width:84px;height:98px}.pupil{width:36px;height:36px}}: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}}