:root{--brass:#d8a24a;--brass-bright:#f0c274;--brass-dim:#a97c2f;--ink-900:#0e1116;--ink-800:#141922;--ink-700:#1c232e;--ink-600:#262f3d;--ink-500:#38445a;--paper:#fbf8f3;--paper-2:#f2ece2;--text:#e8eaef;--text-dim:#9aa4b6;--text-faint:#6b7688;--good:#5cba8b;--warn:#e0a33c;--bad:#e0655f;--radius:14px;--radius-sm:9px;--shadow:0 18px 48px #0000006b;--shadow-sm:0 4px 14px #00000047;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1100px 620px at 12% -8%, #d8a24a21, transparent 62%), radial-gradient(900px 560px at 92% 4%, #5cba8b12, transparent 60%), var(--ink-900);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-weight:600}a{color:var(--brass-bright)}.shell{max-width:1180px;margin:0 auto;padding:0 24px 96px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 0 10px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.16rem;display:flex}.brand-mark{background:linear-gradient(145deg, var(--brass-bright), var(--brass-dim));color:#241a08;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:11px;flex:none;place-items:center;font-size:1.24rem;display:grid}.brand small{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.7rem;display:block}.topbar-note{color:var(--text-dim);text-align:right;font-size:.82rem}.hero{max-width:780px;padding:40px 0 34px}.hero h1{font-size:clamp(2.1rem,5.2vw,3.35rem);line-height:1.08}.hero h1 em{color:var(--brass-bright);font-style:italic}.hero p{color:var(--text-dim);max-width:62ch;margin:18px 0 0;font-size:1.08rem}.hero-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tag{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--ink-500);color:var(--text-dim);background:#ffffff05;border-radius:999px;padding:5px 11px;font-size:.76rem}.tag.accent{color:var(--brass-bright);background:#d8a24a17;border-color:#d8a24a6b}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=900px){.grid{grid-template-columns:minmax(0,1fr)}}.card{background:linear-gradient(180deg, var(--ink-800), var(--ink-700));border:1px solid var(--ink-600);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.card h2{font-size:1.16rem}.card .sub{color:var(--text-dim);margin:0 0 18px;font-size:.88rem}.step-index{font-family:var(--mono);letter-spacing:.14em;color:var(--brass);text-transform:uppercase;font-size:.72rem}.dropzone{border:1.5px dashed var(--ink-500);border-radius:var(--radius);text-align:center;cursor:pointer;background:#ffffff04;padding:34px 22px;transition:border-color .16s,background .16s,transform .16s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--brass);background:#d8a24a0f;outline:none}.dropzone.over{border-color:var(--brass-bright);background:#d8a24a1f;transform:translateY(-1px)}.dropzone.has-file{text-align:left;background:#5cba8b12;border-style:solid;border-color:#5cba8b80}.dropzone-icon{margin-bottom:10px;font-size:1.9rem;display:block}.dropzone strong{font-size:1rem;display:block}.dropzone span{color:var(--text-dim);font-size:.86rem}.file-row{align-items:center;gap:14px;display:flex}.file-row .grow{flex:1;min-width:0}.file-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field{margin-bottom:18px}.field>label,.field-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:.78rem;display:block}input[type=text],select{border-radius:var(--radius-sm);border:1px solid var(--ink-500);background:var(--ink-900);width:100%;color:var(--text);padding:10px 12px;font-family:inherit;font-size:.94rem}input[type=text]:focus,select:focus,textarea:focus{outline-offset:1px;border-color:var(--brass);outline:2px solid #d8a24a80}textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--ink-500);background:var(--ink-900);width:100%;min-height:96px;color:var(--text);padding:11px 12px;font-family:inherit;font-size:.94rem}.choices{gap:9px;display:grid}.choice{border:1px solid var(--ink-500);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff04;align-items:flex-start;gap:11px;padding:12px 13px;transition:border-color .14s,background .14s;display:flex}.choice:hover{border-color:var(--ink-500);background:#ffffff0a}.choice.selected{border-color:var(--brass);background:#d8a24a1a}.choice input{accent-color:var(--brass);flex:none;margin-top:3px}.choice strong{font-size:.94rem;font-weight:600;display:block}.choice span{color:var(--text-dim);font-size:.83rem}.section-family{margin-bottom:18px}.section-family h3{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--ink-600);margin-bottom:9px;padding-bottom:6px;font-size:.74rem}.instrument{align-items:center;gap:12px;padding:7px 0;display:flex}.instrument .grow{flex:1;min-width:0}.instrument-name{font-size:.93rem}.instrument-name.off{color:var(--text-faint)}.instrument-meta{color:var(--text-faint);font-size:.75rem}.stepper{border:1px solid var(--ink-500);background:var(--ink-900);border-radius:999px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.stepper button{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;font-size:1rem;line-height:1;transition:background .12s,color .12s}.stepper button:hover:not(:disabled){background:var(--ink-600);color:var(--text)}.stepper button:disabled{opacity:.3;cursor:default}.stepper .count{text-align:center;min-width:26px;font-family:var(--mono);color:var(--text);font-size:.86rem}.stepper .count.zero{color:var(--text-faint)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s,background .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:linear-gradient(150deg, var(--brass-bright), var(--brass-dim));color:#241a08;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.btn-ghost{border-color:var(--ink-500);color:var(--text);background:#ffffff0a}.btn-ghost:hover:not(:disabled){background:#ffffff14}.btn-block{width:100%}.btn-sm{padding:7px 13px;font-size:.84rem;font-weight:500}.working{text-align:center;padding:68px 24px}.working h2{margin-bottom:8px;font-size:1.6rem}.working p{color:var(--text-dim);margin:0 0 30px}.baton{border:3px solid var(--ink-600);border-top-color:var(--brass);border-radius:50%;width:72px;height:72px;margin:0 auto 26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pass-list{text-align:left;gap:3px;max-width:430px;margin:0 auto;display:grid}.pass-row{border-radius:var(--radius-sm);color:var(--text-faint);align-items:center;gap:11px;padding:8px 12px;font-size:.89rem;transition:color .2s,background .2s;display:flex}.pass-row.active{color:var(--text);background:#d8a24a1a}.pass-row.done{color:var(--text-dim)}.pass-dot{opacity:.6;background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.pass-row.active .pass-dot{background:var(--brass);opacity:1}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;padding:30px 0 22px;display:flex}.result-head h1{font-size:clamp(1.7rem,4vw,2.5rem)}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.facts{flex-wrap:wrap;gap:26px;margin-top:10px;display:flex}.fact-label{letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);font-size:.7rem}.fact-value{font-family:var(--serif);color:var(--brass-bright);font-size:1.3rem}.sheet{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);scroll-behavior:smooth;overscroll-behavior:contain;min-height:180px;max-height:min(62vh,720px);padding:8px;overflow:auto}.transport{z-index:5;background:linear-gradient(180deg, #141922eb, var(--ink-800));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--ink-600);border-radius:0 0 var(--radius) var(--radius);margin:14px -22px -22px;padding:14px 22px 18px;position:sticky;bottom:0}.mixer{max-height:210px;overflow-y:auto}.sheet-empty{color:#7a736a;place-items:center;min-height:220px;font-size:.9rem;display:grid}.parts{gap:2px;display:grid}.part-row{border-radius:var(--radius-sm);align-items:center;gap:13px;padding:11px 12px;transition:background .12s;display:flex}.part-row:hover{background:#ffffff09}.part-row .grow{flex:1;min-width:0}.part-name{font-size:.95rem}.part-meta{color:var(--text-faint);font-size:.77rem}.role-chip{letter-spacing:.05em;text-transform:uppercase;background:var(--ink-600);color:var(--text-dim);border-radius:999px;flex:none;padding:3px 9px;font-size:.7rem}.role-chip.melody{color:var(--brass-bright);background:#d8a24a30}.role-chip.bass{color:var(--good);background:#5cba8b2b}.role-chip.percussion{color:#eb9490;background:#e0655f26}.decisions{gap:9px;max-height:420px;padding-right:4px;display:grid;overflow-y:auto}.decision{gap:12px;font-size:.88rem;line-height:1.5;display:flex}.decision-pass{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brass);flex:none;min-width:78px;padding-top:3px;font-size:.68rem}.decision-text{color:var(--text-dim)}.player{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.player-status{color:var(--text-dim);font-size:.85rem}.notice{border-radius:var(--radius-sm);gap:11px;margin-bottom:12px;padding:13px 15px;font-size:.88rem;line-height:1.5;display:flex}.notice-icon{flex:none}.notice.warn{color:#f0c98a;background:#e0a33c1c;border:1px solid #e0a33c52}.notice.bad{color:#f0a5a1;background:#e0655f1c;border:1px solid #e0655f57}.notice.info{border:1px solid var(--ink-600);color:var(--text-dim);background:#ffffff09}.rating{gap:7px;margin-bottom:14px;display:flex}.rating button{border-radius:var(--radius-sm);border:1px solid var(--ink-500);background:var(--ink-900);width:42px;height:42px;color:var(--text-dim);font-family:var(--mono);cursor:pointer;font-size:.95rem;transition:all .12s}.rating button:hover{border-color:var(--brass-dim);color:var(--text)}.rating button.on{background:linear-gradient(150deg, var(--brass-bright), var(--brass-dim));color:#241a08;border-color:#0000;font-weight:700}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1;min-width:180px}.stack-lg{gap:22px;display:grid}.muted{color:var(--text-faint);font-size:.83rem}.footer{border-top:1px solid var(--ink-700);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:60px;padding-top:22px;font-size:.83rem;display:flex}.center{text-align:center}.spacer{height:22px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.transport{gap:14px;display:grid}.transport-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transport-btn{flex:none;width:46px;padding:11px 0;font-size:.9rem}.scrub{appearance:none;background:var(--ink-600);cursor:pointer;border-radius:999px;flex:1;min-width:160px;height:5px}.scrub::-webkit-slider-thumb{appearance:none;background:var(--brass-bright);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 5px #00000073}.scrub::-moz-range-thumb{background:var(--brass-bright);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.scrub:disabled{opacity:.45;cursor:default}.scrub:focus-visible{outline-offset:3px;outline:2px solid #d8a24a99}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-dim);flex:none;font-size:.85rem}.mixer{border:1px solid var(--ink-600);border-radius:var(--radius-sm);background:#0000002e;padding:12px 14px}.mixer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.mix-row{align-items:center;gap:8px;padding:5px 0;transition:opacity .15s;display:flex}.mix-row .grow{flex:1;align-items:baseline;gap:9px;min-width:0;display:flex}.mix-row.silent{opacity:.38}.mix-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.mix-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:.73rem}.mix-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink-500);background:var(--ink-900);color:var(--text-faint);cursor:pointer;border-radius:6px;flex:none;padding:4px 9px;font-size:.68rem;transition:all .12s}.mix-btn:hover{color:var(--text);border-color:var(--brass-dim)}.mix-btn.on{background:var(--brass);color:#241a08;border-color:#0000;font-weight:700}.mix-row .mix-btn:nth-of-type(2).on{background:var(--bad);color:#2a0f0e}.sheet.selectable{cursor:pointer}