.rhythm-intro{max-width:1400px;margin:auto;padding:55px 5% 28px}.rhythm-intro h1{font:400 clamp(36px,4.6vw,62px)/1.2 Georgia,'Apple SD Gothic Neo',serif;letter-spacing:-1.8px;margin:18px 0 24px}.rhythm-intro h1 em{color:var(--gold);font-weight:400}.rhythm-intro>p{max-width:720px}.rhythm-intro>a{font-size:13px;border-bottom:1px solid var(--gold)}.rhythm-note{font-size:13px;line-height:1.9;color:#716a5e}.rhythm-layout{max-width:1400px;margin:auto;padding:10px 5% 65px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px;align-items:start}.rhythm-preview{min-width:0}.rhythm-preview canvas{display:block;width:100%;max-height:76vh;object-fit:contain;object-position:top;background:#0a1423;border-radius:10px}.rhythm-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.rhythm-layout button,.rhythm-layout input,.rhythm-layout select{font:inherit;min-height:46px;border:1px solid #b6ab98;border-radius:4px;padding:10px 13px;max-width:100%;background:#fbf9f3;color:#24221d}.rhythm-layout button{font-size:14px}.rhythm-layout button.primary{background:#24221d;color:#f4f1e9;border-color:#24221d}.rhythm-layout button:disabled{opacity:.5;cursor:not-allowed}.rhythm-layout :is(button,input,select):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.rhythm-controls{border:1px solid var(--line);padding:24px;background:#ece7dd;min-width:0}.rhythm-controls>label{display:block;margin:18px 0 7px;font-size:14px}.rhythm-controls input[type=number],.rhythm-controls select{width:100%;font-size:16px}.rhythm-controls input[type=file]{font-size:12px;width:100%;padding:10px}.rhythm-controls small{font-size:12px;color:#716a5e}.rhythm-controls p{margin:10px 0;overflow-wrap:anywhere}.rhythm-controls .metro-label{display:flex;align-items:center;gap:10px;min-height:46px}.rhythm-controls input[type=checkbox]{width:21px;height:21px;min-height:0}.rhythm-footer{padding:30px 5%;background:#24221d;color:#e9e2d5;font-size:12px}.rhythm-footer p{opacity:.75}.rhythm-layout #status{font-size:14px;color:#785b2b;min-height:24px}.rhythm-entry{padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.rhythm-entry h2{font:400 clamp(28px,3vw,40px)/1.4 Georgia,'Apple SD Gothic Neo',serif;margin:12px 0}.rhythm-entry p{font-size:14px}.rhythm-entry .eyebrow{margin:0}.nav-inner nav{gap:23px}@media(max-width:1000px){.rhythm-layout{grid-template-columns:1fr}.rhythm-controls{display:grid;grid-template-columns:minmax(0,1fr);padding:22px}.rhythm-preview canvas{max-height:65vh}}@media(max-width:600px){.rhythm-intro{padding-top:30px}.rhythm-layout{padding-left:5%;padding-right:5%;gap:20px}.rhythm-entry{display:block}.rhythm-actions{gap:8px}.rhythm-actions button{flex:1 1 auto}.rhythm-intro h1{letter-spacing:-1px}.rhythm-preview canvas{max-height:60vh}.rhythm-intro .rhythm-note{font-size:12px}}
.atlas{max-width:1400px;margin:auto;padding:48px 5% 70px}.atlas-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.atlas h1{font:400 clamp(34px,4.6vw,62px)/1.2 Georgia,'Apple SD Gothic Neo',serif;margin:14px 0 22px;letter-spacing:-1.5px}.atlas h1 em{font-weight:400;color:var(--gold)}.atlas-heading>div>p:last-child{font-size:14px}.atlas-scope{font-size:12px;color:#716a5e;line-height:1.8}.atlas-picker{padding:22px;border:1px solid var(--line);background:#ece7dd;margin-bottom:30px}.picker-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.atlas label{display:block;font-size:13px}.atlas :is(input,select){display:block;width:100%;margin-top:7px;min-height:46px;font:16px var(--sans);background:#fbf9f3;border:1px solid #b6ab98;border-radius:4px;padding:10px 12px;color:var(--ink);max-width:100%}.atlas select{white-space:normal}.dance-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.atlas button{font:14px var(--sans);min-height:46px;border:1px solid #b6ab98;border-radius:4px;padding:10px 13px;background:#fbf9f3;color:var(--ink)}.dance-results button{font-size:13px}.dance-results button[aria-pressed=true]{background:#24221d;color:#fff8e9;border-color:#24221d}.atlas :is(button,input,select):focus-visible{outline:2px solid #927344;outline-offset:3px}.atlas .quiet{font-size:12px;line-height:1.8;color:#716a5e}.atlas-workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px;align-items:start}.atlas-stage{min-width:0}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.stage-heading h2{font-size:28px;font-weight:500;margin:0 0 20px;letter-spacing:-1px}.stage-heading .eyebrow{margin:0 0 6px}.mode-badge{font-size:11px;padding:6px 10px;border:1px solid #b8a686;flex:none}.pattern-pick label{font-size:14px}.pattern-pick select{max-width:100%;margin-bottom:12px}.pattern-pick>p{min-height:44px}.atlas canvas{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#0a1423;border-radius:9px}.atlas .rhythm-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.atlas button.primary{background:#24221d;color:#f4f1e9;border-color:#24221d}.atlas button:disabled{opacity:.5;cursor:not-allowed}.atlas #status{font-size:14px;color:#785b2b;min-height:24px}.atlas-controls h3{font-size:18px;font-weight:500;margin:0 0 15px}.atlas-controls>label{margin-top:18px}.atlas .tempo-readout strong{font-size:26px;font-weight:500}.tempo-readout span{display:block;font-size:12px;color:#716a5e}.atlas-controls #default-tempo{font-size:12px;width:100%}.atlas-controls input[type=file]{font-size:12px;padding:9px}.atlas-controls #clear-audio{font-size:12px;min-height:38px}.atlas-controls .metro-label{display:flex;align-items:center;gap:10px;min-height:46px}.atlas-controls input[type=checkbox]{width:21px;height:21px;min-height:0;margin:0}.atlas details{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.atlas summary{cursor:pointer;font-size:13px;min-height:30px}.atlas details ul{padding-left:20px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.atlas details a{text-decoration:underline}.privacy-note{font-size:12px;line-height:1.9;padding:18px;background:#ebe5d8;color:#655b4b}.custom-panel label{margin-top:12px}.custom-panel button{margin-top:12px}#custom-error{font-size:12px;color:#993a2f}.atlas-controls #track{overflow-wrap:anywhere}.atlas-intent{margin-top:10px}.atlas-workspace .rhythm-controls{display:block}@media(max-width:1000px){.atlas-workspace{grid-template-columns:1fr}.atlas-controls{display:block}.atlas canvas{max-height:70vh}}@media(max-width:600px){.atlas{padding-top:30px}.atlas-heading{display:block;margin-bottom:22px}.atlas-scope{font-size:11px}.picker-fields{grid-template-columns:1fr;gap:14px}.atlas-picker{padding:18px}.dance-results{max-height:180px;overflow:auto;padding:2px}.dance-results button{flex:1 1 auto}.stage-heading h2{font-size:25px}.mode-badge{font-size:10px}.atlas canvas{max-height:62vh}.atlas .rhythm-actions button{flex:1 1 auto}.atlas .quiet{font-size:12px}.atlas-controls{padding:22px}.atlas h1{letter-spacing:-1px}}

.mobile-dock{display:none}@media(max-width:600px){body.rhythm-page{padding-bottom:137px}.mobile-dock{display:block;position:fixed;z-index:25;bottom:0;left:0;right:0;padding:10px 5% calc(10px + env(safe-area-inset-bottom));background:#f4f1e9f5;border-top:1px solid #c8bcaa;box-shadow:0 -8px 22px #15130d0c}.mobile-dock>select{width:100%;min-height:44px;border:1px solid #b6ab98;border-radius:4px;background:#fbf9f3;font:16px var(--sans);padding:6px 10px;color:#24221d}.mobile-dock>div{display:flex;align-items:center;gap:8px;margin-top:8px}.mobile-dock button{min-height:44px;min-width:44px;background:#fbf9f3;border:1px solid #b6ab98;border-radius:4px;font:16px var(--sans)}.mobile-dock #quick-play{flex:1;background:#24221d;color:#f4f1e9;font-size:14px}.mobile-dock output{min-width:80px;text-align:center;font-size:15px}.mobile-dock :focus-visible{outline:2px solid #927344;outline-offset:2px}}

.current-readout{display:flex;align-items:center;gap:15px;padding:10px 0 18px;font-size:12px;color:#716a5e}.current-readout strong{font-size:30px;color:#785b2b;min-width:42px}.current-readout span:last-child{margin-left:auto}.pattern-pick>p{min-height:0}@media(max-width:600px){.atlas-heading>div>p:last-child{display:none}.atlas-scope{display:none}.atlas-heading{margin-bottom:18px}.atlas h1{font-size:29px;margin:8px 0 12px}.atlas h1 br{display:none}.atlas-heading .eyebrow{font-size:9px;margin-bottom:6px}.atlas{padding-top:22px}.atlas-picker{margin-bottom:23px}.current-readout{gap:10px;font-size:11px}.current-readout strong{font-size:28px}.current-readout span:last-child{max-width:160px;text-align:right}.stage-heading h2{margin-bottom:12px}}

.analysis-panel{margin-top:15px;border-top:1px solid var(--line);padding-top:10px}.analysis-panel #analysis-status{font-size:13px;line-height:1.8;color:#785b2b}.analysis-actions,.tempo-choices,.phase-actions{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.analysis-actions button,.tempo-choices button,.phase-actions button{flex:1;font-size:12px;padding:8px;min-height:44px}.analysis-panel progress{width:100%;height:9px;accent-color:#927344;margin:10px 0}.audio-position{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.audio-position output{display:block;font-size:12px;margin:6px 0;color:#716a5e}.atlas input[type=range]{padding:0;min-height:40px;accent-color:#927344}.audio-position #set-downbeat{width:100%;font-size:12px}.analysis-panel .quiet{font-size:11px}.rhythm-controls #track{overflow-wrap:anywhere}