:root{--canvas: #070d15;--surface-1: #0d151f;--surface-2: #141f2b;--surface-3: #1a2735;--overlay-scrim: rgba(4, 8, 14, .72);--paper: #f4efe0;--paper-edge: #ded5bd;--paper-ink: #1b1a16;--paper-ink-secondary: #4a4740;--text-primary: #ece7d4;--text-secondary: #b9c0c9;--text-tertiary: #9aa3ae;--text-disabled: #79828e;--text-inverse: #0b1119;--accent: #d4a74f;--accent-bright: #efc978;--accent-pressed: #bf9440;--accent-muted: rgba(212, 167, 79, .14);--accent-quiet: rgba(212, 167, 79, .08);--border-subtle: #2a3646;--border-strong: #67758c;--border-focus: var(--accent-bright);--success: #7fc79a;--success-quiet: rgba(127, 199, 154, .12);--warning: #e2b566;--warning-quiet: rgba(226, 181, 102, .12);--danger: #eb9384;--danger-quiet: rgba(235, 147, 132, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-control: 10px;--radius-card: 14px;--radius-feature: 20px;--radius-round: 50%;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-eyebrow: 11px;--text-caption: 12px;--text-control: 15px;--text-body: 15px;--text-section: 19px;--text-display: clamp(24px, 3.2vw, 34px);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.25;--leading-body: 1.6;--control-height: 44px;--control-height-lg: 52px;--control-padding-x: 18px;--touch-min: 44px;--shadow-raised: 0 1px 2px rgba(0, 0, 0, .34), 0 10px 28px rgba(0, 0, 0, .12);--shadow-overlay: 0 30px 80px rgba(0, 0, 0, .58);--motion-press: .11s;--motion-state: .18s;--motion-panel: .24s;--ease: cubic-bezier(.2, 0, .2, 1);--focus-ring-width: 2px;--focus-ring-offset: 2px}@media(prefers-reduced-motion:reduce){:root{--motion-press: 0ms;--motion-state: 0ms;--motion-panel: 0ms}}.mm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;min-height:var(--control-height);padding:0 var(--control-padding-x);border-radius:var(--radius-control);border:1px solid transparent;font-family:var(--font-ui);font-size:var(--text-control);font-weight:var(--weight-semibold);line-height:1;cursor:pointer;white-space:nowrap;transition:background-color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease),color var(--motion-state) var(--ease),transform var(--motion-press) var(--ease)}.mm-button:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-button:active:not(:disabled){transform:translateY(1px)}.mm-button:disabled{cursor:not-allowed;opacity:1}.mm-button--lg{min-height:var(--control-height-lg);font-size:16px;padding:0 var(--space-6)}.mm-button--primary{background:var(--accent);color:var(--text-inverse)}.mm-button--primary:hover:not(:disabled){background:var(--accent-bright)}.mm-button--primary:active:not(:disabled){background:var(--accent-pressed)}.mm-button--primary:disabled{background:#4a4433;color:var(--text-disabled)}.mm-button--secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.mm-button--secondary:hover:not(:disabled){background:var(--surface-3)}.mm-button--secondary:active:not(:disabled){background:var(--surface-2)}.mm-button--secondary:disabled{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-disabled)}.mm-button--tertiary{background:transparent;color:var(--text-secondary)}.mm-button--tertiary:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.mm-button--tertiary:disabled{color:var(--text-disabled)}.mm-button--destructive{background:transparent;border-color:var(--danger);color:var(--danger)}.mm-button--destructive:hover:not(:disabled){background:var(--danger-quiet)}.mm-button--destructive:disabled{border-color:var(--border-subtle);color:var(--text-disabled)}.mm-button--block{width:100%}.mm-button__label--loading{visibility:hidden}.mm-button__spinner{position:absolute;inset:0;display:grid;place-items:center}.mm-icon-button{display:inline-grid;place-items:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border-radius:var(--radius-control);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-state) var(--ease),color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease)}.mm-icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.mm-icon-button:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-icon-button:disabled{color:var(--text-disabled);cursor:not-allowed}.mm-icon-button[aria-pressed=true]{background:var(--accent-muted);color:var(--text-primary)}.mm-icon-button[aria-pressed=true]:after{content:"";position:absolute;bottom:6px;width:14px;height:2px;border-radius:1px;background:var(--accent)}.mm-icon-button{position:relative}.mm-field{display:flex;flex-direction:column;gap:var(--space-2)}.mm-field__label{font-family:var(--font-ui);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:.01em}.mm-field__required{color:var(--accent);margin-left:2px}.mm-field__help{font-size:var(--text-caption);color:var(--text-tertiary);line-height:var(--leading-body)}.mm-field__error{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-caption);color:var(--danger);line-height:var(--leading-body)}.mm-input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--canvas);color:var(--text-primary);font-family:var(--font-ui);font-size:16px;transition:border-color var(--motion-state) var(--ease),background-color var(--motion-state) var(--ease)}.mm-input::placeholder{color:var(--text-disabled)}.mm-input:hover:not(:disabled){border-color:var(--text-tertiary)}.mm-input:focus{outline:none}.mm-input:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset);border-color:var(--accent)}.mm-input:disabled{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-disabled);cursor:not-allowed}.mm-input--invalid,.mm-input--invalid:hover:not(:disabled){border-color:var(--danger)}.mm-input--valid{border-color:var(--success)}.mm-input--with-affordance{padding-right:56px}.mm-input-wrap{position:relative;display:flex;align-items:center}.mm-input-affordance{position:absolute;right:2px;display:grid;place-items:center;min-width:var(--touch-min);min-height:var(--touch-min);border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control);cursor:pointer}.mm-input-affordance:hover{color:var(--text-primary)}.mm-input-affordance:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:-2px}.mm-requirements{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.mm-requirement{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--text-tertiary)}.mm-requirement__mark{width:14px;display:inline-grid;place-items:center}.mm-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-2) 0;cursor:pointer}.mm-checkbox input{position:absolute;opacity:0;width:0;height:0}.mm-checkbox__box{flex:none;width:22px;height:22px;margin-top:1px;border-radius:6px;border:1px solid var(--border-strong);background:var(--canvas);display:grid;place-items:center;color:var(--text-inverse);transition:background-color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease)}.mm-checkbox input:checked+.mm-checkbox__box{background:var(--accent);border-color:var(--accent)}.mm-checkbox input:focus-visible+.mm-checkbox__box{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-checkbox input:disabled+.mm-checkbox__box{border-color:var(--border-subtle);background:var(--surface-1)}.mm-checkbox__label{font-size:var(--text-body);color:var(--text-primary);line-height:var(--leading-body)}.mm-checkbox input:disabled~.mm-checkbox__label{color:var(--text-disabled)}.mm-alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-primary);font-size:var(--text-body);line-height:var(--leading-body)}.mm-alert__icon{flex:none;margin-top:1px}.mm-alert__title{font-weight:var(--weight-semibold);margin:0 0 2px}.mm-alert__body{margin:0;color:var(--text-secondary)}.mm-alert--info{border-color:var(--border-subtle)}.mm-alert--success{border-color:var(--success);background:var(--success-quiet)}.mm-alert--warning{border-color:var(--warning);background:var(--warning-quiet)}.mm-alert--danger{border-color:var(--danger);background:var(--danger-quiet)}.mm-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-raised)}.mm-card--feature{border-radius:var(--radius-feature)}.mm-card--paper{background:var(--paper);color:var(--paper-ink);border-color:var(--paper-edge)}.mm-card__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-medium)}.mm-card__body{margin:0;color:var(--text-secondary);line-height:var(--leading-body)}.mm-spinner{display:inline-block;border-radius:var(--radius-round);border:2px solid var(--accent-muted);border-top-color:var(--accent);animation:mm-spin .72s linear infinite}@keyframes mm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mm-spinner{animation:none;border-top-color:var(--accent-bright)}}.mm-dialog-scrim{position:fixed;inset:0;background:var(--overlay-scrim);display:grid;place-items:center;padding:var(--space-4);z-index:100}.mm-dialog{width:min(480px,100%);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-feature);box-shadow:var(--shadow-overlay);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.mm-dialog__title{margin:0;font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-medium)}.mm-dialog__body{margin:0;color:var(--text-secondary);line-height:var(--leading-body)}.mm-dialog__actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.mm-toast-region{position:fixed;left:50%;transform:translate(-50%);bottom:max(var(--space-6),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-2);z-index:200;width:min(420px,calc(100vw - var(--space-8)))}.mm-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--surface-3);box-shadow:var(--shadow-overlay);font-size:var(--text-body);color:var(--text-primary)}.mm-toast--success{border-color:var(--success)}.mm-toast--danger{border-color:var(--danger)}.mm-toast__action{margin-left:auto}.mm-auth{width:100%;height:100%;display:grid;align-items:start;justify-items:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--space-6);padding:max(var(--space-8),env(safe-area-inset-top)) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom));background:var(--canvas)}.mm-auth__inner{width:min(420px,100%);display:flex;flex-direction:column;gap:var(--space-6)}.mm-auth__brand{display:flex;align-items:center;gap:var(--space-3)}.mm-auth__wordmark{font-family:var(--font-display);font-size:21px;font-weight:var(--weight-medium);letter-spacing:.01em;color:var(--text-primary)}.mm-auth__heading{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:25px;font-weight:var(--weight-medium);color:var(--text-primary)}.mm-auth__sub{margin:0;color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.mm-auth__form{display:flex;flex-direction:column;gap:var(--space-4)}.mm-auth__footer{text-align:center;font-size:var(--text-body);color:var(--text-secondary)}.mm-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mm-segmented{display:inline-flex;padding:2px;gap:2px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-control)}.mm-segmented__option{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-control);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--motion-state) var(--ease),color var(--motion-state) var(--ease)}.mm-segmented__option:hover[aria-checked=false]{color:var(--text-primary)}.mm-segmented__option[aria-checked=true]{background:var(--surface-3);color:var(--text-primary);box-shadow:var(--shadow-raised)}.mm-segmented__option:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:-1px}.mm-tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;border-bottom:1px solid var(--border-subtle)}.mm-tab{position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);cursor:pointer;text-align:left;transition:color var(--motion-state) var(--ease)}.mm-tab:hover[aria-selected=false],.mm-tab[aria-selected=true]{color:var(--text-primary)}.mm-tab[aria-selected=true]:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:-1px;height:2px;background:var(--accent)}.mm-tab:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:-2px;border-radius:var(--radius-control)}.mm-tab__label{font-size:var(--text-control);font-weight:var(--weight-medium)}.mm-tab__hint{font-size:var(--text-caption);color:var(--text-tertiary)}.mm-cluster{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mm-cluster--end{margin-left:auto}.mm-swatch{width:28px;height:28px;min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border:0;background:radial-gradient(circle at center,var(--swatch) 0 13px,transparent 13px);border-radius:var(--radius-control);cursor:pointer}.mm-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.mm-swatch:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-slider{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min)}.mm-slider__label{font-size:var(--text-caption);color:var(--text-secondary)}.mm-slider input{accent-color:var(--accent);min-height:var(--touch-min)}.mm-note-chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-control);cursor:pointer}.mm-note-chip[aria-pressed=true]{background:var(--accent-muted);border-color:var(--accent);color:var(--text-primary)}.mm-note-chip.is-edited{border-style:dashed}.mm-note-chip:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-toolbar{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.mm-tool-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-control);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--motion-state) var(--ease),color var(--motion-state) var(--ease)}.mm-tool-toggle:hover[aria-pressed=false]{color:var(--text-primary);background:var(--surface-2)}.mm-tool-toggle[aria-pressed=true]{background:var(--accent-muted);color:var(--text-primary)}.mm-tool-toggle[aria-pressed=true]:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:5px;height:2px;border-radius:1px;background:var(--accent)}.mm-tool-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-tabpanel{outline-offset:4px}.mm-tabpanel:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus)}.mm-requirement--pending{color:var(--text-tertiary)}.mm-requirement--met{color:var(--success)}.mm-requirement__note{color:var(--text-tertiary);font-style:italic}.mm-auth__footer a{display:inline-block;min-height:var(--touch-min);padding:var(--space-3) var(--space-2);color:var(--accent)}.mm-auth__footer a:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-control)}.mm-auth__link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:0;background:none;color:var(--accent);font-family:inherit;font-size:var(--text-body);font-weight:var(--weight-medium);cursor:pointer;border-radius:var(--radius-control);text-align:center;transition:color var(--motion-state) var(--ease)}.mm-auth__link:hover{color:var(--accent-bright)}.mm-auth__link:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-auth__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.mm-auth__aside{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.mm-auth__note{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.mm-auth__note strong{color:var(--text-primary);font-weight:var(--weight-medium)}.mm-auth__summary{margin-bottom:var(--space-4);border-radius:var(--radius-card)}.mm-auth__summary:focus,.mm-auth__summary:focus-visible{outline:none}.mm-auth__success-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-medium);color:var(--text-primary)}.mm-auth__success-title:focus,.mm-auth__success-title:focus-visible{outline:none}.mm-auth__success-body{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.mm-auth__success-body p{margin:0 0 var(--space-3)}.mm-auth__heading:focus,.mm-auth__heading:focus-visible{outline:none}.mm-auth-overlay{position:fixed;inset:0;z-index:40;overflow-y:auto;background:var(--canvas)}.mm-turnstile{margin-top:var(--space-4);min-height:1px}.mm-turnstile__note{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-caption);line-height:var(--leading-body)}.mm-adopt__list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:40vh;overflow-y:auto}.mm-adopt__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-control)}.mm-adopt__icon{display:inline-flex;color:var(--text-tertiary);flex:0 0 auto}.mm-adopt__name{flex:1 1 auto;color:var(--text-primary);font-size:var(--text-body);overflow-wrap:anywhere}.mm-adopt__meta{flex:0 0 auto;color:var(--text-tertiary);font-size:var(--text-caption)}.mm-account{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4) max(var(--space-12),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-6)}.mm-account__title{margin:0;font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-medium);color:var(--text-primary)}.mm-account__subtitle{margin:calc(var(--space-6) * -1) 0 0;color:var(--text-secondary);font-size:var(--text-body)}.mm-account__note{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.mm-account__addresses{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.mm-account__address{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-control)}.mm-account__address-email{margin:0;color:var(--text-primary);font-size:var(--text-body);overflow-wrap:anywhere}.mm-account__address-state{margin:var(--space-1) 0 0;color:var(--text-tertiary);font-size:var(--text-caption)}.mm-account__address-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mm-session-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-body)}.mm-session-banner__message{flex:1 1 240px;margin:0;line-height:var(--leading-body)}.mm-session-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mm-account-entry{display:flex;align-items:center;gap:var(--space-2)}.mm-account-entry__status{color:var(--text-tertiary);font-size:var(--text-caption)}.mm-sync{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-caption);color:var(--text-tertiary);white-space:nowrap}.mm-sync__mark{display:inline-flex}.mm-sync--synced{color:var(--text-secondary)}.mm-sync--needs-attention{color:var(--danger)}.mm-sync--offline{color:var(--warning)}.mm-account-entry-group{display:flex;flex-direction:row;align-items:flex-end;justify-self:end;gap:var(--space-2)}.mm-conflicts{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.mm-conflicts__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-control)}.mm-conflicts__name{color:var(--text-primary);font-size:var(--text-body);overflow-wrap:anywhere}.mm-conflicts__detail{color:var(--text-secondary);font-size:var(--text-caption);line-height:var(--leading-body)}.home{max-width:1120px;margin:0 auto;padding:clamp(var(--space-6),5vh,var(--space-12)) var(--space-4) var(--space-12);display:flex;flex-direction:column;gap:var(--space-12)}.home__hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(380px,1.14fr);align-items:center;gap:clamp(var(--space-8),6vw,var(--space-16))}.home__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.home__title{margin:0;font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-weight:var(--weight-medium);line-height:1.02;letter-spacing:-.035em;color:var(--text-primary)}.home__tagline{margin:0;color:var(--accent-bright);font-size:var(--text-section);font-family:var(--font-display)}.home__scope{margin:0;max-width:42ch;color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.home__primary{position:relative;display:flex;min-height:330px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:clamp(var(--space-6),4vw,var(--space-8));border:1px solid var(--paper-edge);border-radius:calc(var(--radius-feature) + 4px);background:var(--paper);color:var(--paper-ink);text-align:left;cursor:pointer;box-shadow:0 28px 70px #00000047;transition:transform var(--motion-panel) var(--ease),box-shadow var(--motion-panel) var(--ease)}.home__primary:hover{transform:translateY(-3px);box-shadow:0 34px 82px #0000005c}.home__primary:focus-visible{outline:3px solid var(--border-focus);outline-offset:4px}.home__primary-topline{display:flex;align-items:center;gap:var(--space-2);color:#76591f;font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:.16em;text-transform:uppercase}.home__primary-icon{display:inline-flex}.home__primary-title{margin-top:var(--space-6);font-family:var(--font-display);font-size:clamp(30px,4vw,46px);line-height:1.04}.home__primary-blurb{max-width:40ch;margin-top:var(--space-3);color:var(--paper-ink-secondary);font-size:var(--text-body);line-height:1.55}.home__staff-preview{position:relative;display:grid;width:calc(100% + var(--space-16));height:76px;margin:auto calc(var(--space-8) * -1) var(--space-4);align-content:center;opacity:.72}.home__staff-preview i{display:block;height:1px;margin-top:9px;background:#817b6c}.home__note{position:absolute;width:18px;height:13px;border-radius:50%;background:#292720;transform:rotate(-18deg)}.home__note--one{left:32%;top:44px}.home__note--two{left:48%;top:26px}.home__note--three{left:64%;top:8px}.home__primary-action{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-control);font-weight:var(--weight-semibold)}.home__continue{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);min-height:var(--touch-min);text-align:left;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);cursor:pointer;transition:background-color var(--motion-state) var(--ease)}.home__continue:hover{background:var(--surface-3)}.home__continue:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.home__continue-label{font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.home__continue-title{color:var(--text-primary);font-size:var(--text-section)}.home__continue-meta{color:var(--text-tertiary);font-size:var(--text-caption)}.home__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.home__explore{display:flex;flex-direction:column;gap:var(--space-6)}.home__section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6)}.home__section-head h2{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(26px,3vw,36px);font-weight:var(--weight-medium)}.home__section-head>p{max-width:36ch;margin:0;color:var(--text-tertiary);font-size:var(--text-caption);line-height:var(--leading-body)}.home__card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);min-height:116px;text-align:left;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);cursor:pointer;transition:background-color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease)}.home__card:hover{background:var(--surface-2);border-color:#405069;transform:translateY(-1px)}.home__card:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.home__card-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--accent-bright);background:var(--accent-quiet);border-radius:var(--radius-control)}.home__card-copy{display:flex;flex-direction:column;gap:var(--space-1)}.home__card-title{font-family:var(--font-display);font-size:var(--text-section);color:var(--text-primary)}.home__card-blurb{color:var(--text-secondary);font-size:var(--text-caption);line-height:1.5}.home__card-arrow{color:var(--text-tertiary);transition:transform var(--motion-state) var(--ease)}.home__card:hover .home__card-arrow{color:var(--accent-bright);transform:translate(2px)}.home__privacy{margin:0;text-align:left;color:var(--text-tertiary);font-size:var(--text-caption);line-height:var(--leading-body)}.mm-bottomnav{flex:0 0 auto;z-index:30;display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:color-mix(in srgb,var(--surface-1) 94%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-feature);box-shadow:0 12px 32px #0003}.mm-bottomnav__item{flex:0 1 150px;min-height:var(--touch-min);min-width:var(--touch-min);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;background:none;color:var(--text-tertiary);font-size:var(--text-caption);cursor:pointer;border-radius:var(--radius-control);border-bottom:0;transition:color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease)}.mm-bottomnav__item.is-active{color:var(--text-primary);background:var(--accent-muted);box-shadow:inset 0 -2px var(--accent)}.mm-bottomnav__item:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-bottomnav__label{line-height:1.1;font-weight:var(--weight-medium)}@media(max-width:900px){.home__hero{grid-template-columns:1fr}.home__intro{max-width:620px}}@media(max-width:720px){.home{padding-inline:0;gap:var(--space-8)}.home__title{font-size:clamp(38px,12vw,54px)}.home__primary{min-height:300px}.home__section-head{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.home__cards{grid-template-columns:1fr}.mm-bottomnav{border-radius:var(--radius-card) var(--radius-card) 0 0;gap:0}.mm-bottomnav__item{flex:1 1 0;flex-direction:column;gap:2px;padding:var(--space-1)}}.mm-navmenu-scrim{position:fixed;inset:0;z-index:60;background:var(--overlay-scrim);display:flex;justify-content:flex-end}.mm-navmenu{width:min(320px,90vw);height:100%;overflow-y:auto;background:var(--surface-1);border-left:1px solid var(--border-subtle);padding:max(var(--space-6),env(safe-area-inset-top)) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom))}.mm-navmenu__list{list-style:none;margin:0;padding:0}.mm-navmenu__item{width:100%;min-height:var(--touch-min);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:0;background:none;color:var(--text-secondary);font-size:var(--text-body);text-align:left;cursor:pointer;border-radius:var(--radius-control);transition:background-color var(--motion-state) var(--ease),color var(--motion-state) var(--ease)}.mm-navmenu__item:hover{background:var(--surface-2);color:var(--text-primary)}.mm-navmenu__item.is-active{color:var(--accent)}.mm-navmenu__item:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.mm-navmenu__here{margin-left:auto;font-size:var(--text-caption);color:var(--text-tertiary)}.mm-navmenu__footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.modes__tonics,.modes__modes{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.modes__tonics{grid-template-columns:repeat(12,minmax(0,1fr))}.modes__modes{grid-template-columns:repeat(7,minmax(0,1fr))}.modes__tonic,.modes__mode{min-height:var(--touch-min);min-width:var(--touch-min);justify-content:center;padding:0 var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-control);cursor:pointer;transition:background-color var(--motion-state) var(--ease),color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease)}.modes__tonic.is-selected,.modes__mode.is-selected{background:var(--accent-muted);border-color:var(--accent);color:var(--text-primary);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:4px}.modes__tonic:focus-visible,.modes__mode:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.modes__mode-badge{color:var(--success)}.modes__facts{margin:0 0 var(--space-4);display:grid;gap:var(--space-3)}.modes__facts>div{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.modes__facts dt{color:var(--text-tertiary);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em}.modes__facts dd{margin:0;color:var(--text-primary);font-size:var(--text-body)}.modes__formula{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modes__degree{color:var(--text-secondary);font-family:var(--font-mono)}.modes__degree.is-characteristic{color:var(--accent);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:3px}.modes__cause,.modes__association,.modes__note,.modes__difference,.modes__verdict,.modes__mastery{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.modes__association{color:var(--text-tertiary);font-size:var(--text-caption)}.modes__actions,.modes__quiz{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.modes__harmony-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-5) 0}.modes__context{margin-top:var(--space-4);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-card);background:var(--surface-2)}.modes__context-copy{margin:var(--space-1) 0 0;color:var(--text-secondary);line-height:var(--leading-body)}.modes__harmony-part{min-width:0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-2)}.modes__harmony-part.is-care{border-color:color-mix(in srgb,var(--warning) 35%,var(--border-subtle))}.modes__harmony-part h3{margin:var(--space-1) 0 var(--space-3);font-size:var(--text-section)}.modes__harmony-part>p{color:var(--text-secondary);line-height:var(--leading-body)}.modes__tone{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.modes__tone+.modes__tone{margin-top:var(--space-3)}.modes__tone p{margin-top:0;color:var(--text-secondary);line-height:var(--leading-body)}.modes__practice-tip{padding-left:var(--space-3);border-left:2px solid var(--accent-muted)}.intervals__pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.intervals__pickers label{display:grid;gap:var(--space-2);color:var(--text-secondary)}.intervals__pickers label>span{font-size:var(--text-caption);font-weight:var(--weight-semibold)}.intervals__pickers select{width:100%;min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-primary);font:inherit}.intervals__pickers select:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.intervals__hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin:var(--space-6) 0 var(--space-2)}.intervals__hero h3{margin:var(--space-1) 0;font-family:var(--font-display);font-size:clamp(28px,4vw,42px)}.intervals__hero p{margin:0;color:var(--text-secondary)}.intervals__symbol{color:var(--accent)!important;font-family:var(--font-mono);font-size:var(--text-body)}.intervals__count{flex:0 0 auto;min-width:108px;padding:var(--space-3);display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--accent-muted)}.intervals__count strong{color:var(--accent-bright);font-family:var(--font-display);font-size:34px}.intervals__count span{color:var(--text-secondary);font-size:var(--text-caption)}.intervals__lesson{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.intervals__lesson p{margin:0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);color:var(--text-secondary);line-height:var(--leading-body)}.intervals__choices{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.intervals__answer{color:var(--text-primary);font-weight:var(--weight-semibold)}.fib__chooser{margin-bottom:var(--space-2);padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-feature);background:var(--surface-1);box-shadow:var(--shadow-raised)}.fib__chooser-note{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.fib__chooser-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-3) 0}.fib__roots{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fib__root{min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-control);cursor:pointer}.fib__root.is-selected{background:var(--accent-muted);border-color:var(--accent);color:var(--text-primary);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:4px}.fib__root:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset)}.fib__field{display:flex;flex-direction:column;gap:var(--space-2)}.fib__field>span{color:var(--text-tertiary);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em}.fib__field select{min-height:var(--touch-min)}.classroom__note,.classroom__empty{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.classroom__subhead{margin:var(--space-6) 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-medium);color:var(--text-primary)}.classroom__code{margin:var(--space-3) 0;padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-control);font-family:var(--font-mono);font-size:var(--text-section);letter-spacing:.12em;color:var(--text-primary);text-align:center}.classroom__documents{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.classroom__document{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-control)}@media(max-width:900px){.modes__tonics{grid-template-columns:repeat(6,minmax(0,1fr))}.modes__modes{grid-template-columns:repeat(4,minmax(0,1fr))}.modes__harmony-grid{grid-template-columns:1fr}.modes__context{align-items:stretch;flex-direction:column}}@media(max-width:620px){.modes__modes{grid-template-columns:repeat(2,minmax(0,1fr))}.modes__facts>div{grid-template-columns:1fr;gap:var(--space-1)}.intervals__pickers,.intervals__lesson{grid-template-columns:1fr}.intervals__hero{align-items:flex-start}.fib__chooser{padding:var(--space-4)}}.classroom__document-name{flex:1 1 200px;color:var(--text-primary);overflow-wrap:anywhere}.classroom__document-state{color:var(--text-tertiary);font-size:var(--text-caption)}.classroom__members{width:100%;border-collapse:collapse;font-size:var(--text-body)}.classroom__members th,.classroom__members td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.classroom__members thead th{color:var(--text-tertiary);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em}.classroom__members tbody th{color:var(--text-primary);font-weight:var(--weight-medium)}.lesson__scope{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--surface-2);border-left:2px solid var(--warning);border-radius:var(--radius-control);color:var(--text-secondary);font-size:var(--text-caption);line-height:var(--leading-body)}.build__expand{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}:root{--midnight: var(--canvas);--midnight-deep: var(--canvas);--panel: var(--surface-1);--panel-raised: var(--surface-2);--brass: var(--accent);--brass-bright: var(--accent-bright);--ink: var(--text-primary);--ink-dim: var(--text-secondary);--paper-edge: var(--paper-edge);--pass: var(--success);--fail: var(--danger);--radius: var(--radius-feature);--shadow: var(--shadow-overlay);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--midnight);overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{position:relative;display:flex;flex-direction:column;height:100%;background:var(--canvas);padding:max(var(--space-3),env(safe-area-inset-top)) clamp(14px,3vw,40px) 0;isolation:isolate;overflow:hidden}.app>main{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:var(--space-12)}.app:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--canvas);pointer-events:none}.masthead{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) auto;gap:clamp(var(--space-3),2vw,var(--space-6));align-items:center;padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.brand{display:flex;align-items:center;justify-self:start;gap:var(--space-3);min-height:var(--touch-min);padding:0;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.brand:hover .brand-name{color:var(--accent-bright)}.brand:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-control)}.brand-name{margin:0;font-family:var(--font-display);font-size:20px;letter-spacing:.02em}.brand-tag{margin:2px 0 0;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}.feature{max-width:1180px;margin:0 auto;padding:var(--space-4) var(--space-2) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.feature-head{display:flex;gap:var(--space-6);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--space-2)}.eyebrow{margin:0;font-size:var(--text-eyebrow);letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}.feature-head h2{margin:8px 0 6px;font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.01em}.lede{margin:0;max-width:68ch;color:var(--ink-dim);font-size:var(--text-body);line-height:1.6}.control-row,.fib-controls{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.feature>.mm-segmented{align-self:flex-start}.fib-controls--solver{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(150px,.65fr) auto;align-items:end;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--shadow-card)}.fib-controls--solver>.mm-button{min-width:132px}.write-setup{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1)}.write-setup .field{min-width:min(320px,100%)}.write-setup .field select{width:100%}.clef-blurb{margin:-6px 0 0;font-size:var(--text-caption);color:var(--text-tertiary);font-style:italic}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}.field.inline{flex-direction:row;align-items:center;gap:var(--space-2)}.field select,.field input,.play-row select{font:inherit;font-size:var(--text-body);letter-spacing:normal;text-transform:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--canvas);color:var(--ink);min-width:92px;min-height:var(--control-height)}.field input[type=number]{width:74px;min-width:0}.pad{border-radius:calc(var(--radius-feature) + 2px);overflow:hidden;background:var(--panel);border:1px solid var(--paper-edge);box-shadow:0 24px 64px #0000003d;overflow-anchor:none}.manuscript-workspace{min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:calc(var(--radius-feature) + 4px);background:var(--surface-1);box-shadow:var(--shadow-card)}.manuscript-workspace__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.manuscript-workspace__bar h2{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-medium)}.manuscript-workspace__bar p:not(.eyebrow){margin:var(--space-1) 0 0;max-width:64ch;color:var(--text-secondary);line-height:var(--leading-body)}.app.is-manuscript{padding:0;height:100svh}.app.is-manuscript>.masthead,.app.is-manuscript>.mm-bottomnav,.app.is-manuscript>.footer,.app.is-manuscript>.mm-session-banner{display:none}.app.is-manuscript>main{overflow:hidden;padding:0;scrollbar-gutter:auto}.app.is-manuscript .app-conflict{display:none}.build-feature.is-studio{height:100%;max-width:none;padding:0;gap:0}.build-feature.is-studio>:not(.manuscript-workspace):not(.studio-playback-status){display:none}.fib__field-hint{display:block;max-width:24ch;color:var(--text-tertiary);font-size:var(--text-caption);line-height:1.35}.build-feature.is-studio .manuscript-workspace{position:relative;height:100%;padding:0;border:0;border-radius:0;background:var(--paper);box-shadow:none;overflow:hidden;isolation:isolate}.build-feature.is-studio .pad{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none}.build-feature.is-studio .pad-surface{position:absolute;inset:0;height:auto!important;border:0}.build-feature.is-studio .manuscript-workspace__bar{position:absolute;z-index:12;top:max(var(--space-3),env(safe-area-inset-top));left:max(var(--space-3),env(safe-area-inset-left));right:max(var(--space-3),env(safe-area-inset-right));min-height:64px;align-items:center;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:0 14px 34px #00000047}.manuscript-workspace__identity{min-width:0;display:flex;align-items:center;gap:var(--space-5)}.build-feature.is-studio .manuscript-workspace__bar h2{margin:1px 0 0;font-size:clamp(20px,2.2vw,26px);line-height:1.05}.build-feature.is-studio .manuscript-workspace__bar .eyebrow{font-size:9px;letter-spacing:.2em}.manuscript-workspace__staff{display:flex;align-items:center;gap:var(--space-2);margin:0;padding-left:var(--space-5);border-left:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-caption);white-space:nowrap}.manuscript-workspace__ready{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #569e7a29}.build-feature.is-studio .pad-toolbar{position:absolute;z-index:11;top:calc(max(var(--space-3),env(safe-area-inset-top)) + 76px);left:max(var(--space-3),env(safe-area-inset-left));right:max(var(--space-3),env(safe-area-inset-right));display:flex;grid-template-columns:none;align-items:center;flex-wrap:nowrap;gap:var(--space-3);min-height:58px;padding:var(--space-1) var(--space-2);overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:0 12px 28px #00000038;scrollbar-width:none}.build-feature.is-studio .pad-toolbar::-webkit-scrollbar{display:none}.build-feature.is-studio .pad-toolbar>.mm-toolbar{flex:0 0 auto;align-self:center;padding:0 var(--space-3) 0 0;border-right:1px solid var(--border-subtle);border-bottom:0}.build-feature.is-studio .pad-toolbar__actions{flex:0 0 auto;flex-wrap:nowrap}.studio-deck{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.studio-deck__field{display:grid;grid-template-columns:auto minmax(88px,auto);align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-caption);font-weight:var(--weight-medium)}.studio-deck__field select{min-height:44px;padding:0 34px 0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-2);color:var(--text-primary);font:inherit}.studio-playback-status{position:fixed;z-index:30;top:calc(max(var(--space-3),env(safe-area-inset-top)) + 148px);right:max(var(--space-4),env(safe-area-inset-right));display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-1);box-shadow:var(--shadow-card);color:var(--text-primary);font-size:var(--text-caption)}.studio-playback-status>span{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #569e7a29}.build-feature.is-studio .note-inspector,.build-feature.is-studio .selection-bar{position:absolute;z-index:10;left:max(var(--space-3),env(safe-area-inset-left));right:max(var(--space-3),env(safe-area-inset-right));bottom:max(var(--space-3),env(safe-area-inset-bottom));border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:0 12px 30px #0000003d}.pad-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2) var(--space-4);align-items:center;padding:var(--space-3);background:var(--surface-1);border-bottom:1px solid var(--border-subtle)}.pad-toolbar>.mm-toolbar{align-self:stretch;padding-right:var(--space-4);border-right:1px solid var(--border-subtle)}.pad-toolbar__actions{min-width:0;flex-wrap:wrap}.pad-toolbar__actions{gap:var(--space-1)}.pad-toolbar__actions .mm-checkbox{margin-left:var(--space-2)}.pad-surface{position:relative;background:var(--paper);border-top:1px solid var(--paper-edge);touch-action:none;overscroll-behavior:none;overflow-anchor:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;contain:layout paint}.staff-host,.staff-guides,.ink-canvas,.resolved-layer{position:absolute;inset:0}.staff-host,.staff-guides{pointer-events:none}.ink-canvas{touch-action:none;cursor:crosshair;z-index:3}.resolved-layer{pointer-events:none;z-index:4;overflow:visible}.resolved-note{opacity:0;transition:transform 145ms cubic-bezier(.22,.9,.25,1),opacity 115ms ease-out}.resolved-note.is-settled{opacity:1}.resolved-head{fill:#12161d}.resolved-ledger{stroke:#12161d;stroke-width:1.6;stroke-linecap:round;opacity:0;transition:opacity .11s ease-out .12s}.is-settled .resolved-ledger{opacity:1}.resolved-accidental{fill:#12161d;font-family:var(--font-display);text-anchor:middle}.resolved-label{fill:#8a6a1f;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:var(--weight-semibold);letter-spacing:.04em;text-anchor:middle;opacity:0;transition:opacity .11s ease-out 135ms}.is-settled .resolved-label{opacity:1}.resolved-note.is-unsure .resolved-head,.resolved-note.is-unsure .resolved-accidental,.resolved-note.is-unsure .resolved-label{fill:#a33f1c}.resolved-note.is-unsure .resolved-ledger{stroke:#a33f1c}@media(prefers-reduced-motion:reduce){.resolved-note{transition:opacity .2s ease-out}.resolved-ledger,.resolved-label{transition-delay:0ms;transition-duration:.2s}}.pad-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;max-width:74%;text-align:center;font-size:var(--text-caption);color:var(--paper-ink-secondary);pointer-events:none;z-index:5}.status-line{margin:-8px 0 0;font-size:var(--text-caption);color:var(--text-tertiary);letter-spacing:.04em}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}.panel,.answer-card,.practice{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-6)}.panel h3,.practice h3{margin:0 0 14px;font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--text-tertiary);font-family:var(--font-ui);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase}.chord-name{margin:0;font-family:var(--font-display);font-size:clamp(30px,5vw,44px);line-height:1.05;color:var(--ink)}.chord-name.big{font-size:clamp(36px,6vw,56px)}.chord-name.muted{color:var(--text-tertiary);font-size:26px}.chord-sub{margin:6px 0 14px;font-size:13.5px;color:var(--ink-dim)}.guitar-octave-note{margin:6px 0 12px;font-size:13px;line-height:1.45;color:var(--ink-dim)}.confidence{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-caption);color:var(--text-tertiary);margin-bottom:14px}.confidence-bar{flex:1;height:5px;border-radius:var(--radius-control);background:#ebe6d21f;overflow:hidden}.confidence-bar span{display:block;height:100%;background:var(--accent)}.candidates{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:var(--text-caption);color:var(--text-tertiary);margin-bottom:14px}.degree-list{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:var(--space-2);flex-wrap:wrap}.degree-list li{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:#0a121c99;border:1px solid var(--border-subtle)}.degree{font-size:var(--text-eyebrow);letter-spacing:.1em;color:var(--brass)}.note{font-family:var(--font-display);font-size:16px}.intervals{margin:0 0 12px;font-size:var(--text-caption);color:var(--ink-dim);line-height:1.7}.intervals strong{color:var(--brass-bright)}.cause{margin:12px 0 0;padding:var(--space-3) var(--space-4);border-left:2px solid var(--brass);background:#d4a74f12;border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.65;color:var(--ink-dim)}.caveat{margin:10px 0 0;font-size:var(--text-caption);line-height:1.6;color:#e8b79a}.fine{margin:12px 0;font-size:var(--text-caption);color:var(--text-tertiary);line-height:1.6}.empty{margin:0;color:var(--text-tertiary);font-size:13.5px}.play-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:16px}.score,.score-wrap,.reveal{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-card);overflow:hidden}.score-wrap .score,.reveal .score{border:none;border-radius:0}.score svg{width:100%;height:auto}.reveal{margin-top:14px}.why{margin-top:14px;padding:var(--space-4);border-radius:var(--radius-card);background:#04080e8c;border:1px solid var(--border-subtle)}.why ul{margin:0 0 12px;padding-left:18px;font-size:var(--text-caption);line-height:1.7;color:var(--ink-dim)}.why li.is-unknown{color:#e8b79a}.why h4{margin:12px 0 8px;font-size:var(--text-caption);letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}.glyph-matrix strong{color:var(--ink)}.fib-instruction{margin:0;font-size:13.5px;color:var(--ink-dim)}.fib-slots{display:flex;gap:var(--space-3);flex-wrap:wrap}.slot-wrap{position:relative;flex:1 1 130px;display:flex}.slot{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-1);align-items:center;padding:var(--space-4) var(--space-4);border-radius:var(--radius-card);border:1px dashed var(--border-strong);background:#0a121c8c;color:var(--ink);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.slot:hover{border-color:var(--brass)}.slot.is-given{border-style:solid;border-color:var(--brass);background:var(--accent-muted)}.slot-degree{font-size:var(--text-eyebrow);letter-spacing:.16em;color:var(--brass)}.slot-note{font-family:var(--font-display);font-size:30px;line-height:1.1}.slot-octave{font-size:var(--text-caption);color:var(--text-tertiary);margin-top:-3px}.slot-tag{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.slot.is-open{border-color:var(--accent);outline:2px solid var(--accent-muted)}.fib-entry-summary{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:#14203299;border:1px solid var(--border-subtle);font-size:var(--text-body);color:var(--ink-dim)}.fib-entry-summary strong{color:var(--brass-bright);font-size:16px}.sound-picker{display:grid;grid-template-columns:auto minmax(138px,auto);align-items:center;gap:var(--space-2);font-size:var(--text-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}.sound-picker__control{display:grid;grid-template-columns:minmax(86px,auto) auto;align-items:center;min-height:var(--control-height);padding-right:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-1);transition:border-color var(--motion-state) var(--ease),background-color var(--motion-state) var(--ease)}.sound-picker__control:focus-within{border-color:var(--border-focus);background:var(--surface-2)}.sound-picker select{min-height:var(--control-height);font:inherit;font-size:var(--text-caption);letter-spacing:normal;text-transform:none;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--ink);outline:0}.sound-picker select:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:-3px;border-radius:var(--radius-control)}.sound-status{position:relative;padding-left:10px;font-size:10px;letter-spacing:.06em;text-transform:none;color:var(--text-tertiary);white-space:nowrap}.sound-status:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translateY(-50%)}.sound-status.is-ready{color:var(--pass)}.sound-status.is-unavailable{color:#e8b79a}.learn-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-6);align-items:start}@media(max-width:860px){.learn-layout{grid-template-columns:minmax(0,1fr)}.lesson-path{position:static;padding:var(--space-2);overflow:hidden}.lesson-path ol{flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:var(--space-1)}.lesson-link{min-width:210px}}.lesson-path{position:sticky;top:16px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-feature);padding:var(--space-3)}.lesson-path ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.lesson-link{width:100%;min-height:44px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:1px solid transparent;background:transparent;color:var(--ink-dim);font-size:var(--text-caption);text-align:left;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.lesson-link:hover{color:var(--ink);background:#d4a74f14}.lesson-link.is-active{background:#d4a74f2e;border-color:var(--brass);color:var(--ink)}.lesson-link.is-locked{opacity:.5}.lesson-number{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-eyebrow);background:#0a121ccc;border:1px solid var(--border-subtle);color:var(--brass)}.lesson-link.is-done .lesson-number{background:var(--brass);color:#1a1206;border-color:var(--brass-bright)}.lesson-title{flex:1;line-height:1.35}@media(max-width:860px){.lesson-path{position:static;padding:var(--space-2);overflow:hidden}.lesson-path ol{flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:var(--space-1)}.lesson-link{min-width:210px}}.lesson-body{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-feature);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.lesson-heading{margin:4px 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(20px,3vw,27px);color:var(--ink)}.lesson-idea{margin:0;font-size:var(--text-control);color:var(--brass-bright);font-style:italic}.lesson-theory,.mastery-goal{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-2)}.lesson-theory summary,.mastery-goal summary{min-height:44px;display:flex;align-items:center;padding:0 var(--space-3);color:var(--text-primary);font-size:var(--text-control);font-weight:var(--weight-medium);cursor:pointer}.lesson-theory[open] summary,.mastery-goal[open] summary{border-bottom:1px solid var(--border-subtle)}.lesson-theory .cause,.lesson-theory .lesson__scope,.mastery-goal p{margin:0;padding:var(--space-3)}.mastery-goal{margin-top:var(--space-3);background:transparent}.mastery-goal summary{min-height:36px;font-size:var(--text-caption)}.learn .mm-tabs,.modes>.mm-tabs{padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--shadow-raised)}.learn .mm-tab,.modes>.mm-tabs .mm-tab{flex:1 1 150px;border-radius:var(--radius-control)}.learn .mm-tab[aria-selected=true],.modes>.mm-tabs .mm-tab[aria-selected=true]{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong)}.learn .mm-tab[aria-selected=true]:after,.modes>.mm-tabs .mm-tab[aria-selected=true]:after{left:var(--space-3);right:var(--space-3);bottom:4px}.modes>.mm-tabpanel>.mm-card+.mm-card{margin-top:var(--space-4)}.grade[role=status]{border-width:2px;box-shadow:0 10px 24px #0000002e}.demonstration{border-radius:var(--radius-card);overflow:hidden}.demo-caption{margin:0 0 8px;font-size:var(--text-caption);color:var(--text-tertiary)}.mastery{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:#0a121c8c;border:1px solid var(--border-subtle)}.mastery-rule{margin:0 0 8px;font-size:var(--text-caption);color:var(--ink-dim)}.mastery-rule strong{color:var(--brass)}.mastery-state{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);flex-wrap:wrap}.mastery-state li{padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);border:1px solid var(--border-subtle);font-size:var(--text-caption);color:var(--text-tertiary)}.mastery-state li.is-met{background:#6fbf8b24;border-color:#6fbf8b73;color:#cfe9d8}.task{display:flex;flex-direction:column;gap:var(--space-3)}.task-prompt{margin:0;font-size:var(--text-control);color:var(--ink)}.ear-choices{display:flex;gap:var(--space-2);flex-wrap:wrap}.streak{font-size:var(--text-caption);color:var(--text-tertiary)}.review-banner{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:#d4a74f1a;border:1px solid var(--border-subtle);font-size:var(--text-caption);color:var(--ink-dim);display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.note-inspector{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-2);border-top:1px solid var(--border-subtle)}.note-inspector.is-studio-dock{min-height:68px;background:var(--surface-1)}.studio-note-empty{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--text-secondary);font-size:var(--text-caption)}.inspector-notes,.inspector-accidental{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.inspector-accidental{margin-left:auto}.inspector-label{font-size:var(--text-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-right:2px}.selection-bar{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-2);border-top:1px solid var(--border-subtle)}.selection-bar .inspector-label{text-transform:none;letter-spacing:.04em;font-size:var(--text-caption)}.key-detect{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:#1420328c;border:1px solid var(--border-subtle)}.key-detect-summary{margin:0 0 10px;font-size:13.5px;line-height:1.6;color:var(--ink-dim)}.key-detect-summary strong{color:var(--brass-bright);font-family:var(--font-display);font-size:16px}.key-candidates{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.key-detect-hint{font-size:var(--text-eyebrow);color:var(--text-tertiary)}.subtabs{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-1);border-radius:var(--radius-card);background:#0a121c99;border:1px solid var(--border-subtle);align-self:flex-start}.pc-picker{padding:var(--space-4) var(--space-4);border-radius:var(--radius-card);background:var(--surface-1);border:1px solid var(--border-subtle)}.pc-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:11px}.pc-label{font-size:var(--text-control);color:var(--ink-dim)}.pc-pref{display:flex;gap:var(--space-1)}.pc-pref .mm-note-chip{min-height:var(--touch-min);min-width:var(--touch-min);display:inline-flex;align-items:center;justify-content:center}.pc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-2)}@media(max-width:720px){.pc-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.pc-key{min-height:var(--touch-min);min-width:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-1);border-radius:var(--radius-control);border:1px solid var(--border-subtle);background:#0a121cb3;color:var(--ink);font-family:var(--font-display);font-size:17px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.pc-key.is-altered{background:#04080ed9;color:var(--ink-dim)}.pc-key:hover{border-color:var(--brass);color:var(--ink)}.pc-key.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse);font-weight:600}.guitar-view{display:flex;flex-direction:column;gap:var(--space-4)}.guitar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.guitar-head .play-row{margin-top:0}.guitar-head .chord-name{font-size:clamp(26px,4vw,36px)}.guitar-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}@media(max-width:780px){.guitar-grid{grid-template-columns:minmax(0,1fr);justify-items:center}}.guitar-diagram{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.guitar-notation{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.fret-diagram{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-card);padding:var(--space-1)}.fd-nut{fill:#12161d}.fd-fret{stroke:#12161d73;stroke-width:1}.fd-string{stroke:#12161d99;stroke-width:1.1}.fd-dot,.fd-barre{fill:#12161d}.fd-open{fill:none;stroke:#12161d;stroke-width:1.6}.fd-mute{fill:#12161d;font-size:var(--text-caption);font-family:sans-serif;text-anchor:middle}.fd-position{fill:#7a5a17;font-size:var(--text-caption);font-family:var(--font-display);text-anchor:end}.voicing-nav{display:flex;gap:var(--space-2)}.string-readout{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);flex-wrap:wrap}.string-readout li{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:58px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:#0a121c99;border:1px solid var(--border-subtle)}.string-readout li.is-muted{opacity:.45}.string-name{font-size:var(--text-eyebrow);letter-spacing:.1em;color:var(--brass)}.string-fret{font-family:var(--font-display);font-size:16px}.string-pitch{font-size:var(--text-eyebrow);color:var(--text-tertiary)}.guitar-head code,.chord-sub code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-caption);letter-spacing:.08em;color:var(--brass-bright)}.note-picker{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(280px,84vw);border-radius:var(--radius-card);border:1px solid var(--brass);background:#0b131d;box-shadow:0 26px 60px #0009;overflow:hidden}.note-picker-title{margin:0;padding:var(--space-3) var(--space-4);font-size:var(--text-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);border-bottom:1px solid var(--border-subtle)}.note-list{list-style:none;margin:0;padding:var(--space-1) 0;max-height:290px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.note-list:focus{outline:none}.note-option{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--ink-dim);position:relative}.note-option:hover,.note-option.is-active{background:#d4a74f21;color:var(--ink)}.note-option.is-selected{background:#d4a74f3d;color:var(--ink)}.note-option.starts-octave{margin-top:6px;padding-top:26px;border-top:1px solid var(--border-subtle)}.note-option:first-child.starts-octave{margin-top:0;border-top:none}.octave-tag{position:absolute;top:6px;left:14px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}.note-option-name{font-family:var(--font-display);font-size:18px;min-width:52px}.note-option-midi{margin-left:auto;font-size:var(--text-eyebrow);color:var(--text-tertiary)}.note-picker-hint{margin:0;padding:var(--space-3) var(--space-4);font-size:var(--text-eyebrow);line-height:1.5;color:var(--text-tertiary);border-top:1px solid var(--border-subtle)}.key-note{color:var(--text-tertiary);font-style:normal}.answer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:16px}.answer-head .play-row{margin-top:0}.practice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:16px}.practice-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.grade{margin-top:16px;padding:var(--space-4) var(--space-4);border-radius:var(--radius-card);font-size:13.5px;line-height:1.65;border:1px solid}.grade p{margin:0 0 6px}.grade p:last-child{margin-bottom:0}.grade-head{font-family:var(--font-display);font-size:16px}.grade.is-pass{border-color:#6fbf8b80;background:#6fbf8b1a;color:#cfe9d8}.grade.is-fail{border-color:#e0836b73;background:#e0836b17;color:#f0d3c8}.footer{display:none}.footer p{margin:0;font-size:var(--text-caption);color:var(--text-tertiary)}@media(max-width:920px){.masthead{grid-template-columns:minmax(180px,1fr) auto auto auto;gap:var(--space-3)}.sound-picker__label,.mm-sync{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sound-picker{display:block}.fib-controls--solver{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr)}.fib-controls--solver>.mm-button{grid-column:1 / -1;justify-self:start}}@media(max-width:680px){.app{padding-inline:var(--space-3)}.masthead{grid-template-columns:minmax(0,1fr) auto auto}.sound-picker{grid-column:1 / -1;grid-row:2}.sound-picker__control{width:100%}.brand-tag{display:none}.fib-controls--solver{grid-template-columns:minmax(0,1fr);padding:var(--space-3)}.fib-controls--solver>.mm-button{grid-column:auto;width:100%}.manuscript-workspace__bar{align-items:stretch;flex-direction:column}.manuscript-workspace__bar .mm-button{width:100%}.build-feature.is-studio .manuscript-workspace__bar p:not(.eyebrow){display:none}.build-feature.is-studio .manuscript-workspace__bar{flex-direction:row;align-items:center;min-height:58px;padding-left:var(--space-3)}.build-feature.is-studio .manuscript-workspace__bar .mm-button{width:auto;flex:0 0 auto}.build-feature.is-studio .manuscript-workspace__identity{min-width:0}.build-feature.is-studio .manuscript-workspace__bar h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.doc-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1)}.doc-title input{background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--ink);font:inherit;font-size:var(--text-control);padding:var(--space-2) var(--space-3);min-width:180px;min-height:44px}.doc-title input:hover,.doc-title input:focus{background:var(--canvas);border-color:var(--border-strong)}@media(max-width:900px){.pad-toolbar{grid-template-columns:1fr}.pad-toolbar>.mm-toolbar{grid-row:auto;padding-right:0;padding-bottom:var(--space-2);border-right:0;border-bottom:1px solid var(--border-subtle)}}@media(max-width:620px){.feature{padding-inline:0}.pad-toolbar>.mm-toolbar{overflow-x:auto;flex-wrap:nowrap}.mm-tool-toggle__label{display:none}.write-setup .mm-segmented{width:100%;overflow-x:auto}.write-setup .mm-segmented__option{flex:1 0 auto}}.doc-title input:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.save-status{font-size:var(--text-caption);letter-spacing:.02em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);white-space:nowrap}.save-status.is-quiet{color:var(--text-tertiary)}.save-status.is-working{color:var(--brass)}.save-status.is-good{color:#8fbf9f}.save-status.is-bad{color:#e0928a;background:#e0928a1a}.restored-note{font-size:var(--text-caption);color:var(--ink-dim);padding:var(--space-2) var(--space-4);border-left:2px solid var(--brass);background:#d4a74f0f;border-radius:0 8px 8px 0}.my-work{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:#0e1620eb;padding:var(--space-4) var(--space-4);margin-bottom:16px}.my-work-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:10px}.my-work-head h3{margin:0;font-size:var(--text-control)}.my-work-actions{display:flex;gap:var(--space-2)}.my-work-undo{font-size:var(--text-caption);color:var(--ink-dim);margin:0 0 10px}.my-work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.my-work-list li{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}.my-work-list li.is-active{background:#d4a74f1a}.my-work-open{flex:1 1 200px;display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left;min-height:44px;padding:0}.my-work-open:focus-visible{outline:2px solid var(--brass-bright);outline-offset:3px;border-radius:var(--radius-control)}.my-work-title{font-size:var(--text-control)}.my-work-meta{font-size:var(--text-caption);color:var(--text-tertiary)}.my-work-row-actions{display:flex;gap:var(--space-1);flex-wrap:wrap}.my-work-rename input{background:#0c121cb3;border:1px solid var(--brass);border-radius:var(--radius-control);color:var(--ink);font:inherit;padding:var(--space-2) var(--space-3);min-height:44px}.backup-controls{display:flex;flex-direction:column;gap:var(--space-3)}.backup-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.backup-plan{border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);background:#d4a74f0f;display:flex;flex-direction:column;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.save-status{transition:none}}.sound-picker__label{font-size:var(--text-caption);color:var(--text-secondary)}.mm-launch{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--canvas);color:var(--accent);animation:mm-launch-out .26s ease-in .89s both;pointer-events:none}.mm-launch__mark{animation:mm-launch-ink .62s cubic-bezier(.22,.9,.25,1) both}.mm-launch__word{margin:0;font-family:var(--font-display);font-size:clamp(28px,5vw,40px);letter-spacing:.01em;color:var(--text-primary);animation:mm-launch-rise .46s cubic-bezier(.22,.9,.25,1) .28s both}.mm-launch__line{margin:0;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);animation:mm-launch-rise .46s cubic-bezier(.22,.9,.25,1) .43s both}@keyframes mm-launch-ink{0%{opacity:0;transform:translateY(10px) scale(.9);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes mm-launch-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mm-launch-out{to{opacity:0}}.mm-launch--still,.mm-launch--still .mm-launch__mark,.mm-launch--still .mm-launch__word,.mm-launch--still .mm-launch__line{animation:none}.mm-launch--still{animation:mm-launch-out .16s ease-in .26s both}@media(prefers-reduced-motion:reduce){.mm-launch,.mm-launch__mark,.mm-launch__word,.mm-launch__line{animation:none}.mm-launch{animation:mm-launch-out .16s ease-in .26s both}}.pitch-readout{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}.pitch-readout__note{padding:2px 8px;border-radius:var(--radius-control);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.legend-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.legend-controls .field input[type=search]{min-width:min(280px,100%)}.legend-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.legend-filters .mm-note-chip{min-height:var(--touch-min);min-width:var(--touch-min);padding-inline:var(--space-3)}.legend-controls .mm-segmented button{min-width:var(--touch-min)}.legend-count{margin:0;font-size:var(--text-caption);color:var(--text-tertiary)}.legend-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.legend-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--shadow-card)}.legend-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.legend-card__name{margin:0;font-family:var(--font-display);font-size:19px;font-weight:500}.legend-card__symbol{margin:0;font-size:14px;color:var(--brass);font-variant-numeric:tabular-nums}.legend-card__formula{margin:var(--space-1) 0;font-size:clamp(22px,3vw,28px);letter-spacing:.04em;color:var(--text-primary);font-variant-numeric:tabular-nums}.legend-card__blurb{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.5}.legend-card__example{margin:0;font-size:14px;color:var(--ink-dim)}.legend-card__notes{font-variant-numeric:tabular-nums;color:var(--text-primary)}.legend-card__voicing{margin:0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--border-strong);font-size:13px;line-height:1.5;color:var(--text-tertiary)}.legend-card__score{margin-top:var(--space-1)}.legend-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.pad-notice{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-primary);font-size:14px;pointer-events:none}