/* Music Maps: contour lines, charcoal surfaces and precise lime transport controls. */
@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#101113;--sidebar:#0d0f10;--panel:#1a1c1e;--panel-raised:#222529;--input:#141619;--line:#35383c;--muted:#a7aaaf;--text:#f3f3ec;--lime:#d2f873;--accent-ink:#142009;--soft:#242d1d;--wave:#5d6267;--shadow:0 12px 40px #00000020;--radius:15px}
:root[data-theme=light]{--bg:#f4f5ef;--sidebar:#eceedf;--panel:#ffffff;--panel-raised:#eff1e9;--input:#f8f9f3;--line:#d0d5c7;--muted:#62695e;--text:#1b2318;--lime:#3e6020;--accent-ink:#fff;--soft:#e4ecd9;--wave:#99a28e;--shadow:0 10px 35px #25321809}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font-family:inherit}h1,h2,h3{font-weight:740}h1{letter-spacing:-1.8px}h2{letter-spacing:-.8px}p{line-height:1.7}button,.link-button{border-radius:8px;transition:background .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.primary{box-shadow:none}.primary:hover{box-shadow:0 4px 20px #b9e75815}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px}.badge{font-size:8px}
.shell>aside{width:238px;padding:30px 14px 25px;background:var(--sidebar)}.workspace{margin-left:238px;width:calc(100% - 238px)}.brand{padding:0 12px;gap:10px}.brand-wordmark{font-size:23px;letter-spacing:-1.1px;font-weight:760}.brand-logo{width:40px;height:31px}.version{display:none}.nav-label{margin:38px 12px 12px;font-size:8px;color:var(--muted);letter-spacing:1.8px}nav{gap:5px}nav a{padding:12px 14px;font-size:13px;font-weight:520;min-height:46px;gap:13px;border-radius:9px;color:var(--text)}nav a.active{background:var(--lime);color:var(--accent-ink);border-color:var(--lime);font-weight:650}nav a .mm-icon{width:20px;height:20px}.nav-icon{width:21px;flex:none}nav i{font-size:6px;letter-spacing:1px}nav a[href='#messages']{margin-top:16px;border-top:1px solid var(--line);border-radius:0;padding-top:20px}nav a[href='#messages'].active{border-radius:9px;border-color:var(--lime);padding-top:12px}.appearance{margin-top:auto;padding:23px 14px 8px}.appearance button{font-size:12px}.sidebar-bottom{margin-top:0;padding:18px 14px 0;border-top:1px solid var(--line)}.sidebar-bottom .live-dot,.sidebar-bottom strong,.sidebar-bottom p{display:none}.sidebar-bottom small{font-size:8px}.workspace>header{min-height:62px;padding:12px 34px;color:var(--text)}.workspace>header>span{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px}.workspace>header .inline{gap:15px}.workspace>header .text-button{font-size:10px}.avatar{background:var(--lime);color:var(--accent-ink);border:0}.demo-banner{margin:13px 34px 0;font-size:9px;opacity:1;gap:12px}.demo-banner>span{font-size:7px;padding:4px 7px;letter-spacing:1.1px}.demo-banner+p{margin:0}main{padding:26px 34px 52px;max-width:1660px}footer{margin:0 34px;padding:22px 0;font-size:9px}.footer-brand{gap:7px}.footer-brand small{font-size:8px}
/* The contour artwork stays behind text; music cards never require cover art. */
.discovery-hero{position:relative;isolation:isolate;background:#101113 url('/assets/contour-flow.svg') center right/cover no-repeat;margin:-11px -34px 28px;padding:34px 34px 31px;border-block:1px solid #35383c;overflow:hidden;color:#f3f3ec;min-height:272px}.discovery-hero-content{position:relative;max-width:760px}.discovery-hero .eyebrow{color:#d2f873;font-size:8px;letter-spacing:2px}.discovery-hero h1{font-size:clamp(32px,4.25vw,65px);font-weight:800;line-height:.99;letter-spacing:-2.6px;margin:15px 0 14px;max-width:850px}.discovery-hero p{color:#e1e5da;font-size:13px;margin:0 0 21px;max-width:650px}.discovery-hero .primary{border-radius:99px;background:#d2f873;border-color:#d2f873;color:#142009;font-size:12px;padding:10px 21px;display:inline-flex;align-items:center;gap:10px}.discovery-hero .mm-icon{width:17px;height:17px}.discovery-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,29%);gap:24px;align-items:start}.discovery-feed{min-width:0}.feed-title{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.feed-title h2{font-size:clamp(21px,2vw,29px);margin:0;letter-spacing:-1px}.feed-title .tabs{border:0;gap:9px;overflow:visible}.feed-title .tabs button{font-size:10px;border:1px solid var(--line);border-radius:99px;padding:7px 14px;line-height:1.4;background:transparent;color:var(--text)}.feed-title .tabs .selected{color:var(--accent-ink);background:var(--lime);border-color:var(--lime)}.discovery-feed .toolbar{margin:18px 0 8px;gap:8px;flex-wrap:wrap}.discovery-feed .toolbar input{min-width:170px;flex:1 1 100%;font-size:11px;padding:10px 13px}.discovery-feed .toolbar select{font-size:10px;padding:8px 10px;flex:1;min-width:0}.result-count{margin:9px 0 12px;font-size:9px;color:var(--muted)}.discovery-rail{display:grid;gap:17px;padding-top:0}.finish-promo{position:relative;isolation:isolate;overflow:hidden;background:#20382b url('/assets/finish-circles.svg') right center/auto 120% no-repeat;padding:23px;border:1px solid #607448;border-radius:15px;min-height:290px;color:#f4f6e8}.finish-promo:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#162e25f5,#152a1fb3 70%,transparent)}.finish-promo .eyebrow{font:8px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:#e5f7c0}.finish-promo h2{font-size:clamp(28px,3vw,42px);font-weight:790;letter-spacing:-1.8px;line-height:.98;margin:23px 0 15px;text-transform:uppercase;max-width:240px}.finish-promo p{font-size:11px;color:#e0e8d8;max-width:195px;line-height:1.6;margin:10px 0}.finish-promo .promo-challenge-title{font-size:12px;font-weight:650}.finish-promo .promo-deadline{font:9px/1.6 ui-monospace,SFMono-Regular,monospace;color:#c4d5b8}.finish-promo a.primary{background:#d2f873;color:#142009;border-color:#d2f873;padding:9px 15px;border-radius:99px;font-size:11px;margin-top:12px}.map-promo{display:block;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel);transition:border-color .2s}.map-promo:hover{border-color:var(--lime)}.map-promo .section-top{margin:0;padding:17px 20px 10px}.map-promo h2{font-size:20px;margin:0}.map-promo .section-top>span{font-size:21px;color:var(--lime)}.map-preview-art{height:130px;background:#11191a url('/assets/world-preview.svg') center/95% auto no-repeat;border-block:1px solid var(--line);position:relative}.map-preview-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 80%,#a5d66112,transparent 65%)}.map-promo p{font-size:11px;margin:14px 20px 17px}.rail-note{padding:8px 3px}.rail-note .eyebrow{font-size:7px}.rail-note p{font-size:11px;line-height:1.7}.rail-note>a{font-size:10px;color:var(--text)}.makers-section{margin-top:35px}
/* Track anatomy: creator, brief, transport and next step. */
.track.track-card{display:block;border-radius:14px;padding:20px 22px;margin:13px 0;background:linear-gradient(125deg,var(--panel-raised),var(--panel) 60%);box-shadow:none}.track-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.track-identity{min-width:0}.track-card .producer-line{margin:0 0 9px;gap:7px;flex-wrap:wrap}.track-card .producer-line .text-button{font-size:11px;color:var(--text);font-weight:550}.track-card .mini-avatar{width:23px;height:23px}.track-bpm,.track-private{font-size:9px;color:var(--muted);margin-left:7px}.track-private{color:var(--lime)}.track-card h3{margin:0 0 10px;line-height:1.2}.track-card .track-title{font-size:24px;letter-spacing:-.8px;font-weight:730;color:var(--text);line-height:1.2}.track-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.track-tags>span{font-size:8px;color:var(--text);border:1px solid var(--line);padding:3px 9px;border-radius:99px;line-height:1.4}.track-tags>.track-need{color:var(--muted);border-color:transparent;padding-left:3px}.track-primary-actions{flex:none;padding-top:4px}.track-primary-actions .collab{border-radius:99px;padding:7px 12px;font-size:9px;line-height:1.5;background:transparent;color:var(--lime);border-color:var(--lime);white-space:nowrap}.track-description{font-size:11px;margin:12px 0 0;max-width:650px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-audio{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:15px;margin:15px 0 5px}.track-card .cover{height:42px;width:42px;background:var(--lime)!important;color:var(--accent-ink);border:0;box-shadow:none}.cover .mm-icon{width:19px;height:19px}.track-audio>.wave-player{grid-column:auto;padding:0}.wave-surface{height:49px;background:transparent;border-color:transparent;border-radius:3px}.wave-surface:hover{border-color:transparent}.wave-base,.wave-played{inset:5px 0}.wave-centerline{left:0;right:0;opacity:.25}.wave-seek{border-radius:3px}.wave-seek::-webkit-slider-thumb{height:47px;width:2px;box-shadow:none}.wave-seek::-moz-range-thumb{height:47px;width:2px}.wave-times{margin:4px 0 0;font:9px/1.5 ui-monospace,SFMono-Regular,monospace}.wave-hint{font:6px/1.5 Inter,sans-serif;letter-spacing:1px}.track-card-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:9px;margin-top:9px;border-top:1px solid var(--line)}.track-card-foot button{background:transparent;border:0;color:var(--muted);padding:2px 0;font-size:9px;border-radius:4px;min-height:25px}.track-card-foot button:hover{color:var(--lime)}.track-card-foot .save[aria-pressed=true]{color:var(--lime)}.track-foot-spacer{flex:1}.track-card-foot .delete-track-button{color:var(--muted)}.track-card-foot .delete-track-button:hover{color:var(--error)}.track-card.is-playing{border-color:var(--lime);background:linear-gradient(130deg,var(--soft),var(--panel) 70%)}
/* Consistent application panels, forms and conversations. */
.hero:not(.discovery-hero){padding:22px 24px;background:var(--panel) url('/assets/contour-flow.svg') right center/auto 100% no-repeat;border:1px solid var(--line);border-radius:16px;isolation:isolate;position:relative;overflow:hidden;color:#f3f3ec}.hero:not(.discovery-hero):before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#131619,#131619e6 55%,#13161933)}.hero:not(.discovery-hero) h1{font-size:clamp(30px,3.3vw,47px);letter-spacing:-1.8px;line-height:1.08;margin:13px 0 15px}.hero:not(.discovery-hero) p{color:#c1c7c5;font-size:12px}.hero:not(.discovery-hero) .eyebrow{color:#d2f873}.hero:not(.discovery-hero) .lime{color:#d2f873}.form-panel,.card,.account-panel,.entry-card,.challenge-card,.challenge-brief{border-radius:15px;box-shadow:none}.form-panel{padding:30px;max-width:800px}.form-panel input,.form-panel select,.form-panel textarea{font-size:12px;padding:13px 14px}.form-panel label{font-size:12px}.notice{font-size:11px;background:var(--soft);border-radius:9px}.cards{gap:16px}.card h2{font-size:23px}.creator-card .portrait{border-radius:50%;width:64px;height:64px}.creator-card{display:flex;flex-direction:column;align-items:flex-start}.creator-card>button{margin-top:auto}.portrait{border-radius:14px}.messages{border-radius:15px}.contacts{background:var(--input)}.contacts button{font-size:12px}.chat{padding:25px}.chat h2{font-size:21px}.bubble{font-size:13px;line-height:1.6}.bubble.mine{border:1px solid color-mix(in srgb,var(--lime) 16%,transparent)}.chat .send{padding-top:16px;border-top:1px solid var(--line)}dialog{border-radius:18px;padding:34px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#07090cce;backdrop-filter:blur(9px)}dialog h1{font-size:35px}.track-feedback .eyebrow{font-size:8px}.track-feedback h2{font-size:23px}.feedback-timestamp{border-radius:99px}.feedback-note{padding:19px 0}#detail-content>.wave-player .wave-surface{height:72px;background:var(--input);border:1px solid var(--line);border-radius:8px}#detail-content .wave-base,#detail-content .wave-played{inset:8px 12px}#detail-content .wave-seek::-webkit-slider-thumb{height:70px}#detail-content .wave-seek::-moz-range-thumb{height:70px}.challenge-card h2{font-size:28px}.deadline-panel{border-radius:12px;border:1px solid var(--line)}.deadline-panel strong{font-variant-numeric:tabular-nums}.challenge-explainer span{font-size:10px}.entry-card h2{font-size:25px}.account-story{position:relative;background:url('/assets/contour-flow.svg') center right/cover no-repeat;border-radius:18px;padding:32px;overflow:hidden;isolation:isolate;color:#f3f3ec}.account-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101113ed,#10111366)}.account-story h1{font-size:56px;letter-spacing:-2.5px}.account-story p,.account-story .account-points{color:#c5cec3}.account-story .brand-wordmark{color:#f3f3ec}.account-story>.brand{margin-bottom:45px;padding:0}.account-story .eyebrow,.account-story .lime{color:#d2f873}.account-screen{gap:34px}.account-panel{padding:30px}.account-tabs button{font-size:12px}.account-submit{font-size:12px}.empty{border-radius:14px;background:var(--panel)}.empty .eyebrow{font-size:8px}.empty h2{font-size:25px}.history-row{padding:18px 0}
/* Globe and public storytelling remain part of the same visual system. */
.globe-map{border-radius:16px;border:1px solid #424b42;box-shadow:0 15px 60px #0002}.map-discovery-tools{border-radius:10px;background:var(--panel)}.globe-toolbar button{border-radius:99px}.globe-toolbar .badge{border-radius:99px}.map-status{font-size:11px}.pin-card{border-radius:15px}.pin-card .portrait{border-radius:50%}.map-creator-list button{border-radius:8px}.public-header{max-width:1400px;border-bottom:1px solid var(--line)}.public-main{max-width:1280px}.about-hero{padding:45px 35px;border:1px solid #333a32;border-radius:18px;background:#101113 url('/assets/contour-flow.svg') center/cover no-repeat;color:#f3f3ec}.about-hero h1{font-size:clamp(40px,5.5vw,72px);line-height:1.02;letter-spacing:-2.5px}.about-hero p{color:#d2dbcd;max-width:640px}.about-hero .eyebrow,.about-hero .lime{color:#d2f873}.about-hero .primary{background:#d2f873;color:#142009;border-color:#d2f873}.about-hero .text-button{color:#d2dbcd}.about-trust{border-radius:16px}.route-step-body{border-radius:15px}.about-faq details{border-color:var(--line)}.about-end{background:var(--panel) url('/assets/contour-flow.svg') right/auto 100% no-repeat;border-radius:16px;padding:35px;position:relative;isolation:isolate;overflow:hidden;color:#f3f3ec}.about-end:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121619,#12161977);z-index:-1}.about-end p{color:#c1c7bc}.about-end .eyebrow{color:#d2f873}.about-end .primary{background:#d2f873;color:#142009;border-color:#d2f873}.privacy-panel h2{font-size:23px;margin-top:35px}.privacy-panel h2:first-child{margin-top:0}.privacy-panel p{font-size:13px;line-height:1.8}
/* One real shared player, visible across navigation. */
.persistent-player{position:fixed;inset:auto 0 0;z-index:45;min-height:82px;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(180px,2fr) 120px 28px;gap:24px;align-items:center;padding:13px 24px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(20px);border-top:1px solid var(--line);box-shadow:0 -12px 35px #0002}.has-player{padding-bottom:90px}.dock-track{display:flex;align-items:center;gap:13px;min-width:0}.dock-track>div{min-width:0}.dock-track .text-button{font-size:12px;color:var(--text);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.dock-track small{font-size:10px;color:var(--muted)}.dock-note{font-size:28px;color:var(--lime);line-height:1;flex:none}.dock-transport{display:flex;align-items:center;gap:12px}.dock-play{display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--accent-ink);width:42px;height:42px;padding:0;border:0}.dock-play span{display:none}.dock-skip{border:0;padding:0;width:25px;font-size:29px;background:transparent;line-height:1}.dock-wave{min-width:0}.dock-wave .wave-player{padding:0}.dock-wave .wave-surface{height:34px}.dock-wave .wave-seek::-webkit-slider-thumb{height:32px}.dock-wave .wave-seek::-moz-range-thumb{height:32px}.dock-wave .wave-times{font-size:8px;margin-top:2px}.dock-wave .wave-hint,.dock-wave .wave-annotations{display:none}.dock-wave .wave-base,.dock-wave .wave-played{inset:4px 0}.dock-volume{margin:0;display:flex;align-items:center;gap:10px;font-size:8px;color:var(--muted)}.dock-volume input{margin:0;padding:0;height:20px;border:0;background:transparent;accent-color:var(--lime);box-shadow:none}.dock-close{border:0;padding:0;width:28px;height:28px;font-size:21px;color:var(--muted);background:transparent}.has-player #toast{bottom:105px}.has-player .shell>aside{padding-bottom:100px}
@keyframes mm-arrive{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.discovery-hero-content,.hero>div,.track-card{animation:mm-arrive .35s ease-out both}
@media(min-width:1600px){.discovery-grid{grid-template-columns:minmax(0,1fr) 340px}.discovery-feed .toolbar input{flex-basis:210px}.track-card .track-title{font-size:26px}}
@media(max-width:1200px) and (min-width:801px){.shell>aside{width:214px}.workspace{margin-left:214px;width:calc(100% - 214px)}.brand-wordmark{font-size:20px}.brand-logo{width:33px}.discovery-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}main{padding-inline:25px}.discovery-hero{margin-inline:-25px;padding-inline:25px}.discovery-hero h1{font-size:46px}.track-card-head{gap:10px}.track-card .track-title{font-size:21px}.track-primary-actions .collab{font-size:8px;padding:6px 9px}.finish-promo{padding:20px}.workspace>header{padding-inline:25px}.workspace>header>span{font-size:8px}.account-screen{gap:20px}.account-story{padding:25px}.account-story h1{font-size:45px}}
@media(max-width:1000px) and (min-width:801px){.discovery-grid{grid-template-columns:minmax(0,1fr)}.discovery-rail{grid-template-columns:1fr 1fr}.rail-note{display:none}.finish-promo{min-height:270px}.discovery-hero h1{font-size:48px}.persistent-player{gap:14px;grid-template-columns:150px auto minmax(120px,1fr) 70px 25px;padding-inline:18px}.dock-volume>span{display:none}}
@media(max-width:800px){.shell>aside{width:100%;height:calc(70px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;flex-direction:row;overflow:visible;background:var(--bg)}.workspace{margin-left:0;width:100%}.shell>aside>.brand{padding:0;gap:8px}.brand-wordmark{font-size:20px;letter-spacing:-.9px}.brand-logo{width:31px;height:25px}.appearance{margin:0;padding:0}.appearance button{padding:0;width:40px;height:40px;background:var(--panel)}.mobile-menu summary{width:40px;height:40px}.shell>aside .sidebar-bottom{display:none}.shell nav a{padding:0;gap:4px;min-height:0;line-height:1.4;font-size:7px;border-radius:8px;color:var(--muted)}.shell nav a .mm-icon{width:18px;height:18px}.shell nav a.active{background:var(--soft);color:var(--lime);border-color:transparent}.shell nav a[href='#messages']{margin:0;border:0;padding:0}.shell nav a[href='#messages'].active{padding:0}.shell nav a[href='#upload']{background:var(--lime);color:var(--accent-ink);border-radius:9px}.nav-icon{width:auto}.shell nav{background:var(--bg);border-color:var(--line)}.demo-banner{margin:16px 18px 0;font-size:8px;gap:9px}.demo-banner>span{font-size:6px;padding:4px 6px}.workspace>header{display:none}main{padding:22px 18px 38px}.discovery-hero{margin:0 -18px 22px;padding:27px 20px 27px;min-height:256px;background-position:60% center}.discovery-hero-content{max-width:100%}.discovery-hero .eyebrow{font-size:7px;letter-spacing:1.7px}.discovery-hero h1{font-size:clamp(31px,8.3vw,48px);line-height:1.02;letter-spacing:-1.45px;margin:17px 0 13px}.discovery-hero p{font-size:11px;max-width:315px;line-height:1.65;margin-bottom:19px}.discovery-hero .primary{font-size:11px;padding:9px 17px}.discovery-grid{grid-template-columns:minmax(0,1fr);gap:22px}.feed-title{gap:12px}.feed-title h2{font-size:23px;letter-spacing:-.8px}.feed-title .tabs button{font-size:9px;padding:7px 12px}.feed-title .tabs{gap:6px}.discovery-feed .toolbar{margin-top:15px;gap:7px}.discovery-feed .toolbar input{font-size:11px;min-height:42px}.discovery-feed .toolbar select{min-height:39px;font-size:10px}.result-count{font-size:8px}.track.track-card{padding:18px 16px;border-radius:13px;margin:12px 0}.track-card-head{gap:10px;flex-wrap:wrap}.track-card .track-title{font-size:23px;letter-spacing:-.65px}.track-card .producer-line{margin-bottom:9px;gap:6px}.track-card .mini-avatar{width:21px;height:21px}.track-card .producer-line .text-button{font-size:11px}.track-bpm{font-size:8px;margin-left:4px}.track-primary-actions{padding:0}.track-primary-actions .collab{font-size:9px;padding:7px 11px}.track-tags>span{font-size:8px;padding:3px 8px}.track-tags>.track-need{padding-left:3px}.track-description{font-size:11px;-webkit-line-clamp:3}.track-audio{grid-template-columns:39px minmax(0,1fr);gap:10px;margin-top:15px}.track-card .cover{width:39px;height:39px}.track-audio .wave-surface{height:45px}.track-audio .wave-seek::-webkit-slider-thumb{height:43px}.track-audio .wave-seek::-moz-range-thumb{height:43px}.track-audio .wave-base,.track-audio .wave-played{inset:5px 0}.track-audio .wave-times{font-size:8px}.wave-hint{font-size:5px;letter-spacing:.6px}.track-card-foot{gap:13px;padding-top:8px}.track-card-foot button{min-height:35px;font-size:9px}.discovery-rail{grid-template-columns:1fr;gap:16px}.finish-promo{padding:25px;min-height:255px;background-position:right center}.finish-promo h2{font-size:39px;margin-top:18px;max-width:220px}.finish-promo p{max-width:230px;font-size:12px}.map-promo .map-preview-art{height:150px}.rail-note{padding:8px 3px}.rail-note p{font-size:11px}.hero:not(.discovery-hero){padding:22px 20px;border-radius:13px;margin-bottom:24px}.hero:not(.discovery-hero) h1{font-size:33px;letter-spacing:-1.1px}.hero:not(.discovery-hero) p{font-size:11px}.hero .eyebrow{font-size:7px}.form-panel{padding:23px 20px;border-radius:14px}.form-panel input,.form-panel select,.form-panel textarea{font-size:14px}.form-panel label{font-size:12px}.two{gap:10px}.cards{gap:13px}.card{padding:23px 20px}.creator-card>button{min-height:42px}.chat{padding:20px 16px}.bubble{font-size:12px}.send button{padding-inline:13px}.send input{font-size:14px}.account-screen{gap:22px;padding-top:0}.account-story{padding:27px 23px}.account-story>.brand{display:none}.account-story h1{font-size:48px}.account-story .account-points{font-size:10px;gap:8px;margin-top:20px}.account-panel{padding:25px 21px}.account-panel h2{font-size:25px}.account-panel input{font-size:16px}.account-panel .primary{font-size:12px}.public-header{padding:18px}.public-header .brand{padding:0}.public-main{padding:25px 18px 40px}.about-hero{padding:30px 22px}.about-hero h1{font-size:43px;letter-spacing:-1.7px}.about-hero p{font-size:12px}.about-end{padding:28px 22px}.about-trust{padding:27px 23px}.public-footer{padding:22px 18px}.privacy-panel h2{font-size:22px}.privacy-panel p{font-size:12px}dialog{padding:29px 23px;width:calc(100% - 24px);border-radius:17px}#detail{width:calc(100% - 24px)}dialog h1{font-size:30px}.globe-map{border-radius:14px}.map-page .hero h1{font-size:32px}.globe-toolbar>div:first-child{gap:8px}.globe-toolbar>div:last-child button{font-size:10px}.persistent-player{inset:auto 0 calc(69px + env(safe-area-inset-bottom));min-height:100px;grid-template-columns:minmax(0,1fr) auto 24px;gap:7px 12px;padding:10px 16px;background:var(--bg)}.dock-track{gap:9px}.dock-note{font-size:23px}.dock-track .text-button{font-size:11px}.dock-track small{font-size:9px}.dock-transport{gap:6px}.dock-play{width:35px;height:35px}.dock-skip{width:23px;font-size:25px}.dock-volume{display:none}.dock-close{grid-column:3;grid-row:1}.dock-wave{grid-column:1/-1}.dock-wave .wave-surface{height:20px}.dock-wave .wave-base,.dock-wave .wave-played{inset:2px 0}.dock-wave .wave-seek::-webkit-slider-thumb{height:18px}.dock-wave .wave-seek::-moz-range-thumb{height:18px}.dock-wave .wave-times{display:none}.has-player{padding-bottom:110px}.has-player .shell>aside{padding-bottom:0}.has-player #toast{bottom:185px}.has-player footer{padding-bottom:40px}#toast{font-size:11px}.map-page .globe-map{height:52svh;min-height:360px}}
@media(prefers-reduced-motion:reduce){.discovery-hero-content,.hero>div,.track-card{animation:none}button,.primary,.cover,.map-promo{transition:none}}
@media(max-width:800px){input:not([type=range]):not([type=checkbox]):not([type=hidden]),textarea,select,.form-panel input,.form-panel select,.form-panel textarea,.discovery-feed .toolbar input,.discovery-feed .toolbar select,.map-page .map-controls input,.map-page .map-controls select,.map-page .map-filters select{font-size:16px}.discovery-feed .toolbar select{font-size:12px}.track-card-foot button{min-height:40px;font-size:10px}.track-tags>span{font-size:9px}}
/* Keep dock transport centered instead of inheriting the labelled play-button flex layout. */
.persistent-player .dock-play[data-action="play"]{display:grid;place-items:center;gap:0;line-height:1;flex:none}
.persistent-player .dock-play .mm-icon{display:block;margin:0}
/* Community and activity use the same restrained visual language. */
.community-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.community-channel h2{font-size:26px}.community-channel p{min-height:3.5em}.community-posts{display:flex;flex-direction:column;gap:14px;margin:18px 0;max-height:65vh;overflow:auto;overscroll-behavior:contain}.community-post{padding:20px;background:var(--panel,#191c1a);border:1px solid var(--line,#41463c);border-radius:14px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.community-reactions button{padding:7px 10px}.community-reactions button[aria-pressed=true]{border-color:var(--lime,#d5fc6d)}.notification-item{display:block;width:100%;text-align:left;margin:10px 0;padding:16px}.notification-item small{display:block;margin-top:5px}.notification-item.unread{border-color:var(--lime,#d5fc6d)}[data-notification-count]:not(:empty){background:#d5fc6d;color:#142018;border-radius:20px;padding:2px 6px}.english-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.english-file-control{display:flex;align-items:center;gap:12px;max-width:100%;font-size:13px}.english-file-control span{overflow-wrap:anywhere}.english-file-input:focus-visible+.english-file-control{outline:2px solid #d5fc6d}.discovery-hero h1{font-size:clamp(30px,3.5vw,58px)}
@media(max-width:800px){.community-channel-grid{grid-template-columns:1fr}.community-post{padding:14px}.community-reactions{gap:6px}.community-reactions button{font-size:13px}.community-posts{max-height:none}}

@media(max-width:800px){.shell nav a[href="#community"]{display:none}}

.mobile-menu summary{position:relative}.mobile-menu summary [data-notification-count]:not(:empty){position:absolute;right:-4px;top:-4px;font-size:9px;line-height:14px;z-index:1}

/* Keep the mobile upload action at the center of the seven-tab navigation. */
@media(max-width:800px){.shell>aside>nav>a[href="#upload"]{grid-column:4;grid-row:1}.shell>aside>nav>a[href="#map"]{grid-column:5;grid-row:1}}