:root{color-scheme:dark;--bg:#101311;--sidebar:#101310;--panel:#181c18;--panel-raised:#1f241e;--input:#141813;--line:#30372d;--muted:#a4aea0;--text:#f3f5ee;--lime:#d0ed98;--accent-ink:#213014;--soft:#273220;--wave:#59694c;--shadow:0 18px 65px #0002;--error:#ffb5ab;--radius:18px}
:root[data-theme=light]{color-scheme:light;--bg:#f5f6f1;--sidebar:#eef1e8;--panel:#fff;--panel-raised:#f0f3e9;--input:#f7f8f4;--line:#d9dfd2;--muted:#5e6857;--text:#1b2617;--lime:#426326;--accent-ink:#fff;--soft:#e7efda;--wave:#b0bca3;--shadow:0 18px 60px #2639190a;--error:#aa3028}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--panel-raised);color:var(--text);border-radius:10px;padding:11px 17px;font-size:12px;font-weight:550;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover{border-color:var(--lime);background:var(--soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.primary{background:var(--lime);border-color:var(--lime);color:var(--accent-ink);font-weight:700;box-shadow:0 3px 12px #0001}.primary:hover{background:var(--lime);box-shadow:0 5px 22px #9ec65e20;transform:translateY(-1px)}.mm-icon{width:19px;height:19px;flex:none;vertical-align:middle}.skip-link{position:fixed;top:-70px;left:16px;padding:12px;background:var(--lime);color:var(--accent-ink);z-index:100}.skip-link:focus{top:12px}.shell{display:flex;min-height:100vh}aside{width:244px;padding:32px 22px;border-right:1px solid var(--line);background:var(--sidebar);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.8px}.brand-logo{width:38px;height:29px;object-fit:contain;flex:none}.brand-wordmark{white-space:nowrap;color:var(--text)}.version{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-left:3px;align-self:flex-start}.nav-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:49px 12px 15px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:12px;color:var(--muted);padding:12px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:550;line-height:1.5;transition:color .2s,background .2s}nav a:hover{color:var(--text);background:var(--panel-raised)}nav a.active{color:var(--lime);background:var(--soft);border-color:color-mix(in srgb,var(--lime) 16%,transparent)}nav i{font-style:normal;font-size:7px;letter-spacing:1px;margin-left:auto}.nav-icon{display:flex;align-items:center}.nav-icon .mm-icon{width:17px;height:17px}.appearance{padding:24px 11px 12px}.appearance button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);padding:7px 0;font-size:11px}.appearance button:hover{color:var(--text)}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.sidebar-bottom strong{font-size:11px}.sidebar-bottom p{font-size:11px;line-height:1.8}.sidebar-bottom button{background:transparent;border:0;font-size:10px;color:var(--muted);padding:5px 0;margin-bottom:12px}.sidebar-bottom small{display:block;font-size:9px;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);margin-bottom:13px;box-shadow:0 0 0 5px var(--soft)}.workspace{margin-left:244px;width:calc(100% - 244px)}header{min-height:82px;padding:16px 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header .inline{gap:21px}.avatar{width:34px;height:34px;border-radius:50%;padding:0;background:var(--soft);color:var(--lime);font-weight:700;border:1px solid var(--line)}.demo-banner{margin:24px 44px 0;display:flex;gap:13px;align-items:center;color:var(--muted);font-size:10px;line-height:1.7}.badge,.demo-banner>span{display:inline-block;border:1px solid var(--line);background:var(--soft);color:var(--lime);font-size:8px;letter-spacing:1.3px;border-radius:6px;padding:5px 8px;font-weight:650;white-space:nowrap}.demo-banner>span{background:transparent}.demo-banner{opacity:.8}main{padding:48px 44px 60px;max-width:1480px;margin:auto;min-height:65vh}main:focus{outline:0}h1,h2,h3{font-weight:650;line-height:1.2}h1{font-size:clamp(32px,3.8vw,54px);letter-spacing:-2.1px;margin:15px 0 20px;max-width:760px}h2{font-size:20px;letter-spacing:-.65px}h3{font-size:15px;margin:0;letter-spacing:-.25px}p{color:var(--muted);line-height:1.8}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--lime)}.lime{color:var(--lime)}.hero{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:36px}.hero p{max-width:590px;font-size:13px;margin:0}.hero>.primary{flex:none}.hero-art{display:none}.route-cards{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin:0 0 37px}.route-cards a{display:block;padding:22px 25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform .2s,border-color .2s}.route-cards a:hover{transform:translateY(-3px);border-color:var(--lime)}.route-cards a:first-child{background:linear-gradient(120deg,var(--soft),var(--panel))}.route-cards h3{font-size:17px;letter-spacing:-.5px;margin:15px 0 9px}.route-cards h3 span{float:right}.route-cards p{font-size:11px;margin:0}.route-cards a:last-child .badge{background:transparent;color:var(--muted)}.tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{white-space:nowrap;border:0;border-radius:0;background:transparent;color:var(--muted);padding:13px 0;font-size:12px;flex:none}.tabs button.selected{color:var(--text);border-bottom:2px solid var(--lime)}.toolbar{display:flex;gap:12px;margin:24px 0 32px;flex-wrap:wrap}.search{flex:1;min-width:180px}input,textarea,select{background:var(--input);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s;font-size:12px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px var(--soft)}select{width:auto;max-width:100%}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0}.section-top h2{margin:0}.section-top p{font-size:10px;margin:0}.track-heading{display:none!important}.track{display:grid;grid-template-columns:56px minmax(180px,1.5fr) minmax(80px,.65fr) 46px minmax(100px,.8fr) auto;gap:10px 18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:13px 0;box-shadow:0 3px 20px #00000005;transition:border-color .2s,background .2s,box-shadow .2s}.track:hover{border-color:color-mix(in srgb,var(--lime) 38%,var(--line))}.track.is-playing{border-color:color-mix(in srgb,var(--lime) 62%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 8%,transparent)}.cover{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:var(--soft)!important;color:var(--lime);display:grid;place-items:center;padding:0;flex:none}.cover .mm-icon{width:21px;height:21px}.cover[aria-pressed=true]{background:var(--lime)!important;color:var(--accent-ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--lime) 9%,transparent)}.cover:hover{transform:scale(1.06)}.text-button{border:0;background:transparent;padding:0;color:var(--muted);font-size:11px;text-align:left}.text-button:hover{background:transparent;color:var(--lime)}.track-title{font-size:16px;font-weight:650;color:var(--text);letter-spacing:-.4px}.track small{font-size:9px;color:var(--muted)}.producer-line{display:flex;align-items:center;gap:7px;margin:7px 0 3px}.mini-avatar{width:21px;height:21px;object-fit:cover;border-radius:50%}.genre,.bpm,.need{font-size:10px;color:var(--muted)}.genre{color:var(--text)}.bpm{font-variant-numeric:tabular-nums}.need{line-height:1.6}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.row-actions button{font-size:10px;padding:9px 11px}.row-actions .save{font-size:16px;background:transparent;border-color:transparent;padding:5px 8px}.save[aria-pressed=true]{color:var(--lime)}.collab{font-size:11px}.wave-player{grid-column:2/-1;min-width:0;padding-top:9px}.wave-surface{position:relative;height:72px;background:var(--input);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:border-color .2s}.wave-surface:hover{border-color:var(--lime)}.wave-centerline{position:absolute;top:50%;left:14px;right:14px;height:1px;background:var(--line);opacity:.55;pointer-events:none}.wave-base,.wave-played{position:absolute;inset:10px 14px;pointer-events:none}.wave-base{fill:var(--wave)}.wave-played{fill:var(--lime);clip-path:inset(0 100% 0 0)}.wave-base svg,.wave-played svg{width:100%;height:100%;display:block}.wave-player[data-playing=true] .wave-played{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--lime) 30%,transparent))}.wave-message{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px;pointer-events:none}.wave-seek{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:crosshair;appearance:none;-webkit-appearance:none;border-radius:11px}.wave-seek:focus{box-shadow:none}.wave-seek::-webkit-slider-runnable-track{height:100%;background:transparent}.wave-seek::-moz-range-track{height:100%;background:transparent}.wave-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:2px;height:70px;border:0;border-radius:1px;background:var(--text);box-shadow:0 0 0 4px #00000005}.wave-seek::-moz-range-thumb{width:2px;height:70px;border:0;border-radius:1px;background:var(--text)}.wave-seek:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.wave-times{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 2px 0}.wave-hint{font-size:7px;letter-spacing:1.5px;color:var(--muted)}#detail-content>.wave-player{margin:25px 0}#detail-content>.wave-player .wave-surface{height:90px}#detail-content .wave-seek::-webkit-slider-thumb{height:88px}#detail-content .wave-seek::-moz-range-thumb{height:88px}[data-action=play]:not(.cover){display:inline-flex;align-items:center;gap:8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.card{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:var(--radius)}.card p{font-size:12px}.portrait{width:72px;height:72px;object-fit:cover;border-radius:22px;display:block;margin:4px 0 20px;border:1px solid var(--line)}.stat{font-size:40px;letter-spacing:-2px;color:var(--lime);font-weight:650}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.chip{font-size:11px;border-radius:99px;padding:7px 12px;background:var(--input)}.chip.on{color:var(--lime);background:var(--soft);border-color:color-mix(in srgb,var(--lime) 55%,var(--line))}label{display:block;font-size:12px;font-weight:600;margin:22px 0 8px}label input,label textarea,label>select{display:block;margin-top:9px;width:100%}label small,.fine{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:8px;line-height:1.8}.form-panel{max-width:740px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.form-panel .primary{margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two label{margin-top:5px}.check{display:flex;align-items:flex-start;gap:11px;font-size:11px;font-weight:400;line-height:1.8}.check input{width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;accent-color:var(--lime)}.notice{padding:15px 18px;border:1px solid var(--line);background:var(--soft);color:var(--text);font-size:11px;border-radius:12px;margin:18px 0;line-height:1.8}.notice a,.fine a{color:var(--lime);text-decoration:underline}.error{color:var(--error);font-size:12px}.empty{grid-column:1/-1;padding:48px 24px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);margin:20px 0}.empty h2{color:var(--text)}.empty p{font-size:12px}.section-gap{margin-top:40px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:20px 0;font-size:12px}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.messages{display:grid;grid-template-columns:220px 1fr;min-height:440px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.contacts{padding:16px;background:var(--input);border-right:1px solid var(--line)}.contacts button{display:block;text-align:left;width:100%;margin-bottom:8px}.chat{padding:25px;min-width:0;display:flex;flex-direction:column}.bubbles{flex:1;max-height:420px;overflow:auto;padding:12px 0}.bubble{background:var(--panel-raised);border-radius:14px 14px 14px 4px;padding:13px 17px;max-width:85%;margin:12px 0;overflow-wrap:anywhere;font-size:12px}.bubble.mine{margin-left:auto;background:var(--soft);border-radius:14px 14px 4px 14px}.bubble small{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.send{display:flex;gap:10px}.send input{min-width:0}.chat-tools{margin-top:18px}.chat-tools small{font-size:10px;color:var(--muted)}.chat-tools button{font-size:10px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.card p,.notice{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);margin:0 44px;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.footer-brand{display:flex;gap:8px;align-items:center}.footer-brand img{object-fit:contain}.footer-brand span{font-weight:650;color:var(--text)}.footer-brand small{font-size:9px}footer a:hover{color:var(--lime)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:36px;width:min(560px,calc(100% - 28px));max-height:92vh;overflow:auto;box-shadow:0 30px 120px #0005}dialog[open]{animation:dialog-in .25s ease-out}dialog::backdrop{background:#070b08b8;backdrop-filter:blur(7px)}dialog h1{font-size:36px;letter-spacing:-1.4px}#detail{width:min(700px,calc(100% - 28px))}#detail-content>h1{padding-right:20px;overflow-wrap:anywhere}#detail-content>.portrait{width:95px;height:95px}.close{position:absolute;right:15px;top:15px;width:34px;height:34px;padding:0;border:0;background:var(--panel-raised);border-radius:50%;font-size:22px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:14px 22px;display:none;font-size:12px;z-index:99;max-width:min(620px,90vw)}[hidden]{display:none!important}progress{display:block;width:100%;margin:15px 0;accent-color:var(--lime)}.account-screen{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:calc(100vh - 180px);max-width:1080px;margin:auto;padding:20px 0 45px}.account-story>.brand{margin-bottom:68px}.account-story h1{font-size:clamp(42px,4.9vw,68px);line-height:1.04;letter-spacing:-2.6px}.account-story>p{font-size:14px}.account-points{display:grid;gap:12px;margin-top:30px;font-size:11px;color:var(--muted)}.account-panel{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.account-panel h2{font-size:27px;letter-spacing:-.8px;margin:14px 0}.account-panel>p{font-size:12px}.account-submit{width:100%;margin:12px 0 0}.account-secondary{font-size:11px;margin-top:20px}.account-secondary+.account-secondary{display:block;margin-top:12px}.account-tabs{margin-top:20px}.mm-signed-out .workspace>header,.mm-signed-out .demo-banner,.mm-signed-out .sidebar-bottom{display:none}.recovery-screen{margin:30px auto}.recovery-screen textarea{font:13px/1.8 ui-monospace,SFMono-Regular,monospace;resize:none}.password-input{position:relative;margin-top:9px}.password-input input{padding-right:65px;margin:0}.password-input button{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:transparent;color:var(--muted);font-size:10px;padding:5px 9px}#email-form,#password-form,#new-recovery-form{margin-top:26px;padding-top:12px;border-top:1px solid var(--line)}#email-form>p{font-size:12px}.public-header{max-width:1280px;margin:auto;padding:24px 40px;border:0;min-height:90px}.public-header .inline{gap:24px}.public-main{max-width:1200px;padding:60px 40px 80px}.about-hero{text-align:center;max-width:820px;margin:0 auto 75px}.about-hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;max-width:none;line-height:1.04}.about-hero>p{font-size:16px;max-width:550px;margin:23px auto}.about-hero .inline{justify-content:center;margin-top:30px}.route-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 55px}.route-map:before{content:'';position:absolute;left:12%;right:12%;top:26px;height:1px;background:linear-gradient(90deg,var(--lime),var(--line));transform-origin:left;animation:route-draw 1.2s ease both}.route-step{position:relative}.route-number{display:grid;place-items:center;width:53px;height:53px;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-size:12px;color:var(--lime);font-variant-numeric:tabular-nums;margin-bottom:28px;box-shadow:0 0 0 9px var(--bg)}.route-step-body{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:22px;min-height:290px;transition:transform .25s,border-color .25s}.route-step-body:hover{transform:translateY(-5px);border-color:var(--lime)}.route-step-body>.mm-icon{width:30px;height:30px;color:var(--lime);margin:5px 0 18px}.route-step h2{font-size:23px;letter-spacing:-.8px;margin:12px 0}.route-step p{font-size:12px}.route-step .badge{margin-bottom:10px}.about-trust{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:45px;border:1px solid var(--line);background:var(--panel);border-radius:24px;margin:45px 0}.about-trust h2{font-size:34px;margin:12px 0;letter-spacing:-1.2px}.about-trust p{font-size:12px}.trust-list{display:grid;gap:17px;align-content:center}.trust-list strong{display:block;font-size:12px}.trust-list p{font-size:11px;margin:4px 0}.about-faq{max-width:760px;margin:70px auto}.about-faq>h2{text-align:center;font-size:30px;margin-bottom:30px}.about-faq details{border-bottom:1px solid var(--line);padding:19px 0}.about-faq summary{cursor:pointer;font-size:13px;font-weight:600}.about-faq details p{font-size:12px;max-width:660px}.about-end{text-align:center;padding:50px 20px}.about-end h2{font-size:38px;letter-spacing:-1.5px}.public-footer{max-width:1200px;margin:auto;padding:28px 40px}.reveal{animation:rise-in .5s ease both}.route-step:nth-child(2){animation-delay:.1s}.route-step:nth-child(3){animation-delay:.2s}#main>.hero{animation:rise-in .35s ease both}@keyframes rise-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes route-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1550px){main{padding-top:60px}.hero{margin-bottom:44px}.track{padding:27px}}@media(max-width:1200px){aside{width:215px;padding:29px 17px}.workspace{margin-left:215px;width:calc(100% - 215px)}main{padding:36px 30px 50px}header{padding:16px 30px}.demo-banner{margin:22px 30px 0}.track{grid-template-columns:50px minmax(155px,1fr) 85px auto;column-gap:14px}.track>.bpm,.track>.need{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-wordmark{font-size:18px}footer{margin:0 30px}.account-screen{gap:32px}.route-step-body{padding:22px}}@media(max-width:950px){.track{grid-template-columns:50px minmax(130px,1fr) auto}.track>.genre{display:none}.route-cards{grid-template-columns:1fr 1fr}.route-cards a{padding:20px}.account-screen{grid-template-columns:1fr;max-width:580px;gap:30px}.account-story>.brand{margin-bottom:25px}.account-story h1{font-size:48px}.account-points{display:none}.messages{grid-template-columns:175px 1fr}.route-map{gap:15px}.route-step-body{padding:21px;min-height:320px}.about-trust{gap:25px;padding:30px}.public-header .inline{gap:16px}}
@media(max-width:700px){aside{position:static;width:100%;padding:19px 18px 0;overflow:visible;border:0;border-bottom:1px solid var(--line);display:block;background:var(--bg)}.shell{display:block}.workspace{margin:0;width:100%}.brand{padding-right:45px}.brand-wordmark{font-size:20px}.sidebar-bottom,.nav-label{display:none}.appearance{position:absolute;top:16px;right:18px;padding:0}.appearance button{padding:7px}.appearance button span{display:none}.appearance .mm-icon{width:20px;height:20px}nav{display:flex;gap:5px;margin-top:22px;overflow:auto;padding-bottom:12px}nav a{font-size:10px;padding:9px 10px;white-space:nowrap;flex:none;gap:7px}nav a[href="#feedback"] span:not(.nav-icon){max-width:105px;white-space:normal;line-height:1.4}nav .mm-icon{width:15px;height:15px}nav i{display:none}header{min-height:58px;padding:11px 18px}header>span{display:none}header .inline{margin-left:auto;gap:17px}.demo-banner{margin:19px 18px 0;font-size:9px;align-items:flex-start}.demo-banner>span{font-size:7px;padding:4px 6px;flex:none}main{padding:30px 18px 45px}h1{font-size:36px;letter-spacing:-1.5px}.hero{margin-bottom:28px;align-items:flex-start;flex-wrap:wrap}.hero p{font-size:12px}.route-cards{grid-template-columns:1fr;gap:12px;margin-bottom:25px}.route-cards a{padding:19px 21px}.route-cards h3{font-size:16px;margin-top:12px}.route-cards a:last-child{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px}.route-cards a:last-child .badge{grid-column:2;grid-row:1/3}.route-cards a:last-child h3{grid-column:1;grid-row:1;margin:0;font-size:14px}.route-cards a:last-child p{grid-column:1;font-size:10px;margin-top:5px}.toolbar{gap:9px;margin:21px 0 28px}.toolbar input{flex-basis:100%}.toolbar select{flex:1;font-size:11px;min-width:0;padding:11px}.section-top{gap:12px}.section-top h2{font-size:17px}.section-top p{font-size:8px}.track{padding:18px;grid-template-columns:43px minmax(0,1fr);gap:11px 13px;margin:12px 0;border-radius:17px}.cover{width:43px;height:43px}.cover .mm-icon{width:18px;height:18px}.track-title{font-size:15px}.track>.row-actions{grid-column:2;justify-content:flex-start;margin:1px 0 2px}.track small{font-size:9px}.row-actions button{padding:7px 11px}.row-actions .save{font-size:17px}.wave-player{grid-column:1/-1;padding-top:7px}.wave-surface{height:68px}.wave-seek::-webkit-slider-thumb{height:66px}.wave-seek::-moz-range-thumb{height:66px}.wave-hint{font-size:6px;letter-spacing:1px}.wave-base,.wave-played{inset:10px 12px}.wave-times{font-size:9px}.mini-avatar{width:19px;height:19px}.cards{grid-template-columns:1fr}.form-panel{padding:24px 20px;border-radius:19px}.two{grid-template-columns:1fr;gap:4px}.messages{grid-template-columns:1fr}.contacts{display:flex;overflow:auto;gap:8px;border-right:0;border-bottom:1px solid var(--line);padding:12px}.contacts button{width:auto;min-width:120px;margin:0;font-size:11px}.chat{padding:18px}.chat .section-top{flex-wrap:wrap;align-items:flex-start}.bubble{max-width:92%}.send{gap:7px}.send .primary{padding:10px 14px}.history-row{font-size:11px}.history-row button{font-size:10px}footer{margin:0 18px;font-size:9px;align-items:flex-start;flex-wrap:wrap;gap:10px}.footer-brand small{font-size:8px}dialog{padding:29px 23px;border-radius:21px}dialog h1{font-size:31px}.account-screen{gap:27px;min-height:0;padding:12px 0 30px}.account-story h1{font-size:48px}.account-story>.brand{display:none}.account-story>p{font-size:12px}.account-panel{padding:26px 21px}.mm-signed-out aside{display:block}.mm-signed-out nav{display:none}.mm-signed-out aside{padding-bottom:20px}.account-panel h2{font-size:25px}.public-header{padding:20px;min-height:80px}.public-header .brand{padding-right:0}.public-header .brand-wordmark{font-size:19px}.public-header .inline{gap:12px}.public-header .text-button{display:none}.public-header [data-theme-toggle]{padding:8px}.public-header [data-theme-toggle] span{display:none}.public-header .primary{font-size:10px;padding:9px 12px}.public-main{padding:35px 20px 30px}.about-hero{margin-bottom:46px}.about-hero h1{font-size:49px;letter-spacing:-2px}.about-hero>p{font-size:13px;max-width:330px}.about-hero .inline{gap:20px}.route-map{grid-template-columns:1fr;gap:22px;padding-left:22px}.route-map:before{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(var(--lime),var(--line));animation:none}.route-step{padding-left:23px}.route-number{position:absolute;left:-21px;top:23px;width:42px;height:42px;font-size:10px;margin:0;box-shadow:0 0 0 6px var(--bg)}.route-step-body{min-height:0;padding:25px}.route-step h2{font-size:24px}.route-step-body>.mm-icon{width:26px;height:26px;margin-bottom:10px}.about-trust{grid-template-columns:1fr;padding:28px 25px;gap:22px}.about-trust h2{font-size:30px}.about-faq{margin:45px auto}.about-faq>h2{font-size:26px}.about-end{padding:30px 0}.about-end h2{font-size:31px}.public-footer{padding:25px 20px;margin:0}.public-footer .inline{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root[data-theme=light] .brand-logo,:root[data-theme=light] .footer-brand img{filter:brightness(.47) saturate(.85)}

.public-header a.primary{padding:11px 18px;border-radius:10px}.about-hero a.primary,.about-end>a.primary{display:inline-block;padding:13px 22px;border-radius:10px}.about-end>a.primary{margin-top:15px}.centered{text-align:center}.privacy-panel{margin:auto;max-width:850px}

/* Phone and tablet layout: five reachable destinations and a compact utility menu. */
.mobile-menu{display:none}
.link-button{display:inline-block;padding:12px 18px;border-radius:10px}.city-options{border:1px solid var(--line);background:var(--panel);border-radius:12px;max-height:230px;overflow:auto;padding:5px;margin:8px 0}.city-options button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:12px}.city-options button:hover,.city-options button:focus{background:var(--soft)}.city-options p{padding:0 12px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.challenge-card,.challenge-brief,.entry-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel);margin-top:16px}.challenge-card h2{font-size:27px;margin:20px 0 12px}.challenge-card p{font-size:13px}.challenge-explainer{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 26px;color:var(--muted);font-size:12px}.challenge-explainer span{padding:10px 15px;border:1px solid var(--line);border-radius:99px}.challenge-brief{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(200px,1fr);gap:32px}.challenge-rules{margin-top:23px}.challenge-rules summary{cursor:pointer;padding:12px 0}.challenge-rules p{font-size:12px}.deadline-panel{padding:25px;background:var(--soft);border-radius:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.deadline-panel strong{font-size:30px;line-height:1.2;letter-spacing:-1px;color:var(--lime)}.deadline-panel p{font-size:12px}.entry-audio{display:block;width:100%;max-width:100%;margin:20px 0;min-height:44px}.entry-card .producer-line{gap:10px;flex-wrap:wrap}.entry-card h2{font-size:25px;overflow-wrap:anywhere}.entry-card p{font-size:13px}.entry-card>.inline{margin-top:20px}.entry-card .badge{margin-left:auto}.vote-actions{justify-content:space-between;margin:20px 0}.vote-progress{font-size:11px;color:var(--muted);margin-top:20px}.result-entry{position:relative}.result-place{position:absolute;top:24px;right:22px;font-size:32px;color:var(--lime);font-weight:700}.result-entry .entry-card h2{padding-right:35px}.map-controls{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:25px;margin-bottom:20px}.map-controls label,.map-filters label{margin-top:0}.map-search-wrap{position:relative}.map-search-wrap .city-options{position:absolute;left:0;right:0;top:100%;z-index:500;box-shadow:var(--shadow)}.map-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.map-filters select{width:100%}.map-status{font-size:12px;color:var(--muted);margin:15px 0}.creator-map{height:540px;min-height:360px;isolation:isolate;border:1px solid var(--line);border-radius:22px;background:#d9e1d2;z-index:0}.leaflet-container{font-family:inherit}.leaflet-container a{color:#214b1c}.leaflet-container .leaflet-control-attribution{font-size:10px;background:#fffe;color:#172813;padding:3px 7px}.leaflet-control-attribution a{color:#214b1c;text-decoration:underline}.leaflet-control-zoom a{color:#172813;background:#fff}.map-pin{display:grid;place-items:center;background:#d0ed98;color:#213014;border:2px solid #213014;border-radius:50%;font-size:18px;font-weight:750;box-shadow:0 3px 12px #0003}.map-cluster{font-size:13px;background:#213014;color:#e6f7ce;border-color:#d0ed98}.map-winner{background:#f4d981;color:#412c00;border-color:#775a16}.pin-card{display:flex;gap:24px;padding:26px;margin:18px 0;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.pin-card h2{margin:10px 0}.pin-card p{font-size:12px;margin:6px 0}.pin-card .portrait{margin:0;width:64px;height:64px;flex:none}.pin-card .inline{margin-top:20px}.map-controls .inline{flex-wrap:nowrap}.map-controls .inline select{flex:1}.map-controls .inline button{white-space:nowrap}
.route-step{min-width:0}.route-step .badge{white-space:normal}.route-step-body{overflow-wrap:anywhere}
.track>div,.hero>div,.history-row>span{min-width:0}
.track-title,.producer-line .text-button,.history-row>span{overflow-wrap:anywhere}
@media(max-width:800px){
 html{scroll-padding-top:85px;scroll-padding-bottom:100px}
 .shell{display:block;min-height:100svh}
 .shell>aside{position:sticky;top:0;z-index:30;width:100%;height:calc(72px + env(safe-area-inset-top));padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));padding-top:env(safe-area-inset-top);display:flex;flex-direction:row;align-items:center;gap:10px;overflow:visible;border:0;border-bottom:1px solid var(--line);background:var(--bg)}
 .shell>aside>.brand{padding:0;gap:9px;flex:1;font-size:20px}
 .brand-wordmark{font-size:20px}.shell>aside .brand-logo{width:31px;height:26px}.version{align-self:center;font-size:7px;margin-top:2px}
 .nav-label,.sidebar-bottom,.workspace>header{display:none}
 .appearance{position:static;padding:0;order:2}
 .appearance button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel)}
 .appearance button span{display:none}.appearance .mm-icon{width:19px;height:19px}
 .mobile-menu{display:block;order:3}
 .mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;cursor:pointer;background:var(--panel);list-style:none}
 .mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
 .mobile-menu[open] summary{background:var(--soft);color:var(--lime)}
 .mobile-menu-panel{position:absolute;top:calc(100% + 8px);right:16px;left:16px;max-height:calc(100dvh - 180px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--shadow)}
 .mobile-menu-panel>.eyebrow{display:block;padding:8px 12px 14px}
 .mobile-menu-panel>a,.mobile-menu-panel>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;text-align:left;font-size:13px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--text)}
 .mobile-menu-panel>a:hover,.mobile-menu-panel>button:hover{background:var(--soft)}
 .mobile-menu-panel small{color:var(--muted);font-size:10px}
 .shell>aside>nav{position:fixed;inset:auto 0 0;z-index:35;height:calc(76px + env(safe-area-inset-bottom));margin:0;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);background:var(--sidebar);overflow:visible;box-shadow:0 -8px 30px #00000008}
 .shell>aside>nav>a{min-width:0;min-height:60px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px 2px;font-size:9px;border:0;border-radius:12px;line-height:1.3;color:var(--muted)}
 .shell>aside>nav>a.active{background:var(--soft);color:var(--lime)}
 .shell>aside>nav .mm-icon{width:21px;height:21px}
 .shell>aside>nav>a[href="#upload"] .nav-icon{border-radius:9px;background:var(--lime);color:var(--accent-ink);padding:5px;margin-top:-5px;margin-bottom:-5px}
 .shell>aside>nav>a[href="#feedback"],.shell>aside>nav>a[href="/about"]{display:none}
 .workspace{width:100%;margin:0;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
 .demo-banner{margin:22px 20px 0;font-size:10px;align-items:flex-start;gap:10px;line-height:1.65}
 .demo-banner>span{font-size:7px;padding:5px 6px;flex:none}
 main{padding:28px 20px 36px;min-height:55svh}
 h1{font-size:38px;letter-spacing:-1.6px;line-height:1.08;overflow-wrap:anywhere}
 .hero{display:block;margin-bottom:27px}.hero p{font-size:13px;line-height:1.75}.hero>.primary{margin-top:20px;display:inline-block}
 .eyebrow{font-size:9px;letter-spacing:1.7px}
 button{min-height:44px;font-size:12px}
 input,textarea,select,.toolbar select{font-size:16px;min-height:48px;padding:12px;border-radius:12px}
 input[type=checkbox]{min-height:0}.check input{width:20px;height:20px;flex-basis:20px}
 input[type=file]{max-width:100%;min-width:0;font-size:12px;padding:12px 9px}
 input::file-selector-button{border:0;border-radius:7px;padding:8px;background:var(--soft);color:var(--text);font:inherit;margin-right:8px}
 textarea{min-height:100px;resize:vertical}label{font-size:13px}label small,.fine{font-size:11px;line-height:1.7}
 .route-cards{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.route-cards a{padding:21px}.route-cards h3{font-size:17px}.route-cards p{font-size:12px}
 .route-cards a:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.route-cards a:last-child h3{font-size:15px;margin:0}.route-cards a:last-child p{margin:0;font-size:11px}
 .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 26px}.toolbar .search{grid-column:1/-1;min-width:0}.toolbar select{width:100%;min-width:0;font-size:12px}
 .tabs{gap:25px}.tabs button{font-size:13px;min-height:48px}
 .section-top{flex-wrap:wrap;gap:8px}.section-top h2{font-size:19px}.section-top p{font-size:10px}
 .track{grid-template-columns:48px minmax(0,1fr);padding:18px;gap:12px;margin:14px 0;border-radius:20px}
 .track>.genre,.track>.bpm,.track>.need{display:none}
 .cover{width:48px;height:48px}.cover .mm-icon{width:21px;height:21px}
 .track-title{font-size:16px;line-height:1.45;min-height:0}.producer-line{margin:6px 0}.producer-line .text-button{font-size:12px;min-height:28px}.track small{font-size:10px;line-height:1.6}
 .track>.row-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;margin:0}.row-actions button{min-height:44px;padding:9px 13px;font-size:12px}.row-actions .save{margin-right:auto;min-width:44px}
 .wave-player{grid-column:1/-1;padding-top:0}.wave-surface{height:78px;border-radius:12px}.wave-base,.wave-played{inset:10px 12px}.wave-seek{min-height:0;padding:0;border-radius:12px;touch-action:pan-y}.wave-seek::-webkit-slider-thumb{height:76px}.wave-seek::-moz-range-thumb{height:76px}.wave-times{font-size:11px;margin-top:9px}.wave-hint{font-size:7px;letter-spacing:1px}
 .cards{grid-template-columns:1fr}.card{padding:22px}.card p{font-size:13px}
 .form-panel{padding:24px 20px;border-radius:20px}.two{grid-template-columns:1fr;gap:5px}.chip{min-height:42px;font-size:12px;padding:8px 13px}.chips{gap:8px}.form-panel>button.primary{width:100%;margin-top:15px}.notice{padding:16px;font-size:12px;line-height:1.75}
 .messages{grid-template-columns:1fr}.contacts{display:flex;gap:8px;overflow:auto;padding:12px;border:0;border-bottom:1px solid var(--line);scroll-snap-type:x proximity}.contacts button{min-width:125px;width:auto;margin:0;flex:none;font-size:12px;scroll-snap-align:start}.chat{padding:17px}.bubbles{max-height:50dvh;overscroll-behavior:contain}.bubble{max-width:92%;font-size:14px}.bubble small{font-size:10px}.send{gap:8px}.send input{width:100%;min-width:0;font-size:16px}.send .primary{padding:10px 14px}.chat-tools{gap:10px}.chat-tools small{font-size:11px}.chat-tools button{font-size:12px}
 .history-row{flex-wrap:wrap;font-size:12px;gap:12px}.history-row button{font-size:12px}
 footer{margin:0 20px;padding:23px 0;flex-direction:column;align-items:flex-start;gap:12px;font-size:11px}footer>span{line-height:2}.footer-brand{flex-wrap:wrap}.footer-brand small{font-size:10px}
 dialog,#detail{width:calc(100% - 24px);max-width:640px;max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:30px 22px;border-radius:22px;overscroll-behavior:contain}dialog h1{font-size:33px}.close{width:44px;height:44px;right:10px;top:10px}#detail-content>h1{padding-right:30px}
 #toast{bottom:calc(94px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);font-size:13px;padding:13px 18px}
 .account-screen{grid-template-columns:1fr;gap:24px;min-height:0;max-width:520px;padding:0}.account-story>.brand,.account-points{display:none}.account-story h1{font-size:44px;letter-spacing:-1.8px;margin:14px 0}.account-story>p{font-size:13px}.account-panel{padding:26px 21px;border-radius:22px}.account-panel h2{font-size:27px}.account-panel>p{font-size:13px}.account-secondary{font-size:13px;min-height:44px}.password-input button{min-height:0;font-size:12px}.account-submit{font-size:13px}
 .mm-signed-out .shell>aside{display:flex}.mm-signed-out .mobile-menu,.mm-signed-out .shell>aside>nav{display:none}.mm-signed-out .workspace{padding-bottom:0}.mm-signed-out main{padding-top:27px}
 .public-header{padding:16px 20px;gap:10px;min-height:76px}.public-header .brand{padding:0;gap:8px}.public-header .brand-logo{width:30px}.public-header .brand-wordmark{font-size:18px}.public-header .inline{gap:8px;flex-wrap:nowrap}.public-header .text-button{display:none}.public-header [data-theme-toggle]{width:44px;padding:0;display:grid;place-items:center}.public-header [data-theme-toggle] span{display:none}.public-header a.primary{font-size:11px;padding:11px}
 .public-main{padding:35px 20px 40px}.about-hero h1{font-size:47px}.about-hero>p{font-size:14px}.route-map{grid-template-columns:1fr;gap:22px;padding-left:22px}.route-map:before{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;animation:none}.route-step{padding-left:23px}.route-number{position:absolute;left:-21px;top:23px;width:42px;height:42px;font-size:10px;margin:0;box-shadow:0 0 0 6px var(--bg)}.route-step-body{min-height:0;padding:25px}.route-step p{font-size:13px}.about-trust{grid-template-columns:1fr;padding:26px;gap:18px}.about-faq summary,.about-faq details p{font-size:14px}.privacy-panel h2{font-size:21px}.privacy-panel p{font-size:13px}.public-footer{margin:0;padding:25px 20px}
}
@media(max-width:370px){.shell>aside{padding-right:12px;padding-left:14px;gap:7px}.shell>aside>.brand{gap:7px}.shell>aside .brand-wordmark{font-size:18px}.version{display:none}main{padding-right:14px;padding-left:14px}.track{padding:15px;gap:10px}.wave-hint{font-size:6px}.public-header{padding-right:14px;padding-left:14px}.public-header .brand-wordmark{font-size:16px}.public-header a.primary{padding:10px 8px}.public-header .inline{gap:5px}}

