@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,#0c1118f7,#05080cfc);border:1px solid #ffffff12;border-radius:28px;padding:40px 28px 36px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000073,0 0 50px #3dffa80a,inset 0 1px #ffffff0a}.mood-widget:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 0,#3dffa80f,#0000 65%);position:absolute;inset:0}.mood-widget-header h2{letter-spacing:-.03em;color:#f2f5f8;margin-bottom:6px;font-size:1.5rem;font-weight:700;position:relative}.mood-widget-header p{color:#7d8b9a;margin-bottom:8px;font-size:.9rem;position:relative}.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,#121820f7,#0a0e14fc);border:1px solid #ffffff17;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,transform .35s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 14px 36px #00000073}.mood-card-3d:hover{border-color:color-mix(in srgb, var(--mood-color) 55%, transparent);box-shadow:0 16px 40px #00000080, 0 0 24px color-mix(in srgb, var(--mood-color) 25%, transparent)}.mood-card-3d.active{border-color:var(--mood-color);box-shadow:0 18px 44px #00000080, 0 0 32px color-mix(in srgb, var(--mood-color) 40%, transparent);z-index:2}.mood-card-emoji{filter:drop-shadow(0 4px 14px #00000059);font-size:2.4rem;line-height:1}.mood-card-label{letter-spacing:.02em;opacity:.9;color:#f2f5f8;font-size:.78rem;font-weight:600}.mood-center{pointer-events:none;z-index:1;background:radial-gradient(circle at 40% 35%,#ffffff12,#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 #00000059,0 0 40px #3dffa80f}.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;position:relative}@keyframes infoIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mood-info h3{color:#f2f5f8;margin-bottom:4px;font-size:1.25rem;font-weight:700;transition:color .3s}.mood-info p{color:#7d8b9a;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;position:relative}.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 14px 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:#05080c;--surface:#0c1118;--border:#ffffff12;--text:#f2f5f8;--muted:#7d8b9a;--accent:#3dffa8;--accent-dim:#1a9e6a;--violet:#9b7bff;--serif:Georgia, "Instrument Serif", serif;color:var(--text);background:var(--bg);min-height:100vh;padding-bottom:48px;position:relative}.landing-ambient{z-index:-1;pointer-events:none;background:radial-gradient(90% 60% at 50% -20%,#3dffa81c,#0000 55%),radial-gradient(50% 40% at 100% 30%,#9b7bff14,#0000 45%),radial-gradient(40% 50% at 0 80%,#3dffa80d,#0000 50%);position:fixed;inset:0}.landing-ambient:after{content:"";opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.eyes-loader{z-index:100;background:#05080c;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:#f2f5f8;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,#3dffa8,#9b7bff,#3dffa8);border-radius:50%;padding:1.5px;animation:10s linear infinite spin;position:absolute;inset:0}.logo-rings-mini:before{content:"";background:#05080c;border-radius:50%;width:100%;height:100%;display:block}.logo-mark-mini span{z-index:1;background:linear-gradient(135deg,#3dffa8,#9b7bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;max-width:1180px;min-height:520px;margin:0 auto;padding:48px 28px 56px;display:grid}.landing-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;display:inline-flex}.landing-badge:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 14px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.landing-hero h1{font-family:var(--serif);letter-spacing:-.035em;color:var(--text);margin-bottom:22px;font-size:clamp(3.2rem,6.5vw,5.2rem);font-weight:400;line-height:.98}.landing-hero h1 em{background:linear-gradient(120deg,#3dffa8 0%,#7dffa8 40%,#9b7bff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.landing-hero-copy p{color:var(--muted);max-width:420px;margin-bottom:32px;font-size:1.08rem;line-height:1.75}.landing-actions{flex-wrap:wrap;gap:14px;display:flex}.landing .btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:15px 28px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing .btn-solid{background:var(--accent);color:#041510;box-shadow:0 0 #3dffa859}.landing .btn-solid:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #3dffa859}.landing .btn-ghost{color:var(--muted);background:0 0;border:1px solid #ffffff1a}.landing .btn-ghost:hover{color:var(--text);background:#ffffff08;border-color:#fff3}.landing-hero-visual{justify-content:center;align-items:center;height:400px;display:flex}.sync-preview{background:linear-gradient(160deg,#0e141cfa,#080c12fc);border:1px solid #ffffff17;border-radius:22px;width:min(100%,400px);padding:24px;transition:transform .4s,box-shadow .4s;animation:7s ease-in-out infinite previewFloat;transform:rotate(1.5deg);box-shadow:0 32px 80px #0000008c,0 0 60px #3dffa812}.sync-preview:hover{transform:rotate(0)translateY(-8px);box-shadow:0 40px 90px #0009,0 0 70px #3dffa81f}@keyframes previewFloat{0%,to{transform:rotate(1.5deg)translateY(0)}50%{transform:rotate(.4deg)translateY(-10px)}}.sync-preview-topline,.sync-time{color:#6b7a88;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font:500 .62rem DM Mono,monospace;display:flex}.sync-live{color:var(--accent);align-items:center;gap:6px;display:flex}.sync-live i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:1.8s ease-in-out infinite pulse;display:inline-block}.sync-track{align-items:center;gap:12px;margin:24px 0 20px;display:flex}.sync-cover{color:#041510;background:linear-gradient(135deg,#3dffa8,#9b7bff);border-radius:12px;place-items:center;width:48px;height:48px;font-size:.85rem;font-weight:800;display:grid}.sync-track strong,.sync-track span{display:block}.sync-track strong{font-size:.92rem}.sync-track span{color:#7a8a96;margin-top:4px;font-size:.68rem}.sync-track button{background:var(--accent);color:#041510;cursor:pointer;border:0;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:auto;font-size:.7rem;transition:transform .2s,box-shadow .2s;display:grid}.sync-track button:hover{transform:scale(1.1);box-shadow:0 0 20px #3dffa880}.sync-wave{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;align-items:center;gap:3px;height:56px;padding:0 2px;display:flex}.sync-wave i{height:var(--wave-height);opacity:.7;background:linear-gradient(#9b7bff,#3dffa8);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(.68)}to{transform:scaleY(1)}}.sync-lyrics{color:#6b7a88;gap:8px;margin:20px 0 18px;font:.76rem/1.35 DM Mono,monospace;display:grid}.sync-lyrics strong{color:var(--text);font-size:.9rem;font-weight:500}.sync-progress{background:#ffffff1a;border-radius:99px;height:3px;overflow:hidden}.sync-progress i{border-radius:inherit;background:var(--accent);width:58%;height:100%;display:block;box-shadow:0 0 14px #3dffa8a6}.sync-time{margin-top:9px;font-size:.57rem}.landing-mood{max-width:1180px;margin:12px auto 72px;padding:0 28px}.mood-hint{text-align:center;color:var(--muted);margin-top:18px;font-size:.9rem}.landing-section{max-width:1180px;margin:0 auto 72px;padding:0 28px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-head h2{letter-spacing:-.03em;color:var(--text);font-size:1.5rem;font-weight:700}.section-head p{color:var(--muted);margin-top:4px;font-size:.92rem}.link-all{color:var(--muted);white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;padding:9px 16px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .25s}.link-all:hover{color:var(--accent);border-color:#3dffa84d}.mood-tile{aspect-ratio:1/1.12;cursor:pointer;background:var(--surface);border:1px solid #0000;border-radius:14px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.mood-tile:hover{border-color:#3dffa840;transform:translateY(-12px)scale(1.02);box-shadow:0 28px 56px #00000073,0 0 40px #3dffa81a}.mood-tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mood-tile-shade{background:linear-gradient(#0000 48%,#05080ceb 100%);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.mood-tile h3{color:#fff;font-size:.95rem;font-weight:700}.mood-tile p{color:#ffffff80;margin-top:3px;font-size:.72rem}.genre-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.genre-tile{cursor:pointer;border:1px solid #ffffff0f;border-radius:14px;height:155px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.genre-tile:hover{border-color:#3dffa84d;transform:translateY(-8px);box-shadow:0 22px 44px #0006}.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,#05080c1a,#05080ce0);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.genre-tag{letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);background:#05080c99;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-family:DM Mono,monospace;font-size:.62rem;font-weight:500;position:absolute;top:12px;left:12px}.genre-tile h3{color:#fff;font-size:1.1rem;font-weight:700}.genre-tile p{color:#ffffff80;margin-top:2px;font-size:.76rem}.landing-cta{text-align:center;background:linear-gradient(#0c1118f2,#05080cfa);border:1px solid #ffffff0f;border-radius:28px;max-width:1180px;margin:0 auto 56px;padding:64px 40px;position:relative;overflow:hidden}.landing-cta:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% -10%,#3dffa81a,#0000 65%);position:absolute;inset:0}.landing-cta h2{letter-spacing:-.03em;color:var(--text);margin-bottom:12px;font-size:1.75rem;font-weight:700;position:relative}.landing-cta p{color:var(--muted);max-width:380px;margin-bottom:28px;margin-left:auto;margin-right:auto;position:relative}.landing-cta .btn{position:relative}@media (width<=1024px){.landing-hero{grid-template-columns:1fr;gap:36px;min-height:auto;padding-top:36px}.landing-hero-visual{height:340px}.mood-grid{grid-template-columns:repeat(3,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing-hero{padding:28px 20px 36px}.landing-hero h1{font-size:2.7rem}.landing-hero-visual{height:320px}.sync-preview{padding:18px;transform:none}.sync-preview:hover{transform:translateY(-6px)}.mood-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;align-items:flex-start}.landing-section,.landing-mood{padding-left:20px;padding-right:20px}.landing-cta{margin-left:20px;margin-right:20px;padding:48px 24px}.eye{width:84px;height:98px}.pupil{width:36px;height:36px}.landing-cta h2{font-size:1.45rem}}: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}}:root{--ease-spring:cubic-bezier(.2, .9, .2, 1.3);--ease-out:cubic-bezier(.16, 1, .3, 1)}::view-transition-old(root){animation-duration:.38s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.38s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-name:page-fade-out}::view-transition-new(root){animation-name:page-fade-in}@keyframes page-fade-out{to{opacity:0;transform:translateY(-6px)scale(.99)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}.button,.quiet-link,.text-button,a{transition:transform .22s var(--ease-spring), opacity .2s var(--ease-out), box-shadow .22s var(--ease-out), color .2s var(--ease-out)}.button:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 10px 24px #14201b29}.button:active{transform:translateY(0)scale(.98)}.quiet-link:hover,.text-button:hover{transform:translate(2px)}.track-row .cover{transition:transform .25s var(--ease-spring)}.track-row:hover .cover{transform:scale(1.08)}.reveal{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(14px)}.reveal-visible{opacity:1;transform:translateY(0)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;animation:modal-backdrop-in .22s var(--ease-out);background:#0a100d8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--cream);border:1px solid var(--line);width:calc(100% - 48px);max-width:420px;animation:modal-panel-in .32s var(--ease-spring);padding:32px;position:relative}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:var(--muted);background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.auth-page-choice{flex-direction:column;display:flex}.role-choice{max-width:640px;margin-top:12vh}.role-cards{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.role-card{background:var(--cream);border:1px solid var(--line);text-align:left;transition:transform .25s var(--ease-spring), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);padding:26px 22px}.role-card:hover{border-color:var(--coral);transform:translateY(-4px);box-shadow:0 14px 30px #14201b1f}.role-card-icon{color:var(--coral);margin-bottom:12px;font-size:26px;display:block}.role-card strong{margin-bottom:8px;font-size:18px;display:block}.role-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.role-card-creator{border-color:var(--coral)}@media (width<=700px){.role-cards{grid-template-columns:1fr}.role-choice{margin-top:8vh}}.auth-back{margin-bottom:16px;display:inline-block}.billing-choice{background:var(--sage);border:1px solid var(--line);gap:12px;margin:6px 0 18px;padding:16px;display:grid}.billing-choice label{gap:6px;font-size:12px;font-weight:700;display:grid}.billing-choice select{border:1px solid var(--line);background:#fff;padding:10px}.billing-total{margin:0;font-weight:800}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.google-button-slot{justify-content:center;display:flex}.tape-reel{pointer-events:none;z-index:60;width:46px;height:46px;position:fixed;top:0;left:0}.tape-reel-disc{background:repeating-conic-gradient(var(--ink) 0deg 10deg, #2d3d34 10deg 20deg);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 8px 18px #14201b47}.tape-reel-disc.spinning{animation:1.6s linear infinite reel-spin}.tape-reel-hole{background:var(--cream);border-radius:50%;width:14px;height:14px}@keyframes reel-spin{to{transform:rotate(360deg)}}@media (width<=700px){.tape-reel{display:none}}