body.express-mode{background:#f2f1e8;color:#243d36}.express-app{max-width:1160px;margin:auto;padding:24px;color:#243d36;font-family:system-ui,sans-serif}.express-app header{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #d7dfd5;padding:0 0 24px}.express-app a{color:inherit}.express-badge{font-size:11px;border:1px solid #c3d0c1;padding:8px 12px;border-radius:22px}.express-intro{padding:56px 0 36px;max-width:650px}.express-intro small{letter-spacing:.2em;font-size:11px}.express-intro h1{font-size:clamp(40px,7vw,76px);line-height:1.05;letter-spacing:-.05em;margin:22px 0}.express-intro em{font-family:Georgia,serif;font-weight:400;color:#75856a}.express-intro p{line-height:1.8}.express-privacy{font-size:13px;color:#586c57}.express-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.express-panel{border:1px solid #d9dfd2;border-radius:24px;background:#fffefa;padding:24px}.express-app h2{font-size:18px;line-height:1.5}.express-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.express-app button{border:1px solid #cbd5c8;border-radius:12px;background:#f1f4eb;padding:11px 16px;color:#294038;cursor:pointer;font:inherit;font-size:13px;touch-action:manipulation}.express-app button:disabled{opacity:.45;cursor:default}.express-app .express-primary{background:#294d3c;color:#fff;border-color:#294d3c;min-height:45px}.express-app textarea{box-sizing:border-box;display:block;resize:vertical;min-height:160px;width:100%;margin:12px 0;padding:16px;font:inherit;font-size:16px;line-height:1.7;background:#f5f5ed;border:1px solid #d6dccd;border-radius:14px;color:#253b31}.express-app input[type=range]{display:block;width:100%;accent-color:#476c4a;margin:10px 0 18px;min-height:24px}.express-app label{font-size:13px;display:block}.express-caption{display:flex;justify-content:space-between;font-size:11px;color:#657361;margin:10px 0 18px;gap:10px}.expression-profile{border-top:1px solid #dce2d5;margin:24px 0;padding-top:16px}.expression-profile h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin-bottom:8px}.expression-profile>small{display:block;margin:0 0 22px;color:#727969}.expression-tags{color:#536c3f}.express-app details{margin:18px 0;font-size:13px}.express-app summary{cursor:pointer}.express-examples button{display:block;width:100%;text-align:left;margin:8px 0;line-height:1.5}.express-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.express-actions small{color:#737d6d}.express-result{margin:24px 0}.express-result>h2{font-size:clamp(19px,3vw,26px);font-family:Georgia,serif;font-weight:400}.express-result .export-group{margin-top:22px}.express-library{margin:38px 0}.express-library article{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d3dbcd;padding:16px 0}.express-library small{display:block;color:#75806e;font-size:11px;margin-top:6px}.express-app footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:24px 0;border-top:1px solid #d3dbcd}.express-app .rhythm-pad{width:100%;min-height:330px}.express-app .rhythm-pad h2{font-size:26px}.express-app .rhythm-pad p{font-size:12px}.express-status{font-size:13px}.express-app [role=alert]{color:#9b422e}.express-app button:focus-visible,.express-app textarea:focus-visible{outline:3px solid #9cb48e;outline-offset:3px}@media(max-width:700px){.express-app{padding:18px}.express-app header{font-size:11px;flex-wrap:wrap;gap:10px}.express-badge{font-size:10px;padding:5px 8px}.express-intro{padding:34px 0 20px}.express-intro h1{font-size:48px}.express-grid{grid-template-columns:1fr;gap:18px}.express-panel{padding:18px;border-radius:20px;min-width:0}.express-heading{align-items:flex-start}.express-heading button{font-size:10px;padding:8px}.express-app .rhythm-pad{min-height:310px}.express-app footer{flex-wrap:wrap}.express-caption{font-size:10px}.express-library article>span{min-width:0;overflow-wrap:anywhere}.express-library article button{flex-shrink:0}}.express-app .rhythm-pad:not(.recording) .pad-content p{display:none}.express-next{font-size:12px;color:#53694f}.express-app .pad-top,.express-app .pad-bottom{color:#65735b}@media(max-width:700px){.express-intro{padding:24px 0 12px}.express-intro h1{font-size:42px;margin:16px 0}.express-intro p{margin:8px 0;font-size:13px}.express-app .rhythm-pad{min-height:290px}.express-app .rhythm-pad h2{font-size:23px}}.express-app .dna-identity h3,.express-app .dna-id{color:#385437}.express-app .dna-caption{color:#63725b}.express-app .dna-dot{fill:#567443}.express-app .dna-halo{fill:#bfceab}.express-app .dna-connection{stroke:#81966e}.express-app .dna-baseline{stroke:#c2ceb7}.express-app .dna-playhead path{stroke:#385437}.express-app .dna-playhead circle{fill:#385437}.express-app .export-status{color:#53694f}.express-app .export-status.failed{color:#9b422e}.expression-worlds{margin:24px 0}.expression-worlds h3{font-size:15px;font-weight:500}.expression-worlds>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.express-app button[aria-pressed=true]{background:#294d3c;color:#fff;border-color:#294d3c}.expression-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:13px}.expression-metrics dd{margin:4px 0;color:#52684c}.express-app audio{max-width:100%}.express-app .share-card-tool{margin-top:24px}.express-app .share-card-result img{max-width:220px;width:100%;height:auto}.express-app .expression-worlds button{padding:12px 6px}.express-app .share-card-tool small{display:block;margin-top:8px}.express-app .expressive-pad .touch-flash{inset:50% auto auto 50%;border:2px solid #91ad70;border-radius:50%}.touch-summary{font-size:12px;line-height:1.5;color:#486242}.touch-summary small{display:block;color:#63705e;margin-top:5px}.touch-readings{list-style:none;padding:0}.touch-readings li{padding:16px;margin:12px 0;border:1px solid #cbd5c8;border-radius:16px;background:#fffefa}.touch-readings li>span{display:block;font-size:13px;margin-top:6px}.touch-readings dd{margin:0 0 8px;overflow-wrap:anywhere}.touch-test h1{font-size:32px}.touch-test>p{line-height:1.6;font-size:13px}.touch-test header{height:auto}.touch-test .rhythm-pad{min-height:260px}@media(max-width:700px){.express-app{padding:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.express-app .express-intro{padding:18px 0 12px}.express-app .express-intro h1{font-size:34px;margin:12px 0}.express-app .express-intro>small{font-size:9px}.express-app .express-panel{padding:15px}.express-app .expressive-pad{min-height:270px}.express-app .express-actions>button{min-height:46px}.express-app .express-grid>.express-panel>.express-primary{width:100%;margin:6px 0;min-height:48px}.express-app .expression-profile label{margin:18px 0}.express-app .expression-worlds button{min-height:48px}.express-app .express-result .express-actions>.express-primary{flex:1;min-width:120px}.express-app .express-heading button{min-height:44px}.touch-test .pad-top span:last-child{display:none}}.touch-test .pad-content p{display:none}.express-app{max-width:820px}.express-grid{grid-template-columns:1fr}.express-app .unified-brand{font-size:24px;font-weight:700;letter-spacing:-.05em;text-decoration:none}.express-intro{padding:24px 0}.express-intro h1{font-size:clamp(32px,6vw,52px);margin:12px 0}.express-app .create-music{width:100%;min-height:52px;font-size:17px;margin-top:12px}.express-app .fine-tune{background:#f4f5ed;padding:16px;border-radius:14px}.express-app .expression-profile{margin:16px 0;padding-top:8px}.expression-profile h3{font-size:22px;margin:12px 0}.piano-preload{font-size:12px;color:#53694f}.express-app .touch-details{font-size:11px;margin:12px 0}.express-app .share-control{margin-top:16px}.express-app .share-control small{display:block}.express-app .express-caption span:first-child{max-width:85%}.express-app .rhythm-timeline,.express-app .share-card-result{max-width:100%}@media(max-width:700px){.express-app header{padding-bottom:14px}.express-app .express-intro{padding:12px 0}.express-app .express-intro h1{font-size:32px}.express-app .express-panel>h2{margin:0 0 14px}.express-app .expressive-pad{min-height:255px}.express-app .express-grid{gap:16px}}:root{font-family:DM Sans,Segoe UI,sans-serif;color:#e6eae6;background:#101512;font-synthesis:none;--lime:#c2ee92;--muted:#849087;--line:#2b342e}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:1440px;margin:auto;padding:0 64px}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;gap:10px}.brand-icon{background:var(--lime);color:#1c301d;border-radius:8px;display:flex;padding:7px}.beta{font:9px DM Sans,sans-serif;letter-spacing:1.3px;color:#93a18e;border:1px solid #3b4637;padding:5px 7px;border-radius:4px;margin-left:8px}.local-status{margin-left:auto;font-size:11px;color:#9aa69c;display:flex;align-items:center;gap:8px}.local-status i,.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--lime)}.header-link{font-size:11px;display:flex;gap:8px;margin-left:26px}main{max-width:1180px;margin:auto}.intro{position:relative;padding:58px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);display:flex;align-items:center;gap:9px}.intro h1{font-family:Manrope,sans-serif;font-size:58px;line-height:1.13;letter-spacing:-3px;font-weight:500;margin:20px 0}.intro h1 span{color:var(--lime)}.intro p{font-size:13px;color:#9da89e;line-height:1.9;letter-spacing:.3px}.intro-tag{position:absolute;right:0;bottom:57px;border:1px solid var(--line);padding:9px 13px;border-radius:30px;font-size:11px;color:#aab4a9;display:flex;align-items:center;gap:8px}.intro-tag svg{color:var(--lime)}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:27px}.capture-panel,.settings-panel,.result-panel{border:1px solid var(--line);border-radius:13px;background:#151c17}.capture-panel{padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-heading>div{display:flex;align-items:center;gap:10px}.step{font-size:10px;color:#8c9a88;border:1px solid #364030;border-radius:5px;padding:4px 6px}h3{font-weight:500;font-size:14px;margin:0}.text-button{background:none;border:none;display:flex;align-items:center;gap:7px;font-size:11px;color:#a9b3a8;padding:5px 0}.text-button:hover{color:var(--lime)}.rhythm-pad{isolation:isolate;position:relative;overflow:hidden;width:100%;height:282px;display:block;border:1px solid #3c4a35;background:radial-gradient(ellipse at center,#283824 0,#1a241a 55%,#1a221a);border-radius:9px;padding:18px;color:inherit;transition:border-color .2s;-webkit-user-select:none;user-select:none}.rhythm-pad.recording{border-color:var(--lime)}.pad-top,.pad-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;color:#8e9e83;font-size:8px;letter-spacing:1.2px;z-index:2}.pad-top{top:17px}.pad-top span{display:flex;gap:6px;align-items:center}.pad-top i{width:4px;height:4px;background:#8e9e83;border-radius:50%}.pad-top i.live{background:var(--lime);box-shadow:0 0 9px var(--lime)}.pad-bottom{bottom:16px;font-size:8px;letter-spacing:.9px}.pad-bottom span:last-child{letter-spacing:0;color:#9daf91}.pad-content{position:relative;z-index:1}.pad-content h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.7px;margin:17px 0 7px}.pad-content p{font-size:11px;color:#9aa78f;margin:0}.key-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:9px;color:#9ba58f}kbd{border:1px solid #57624b;padding:4px 12px;border-radius:4px;color:#c4ceba;font:9px monospace;box-shadow:0 2px #0d160c}.tap-symbol{display:flex;height:35px;gap:5px;align-items:center;justify-content:center}.tap-symbol span{width:5px;background:var(--lime);border-radius:5px;height:15px}.tap-symbol span:nth-child(2),.tap-symbol span:nth-child(4){height:26px}.tap-symbol span:nth-child(3){height:37px}.pulse{animation:tap .25s ease-out}@keyframes tap{0%{transform:scale(1.55);filter:brightness(1.8)}to{transform:scale(1)}}.orbit{position:absolute;border:1px solid #6b865114;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-one{width:270px;height:270px}.orbit-two{width:410px;height:410px}.orbit-three{width:570px;height:570px}.record-controls{display:flex;align-items:center;gap:12px;margin:16px 0 24px}.record-button{display:flex;align-items:center;gap:7px;padding:10px 17px;border-radius:6px;border:1px solid #4b583f;background:#252f20;color:#d5eac3;font-size:11px}.record-button svg{color:var(--lime)}.record-button.active{color:#edc0b0;border-color:#a87159}.record-controls>span{font-size:10px;color:var(--muted)}.record-controls>.text-button{margin-left:auto}.timelines{display:flex;flex-direction:column;gap:18px}.timeline-row{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:15px}.timeline-row strong{font-size:10px;font-weight:500}.timeline-row small{display:block;font-size:8px;color:#7f8c7e;margin-top:4px}.timeline{height:36px;position:relative;border-bottom:1px solid #3b4736;border-top:1px solid #293426;background:repeating-linear-gradient(90deg,transparent,transparent 24.9%,#263122 25%)}.tick{position:absolute;top:13px;height:9px;width:1px;background:#46523e}.tick:nth-child(4n+1){top:5px;height:25px;background:#45513c}.timeline i{position:absolute;top:13px;width:7px;height:7px;border-radius:50%;background:#a9b0a3;transform:translate(-50%);box-shadow:0 0 6px #a9b0a322}.lane-1 i{background:var(--lime);box-shadow:0 0 7px #c2ee9230}.analysis-strip{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:30px}.analysis-strip small{font-size:7px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:7px}.analysis-strip strong{font-size:17px;font-weight:500}.analysis-strip strong span{font-size:9px;color:#85917e;margin-left:3px}.dna-state{margin-left:auto;font-size:8px;color:#85917e;border:1px solid #35402f;padding:5px 7px;border-radius:4px}.dna-state.ready{color:var(--lime)}.settings-panel{padding:22px}.settings-panel .section-heading{margin-bottom:26px}.settings-panel .section-heading>svg{color:#99ad86}.setting-title{display:block;font-size:11px;color:#aeb8a7;margin-bottom:13px}.style-options{display:flex;flex-direction:column;gap:8px}.style-options button{text-align:left;position:relative;border:1px solid #303c2b;border-radius:7px;background:#1a231b;padding:13px}.style-options button span{display:block;font-size:12px;margin-bottom:5px}.style-options button small{font-size:9px;color:#899780}.style-options button i{position:absolute;right:13px;top:22px;width:11px;height:11px;border:1px solid #56634b;border-radius:50%}.style-options button.selected{background:#273320;border-color:#829b60}.style-options button.selected span{color:var(--lime)}.style-options button.selected i{border:3px solid #334529;background:var(--lime);box-shadow:0 0 0 1px #94b76e}.preservation{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.field-label{display:flex;justify-content:space-between;font-size:11px}.field-label b{color:var(--lime);font-weight:500}.preservation input{appearance:none;width:100%;height:3px;margin:20px 0 12px;border-radius:10px;cursor:pointer}.preservation input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--lime);border:2px solid #182016;box-shadow:0 0 0 1px var(--lime)}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.preservation p{font-size:9px;color:#8f9d86;line-height:1.7;margin:13px 0 0}.seed-field{margin-top:20px}.seed-field label{font-size:10px;color:#b0b8ab}.seed-field>div{display:flex;align-items:center;background:#101811;border:1px solid #35412e;border-radius:5px;margin-top:8px;padding:9px 10px;font-size:11px}.seed-field>div span{color:#7e8e73;margin-right:9px}.seed-field input{width:100%;color:#a4b39a;outline:none;background:none;border:0;font:11px monospace}.seed-field small{display:block;font-size:8px;color:#6f7d67;margin-top:7px}.generate-button{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--lime);border:0;border-radius:6px;color:#203018;font-size:12px;font-weight:700;width:100%;padding:13px 10px;margin-top:21px}.generate-button svg:last-child{margin-left:auto}.generate-button svg:first-child{margin-right:auto}.generation-hint{text-align:center;font-size:9px;color:#819075;margin:11px 0 0}.result-panel{margin-top:25px;padding:22px}.result-tag{font-size:8px;letter-spacing:1px;color:#77866f;margin-left:9px}.arrangement{display:flex;gap:5px;min-height:88px;border-radius:7px;overflow:hidden}.empty-arrangement{width:100%;border:1px dashed #33412d;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:13px;color:#738269;font-size:12px}.empty-arrangement small{font-size:9px;color:#64725b}.arrangement-section{position:relative;background:#263720;padding:12px;border-top:2px solid #8fa86b;min-width:0}.arrangement-section>span{font-size:9px;color:#b7c4a6}.section-1{background:#2e3b23;border-color:#bbd08a}.section-2{background:#293928;border-color:#91b190}.section-3{background:#202e27;border-color:#668b75}.note-preview{position:relative;height:48px;margin-top:3px}.note-preview i{position:absolute;height:3px;background:#b7d68d;border-radius:2px;opacity:.6}.transport{display:flex;align-items:center;gap:15px;padding-top:18px}.play-button{display:flex;padding:10px;border:0;border-radius:50%;background:var(--lime);color:#253719}.icon-button{display:flex;border:0;background:none;padding:5px;color:#9eae91}.timecode{font-size:11px;color:#b6c1ab;font-variant-numeric:tabular-nums;white-space:nowrap}.timecode em{font-style:normal;color:#6e7d64}.progress{height:3px;background:#303c29;flex:1;border-radius:4px;overflow:hidden}.progress i{display:block;background:var(--lime);height:100%}.export-button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #3b4832;background:none;border-radius:5px;font-size:10px;color:#b1bca5}.song-details{display:flex;gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:#9dac92}.song-details span{display:flex;align-items:center;gap:5px}.song-details i{height:5px;width:5px;border-radius:2px;background:#8fab75}.song-details small{margin-left:auto}.notice{font-size:10px;color:#a6ae8d;line-height:1.6}.error{padding:12px 16px;margin-top:15px;border:1px solid #80533e;border-radius:8px;color:#e0ac8a;font-size:12px}.how-it-works{display:flex;align-items:center;gap:25px;margin:28px 0 45px}.how-it-works>span{font-size:8px;letter-spacing:1.5px;color:#607157}.how-it-works p{display:flex;align-items:center;gap:12px;font-size:10px;color:#9caa91}.how-it-works svg{color:#64765b}.how-it-works small{font-size:9px;color:#63745a;margin-left:auto}footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;font-size:9px;color:#687a5e}footer em{margin:0 5px}footer>span:last-child{font-size:8px;letter-spacing:1.4px}@media(min-width:1450px){.intro{padding-top:68px}.intro h1{font-size:64px}}@media(max-width:1050px){.app-shell{padding:0 25px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.capture-panel,.settings-panel{padding:17px}.analysis-strip{gap:18px}.dna-state{display:none}.record-controls>span{font-size:8px}.empty-arrangement small,.local-status{display:none}.header-link{margin-left:auto}.how-it-works{gap:15px}.how-it-works small{display:none}}@media(max-width:760px){.app-shell{padding:0 18px}header{height:75px}.brand{font-size:21px}.beta{display:none}.intro{padding:36px 0 28px}.intro h1{font-size:47px}.intro-tag{display:none}.intro p{font-size:12px}.workspace{grid-template-columns:1fr}.settings-panel{padding:20px}.style-options{flex-direction:row}.style-options button{flex:1;padding:12px 9px}.style-options button span{font-size:10px;min-height:25px;max-width:65px}.style-options button small{display:none}.style-options button i{right:9px;top:14px}.settings-panel .section-heading{margin-bottom:19px}.rhythm-pad{height:265px}.timeline-row{grid-template-columns:110px 1fr;gap:10px}.record-controls{gap:8px}.record-controls>span{max-width:130px;line-height:1.6}.result-panel{padding:17px}.result-panel .section-heading>div{gap:7px}.result-tag{display:none}h3{font-size:12px}.transport{gap:8px}.export-button{font-size:9px;padding:8px}.timecode{font-size:10px}.song-details{gap:12px;flex-wrap:wrap}.song-details small{width:100%;margin:0}.how-it-works{flex-direction:column;gap:0;margin:27px 0}.how-it-works p{gap:7px}footer>span:last-child{display:none}.mobile-break{display:block}}.export-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:360px}.export-group>span{font-size:10px;color:var(--muted)}.export-actions{display:flex;gap:6px}.export-status{flex-basis:100%;font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:var(--lime)}.export-status:empty{display:none}.export-status.failed{color:#e0ac8a}@media(max-width:760px){.transport{flex-wrap:wrap}.export-group{flex-basis:100%;max-width:100%;margin-top:8px}.transport>.progress{min-width:65px}}.rhythm-pad{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rhythm-pad *{pointer-events:none}.touch-flash{position:absolute;inset:-15%;background:radial-gradient(circle,#d3ffa9aa,transparent 65%);opacity:0;pointer-events:none;z-index:0}.advanced{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}.advanced>summary{cursor:pointer;font-size:11px;color:#a6b59b;padding:12px 0;min-height:44px}.advanced .timelines{margin-top:10px}.advanced .preservation{border:0;margin:0;padding-top:10px}.advanced .seed-field{margin-bottom:12px}.dna-identity{padding:12px 0 0}.dna-identity>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.dna-identity h3{color:#d5edc1;font-size:13px}.dna-identity>div>span{font-size:9px;color:#8c9b80}.dna-identity svg{width:100%;height:auto;display:block;overflow:visible}.dna-baseline{stroke:#33442d;stroke-dasharray:2 8}.dna-connection{stroke:#7e9e60;stroke-width:2;fill:none}.dna-dot{fill:var(--lime)}.dna-halo{fill:#c2ee9210;stroke:#c2ee9220}.dna-node{animation:node-in .22s ease-out;transform-box:fill-box;transform-origin:center}@keyframes node-in{0%{opacity:.2;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.dna-playhead{stroke:#f6f4ca;fill:#f6f4ca;stroke-width:1.5;opacity:.5}.dna-playhead.moving{opacity:1}.creations-panel{margin-top:25px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#151c17;scroll-margin-top:15px}.library-note{font-size:11px;color:var(--muted);line-height:1.7}.library-empty{text-align:center;color:#adbc9f;padding:30px 15px;font-size:14px}.library-empty small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.creation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.creation-grid article{border:1px solid #3b4933;border-radius:9px;padding:16px;background:#1c261c;min-width:0}.creation-grid h4{font-weight:500;margin:12px 0 8px;overflow-wrap:anywhere}.creation-grid p{font-size:11px;color:#b5c4a6}.creation-grid small{display:block;color:#819476;font-size:10px}.creation-grid button,.save-share button,.again-button{border:1px solid #586e43;border-radius:7px;background:#263620;color:#d4ebc0;min-height:44px;padding:10px 16px}.creation-grid button{margin-top:15px;width:100%}.mini-dna{height:30px;display:flex;align-items:center;overflow:hidden}.mini-dna i{display:block;flex-shrink:0;width:4px;background:#b5d78d;border-radius:3px}.creation-actions{padding-top:20px;margin-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.creation-actions label{font-size:11px;color:#9eae91;flex:1;min-width:170px}.creation-actions input{display:block;width:100%;font-size:16px;color:#d6e4c9;background:#111a13;border:1px solid #3b4a31;border-radius:6px;padding:11px;margin-top:8px}.save-share{display:flex;align-items:flex-start;gap:8px}.save-share .save-button{background:var(--lime);color:#203018;border-color:var(--lime)}.share-control small{display:block;max-width:200px;font-size:10px;color:#a8ba99;margin-top:6px;line-height:1.5}.share-control small:empty{display:none}.creation-actions>small{width:100%;color:var(--lime);font-size:11px}.again-button{width:100%;background:transparent;border-style:dashed;margin-top:5px}.export-group{max-width:450px}.export-more{position:relative}.export-more summary{font-size:10px;cursor:pointer;color:#aabb98;padding:11px;border:1px solid #3b4832;border-radius:5px;min-height:40px}.export-more>div{position:absolute;right:0;top:44px;z-index:5;display:flex;gap:6px;background:#1d291b;border:1px solid #526746;padding:8px;border-radius:6px;box-shadow:0 6px 24px #0008;white-space:nowrap}.mp3-primary{background:#283c20;color:var(--lime);min-height:40px}.pwa-install{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0}.pwa-install button{min-height:44px}.pwa-install small{color:#8aa377;font-size:10px}.pwa-install p{flex-basis:100%;margin:0;color:#97a889;font-size:12px;line-height:1.8}.result-panel,.capture-panel{scroll-margin-top:14px}.play-button{min-height:44px;min-width:44px;justify-content:center}.icon-button{min-width:44px;min-height:44px;justify-content:center}.record-button{min-height:44px}.generate-button{min-height:48px}.style-options button{min-height:58px}.header-link{min-height:44px;align-items:center}.song-details small{overflow-wrap:anywhere}.transport{flex-wrap:wrap}.export-status{word-break:break-word}.text-button{min-height:36px}summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:760px){.app-shell{padding:0 16px;padding-bottom:env(safe-area-inset-bottom)}header{height:64px;padding-top:env(safe-area-inset-top)}.intro{padding:25px 0 18px}.intro h1{font-size:36px;line-height:1.13;letter-spacing:-1.6px;margin:12px 0 9px}.intro p{font-size:11px;margin-bottom:0}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro .mobile-break{display:none}.workspace{gap:16px}.capture-panel{padding:14px}.capture-panel .section-heading{margin-bottom:13px}.rhythm-pad{height:clamp(240px,37svh,365px);min-height:240px}.pad-content h2{font-size:27px}.pad-content p{font-size:12px}.key-hint{display:none}.pad-top,.pad-bottom{font-size:8px}.pad-content .tap-symbol{margin-bottom:25px}.record-controls{margin:14px 0 9px;flex-wrap:wrap}.record-button{font-size:14px;padding:12px 20px;flex:1;justify-content:center}.record-controls>span{display:none}.record-controls>.text-button{min-width:65px;justify-content:center;min-height:44px}.dna-identity>div{align-items:flex-start}.dna-identity>div>span{max-width:130px;text-align:right;font-size:9px}.dna-identity svg{min-height:80px}.settings-panel{padding:16px}.settings-panel .section-heading{margin-bottom:14px}.setting-title{font-size:11px}.style-options button{min-height:58px;padding:12px 8px}.style-options button span{max-width:80px;font-size:11px;line-height:1.35;margin:0}.style-options button i{width:9px;height:9px;right:7px}.generate-button{font-size:15px;margin-top:15px;min-height:50px}.result-panel{margin-top:16px;padding:16px}.result-panel .section-heading{flex-wrap:wrap}.result-panel h3{font-size:13px}.result-panel .text-button{font-size:12px;min-height:44px}.creation-actions{margin-top:14px;padding-top:16px}.creation-actions label{flex-basis:100%}.save-share{width:100%}.save-share>.save-button,.share-control{flex:1}.share-control button{width:100%}.save-share button{font-size:12px}.creations-panel{padding:16px;margin-top:16px}.creation-grid{grid-template-columns:1fr}.export-group{max-width:100%;margin-top:8px}.export-actions{flex:1}.export-actions>.mp3-primary{flex:1;justify-content:center;font-size:12px;min-height:44px}.export-more summary{min-height:44px}.transport>.progress{min-width:45px}.empty-arrangement{font-size:10px}.how-it-works{margin-bottom:20px}footer{line-height:1.8;gap:15px}.pwa-install{margin-bottom:12px}.style-options button.selected i{border-width:2px}}@media(prefers-reduced-motion:reduce){.dna-node,.pulse{animation:none}.rhythm-pad{transition:none}}.world-promise{font-size:12px;color:#b3c5a4;line-height:1.8;margin:0 0 16px}.dna-id{font-family:ui-monospace,monospace;letter-spacing:1.4px;color:var(--lime)!important}.dna-caption{font-size:10px;color:#a6b79b;margin:0 0 8px}.dna-node.sounding .dna-halo{fill:#c5ed8360;stroke:#e7ffc1;stroke-width:2}.dna-node.sounding .dna-dot{fill:#f5ffe5}.world-comparison{padding:16px 0 20px;border-top:1px solid var(--line)}.world-comparison p{font-size:13px;color:#d3edbd;margin:0 0 12px}.world-comparison>span{font-size:11px;color:var(--muted)}.world-comparison>div{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.world-comparison button,.share-card-tool button,.card-download{min-height:44px;border:1px solid #536544;border-radius:8px;background:#1d2b20;color:#d2e7c0;padding:10px 14px;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.world-comparison button[aria-pressed=true]{background:var(--lime);color:#1c2916;border-color:var(--lime)}.world-comparison small{font-size:10px;color:#99ad8b}.share-card-tool{width:100%;border-top:1px solid var(--line);padding-top:16px}.share-card-tool>small{display:block;color:#a9bb9b;font-size:11px;margin-top:8px}.share-card-result{display:flex;gap:20px;align-items:center;margin-top:18px}.share-card-result img{width:180px;height:auto;border-radius:9px;border:1px solid #475f3d;max-width:100%}.share-card-result>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.share-card-result p{font-size:11px;color:#9cad91;line-height:1.8;width:100%}.song-details>.advanced{width:100%;margin:0}.creation-grid .dna-id{display:block;font-size:10px;margin-top:12px}.dna-identity>div>.dna-id{font-size:11px}.card-download:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:760px){.world-comparison button{flex:1;padding:10px 7px;font-size:10px}.share-card-result{flex-direction:column;align-items:stretch}.share-card-result img{align-self:center;width:200px}.card-download{width:100%}.share-card-tool>button{width:100%}.pad-content h2{font-size:24px}.world-promise{font-size:12px}.result-tag{font-size:9px}.song-details{flex-wrap:wrap}}.style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-options button{min-width:0}.world-comparison>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.world-comparison button,.arrangement-section{min-width:0}.arrangement-section>span{font-size:10px;overflow-wrap:anywhere}@media(max-width:760px){.style-options{grid-template-columns:repeat(3,minmax(0,1fr))}.style-options button span{max-width:none;font-size:11px}.style-options button{padding:14px 7px;min-height:64px}.style-options button i{display:none}.world-comparison button{font-size:10px}.arrangement-section>span{font-size:8px}}