@media(max-width:800px){.challenge-brief{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}.challenge-card,.entry-card{padding:22px}.challenge-explainer{gap:8px;font-size:10px}.challenge-explainer span{padding:8px 12px}.deadline-panel{padding:22px}.deadline-panel button{width:100%}.map-controls{grid-template-columns:minmax(0,1fr);gap:16px}.map-filters{grid-template-columns:minmax(0,1fr);gap:12px}.map-filters label{margin:0}.map-controls .inline{display:flex}.creator-map{height:52dvh;min-height:350px;border-radius:18px}.pin-card{flex-direction:column;padding:22px}.pin-card .inline button{width:100%}.leaflet-control-zoom a{min-width:38px;min-height:38px;line-height:38px}.map-controls select{min-width:0}.vote-actions{gap:8px}.vote-actions button{flex:1;font-size:11px;padding:10px}.challenge-card h2{font-size:25px}}

.row-actions .delete-track-button{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--line));background:transparent}.row-actions .delete-track-button:hover{border-color:var(--error);background:color-mix(in srgb,var(--error) 8%,var(--panel))}
/* Timestamp feedback keeps audio seeking distinct from comment markers. */
.track-feedback{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.track-feedback h2{font-size:24px;margin:8px 0}.feedback-time-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.feedback-time-row label{max-width:180px;flex:1}.feedback-time-row button{margin-bottom:10px}.feedback-note{border-top:1px solid var(--line);padding:20px 0}.feedback-note p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.feedback-note-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feedback-note-head strong{font-size:13px;overflow-wrap:anywhere}.feedback-note-head>.fine{margin-left:auto}.feedback-timestamp{background:var(--soft);color:var(--lime);font-variant-numeric:tabular-nums;padding:8px 12px}.feedback-note .text-button{font-size:11px;color:var(--muted)}.feedback-empty{padding:20px 0;color:var(--muted)}.feedback-highlight{animation:feedback-highlight 1.6s ease-out}@keyframes feedback-highlight{from{background:var(--soft)}to{background:transparent}}.feedback-row-button{font-size:11px;padding:8px 12px}.wave-annotations{height:22px;position:relative;margin:0 12px}.wave-annotations:empty{display:none}.wave-feedback-marker{position:absolute;transform:translateX(-50%);top:0;min-width:24px;min-height:24px;padding:0;border:0;background:transparent;color:var(--lime);font-size:12px;line-height:24px}.wave-feedback-marker:hover,.wave-feedback-marker:focus-visible{background:var(--soft);outline:1px solid var(--lime)}
/* A real interactive globe, with a complete 2D and keyboard alternative. */
.globe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 12px;flex-wrap:wrap}.globe-toolbar>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.globe-toolbar button{font-size:11px;padding:9px 14px}.globe-toolbar button[aria-pressed=true]{background:var(--lime);color:var(--accent-ink)}.globe-map{height:min(68vh,740px);min-height:460px;background:#080e15;overflow:hidden;border-radius:24px}.globe-map .maplibregl-canvas{outline:0}.globe-map .maplibregl-canvas:focus-visible{outline:2px solid #d2f873;outline-offset:-4px}.globe-map .maplibregl-ctrl-group{background:#182324;border:1px solid #4a6051;box-shadow:0 8px 25px #0004;border-radius:12px;overflow:hidden}.globe-map .maplibregl-ctrl-group button{border-radius:0;width:38px;height:38px;border-color:#35433d;background:transparent}.globe-map .maplibregl-ctrl-icon{filter:invert(1)}.globe-map .maplibregl-ctrl-attrib{font:10px/1.5 inherit;background:#101b1feb;color:#cbd7c4;padding:4px 8px}.globe-map .maplibregl-ctrl-attrib a{color:#d2f873}.globe-cluster-label{background:transparent;color:#142218;border:0;padding:0;min-width:32px;min-height:32px;line-height:32px;font-size:12px;font-weight:800;box-shadow:none;text-align:center}.globe-cluster-label:hover{background:#d2f87350}.map-access-list{margin-top:14px;font-size:12px}.map-access-list summary{cursor:pointer;padding:12px 0;color:var(--muted)}.map-creator-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;padding:12px 0}.map-creator-list button{text-align:left;font-size:12px;overflow-wrap:anywhere}.globe-map.leaflet-container{background:#0c171c}.globe-map .leaflet-control-attribution{background:#101b1f;color:#cbd7c4}.globe-map .leaflet-control-attribution a{color:#d2f873}
@media(max-width:800px){.globe-map{height:58svh;min-height:390px;border-radius:18px}.globe-toolbar .fine{display:block;font-size:10px}.globe-toolbar>div{gap:8px}.globe-toolbar button{min-height:42px}.feedback-time-row{gap:8px}.feedback-time-row button{font-size:11px}.feedback-note-head>.fine{font-size:9px}.feedback-note p{font-size:13px}.wave-feedback-marker{min-height:30px;line-height:30px}.wave-annotations{height:30px}.track-feedback .section-top{flex-wrap:wrap}}
main.map-page{padding-top:25px}.map-page .hero{margin-bottom:20px}.map-page .hero h1{font-size:42px;line-height:1.15;margin:0 0 10px}.map-page .hero .eyebrow{margin-bottom:12px}.map-page .hero p{margin:0;max-width:none}.map-page .map-controls{margin-bottom:14px;gap:16px}.map-page .map-controls label,.map-page .map-filters label{font-size:11px;margin:0 0 7px}.map-page .map-controls input,.map-page .map-controls select,.map-page .map-filters select{padding:11px 14px}.map-page .map-status{margin:10px 0}.map-page .globe-toolbar{margin:12px 0}.map-page .globe-map{height:600px;min-height:420px}
@media(max-width:800px){main.map-page{padding-top:22px}.map-page .hero h1{font-size:32px}.map-page .hero .eyebrow{font-size:8px}.map-page .map-controls{grid-template-columns:1fr}.map-page .map-filters{grid-template-columns:1fr 1fr;gap:10px}.map-page .map-filters>label:last-child{grid-column:1/-1}.map-page .globe-toolbar{align-items:flex-start}.map-page .globe-map{height:54svh;min-height:390px}.map-page .globe-toolbar>div:last-child{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.map-page .globe-toolbar button{padding:8px 9px;font-size:10px}.pin-card{flex-wrap:wrap}.pin-card .inline{gap:8px}.pin-card .inline button{min-height:44px}}
.map-discovery-tools{margin:0 0 16px;border:1px solid var(--line);border-radius:16px;padding:0 18px}.map-discovery-tools>summary{padding:13px 0;font-size:12px;color:var(--text);cursor:pointer}.map-discovery-tools[open]{padding-bottom:14px}.map-discovery-tools .map-controls{margin-top:4px}.map-discovery-tools[open]>summary{margin-bottom:8px}.map-discovery-tools:focus-within{border-color:var(--wave)}
@media(max-width:800px){.map-discovery-tools{padding:0 14px;margin-bottom:10px}.map-discovery-tools>summary{padding:13px 0;font-size:12px}.map-page .hero{margin-bottom:16px}.map-page .globe-map{height:52svh;min-height:360px}}
.globe-city-label{background:#101b1fe8;border:1px solid #47604a;color:#e4f2db;box-shadow:0 3px 12px #0004;font-size:10px;line-height:1.4;padding:4px 8px;border-radius:5px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.globe-city-label:hover,.globe-city-label:focus-visible{border-color:#d2f873;color:#d2f873}