.mix-hero{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:35px 0}.mix-hero h1{font:clamp(45px,5.3vw,78px)/1.05 Georgia,serif;letter-spacing:-2.5px;margin:22px 0}.mix-hero em,.mix-gates em{color:#cb218d}.mix-hero p{font-size:14px;line-height:1.9;color:#966b85}.mix-hero-mark{width:250px;height:210px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:#d53599;background:radial-gradient(ellipse,#f9e1f0,transparent 70%);border:1px solid #edcade;border-radius:50%;transform:rotate(-8deg)}.mix-hero-mark:before,.mix-hero-mark:after{content:'';position:absolute;inset:14px;border:1px solid #e7b4d2;border-radius:50%;transform:rotate(58deg)}.mix-hero-mark:after{inset:30px -10px;transform:rotate(-55deg)}.mix-hero-mark>span{font:65px Georgia;transform:rotate(8deg)}.mix-hero-mark i{position:absolute;bottom:20px;font:8px system-ui;letter-spacing:1.3px;transform:rotate(8deg)}.mix-subnav{display:flex;gap:8px;margin:20px 0 30px;flex-wrap:wrap}.mix-subnav button{padding:10px 16px;background:#fff8fd;border:1px solid #e8c6dc;border-radius:25px;color:#a15a86;cursor:pointer;font-size:12px}.mix-subnav button[aria-pressed=true]{background:#cc248c;color:#fff;border-color:#cc248c}.mix-scenes h2{font:35px Georgia;margin:14px 0 24px;color:#67344f}.mix-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mix-scene-grid>button{text-align:left;background:#fff9fd;border:1px solid #e8c8da;border-radius:15px;padding:20px;cursor:pointer;color:#803f65}.mix-scene-grid>button[aria-pressed=true]{border:2px solid #db2a99;padding:19px;background:#ffeff8}.mix-scene-grid>button>span{font-size:24px;display:block;color:#d13595;margin-bottom:15px}.mix-scene-grid b{font:23px Georgia;display:block}.mix-scene-grid small{font-size:11px;line-height:1.7;color:#a47b91;display:block;margin-top:10px}.mix-transport{border:1px solid #e8c4da;background:#fff9fc;border-radius:16px;padding:22px;margin:25px 0 15px}.mix-transport-buttons{display:flex;gap:9px;flex-wrap:wrap}.mix-transport-buttons button[aria-pressed=true]{border-color:#d52392;color:#bb177e}.mix-tempo{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.mix-tempo label{font-size:10px;color:#99657f;display:flex;align-items:center;gap:8px}.mix-tempo input,.mix-tempo select{padding:8px;border:1px solid #e8c4db;background:#fffafd;border-radius:7px;color:#79425f;font-size:12px;max-width:112px}.mix-tempo input{width:57px}.mix-status{display:flex;gap:20px;align-items:center;font-size:10px;color:#ae6f93;border-top:1px solid #efd8e6;padding-top:15px;margin-top:15px;flex-wrap:wrap}.mix-status>span:first-child{flex:1;min-width:220px}.mix-status b{font:20px ui-monospace,monospace;color:#aa397e}.mix-feeling-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.mix-feeling-controls>span{font-size:11px;color:#a66c8e;margin-right:5px}.mix-feeling-controls>button{padding:8px 13px;border:1px solid #e5c9db;background:#fff9fd;color:#aa4c84;border-radius:18px;font-size:11px;cursor:pointer}.mix-feeling-controls>button:disabled{opacity:.4;cursor:default}.mix-deck{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;background:#291327;padding:17px;border-radius:20px;color:#f5ddec}.mix-arranger{min-width:0}.mix-deck-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 9px 20px}.mix-deck-head .eyebrow{font-size:8px;color:#cb84b3}.mix-deck-head h2{font:24px Georgia;color:#fff0f9;letter-spacing:-.4px;margin:12px 0 0}.mix-deck-head>span{font:10px ui-monospace;color:#bb90ab;white-space:nowrap}.mix-timeline-scroll{overflow:auto;padding-bottom:6px}.mix-timeline-inner{position:relative;min-width:760px;--label:205px}.mix-section-row,.mix-bar-row,.mix-track{display:grid;grid-template-columns:var(--label) minmax(0,1fr)}.mix-section-row>span,.mix-bar-row>span{font-size:9px;color:#a77e99;padding:10px 8px;box-sizing:border-box}.mix-section-row>div,.mix-bar-row>div,.mix-track-clips{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));gap:3px}.mix-section-row>div>span{background:#52304a;color:#dcb2cf;font-size:8px;overflow:hidden;white-space:nowrap;padding:8px 4px;box-sizing:border-box;border-radius:3px}.mix-bar-row>div>button{border:0;background:transparent;color:#a77c97;font-size:8px;cursor:pointer;padding:7px 0}.mix-bar-row>div>button.playing{background:#d23598;color:white;border-radius:3px}.mix-track{padding:9px 0;border-bottom:1px solid #4a2c43;align-items:center}.mix-track.selected{background:#47283e;border-radius:5px}.mix-track-label{padding:0 10px}.mix-track-name{display:grid;grid-template-columns:10px 1fr;gap:3px 6px;text-align:left;border:0;padding:0;background:transparent;cursor:pointer;color:#ecd4e4;width:100%}.mix-track-name>span{height:8px;width:8px;border-radius:50%;background:var(--track);margin-top:3px;grid-row:span 2}.mix-track-name b{font:11px system-ui}.mix-track-name small{font-size:8px;color:#b28aa5}.mix-track-tools{display:flex;gap:4px;margin:7px 0 5px}.mix-track-tools>button{font:8px system-ui;width:22px;height:18px;color:#bc90ab;background:#3c2235;border:1px solid #6a3b58;border-radius:3px;cursor:pointer}.mix-track-tools>button[aria-pressed=true]{background:#d82b95;color:white;border-color:#ed85c1}.mix-track-tools input{width:100%;min-width:0;height:12px;accent-color:var(--track)}.mix-small-meter{height:2px;border-radius:2px;background:#43273a;overflow:hidden}.mix-small-meter>span{display:block;width:0;height:100%;background:var(--track)}.mix-track-clips{height:46px;padding-right:3px}.mix-clip{position:relative;background:#3e2437;border:1px solid #593049;border-radius:4px;cursor:pointer;overflow:hidden;opacity:.4;padding:0}.mix-clip.on{background:color-mix(in srgb,var(--track) 32%,#381d31);border-color:color-mix(in srgb,var(--track) 65%,#381d31);opacity:1}.mix-clip>span{display:block;position:absolute;bottom:6px;width:60%;left:20%;background:var(--track);border-radius:2px;opacity:.6}.mix-clip:not(.on)>span{display:none}.mix-arranger-playhead{position:absolute;inset:0 0 0 var(--label);pointer-events:none;overflow:hidden}.mix-arranger-playhead>div{position:absolute;left:0;top:0;bottom:0;width:1px;background:#fff4c4;box-shadow:0 0 8px #fff0c9a1;opacity:.55}.mix-timeline-hint{font-size:9px;line-height:1.8;color:#b18aa5;margin:14px 8px 0;max-width:620px}.mix-inspector{border:1px solid #68415c;border-radius:12px;background:#341c30;padding:20px;min-width:0}.mix-inspector .eyebrow{font-size:8px;color:#bf85a9}.mix-inspector h2{font:28px Georgia;margin:13px 0 6px}.mix-inspector>p{font-size:10px;color:#b58ba6}.mix-inspector label{display:block;font-size:10px;color:#ceabc1;margin:17px 0}.mix-inspector input[type=range]{display:block;width:100%;height:14px;accent-color:#e851ad;margin-top:8px}.mix-inspector output{float:right;color:#e5b3d3;font-size:9px}.mix-inspector select,.mix-inspector input[type=number]{width:100%;box-sizing:border-box;padding:9px;border:1px solid #704562;border-radius:7px;background:#45283d;color:#f7e2ef;margin-top:8px;font-size:11px}.mix-stem-button{width:100%;padding:10px;background:#cc278e;color:#fff0fa;border:1px solid #e46ab2;border-radius:7px;cursor:pointer;font-size:11px}.mix-inspector>small{font-size:9px;color:#b58ca5;line-height:1.8;display:block;margin-top:12px}.mix-master{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border:1px solid #e9c6db;padding:25px;border-radius:15px;margin:20px 0 30px;align-items:center;background:#fff7fc}.mix-master h3{font:26px Georgia;color:#814263;margin:12px 0}.mix-master label{font-size:11px;color:#9a5b80}.mix-master input{display:block;width:100%;accent-color:#d42a95;margin-top:12px}.mix-master output{float:right}.mix-master-note{grid-column:1/-1;font-size:10px;line-height:1.7;color:#a37d94}.mix-master-meter{height:5px;background:#ecd4e4;max-width:160px;border-radius:3px;overflow:hidden}.mix-master-meter>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#afcda1,#ecc36b,#d3298b)}.mix-sample-card{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:25px;border:1px solid #e7c9dc;border-radius:16px;background:#fffafd}.mix-sample-card>div{flex:1;min-width:220px}.mix-sample-card h3{font:27px Georgia;color:#7f3d63;margin:12px 0}.mix-sample-card p{font-size:12px;color:#a07892;line-height:1.7}.mix-sample-card label{cursor:pointer;font-size:12px}.mix-sample-card>span{font-size:10px;color:#a27190;width:100%}.mix-gate-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:#f7e7f2;border:1px solid #e9c7dc;border-radius:16px;margin:25px 0}.mix-gate-callout h2{font:55px Georgia;color:#ce3297;margin:13px 0}.mix-gate-callout p{font-size:12px;color:#a2698c}.mix-gate-callout>div:last-child{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.mix-exports{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0;padding:30px 0;border-bottom:1px solid #e6cddd}.mix-exports h2{font:35px Georgia;color:#75415e;margin:15px 0}.mix-exports p{font-size:12px;color:#9d748e;line-height:1.8}.mix-exports>div:last-child{display:flex;flex-wrap:wrap;align-content:center;gap:12px}.mix-exports #mix-export-status{width:100%;font-size:11px}.mix-import-project{cursor:pointer;font-size:12px}.mix-provenance{border-top:1px solid #e6cddd;padding:22px 0;font-size:12px;color:#9c718c;line-height:1.9}.mix-provenance summary{cursor:pointer}.mix-provenance p{max-width:820px}.mix-learn>h2{font:42px Georgia;color:#77415f;margin:20px 0}.mix-learn>p{font-size:14px;color:#9c748c;line-height:1.8}.mix-lesson-layout{display:grid;grid-template-columns:270px 1fr;gap:20px;margin:30px 0}.mix-lesson-layout nav{display:flex;flex-direction:column;gap:9px}.mix-lesson-layout nav>button{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e7c7dc;background:#fff9fd;border-radius:12px;text-align:left;color:#9b5c83;font-size:12px;cursor:pointer}.mix-lesson-layout nav>button>span{color:#cf2e94;font-size:10px}.mix-lesson-layout nav>button[aria-current=step]{background:#f7e2f0;border-color:#d63d9c;color:#7a315d}.mix-lesson-layout article{padding:35px;background:linear-gradient(140deg,#fff6fc,#fff8ed);border:1px solid #e9c5db;border-radius:18px}.mix-lesson-layout article h3{font:36px Georgia;color:#7f3b61;line-height:1.2}.mix-lesson-layout article p{font-size:14px;color:#966c87;line-height:1.9}.mix-lesson-layout blockquote{font:20px/1.6 Georgia;color:#bd3789;border-left:2px solid #d75ba6;padding-left:20px;margin:25px 0}.mix-lesson-layout article>button{margin:0 5px 10px 0}.mix-lesson-bottom{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.mix-lesson-space{display:flex;gap:8px;margin-top:10px}.mix-learn-gates{border-top:1px solid #e8cada;padding:25px 0}.mix-learn-gates h3{font:30px Georgia;color:#8d4771}.mix-learn-gates p{font-size:13px;color:#a0708d;line-height:1.8}.mix-gates>h2{font:60px/1.1 Georgia;letter-spacing:-2px;color:#7b3e5d;margin:20px 0}.mix-gates>p{font-size:14px;color:#a17390;line-height:1.8}.mix-letter-board{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin:30px 0 15px}.mix-letter-board>button{padding:15px 4px;background:#fff9fd;border:1px solid #e5c3d8;border-radius:12px;cursor:pointer;color:#a34c80}.mix-letter-board b{font:35px Georgia;display:block;margin-bottom:8px}.mix-letter-board span{font-size:9px;color:#b482a2}.mix-letter-board>button[aria-pressed=true]{background:#f6d7ed;border-color:#cd2992}.mix-letter-board>button.pending{outline:2px solid #da5ba4;outline-offset:2px}.mix-gates #mix-letter-status{font-size:11px}.mix-gate-preview{padding:35px;border:1px solid #e5bad4;background:linear-gradient(130deg,#fce5f5,#fff5df);border-radius:20px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:30px;margin:30px 0}.mix-gate-glyphs{display:flex;align-items:center;justify-content:center;gap:20px;font:95px Georgia;color:#cf2d94}.mix-gate-glyphs span{font:28px Georgia;color:#c69bb9}.mix-gate-preview h3{font:30px Georgia;color:#884369;margin:15px 0}.mix-gate-preview p{font-size:12px;color:#a27890;line-height:1.8}.mix-gate-preview>div:last-child>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.mix-gate-explainer{padding:10px 0 25px;border-bottom:1px solid #e7ccde;max-width:850px}.mix-gate-explainer h3,.mix-gate-browser h3{font:30px Georgia;color:#874a6c}.mix-gate-explainer p{font-size:13px;color:#9d748d;line-height:1.9}.mix-gate-explainer small{font-size:11px;color:#aa8097;line-height:1.9}.mix-gate-browser{margin-top:30px}.mix-gate-browser>input{width:100%;box-sizing:border-box;padding:15px;border:1px solid #e5c2d8;border-radius:10px;color:#87476b;background:#fffafd;font-size:13px;margin-bottom:20px}.mix-gate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.mix-gate-grid>button{padding:17px 5px;border:1px solid #e6c6da;background:#fffafd;border-radius:10px;cursor:pointer;color:#ac4c83}.mix-gate-grid b{font:32px Georgia;display:block;margin-bottom:9px}.mix-gate-grid span{font-size:8px;color:#b187a1}.mix-gate-pages{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:11px;color:#a57692}.mix-gate-pages button{background:#fff5fc;border:1px solid #e7c6db;padding:10px 15px;border-radius:8px;color:#b15b8e;cursor:pointer}.mix-gate-pages button:disabled{opacity:.3}
@media(min-width:1550px){.mix-deck{grid-template-columns:minmax(0,1fr) 270px}.mix-timeline-inner{min-width:900px;--label:230px}}@media(max-width:1100px){.mix-deck{grid-template-columns:1fr}.mix-inspector{display:grid;grid-template-columns:repeat(4,1fr);gap:5px 20px}.mix-inspector>.eyebrow,.mix-inspector>h2,.mix-inspector>p,.mix-inspector>small{grid-column:1/-1}.mix-inspector>h2{margin:4px 0}.mix-inspector label{margin:10px 0}.mix-stem-button{align-self:end;margin-bottom:10px}.mix-gate-grid{grid-template-columns:repeat(5,1fr)}.mix-letter-board{grid-template-columns:repeat(11,1fr)}}@media(max-width:650px){.mix-hero{padding:20px 0}.mix-hero h1{font-size:49px;letter-spacing:-2px}.mix-hero-mark{display:none}.mix-hero p{font-size:13px}.mix-subnav{gap:6px}.mix-subnav button{font-size:10px;padding:9px 12px}.mix-scene-grid{grid-template-columns:repeat(2,1fr);gap:9px}.mix-scene-grid>button{padding:16px}.mix-scene-grid>button[aria-pressed=true]{padding:15px}.mix-scene-grid b{font-size:21px}.mix-scene-grid small{font-size:10px}.mix-scenes h2{font-size:30px}.mix-transport{padding:17px}.mix-transport-buttons button{font-size:10px;padding:10px 12px}.mix-tempo{gap:11px}.mix-tempo label{font-size:9px;gap:5px}.mix-tempo select{font-size:10px;max-width:110px}.mix-status{font-size:9px;gap:10px}.mix-feeling-controls>button{font-size:10px}.mix-deck{padding:10px;border-radius:14px;gap:20px}.mix-deck-head{padding:10px 5px 20px;display:block}.mix-deck-head h2{font-size:23px;margin-bottom:10px}.mix-timeline-inner{min-width:780px;--label:185px}.mix-inspector{grid-template-columns:1fr 1fr;padding:18px;gap:0 18px}.mix-inspector h2{font-size:28px}.mix-master{grid-template-columns:1fr 1fr;padding:22px;gap:20px}.mix-master>div:first-child{grid-column:1/-1}.mix-master label{font-size:10px}.mix-exports{grid-template-columns:1fr;gap:20px;padding:15px 0}.mix-exports h2{font-size:30px}.mix-gate-callout{display:block;padding:25px}.mix-gate-callout>div:last-child{margin-top:20px}.mix-sample-card{padding:22px}.mix-lesson-layout{grid-template-columns:1fr}.mix-lesson-layout nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mix-lesson-layout nav>button{font-size:10px;padding:13px 10px;gap:8px}.mix-lesson-layout article{padding:25px}.mix-lesson-layout article h3{font-size:31px}.mix-learn>h2{font-size:35px}.mix-letter-board{grid-template-columns:repeat(6,1fr);gap:7px}.mix-letter-board b{font-size:31px}.mix-gates>h2{font-size:49px}.mix-gate-preview{grid-template-columns:1fr;padding:25px;gap:15px}.mix-gate-glyphs{font-size:75px}.mix-gate-grid{grid-template-columns:repeat(3,1fr)}.mix-gate-grid span{font-size:9px}.mix-gate-preview h3{font-size:28px}.mix-gate-pages button{font-size:10px;padding:9px}.mix-gate-pages span{font-size:9px}}
.mix-prompt-composer{padding:30px;border:1px solid #e1b3d1;border-radius:18px;background:linear-gradient(125deg,#f9dfef,#fff4df);margin:20px 0 35px}.mix-prompt-composer h2{font:35px Georgia;color:#7c3b5e;margin:16px 0 23px}.mix-prompt-composer label{font-size:11px;color:#a16a89;display:block;margin-bottom:10px}.mix-prompt-composer textarea{width:100%;box-sizing:border-box;border:1px solid #e0afcd;border-radius:12px;padding:16px;min-height:90px;background:#fffafd;color:#874367;font:15px/1.7 system-ui;resize:vertical}.mix-prompt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.mix-prompt-composer p{font-size:12px;color:#9e6d88;line-height:1.9;max-width:850px;margin:18px 0 10px}.mix-prompt-composer>small{font-size:10px;color:#a68095;line-height:1.8}@media(max-width:650px){.mix-prompt-composer{padding:23px}.mix-prompt-composer h2{font-size:30px}.mix-prompt-composer textarea{font-size:13px}}
.word-instrument{padding:28px;border:1px solid #dfb0ce;border-radius:20px;background:linear-gradient(135deg,#fae4f2,#fff5e5);margin:22px 0 30px}.word-instrument h2{font:36px Georgia;color:#853c63;margin:16px 0}.word-instrument>p{font-size:13px;color:#a16c89;line-height:1.8}.word-instrument>label{display:block;font-size:11px;color:#9e6383;margin:20px 0 9px}.word-instrument>input{box-sizing:border-box;width:100%;padding:16px 20px;border:1px solid #dca9ca;background:#fffafd;border-radius:12px;color:#a6327b;font:30px Georgia}.word-directions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.word-directions button,.gate-mode-switch button{padding:9px 14px;background:#fff9fd;border:1px solid #e5bfd7;border-radius:22px;color:#a25382;font-size:11px;cursor:pointer}.word-directions button[aria-pressed=true],.gate-mode-switch button[aria-pressed=true]{background:#cc2b90;color:white;border-color:#cc2b90}.word-spelling{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:20px 0}.word-letter{min-width:54px;text-align:center;border:1px solid #e9c0d9;background:#fff8fc;border-radius:10px;padding:10px 7px;transition:transform .1s,background .1s}.word-letter small{font:10px system-ui;color:#b0809c;display:block}.word-letter b{font:34px Georgia;color:#b63585;display:block;margin:4px 0}.word-letter em{font:8px system-ui;color:#ab7292;display:block}.word-letter.active{background:#e12c9a;border-color:#d42191;transform:translateY(-5px)}.word-letter.active b,.word-letter.active small,.word-letter.active em{color:white}.word-rest{color:#be85a6;font-size:24px;padding:0 5px}.word-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.word-map-note,#word-sound-status{font-size:10px;color:#a37791;line-height:1.8}.word-instrument details{margin-top:20px;font-size:11px;color:#a26d8c;line-height:1.9}.word-instrument summary{cursor:pointer}.word-instrument details p{max-width:850px}.gate-mode-switch{display:flex;gap:10px;margin:20px 0}.letter-bank-title{font:30px Georgia;color:#934d76;margin:25px 0 10px}@media(max-width:650px){.word-instrument{padding:23px}.word-instrument h2{font-size:30px}.word-instrument>input{font-size:27px}.word-letter{min-width:42px;padding:9px 4px}.word-letter b{font-size:30px}.word-actions button{font-size:10px}.word-directions button{font-size:10px}}