@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@500;600;700&family=Source+Serif+4:ital,wght@0,400;0,600;1,400;1,600&display=swap";:root{--bg-canvas:#070a0f;--bg-surface:#111827;--bg-raised:#1f2937;--ink-primary:#f9fafb;--ink-muted:#9ca3af;--accent-tonic:#34d399;--accent-dominant:#f4a261;--accent-subdominant:#38bdf8;--accent-minor:#fb923c;--status-warning:#fbbf24;--status-error:#fb7185;--ink-on-accent:#04110c;--ink-on-dominant:#1c0d02;--staff-ink-degree:#f97316;--staff-ink-diatonic:#38bdf8;--staff-ink-chromatic:#fb923c;--accent-tonic-ink:#34d399;--accent-subdominant-ink:#38bdf8;--accent-minor-ink:#fb923c;--status-warning-ink:#fbbf24;--font-ui:"Outfit", "Inter", system-ui, sans-serif;--font-quote:"Source Serif 4", Georgia, "Times New Roman", serif;--motion-fast:.12s;--motion-slow:.18s;--motion-ease:cubic-bezier(.4, 0, .2, 1);--sidebar-width:clamp(220px, 22vw, 280px)}:root[data-theme=light]{--ink-on-dominant:#fff;--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-raised:#eef1f6;--ink-primary:#111827;--ink-muted:#5b6472;--accent-tonic:#059669;--accent-dominant:#d97706;--accent-subdominant:#0284c7;--accent-minor:#c2410c;--status-warning:#b45309;--status-error:#be123c;--staff-ink-degree:#9a3412;--staff-ink-diatonic:#0369a1;--staff-ink-chromatic:#c2410c;--accent-tonic-ink:#065f46;--accent-subdominant-ink:#075985;--accent-minor-ink:#9a3412;--status-warning-ink:#92400e}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-slow:0s}}:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#070a0f;--border:#1f2937;--code-bg:#111827;--accent:#38bdf8;--accent-bg:#38bdf81a;--accent-border:#38bdf866;--social-bg:#1f293780;--shadow:#00000040 0 10px 15px -3px, #0000001a 0 4px 6px -2px;--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font-family:var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink-primary,#f9fafb);background:var(--bg-canvas,#070a0f);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(15px,1.8vw,18px);line-height:155%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--bg-canvas,#070a0f);margin:0}h1,h2,h3,h4{font-family:var(--heading);color:var(--ink-primary,#f9fafb);margin-top:0}h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;line-height:1.25}h2{letter-spacing:-.01em;margin-top:24px;margin-bottom:12px;font-size:clamp(1.35rem,3vw,1.55rem);font-weight:600;line-height:1.3}h3{margin-top:20px;margin-bottom:8px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;line-height:1.35}h4{color:var(--ink-muted,#9ca3af);margin-top:16px;margin-bottom:8px;font-size:1rem;font-weight:600;line-height:1.4}p{color:var(--ink-muted);margin-top:0;margin-bottom:14px;line-height:1.55}p:last-child{margin-bottom:0}code,.counter{font-family:var(--mono);color:var(--ink-primary,#f9fafb);border-radius:4px;display:inline-flex}code{background:var(--bg-raised,#1f2937);border:1px solid var(--border,#2e303a);padding:3px 6px;font-size:.9em;line-height:1.35}svg text{paint-order:fill;stroke:none!important}::-webkit-scrollbar:horizontal{background:0 0;height:0}.logo-mark{flex-shrink:0;display:block;overflow:visible}.logo-mark__curve{fill:none;stroke:var(--accent-tonic,#059669);stroke-linecap:round}.ask-modal__dialog{width:min(580px,100vw - 24px);max-height:88dvh;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--ink-muted);font-family:var(--font-ui);border-radius:12px;padding:0}.ask-modal__dialog::backdrop{background:color-mix(in srgb, var(--bg-canvas) 75%, transparent)}.ask-modal__dialog h2{margin:0;font-size:1.2rem}.ask-modal__dialog p{white-space:pre-wrap}.teacher-help{z-index:100;background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--accent-subdominant);font-family:var(--font-ui);cursor:pointer;box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 15%, transparent), 0 6px 24px color-mix(in srgb, var(--bg-canvas) 70%, transparent);transition:all var(--motion-fast) var(--motion-ease);border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:flex;position:fixed;bottom:20px;right:20px}.teacher-help:focus-visible,.ask-modal__dialog :focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}@media (width<=600px){.teacher-help{padding:10px 14px;font-size:.82rem;bottom:12px;right:12px}}.ask-modal__backdrop{background:color-mix(in srgb, var(--bg-canvas) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ask-modal__container{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 10%, transparent);width:100%;max-width:580px;max-height:90vh;box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 15%, transparent), 0 20px 48px color-mix(in srgb, var(--bg-canvas) 70%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ask-modal__header{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ask-modal__title-wrap{align-items:center;gap:10px;display:flex}.ask-modal__icon{color:var(--accent-subdominant-ink)}.ask-modal__title{font-family:var(--font-ui);color:var(--ink-primary);margin:0;font-size:1.15rem;font-weight:700}.ask-modal__close-btn{border:1px solid var(--bg-raised);color:var(--ink-muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.ask-modal__close-btn:hover{background:var(--bg-raised);color:var(--ink-primary)}.ask-modal__nav{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;gap:8px;padding:12px 24px 0;display:flex}.ask-modal__tab{color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:.9rem;font-weight:600}.ask-modal__tab:hover{color:var(--ink-primary)}.ask-modal__tab--active{color:var(--accent-tonic-ink);border-bottom-color:var(--accent-tonic-ink)}.ask-modal__body{flex:1;padding:24px;overflow-y:auto}.ask-modal__form{flex-direction:column;gap:16px;display:flex}.ask-modal__lesson-badge{background:var(--bg-raised);border:1px solid var(--bg-raised);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:inline-flex}.ask-modal__lesson-label{color:var(--ink-muted)}.ask-modal__lesson-name{color:var(--accent-tonic-ink);font-weight:600}.ask-modal__alert{border-radius:8px;padding:12px 14px;font-size:.88rem;line-height:1.4}.ask-modal__alert--success{background:color-mix(in srgb, var(--accent-tonic) 15%, transparent);border:1px solid var(--accent-tonic);color:var(--accent-tonic-ink)}.ask-modal__alert--error{background:color-mix(in srgb, var(--status-error) 15%, transparent);border:1px solid var(--status-error);color:var(--status-error)}.ask-modal__field{flex-direction:column;gap:6px;display:flex}.ask-modal__label{color:var(--ink-primary);font-size:.85rem;font-weight:600}.ask-modal__input,.ask-modal__textarea{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:8px;padding:10px 14px;font-size:.92rem}.ask-modal__input:focus,.ask-modal__textarea:focus{border-color:var(--accent-subdominant-ink);outline:none}.ask-modal__actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.ask-modal__btn-secondary{border:1px solid var(--bg-raised);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600}.ask-modal__btn-secondary:hover{background:var(--bg-raised);color:var(--ink-primary)}.ask-modal__btn-primary{background:var(--accent-tonic);border:1px solid var(--accent-tonic);color:var(--ink-on-accent);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border-radius:8px;padding:8px 18px;font-size:.88rem;font-weight:700}.ask-modal__btn-primary:disabled{opacity:.5;cursor:not-allowed}.ask-modal__btn-primary:not(:disabled):hover{opacity:.9}.ask-modal__list-wrap{flex-direction:column;gap:14px;display:flex}.ask-modal__empty{text-align:center;color:var(--ink-muted);padding:32px 16px;font-size:.9rem;line-height:1.5}.ask-modal__items{flex-direction:column;gap:12px;display:flex}.ask-modal__card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;padding:14px}.ask-modal__card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ask-modal__status-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:700}.ask-modal__status-tag--pending{background:var(--bg-raised);color:var(--ink-muted)}.ask-modal__status-tag--answered{background:color-mix(in srgb, var(--accent-tonic) 20%, transparent);color:var(--accent-tonic-ink);border:1px solid var(--accent-tonic)}.ask-modal__card-lesson{color:var(--accent-subdominant-ink);font-size:.78rem}.ask-modal__card-date{color:var(--ink-muted);margin-left:auto;font-size:.75rem}.ask-modal__card-title{font-family:var(--font-ui);color:var(--ink-primary);margin:0 0 6px;font-size:.95rem;font-weight:700}.ask-modal__card-question{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.45}.ask-modal__card-answer{background:var(--bg-surface);border-left:3px solid var(--accent-tonic);border-radius:0 6px 6px 0;margin-top:12px;padding:10px 14px}.ask-modal__answer-author{color:var(--accent-tonic-ink);margin-bottom:4px;font-size:.78rem;font-weight:700}.ask-modal__answer-text{color:var(--ink-primary);margin:0;font-size:.88rem;line-height:1.4}.landscape-hint{background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);color:var(--ink-primary);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:.86rem;line-height:1.4;display:none}.landscape-hint svg{color:var(--accent-subdominant);flex-shrink:0}.landscape-hint span{flex:1}.landscape-hint__dismiss{width:32px;height:32px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.landscape-hint__dismiss:hover{background:var(--bg-raised);color:var(--ink-primary)}.landscape-hint__dismiss:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}@media (width<=768px) and (orientation:portrait){.landscape-hint{display:flex}}.shiny-text{color:var(--ink-muted);background:linear-gradient(120deg, #fff0 40%, var(--ink-primary) 50%, #fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:linear infinite shine;display:inline-block}.shiny-text.disabled{animation:none}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.dot-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dot-field--viewport{position:fixed;inset:auto}.dot-field canvas{width:100%;height:100%;display:block}.dot-field__glow{background:radial-gradient(circle, var(--card-accent,var(--prologo-accent)) 0%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;transform:translate(-50%,-50%)}.dock-bar{background:color-mix(in srgb, var(--bg-surface) 80%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-raised);border-radius:24px;align-items:flex-end;gap:12px;padding:10px 16px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 8px 32px -4px #00000059}:root[data-theme=light] .dock-bar{box-shadow:inset 0 1px #fffc,0 4px 20px -2px #00000014}.dock-item-link{align-items:flex-end;text-decoration:none;display:flex;position:relative}.dock-icon-wrapper{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border:1px solid var(--bg-raised);color:var(--ink-primary);transition:border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0003}.dock-item-link:hover .dock-icon-wrapper{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 22%, var(--bg-surface));color:var(--ink-primary)}.dock-icon-wrapper.is-pending{opacity:.55;cursor:default}.dock-icon-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dock-label-tooltip{white-space:nowrap;color:var(--ink-primary);background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--ink-muted) 30%, transparent);pointer-events:none;border-radius:8px;padding:4px 10px;font-size:.76rem;font-weight:700;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.animated-logo{--logo-cycle:4.6s;width:100%;height:100%;overflow:visible}.animated-logo__staff-line{stroke:var(--accent-tonic,#059669);stroke-width:.7px;opacity:0;stroke-dasharray:92;stroke-dashoffset:92px;animation:animatedLogoLineCycle var(--logo-cycle) linear infinite;animation-delay:var(--line-delay,0s)}.animated-logo__melody{fill:none;stroke:var(--accent-tonic,#059669);stroke-width:4.2px;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500px;animation:animatedLogoMelodyCycle var(--logo-cycle) linear .35s infinite}.animated-logo__square-path{fill:none;stroke:var(--accent-tonic,#059669);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220px;animation:animatedLogoSquareCycle var(--logo-cycle) linear infinite;animation-delay:var(--square-delay,.1s)}@keyframes animatedLogoLineCycle{0%{opacity:0;stroke-dashoffset:92px;animation-timing-function:ease}10.9%{opacity:.6;stroke-dashoffset:0;animation-timing-function:linear}76.1%{opacity:.6;stroke-dashoffset:0;animation-timing-function:ease-in}89.1%,to{opacity:0;stroke-dashoffset:92px}}@keyframes animatedLogoMelodyCycle{0%{stroke-dashoffset:500px;animation-timing-function:ease-out}23.9%{stroke-dashoffset:0;animation-timing-function:linear}76.1%{stroke-dashoffset:0;animation-timing-function:ease-in}89.1%,to{stroke-dashoffset:500px}}@keyframes animatedLogoSquareCycle{0%{stroke-dashoffset:220px;animation-timing-function:ease-out}17.4%{stroke-dashoffset:0;animation-timing-function:linear}76.1%{stroke-dashoffset:0;animation-timing-function:ease-in}89.1%,to{stroke-dashoffset:220px}}@media (prefers-reduced-motion:reduce){.animated-logo__staff-line,.animated-logo__melody,.animated-logo__square-path{stroke-dashoffset:0;animation:none}.animated-logo__staff-line{opacity:.6}}.ad-slot{background:var(--bg-surface);border:1px dashed var(--bg-raised);box-sizing:border-box;width:100%;transition:border-color var(--motion-fast) var(--motion-ease);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:28px 0;display:flex;position:relative;overflow:hidden}.ad-slot--horizontal{max-width:960px;margin-left:auto;margin-right:auto}.ad-slot--rectangle{max-width:380px;margin-left:auto;margin-right:auto}.ad-slot--banner{max-width:100%}.ad-slot--sidebar{max-width:100%;margin:0}.ad-slot__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);background:var(--bg-raised);border-bottom-right-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.65rem;font-weight:700}.ad-slot__placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;padding:16px;display:flex}.ad-slot__title{letter-spacing:.04em;color:var(--ink-muted);margin:0;font-size:.8rem;font-weight:600}.ad-slot__caption{color:var(--ink-muted);opacity:.75;margin:0;font-size:.72rem}.landing{overscroll-behavior:contain;background:var(--bg-canvas);height:100%;color:var(--ink-primary);position:relative;overflow-y:auto}.landing-global-waves{z-index:0;pointer-events:none;opacity:.42;position:fixed;inset:0}.landing__bar{z-index:10;background:var(--bg-canvas);border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,5vw,56px);display:flex;position:sticky;top:0}.landing__brand{color:var(--ink-primary);align-items:center;gap:9px;display:inline-flex}.landing__brand-name{letter-spacing:.08em;font-size:1rem;font-weight:800}.landing__bar-actions{align-items:center;gap:10px;display:flex}.landing__theme-btn{border:1px solid var(--bg-raised);width:34px;height:34px;color:var(--ink-muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background:0 0;border-radius:9px;place-items:center;display:grid}.landing__theme-btn:hover{color:var(--ink-primary);border-color:var(--ink-muted)}.landing__bar-cta{background:var(--accent-tonic);color:var(--ink-on-accent);border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:700;text-decoration:none}.landing__bar-cta:hover{filter:brightness(1.08)}.landing__bar-cta:focus-visible,.landing__theme-btn:focus-visible{outline:2px solid var(--accent-tonic);outline-offset:2px}.landing__main{flex-direction:column;gap:clamp(56px,8vw,96px);max-width:1160px;margin:0 auto;padding:0 clamp(16px,5vw,56px) 64px;display:flex}.landing-hero{text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding-top:clamp(32px,6vw,64px);padding-bottom:clamp(24px,4vw,40px);display:flex;position:relative;overflow:hidden}.landing-hero__waves-bg{z-index:0;pointer-events:none;opacity:.55;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 90%);mask-image:radial-gradient(circle,#000 40%,#0000 90%)}.landing-hero__logo,.landing-hero__title,.landing-hero__tagline,.landing-hero__lead,.landing-hero__actions{z-index:1;position:relative}.landing-hero__logo{background:radial-gradient(circle, color-mix(in srgb, var(--accent-tonic) 18%, transparent) 0%, transparent 70%);border-radius:50%;justify-content:center;align-items:center;width:clamp(150px,26vw,220px);height:clamp(150px,26vw,220px);display:inline-flex}.landing-hero__logo svg{width:68%;height:68%}.landing-hero__title{letter-spacing:.02em;margin:8px 0 0;font-size:clamp(2.5rem,7vw,4.25rem);font-weight:800;line-height:1.05}.landing-hero__tagline{background:linear-gradient(100deg, var(--accent-tonic), var(--accent-dominant) 55%, var(--accent-subdominant));color:#0000;-webkit-background-clip:text;background-clip:text;max-width:24ch;margin:14px 0 0;font-size:clamp(1.15rem,2.6vw,1.6rem);font-weight:600;line-height:1.35}:root[data-theme=light] .landing-hero__tagline{background:linear-gradient(100deg, #047857, var(--accent-dominant) 55%, #0369a1);-webkit-background-clip:text;background-clip:text}.landing-hero__lead{max-width:58ch;color:var(--ink-muted);margin:18px 0 0;font-size:1.05rem;line-height:1.7}.landing-hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.landing-btn{transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border-radius:999px;align-items:center;gap:6px;padding:12px 24px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.landing-btn:hover{transform:translateY(-1px)}.landing-btn:focus-visible{outline:2px solid var(--accent-tonic);outline-offset:3px}.landing-btn--primary{background:var(--accent-tonic);color:var(--ink-on-accent)}.landing-btn--primary:hover{filter:brightness(1.08)}.landing-btn--ghost{border:1px solid var(--bg-raised);color:var(--ink-primary);background:0 0}.landing-btn--ghost:hover{border-color:var(--ink-muted)}.landing-section__title{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3.2vw,2rem);font-weight:800}.landing-section__lead{max-width:72ch;color:var(--ink-muted);margin:12px 0 0;font-size:1.02rem;line-height:1.7}.landing-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.landing-course{aspect-ratio:3/4;background:var(--bg-surface);border:1px solid var(--bg-raised);border-top:3px solid var(--card-accent);min-height:430px;box-shadow:0 2px 8px -2px color-mix(in srgb, var(--bg-canvas) 70%, transparent);perspective:1100px;transition:transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:16px;position:relative}.landing-course__rotor{border-radius:inherit;transform-style:preserve-3d;position:absolute;inset:0}.landing-course__face{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.landing-course__face[aria-hidden=true]{pointer-events:none}.landing-course__face--front{background:var(--bg-surface)}.landing-course__image{object-fit:cover;width:100%;height:100%;display:block}.landing-course__front-copy{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg-canvas) 92%, transparent) 66%, var(--bg-canvas));pointer-events:none;flex-direction:column;gap:10px;padding:80px 24px 24px;display:flex;position:absolute;inset:auto 0 0}.landing-course__front-trigger{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.landing-course__front-trigger:focus-visible{outline:3px solid var(--card-accent);outline-offset:-4px;border-radius:inherit}.landing-course__face--back{box-sizing:border-box;background:var(--bg-surface);color:var(--ink-primary);flex-direction:column;gap:12px;padding:24px;display:flex;transform:rotateY(180deg)}.landing-course__face--back>:not(.dot-field){z-index:1;position:relative}.landing-course[data-accent=tonic]{--card-accent:var(--accent-tonic)}.landing-course[data-accent=dominant]{--card-accent:var(--accent-dominant)}.landing-course[data-accent=subdominant]{--card-accent:var(--accent-subdominant)}.landing-course:hover{border-color:var(--card-accent);box-shadow:0 6px 20px -4px color-mix(in srgb, var(--bg-canvas) 75%, transparent);transform:translateY(-2px)}.landing-course__eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-primary);font-size:.78rem;font-weight:800}.landing-course__title{color:var(--ink-primary);margin:0;font-size:1.18rem;font-weight:700}.landing-course__flip-hint{color:var(--ink-primary);align-items:center;gap:5px;font-size:.86rem;font-weight:700;display:inline-flex}.landing-course__text{min-height:0;color:var(--ink-muted);flex:1;margin:0;font-size:.93rem;line-height:1.6;overflow-y:auto}.landing-course__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.landing-course__return{color:var(--ink-muted);font:600 .86rem var(--font-ui);cursor:pointer;background:0 0;border:0;padding:8px 0}.landing-course__return:hover{color:var(--ink-primary)}.landing-course__access{border:1px solid var(--card-accent);width:fit-content;color:var(--ink-primary);transition:gap var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.landing-course__access:hover{background:color-mix(in srgb, var(--card-accent) 12%, var(--bg-surface));gap:8px}.landing-course__access:focus-visible,.landing-course__return:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}.landing-membership{border:1px solid color-mix(in srgb, var(--accent-tonic) 30%, var(--bg-raised));background:color-mix(in srgb, var(--accent-tonic) 6%, var(--bg-surface));border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(18px,2.5vw,24px) clamp(20px,3.5vw,32px);display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 10px -2px #00000040}:root[data-theme=light] .landing-membership{box-shadow:inset 0 1px #fffc,0 2px 8px -2px #0000000d}.landing-membership__content{flex:1;min-width:260px;max-width:64ch}.landing-membership__eyebrow{color:var(--accent-tonic-ink);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800;display:block}.landing-membership__title{color:var(--ink-primary);margin:4px 0 0;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:800}.landing-membership__lead{color:var(--ink-muted);margin:6px 0 0;font-size:.92rem;line-height:1.55}.landing-membership__cta{flex-shrink:0}.landing-support{border:1px solid color-mix(in srgb, var(--accent-dominant) 28%, var(--bg-raised));background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface));border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(18px,2.5vw,24px) clamp(20px,3.5vw,32px);display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 10px -2px #00000040}:root[data-theme=light] .landing-support{box-shadow:inset 0 1px #fffc,0 2px 8px -2px #0000000d}.landing-support__content{flex:1;min-width:240px;max-width:58ch}.landing-support__eyebrow{color:var(--accent-dominant);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800;display:block}.landing-support__title{color:var(--ink-primary);margin:4px 0 0;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:800}.landing-support__lead{color:var(--ink-muted);margin:6px 0 0;font-size:.92rem;line-height:1.55}.landing-support__dock-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.landing-capability{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:22px}.landing-capability__icon{width:2.4rem;height:2.4rem;color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 14%, transparent);border-radius:10px;place-items:center;display:grid}.landing-capability__title{margin:14px 0 6px;font-size:1.02rem;font-weight:700}.landing-capability__text{color:var(--ink-muted);margin:0;font-size:.91rem;line-height:1.6}.landing-cta{text-align:center;background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-tonic) 22%, transparent);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:clamp(32px,5vw,52px) 24px;display:flex}.landing-cta__title{margin:0;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:800}.landing-cta__text{max-width:56ch;color:var(--ink-muted);margin:0;font-size:1rem;line-height:1.65}.landing__footer{border-top:1px solid var(--bg-raised);text-align:center;padding-top:28px}.landing__dedication{max-width:60ch;color:var(--ink-muted);margin:0 auto;font-size:.95rem;font-style:italic;line-height:1.6}.landing__dedication span{color:var(--ink-muted);font-size:.82rem;font-style:normal}.landing__credit{color:var(--ink-muted);margin:16px 0 0;font-size:.82rem}@media (width<=900px){.landing-courses,.landing-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.landing-courses,.landing-capabilities{grid-template-columns:minmax(0,1fr)}.landing-course{min-height:520px}.landing-membership,.landing-support{padding:20px 18px}.landing-membership__cta,.landing-support__dock-wrapper,.landing-hero__actions .landing-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.landing-btn:hover,.landing-course:hover{transform:none}}.home-page{flex-direction:column;gap:40px;max-width:1080px;margin:0 auto;display:flex}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:8px;display:flex}.home-hero__logo{background:radial-gradient(circle, color-mix(in srgb, var(--accent-tonic) 18%, transparent) 0%, transparent 70%);border-radius:50%;justify-content:center;align-items:center;width:clamp(150px,30vw,210px);height:clamp(150px,30vw,210px);margin-bottom:4px;display:inline-flex}.home-hero__logo svg{width:68%;height:68%}.home-hero__greeting{color:var(--ink-primary);opacity:0;animation:homeGreetingIn .7s var(--motion-ease,ease) 1.3s forwards;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;transform:translateY(12px)}@keyframes homeGreetingIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.home-hero__greeting{opacity:1;animation:none;transform:none}}.home-intro{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.home-intro__title{letter-spacing:.02em;color:var(--ink-primary);margin:0;font-size:clamp(2rem,4vw,2.75rem)}.home-intro__lead{max-width:68ch;color:var(--ink-muted);margin:0;font-size:1.05rem;line-height:1.65}.home-pillars{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.home-pillars{grid-template-columns:1fr}}.pillar-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top:3px solid var(--card-accent,var(--accent-tonic));transition:transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:14px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pillar-card>:not(.dot-field){z-index:1;position:relative}.pillar-card[data-accent=tonic]{--card-accent:var(--accent-tonic)}.pillar-card[data-accent=dominant]{--card-accent:var(--accent-dominant)}.pillar-card[data-accent=subdominant]{--card-accent:var(--accent-subdominant)}.pillar-card:hover{border-color:var(--card-accent);transform:translateY(-2px)}.pillar-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}.pillar-card__badge{letter-spacing:.02em;color:var(--ink-muted);background:var(--bg-raised);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.72rem;font-weight:600}.pillar-card__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent,var(--accent-tonic));font-size:.8rem;font-weight:700}.pillar-card__title{color:var(--ink-primary);margin:0;font-size:1.25rem}.pillar-card__description{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.home-page__lab-link{color:var(--ink-muted);align-self:center;font-size:.9rem;text-decoration:underline}@media (pointer:coarse){.pillar-card{padding:20px}}.home-dedication{border-top:1px solid var(--bg-raised);text-align:center;padding-top:24px}.home-dedication__text{max-width:60ch;color:var(--ink-muted);margin:0 auto;font-size:.95rem;font-style:italic;line-height:1.6}.prologo-audio-intro{background:color-mix(in srgb, var(--prologo-accent,#38bdf8) 8%, var(--bg-surface,#111827));border:1px solid color-mix(in srgb, var(--prologo-accent,#38bdf8) 25%, transparent);width:fit-content;max-width:100%;transition:all var(--motion-fast,.12s) ease;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:inline-flex;box-shadow:0 2px 10px -2px #0003}.prologo-audio-intro:hover{border-color:color-mix(in srgb, var(--prologo-accent,#38bdf8) 45%, transparent);background:color-mix(in srgb, var(--prologo-accent,#38bdf8) 12%, var(--bg-surface,#111827))}.prologo-audio-intro__btn{background:var(--prologo-accent,#38bdf8);width:28px;height:28px;color:var(--bg-canvas,#070a0f);cursor:pointer;transition:transform var(--motion-fast,.12s) ease, filter var(--motion-fast,.12s) ease;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.prologo-audio-intro__btn:hover{filter:brightness(1.1);transform:scale(1.08)}.prologo-audio-intro__info{align-items:center;gap:8px;display:flex}.prologo-audio-intro__title{font-family:var(--sans);color:var(--ink-primary,#f9fafb);letter-spacing:.01em;font-size:.82rem;font-weight:600}.prologo-audio-intro__wave{align-items:center;gap:2px;height:12px;display:flex}.wave-bar{background:var(--prologo-accent,#38bdf8);border-radius:1px;width:2.5px;height:4px;transition:height .15s}.prologo-audio-intro.is-playing .bar-1{animation:.8s ease-in-out infinite alternate waveAnim}.prologo-audio-intro.is-playing .bar-2{animation:.7s ease-in-out .2s infinite alternate waveAnim}.prologo-audio-intro.is-playing .bar-3{animation:.9s ease-in-out .4s infinite alternate waveAnim}.prologo-audio-intro.is-playing .bar-4{animation:.65s ease-in-out .1s infinite alternate waveAnim}@keyframes waveAnim{0%{height:3px}to{height:12px}}.prologo-audio-intro__time{font-family:var(--mono);color:var(--ink-muted,#9ca3af);margin-left:2px;font-size:.74rem}.prologo-audio-intro__mute{color:var(--ink-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;margin-left:4px;padding:4px;display:grid}.prologo-audio-intro__mute:hover{color:var(--ink-primary,#f9fafb)}.prologo-audio-intro--pending{border-style:dashed;border-color:color-mix(in srgb, var(--prologo-accent,#38bdf8) 25%, transparent);color:var(--ink-muted,#9ca3af);padding:5px 12px;font-size:.8rem}.prologo-audio-intro__dot{background:var(--prologo-accent,#38bdf8);opacity:.7;border-radius:50%;width:6px;height:6px}.prologo-audio-intro__label{font-size:.8rem}.prologo-audio-intro__retry{border:1px solid var(--card-border,#1f2937);color:var(--prologo-accent,#38bdf8);cursor:pointer;background:0 0;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.72rem;transition:all .15s}.prologo-audio-intro__retry:hover{background:color-mix(in srgb, var(--prologo-accent,#38bdf8) 15%, transparent)}.prologo-audio-intro__btn--pulse{animation:1.8s ease-in-out infinite audioBtnPulse}@keyframes audioBtnPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--prologo-accent,#38bdf8) 50%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--prologo-accent,#38bdf8) 0%, transparent);transform:scale(1.06)}}.prologo-page{width:100%;color:var(--ink-primary);--prologo-accent:var(--accent-dominant);flex-direction:column;gap:32px;display:flex}.prologo-page[data-section=armonia-1]{--prologo-accent:var(--accent-tonic)}.prologo-page[data-section=armonia-2]{--prologo-accent:var(--accent-subdominant)}.prologo-page[data-section=armonia-3]{--prologo-accent:var(--accent-dominant)}.prologo-page__header{flex-direction:column;gap:12px;display:flex}.prologo-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--prologo-accent);background:color-mix(in srgb, var(--prologo-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--prologo-accent) 20%, transparent);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.prologo-page__title{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.prologo-page__lead{color:var(--ink-muted);margin:0;font-size:1.15rem;line-height:1.65}.prologo-epigraph{background:color-mix(in srgb, var(--prologo-accent) 6%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--prologo-accent) 22%, transparent);border-left:4px solid var(--prologo-accent);border-radius:12px;margin:.5rem 0 1rem;padding:1.75rem 2rem;position:relative;box-shadow:0 4px 20px -2px #00000026}.prologo-epigraph__quote{color:var(--ink-primary);margin:0 0 .85rem;font-family:Georgia,Cambria,Times New Roman,serif;font-size:clamp(1.1rem,2.2vw,1.25rem);font-style:italic;line-height:1.65}.prologo-epigraph__author{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:.6rem;font-size:.84rem;font-weight:600;display:flex}.prologo-epigraph__author:before{content:"—";color:var(--prologo-accent);font-weight:700}.prologo-letter{flex-direction:column;gap:1.1rem;display:flex}.prologo-salutation{color:var(--prologo-accent);margin-bottom:.4rem;font-size:1.2rem;font-weight:700;display:block}.prologo-dropcap{float:left;color:var(--prologo-accent);text-shadow:0 2px 10px color-mix(in srgb, var(--prologo-accent) 25%, transparent);margin-top:.15rem;margin-right:.65rem;padding:.05rem .15rem 0 0;font-family:Georgia,Cambria,Times New Roman,serif;font-size:3.6rem;font-weight:700;line-height:.82}.prologo-ps{background:color-mix(in srgb, var(--status-warning,#fbbf24) 8%, var(--bg-surface));border:1px dashed color-mix(in srgb, var(--status-warning,#fbbf24) 35%, transparent);border-radius:12px;margin-top:1.25rem;padding:1.15rem 1.4rem;position:relative}.prologo-ps__label{font-family:var(--heading);text-transform:uppercase;letter-spacing:.08em;color:var(--status-warning,#fbbf24);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:flex}.prologo-ps__text{color:var(--ink-primary);margin:0;font-family:Caveat,cursive,Georgia,serif;font-size:1.25rem;line-height:1.45}.prologo-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:16px;padding:1.75rem 2rem}.prologo-card__title{color:var(--prologo-accent);align-items:center;gap:.6rem;margin:0 0 .85rem;font-size:1.25rem;font-weight:700;display:flex}.prologo-card__text{color:var(--ink-primary);margin:0 0 1rem;font-size:1rem;line-height:1.7}.prologo-card__text:last-child{margin-bottom:0}.prologo-possibilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.prologo-possibility{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;align-items:flex-start;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.prologo-possibility__icon{width:2.5rem;height:2.5rem;color:var(--prologo-accent);background:color-mix(in srgb, var(--prologo-accent) 14%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.prologo-possibility__icon[data-tone=tonic]{color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 14%, transparent)}.prologo-possibility__icon[data-tone=subdominant]{color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 14%, transparent)}.prologo-possibility__icon[data-tone=dominant]{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, transparent)}.prologo-possibility__icon[data-tone=minor]{color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 14%, transparent)}.prologo-possibility__body{min-width:0}.prologo-possibility__title{margin:0 0 .25rem;font-size:1rem;font-weight:700}.prologo-possibility__text{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.prologo-card--bridge{background:color-mix(in srgb, var(--prologo-accent) 6%, var(--bg-surface));border-color:color-mix(in srgb, var(--prologo-accent) 22%, transparent)}.prologo-bridges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.prologo-bridge{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-inline-start:3px solid color-mix(in srgb, var(--prologo-accent) 55%, transparent);border-radius:12px;padding:1rem 1.15rem}.prologo-bridge__link{color:var(--prologo-accent);margin-bottom:.35rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.prologo-bridge__link:hover{text-decoration:underline}.prologo-bridge__text{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.prologo-roadmap{grid-template-columns:minmax(0,1fr);gap:.85rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.prologo-stop{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;align-items:flex-start;gap:1.15rem;padding:1.1rem 1.25rem;display:flex}.prologo-stop__num{width:2.25rem;height:2.25rem;color:var(--bg-canvas);background:var(--prologo-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.prologo-stop__body{min-width:0}.prologo-stop__group{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.74rem;font-weight:700;display:block}.prologo-stop__title{margin:.15rem 0 .35rem;font-size:1.05rem;font-weight:700}.prologo-stop__text{color:var(--ink-muted);margin:0 0 .6rem;font-size:.93rem;line-height:1.6}.prologo-stop__link{color:var(--prologo-accent);font-size:.88rem;font-weight:600;text-decoration:none}.prologo-stop__link:hover{text-decoration:underline}.prologo-page__footer-cta{justify-content:center;padding-bottom:1rem;display:flex}.prologo-page__cta,.prologo-page__footer-cta .btn-play{text-decoration:none}@media (width<=1100px){.prologo-possibilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.prologo-possibilities,.prologo-bridges{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.prologo-card{padding:1.35rem 1.15rem}.prologo-stop,.prologo-possibility{flex-direction:column;gap:.75rem}}.brief-page{--brief-accent:var(--accent-dominant);width:100%;color:var(--ink-primary);flex-direction:column;gap:24px;display:flex}.brief-page[data-section=armonia-2]{--brief-accent:var(--accent-dominant)}.brief-page[data-section=armonia-3]{--brief-accent:var(--accent-subdominant)}.brief-page__header{flex-direction:column;gap:12px;display:flex}.brief-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--brief-accent);background:color-mix(in srgb, var(--brief-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--brief-accent) 20%, transparent);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.brief-page__title{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.brief-page__summary{color:var(--ink-muted);margin:0;font-size:1.1rem;line-height:1.65}.brief-page__pending{background:color-mix(in srgb, var(--brief-accent) 6%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--brief-accent) 22%, transparent);border-radius:16px;padding:1.5rem 1.75rem}.brief-page__pending-title{color:var(--brief-accent);align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:1.1rem;font-weight:700;display:flex}.brief-page__pending-text{margin:0;font-size:.98rem;line-height:1.7}.brief-page__source{color:var(--ink-muted);margin:.85rem 0 0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.82rem}.brief-page__assumes{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:16px;padding:1.5rem 1.75rem}.brief-page__assumes-title{margin:0 0 .75rem;font-size:1rem;font-weight:700}.brief-page__assumes-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.brief-page__assumes-list a{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--accent-subdominant);border-radius:999px;padding:.4rem .8rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.brief-page__assumes-list a:hover{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent)}.brief-page__nav{justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.brief-page__nav-link{color:var(--brief-accent);align-items:center;gap:.35rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.brief-page__nav-link:hover{text-decoration:underline}.brief-page__nav-link--next{margin-inline-start:auto}@media (width<=640px){.brief-page__pending,.brief-page__assumes{padding:1.25rem 1.15rem}}.key-selector{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px;display:flex}.key-selector__field{font-family:var(--font-ui);flex-direction:column;gap:4px;display:flex}.key-selector__field label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.key-selector__field select{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary);font-family:var(--font-ui);border-radius:8px;min-width:88px;padding:8px 10px;font-size:.9rem}.key-selector__field select:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.key-selector__history{gap:8px;margin-left:auto;display:flex}.key-selector__history-button{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border-radius:8px;padding:8px 14px;font-size:.85rem}.key-selector__history-button:disabled{opacity:.4;cursor:not-allowed}.key-selector__history-button:not(:disabled):hover{border-color:var(--accent-subdominant)}.key-selector__history-button:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.key-selector__actions{border-top:1px solid var(--bg-raised);flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding-top:12px;display:flex}.key-selector__action-button{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600}.key-selector__action-button:not(.key-selector__action-button--danger):not(.key-selector__action-button--primary):hover{filter:brightness(1.2)}.key-selector__action-button:disabled{opacity:.5;cursor:not-allowed}.key-selector__action-button--danger{border-color:var(--status-error);color:var(--status-error);background:0 0}.key-selector__action-button--danger:not(:disabled):hover{background:color-mix(in srgb, var(--status-error) 12%, transparent)}.key-selector__action-button--primary{background:var(--accent-dominant);border-color:var(--accent-dominant);color:#0d0620}.key-selector__action-button--primary:not(:disabled):hover{filter:brightness(1.08)}.key-selector__action-button:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.key-selector__action-error{color:var(--status-error);width:100%;margin:0;font-size:.85rem}:root{--ea-active-color:#3b82f6;--ea-target-color:#10b981;--ea-arrow-default:#94a3b859;--ea-bracket-color:var(--ink-muted)}.esquema-interactive{background:var(--bg-surface,#fff);border:1px solid var(--bg-raised,#e2e8f0);box-sizing:border-box;border-radius:14px;width:100%;padding:10px;position:relative;box-shadow:0 10px 30px #0000000a}.esquema-interactive__badge{background:var(--bg-canvas,#f8fafc);border:1px solid var(--bg-raised,#e2e8f0);color:var(--ink-muted,#64748b);z-index:10;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500;position:absolute;top:14px;right:18px}.esquema-interactive__scroll{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;padding:10px 0;display:flex;overflow:auto visible}.esquema-flow{justify-content:center;align-items:center;gap:calc(32px * var(--esquema-scale,1));padding:calc(85px * var(--esquema-scale,1)) calc(50px * var(--esquema-scale,1));-webkit-user-select:none;user-select:none;width:max-content;display:flex;position:relative}.esquema-flow__svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.esquema-flow__arrow-path{fill:none;stroke:var(--ink-muted,#94a3b8);stroke-width:1.75px;opacity:.22;transition:stroke .25s,stroke-width .25s,opacity .25s}.esquema-flow__arrow-path--dashed{stroke-dasharray:5 5}.esquema-flow__arrow-path.is-active{opacity:1!important;stroke:var(--ea-target-color)!important;stroke-width:3px!important}.esquema-flow__arrow-path.is-dimmed{opacity:.04!important}.esquema-col{justify-content:center;align-items:center;gap:calc(24px * var(--esquema-scale,1));z-index:2;flex-direction:column;display:flex}.esquema-bracket{justify-content:center;align-items:center;gap:calc(24px * var(--esquema-scale,1));padding:calc(18px * var(--esquema-scale,1)) calc(16px * var(--esquema-scale,1));flex-direction:column;display:flex;position:relative}.esquema-bracket:before{content:"";width:calc(8px * var(--esquema-scale,1));border:2px solid var(--ea-bracket-color);pointer-events:none;border-right:none;border-radius:4px 0 0 4px;position:absolute;top:0;bottom:0;left:0}.esquema-bracket:after{content:"";width:calc(8px * var(--esquema-scale,1));border:2px solid var(--ea-bracket-color);pointer-events:none;border-left:none;border-radius:0 4px 4px 0;position:absolute;top:0;bottom:0;right:0}.esquema-flow__step-arrow{font-size:calc(22px * var(--esquema-scale,1));color:var(--ink-muted,#94a3b8);-webkit-user-select:none;user-select:none;z-index:2;opacity:.7}.esquema-chord{min-width:calc(72px * var(--esquema-scale,1));min-height:calc(54px * var(--esquema-scale,1));padding:calc(8px * var(--esquema-scale,1)) calc(16px * var(--esquema-scale,1));background:var(--bg-surface,#fff);border:1.5px solid var(--bg-raised,#cbd5e1);border-radius:calc(8px * var(--esquema-scale,1));justify-content:center;align-items:center;gap:calc(2px * var(--esquema-scale,1));cursor:pointer;color:var(--ink-primary,#1e293b);outline:none;flex-direction:column;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 6px #0000000a}.esquema-chord:hover{transform:translateY(-2px)scale(1.06);box-shadow:0 6px 14px #00000014}.esquema-chord:focus-visible{outline:2px solid var(--ea-active-color);outline-offset:2px}.esquema-chord--tonic-circle{width:calc(60px * var(--esquema-scale,1));height:calc(60px * var(--esquema-scale,1));min-width:calc(60px * var(--esquema-scale,1));min-height:calc(60px * var(--esquema-scale,1));border:2px solid var(--ea-bracket-color);padding:calc(6px * var(--esquema-scale,1));border-radius:50%}.esquema-chord__roman{font-size:calc(1.65rem * var(--esquema-scale,1));letter-spacing:-.02em;font-family:Times New Roman,Times,Georgia,serif;font-weight:700;line-height:1.1}.esquema-chord__notes{font-size:calc(.72rem * var(--esquema-scale,1));font-family:var(--font-mono,monospace);color:var(--ink-muted,#64748b);letter-spacing:.02em;white-space:nowrap}.esquema-chord.is-active{z-index:5;background-color:var(--ea-active-color)!important;border-color:var(--ea-active-color)!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 0 20px #3b82f680!important}.esquema-chord.is-active .esquema-chord__notes{color:#ffffffe6!important}.esquema-chord.is-target{z-index:4;background-color:var(--ea-target-color)!important;border-color:var(--ea-target-color)!important;color:#fff!important;transform:scale(1.06)!important;box-shadow:0 0 18px #10b98180!important}.esquema-chord.is-target .esquema-chord__notes{color:#ffffffe6!important}.esquema-chord--selected{outline:2px solid var(--ea-target-color);outline-offset:2px}.esquema-chord.is-dimmed{transform:scale(.96);opacity:.25!important;filter:grayscale(80%)!important}.esquema-interactive__error{color:var(--status-error,#ef4444);text-align:center;margin:12px 0 0;font-size:.88rem}@media (width<=768px){.esquema-interactive{padding:8px}}.degree-palette{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.degree-palette__title{color:var(--ink-primary);font-size:1rem}.degree-palette__hint{color:var(--ink-muted);font-size:.8rem;font-family:var(--font-ui);margin:0 0 4px}.degree-palette__hint a{color:var(--accent-subdominant,inherit)}.measure-slot{background:var(--bg-surface);border:1px dashed var(--bg-raised);min-width:120px;min-height:88px;transition:border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.measure-slot:focus-within{border-color:var(--ink-primary)}.measure-slot__number{font-family:var(--font-ui);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.measure-slot__chords{flex-wrap:wrap;gap:6px;display:flex}.measure-slot__chord{border:1px solid var(--accent-tonic);background:var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:8px;padding:6px 10px;font-weight:700}.measure-slot__chord:hover{transform:translateY(-1px)}.measure-slot__chord:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.measure-slot__chord--selected{box-shadow:0 0 0 2px var(--accent-dominant) inset}.measure-slot__insert{border:1px dashed var(--ink-muted);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px 8px;font-size:.8rem;display:flex}.measure-slot__insert:hover{border-color:var(--accent-tonic);color:var(--ink-primary)}.measure-slot__insert:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.measure-line{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.measure-line__title{color:var(--ink-primary);font-size:1rem}.measure-line__track{flex-wrap:wrap;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.measure-line__item{flex:1 0 120px}.degree-chip{font-family:var(--font-ui);cursor:grab;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:inline-flex}.degree-chip:active{cursor:grabbing}.degree-chip__box{border:1.5px solid var(--bg-raised);background:var(--bg-surface);min-width:52px;transition:background-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:6px;justify-content:center;align-items:center;gap:2px;padding:8px 10px;display:inline-flex}.degree-chip:hover .degree-chip__box{background:var(--bg-raised)}.degree-chip:focus-visible{outline:none}.degree-chip:focus-visible .degree-chip__box{outline:2px solid var(--ink-primary);outline-offset:2px}.degree-chip__bracket{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:300;line-height:1;transform:scaleY(1.15)}.degree-chip__roman{letter-spacing:.02em;color:var(--ink-primary);font-size:1.05rem;font-weight:700}.degree-chip__function{color:var(--ink-muted);text-transform:lowercase;letter-spacing:.01em;font-size:.72rem}.degree-chip--tonic .degree-chip__box{border-color:var(--accent-tonic)}.degree-chip--tonic .degree-chip__roman,.degree-chip--tonic .degree-chip__bracket{color:var(--accent-tonic)}.degree-chip--subdominant .degree-chip__box{border-color:var(--accent-subdominant)}.degree-chip--subdominant .degree-chip__roman,.degree-chip--subdominant .degree-chip__bracket{color:var(--accent-subdominant)}.degree-chip--dominant .degree-chip__box{border-color:var(--accent-dominant)}.degree-chip--dominant .degree-chip__roman,.degree-chip--dominant .degree-chip__bracket{color:var(--accent-dominant)}.degree-chip--active .degree-chip__box{background:var(--bg-raised);box-shadow:0 0 0 2px var(--ink-primary) inset;transform:translateY(-1px)}.degree-chip--active .degree-chip__function{color:var(--ink-primary)}.score-canvas{background:var(--bg-canvas);box-sizing:border-box;border-radius:12px;width:100%;padding:8px;display:block;overflow:auto hidden}.score-canvas__svg{background:var(--bg-canvas);width:100%;min-width:320px;height:auto;display:block}.score-canvas__hit{fill:#0000;stroke:none;cursor:pointer;transition:fill var(--motion-fast) var(--motion-ease)}.score-canvas__hit:hover{fill:color-mix(in srgb, var(--ink-primary) 8%, transparent)}.score-canvas__hit:focus-visible{fill:color-mix(in srgb, var(--ink-primary) 10%, transparent);outline:2px solid var(--ink-primary);outline-offset:2px}.score-canvas__selection{fill:color-mix(in srgb, var(--ink-primary) 6%, transparent);stroke:var(--ink-primary);stroke-width:2px;stroke-dasharray:6 4;pointer-events:none;transition:opacity var(--motion-slow) var(--motion-ease)}.score-canvas__voice-ring{fill:none;stroke:var(--ink-primary);stroke-width:1.5px;stroke-dasharray:3 3;pointer-events:none}@media (prefers-contrast:more){.score-canvas__selection{stroke-width:3px}.score-canvas__voice-ring{stroke-width:2.5px}}.chord-inspector{background:var(--bg-surface);color:var(--ink-primary);font-family:var(--font-ui);border-radius:10px;flex-direction:column;gap:16px;padding:16px;display:flex}.chord-inspector--empty{min-height:120px;color:var(--ink-muted);text-align:center;justify-content:center;align-items:center}.chord-inspector__header h2{margin:0 0 4px;font-size:16px}.chord-inspector__summary{color:var(--ink-muted);margin:0;font-size:13px}.chord-inspector__field{flex-direction:column;gap:4px;font-size:13px;display:flex}.chord-inspector__field select,.chord-inspector__field input[type=text]{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);font:inherit;border-radius:6px;padding:6px 8px}.chord-inspector__field--checkbox label{align-items:center;gap:8px;display:flex}.chord-inspector__voicing{border:1px solid var(--bg-raised);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:12px;display:grid}.chord-inspector__voicing legend{color:var(--ink-muted);padding:0 4px;font-size:12px}.chord-inspector__voice-row{flex-direction:column;gap:4px;font-size:13px;display:flex}.chord-inspector__voice-row input{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);font:inherit;box-sizing:border-box;border-radius:6px;width:100%;padding:6px 8px}.chord-inspector__proposals{flex-direction:column;gap:8px;display:flex}.chord-inspector__propose-button{background:var(--accent-subdominant);color:var(--bg-canvas,#070a0f);font:inherit;cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-self:flex-start;padding:8px 14px;font-weight:600}.chord-inspector__propose-button:disabled{opacity:.6;cursor:not-allowed}.chord-inspector__error{color:var(--status-error);margin:0;font-size:13px}.chord-inspector__proposal-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chord-inspector__proposal{border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.chord-inspector__proposal-voicing{color:var(--ink-primary);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.chord-inspector__proposal-criteria{color:var(--ink-muted);margin:0;font-size:12px}.chord-inspector__proposal button{color:var(--accent-tonic);border:1px solid var(--accent-tonic);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;padding:4px 10px}.diagnostic-card{background:var(--bg-raised);border-left:4px solid var(--ink-muted);font-family:var(--font-ui);color:var(--ink-primary);border-radius:8px;gap:10px;padding:10px 12px;display:flex}.diagnostic-card--error{border-left-color:var(--status-error)}.diagnostic-card--warning{border-left-color:var(--status-warning)}.diagnostic-card--advice{border-left-color:var(--accent-tonic)}.diagnostic-card__badge{background:var(--bg-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:flex}.diagnostic-card--error .diagnostic-card__badge{color:var(--status-error)}.diagnostic-card--warning .diagnostic-card__badge{color:var(--status-warning)}.diagnostic-card--advice .diagnostic-card__badge{color:var(--accent-tonic)}.diagnostic-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.diagnostic-card__severity{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin:0;font-size:11px;font-weight:700}.diagnostic-card__message{margin:0;font-size:14px}.diagnostic-card__meta{color:var(--ink-muted);margin:0;font-size:12px}.diagnostic-card__evidence{color:var(--ink-muted);margin:0;font-size:12px;font-style:italic}.diagnostic-card__locate{color:var(--accent-subdominant);border:1px solid var(--accent-subdominant);font:inherit;cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);background:0 0;border-radius:6px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:12px}.diagnostic-card__locate:disabled{opacity:.5;cursor:not-allowed}.diagnostic-list{background:var(--bg-surface);color:var(--ink-primary);font-family:var(--font-ui);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.diagnostic-list__header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.diagnostic-list__header h2{margin:0;font-size:16px}.diagnostic-list__status{color:var(--ink-muted);font-size:12px}.diagnostic-list__error{color:var(--status-error);margin:0;font-size:13px}.diagnostic-list__empty{color:var(--ink-muted);margin:0;font-size:13px}.diagnostic-list__items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.transport{background:var(--bg-surface);color:var(--ink-primary);font-family:var(--font-ui);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.transport__buttons{gap:8px;display:flex}.transport__buttons button{font:inherit;cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;flex:auto;padding:8px 12px;font-weight:600}.transport__play{background:var(--accent-tonic);color:var(--bg-canvas,#070a0f)}.transport__pause{background:var(--bg-raised);color:var(--ink-primary)}.transport__buttons button:disabled{opacity:.5;cursor:not-allowed}.transport__tempo{flex-direction:column;gap:4px;font-size:13px;display:flex}.transport__tempo input[type=range]{width:100%;accent-color:var(--accent-dominant)}.transport__voices{border:1px solid var(--bg-raised);border-radius:8px;flex-wrap:wrap;gap:12px;margin:0;padding:10px 12px;display:flex}.transport__voices legend{color:var(--ink-muted);padding:0 4px;font-size:12px}.transport__voice-toggle{align-items:center;gap:6px;font-size:13px;display:flex}.transport__error{color:var(--status-error);margin:0;font-size:13px}.lab-page{flex-direction:column;gap:20px;display:flex}.lab-page__header{flex-direction:column;gap:16px;display:flex}.lab-page__title{color:var(--ink-primary);margin:0}.lab-page__lead{max-width:70ch;color:var(--ink-muted);margin:0}.lab-page__setup{grid-template-columns:minmax(220px,1fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.lab-page__setup-key,.lab-page__setup-palette{min-width:0}@media (width<=900px){.lab-page__setup{grid-template-columns:1fr}}.lab-page__score-section{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px}.lab-page__score-frame{padding-block:16px;padding-inline:50px}@media (width<=500px){.lab-page__score-frame{padding-inline:16px}}.lab-page__below{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lab-page__below-column{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=1024px){.lab-page__below{grid-template-columns:1fr 1fr}.lab-page__below-column--diagnostics{grid-column:1/-1}}@media (width<=700px){.lab-page__below{grid-template-columns:1fr}.lab-page__below-column--diagnostics{grid-column:auto}}.lab-page__chord-playback{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px;display:flex}.lab-page__play-chord{border:1px solid var(--bg-raised);background:var(--accent-tonic);color:#04110c;font-weight:600;font:inherit;cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:8px;padding:10px 16px}.lab-page__play-chord:hover:not(:disabled){filter:brightness(1.05)}.lab-page__play-chord:disabled{background:var(--bg-raised);color:var(--ink-muted);cursor:not-allowed}.lab-page__play-chord:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.lab-page__chord-playback-hint{color:var(--ink-muted);margin:0;font-size:.9rem}.lab-page__chord-playback-error{color:var(--status-error);margin:0;font-size:.9rem}.chart-studio{--cs-accent:var(--accent-subdominant-ink);--cs-border:color-mix(in srgb, var(--ink-muted) 27%, transparent);max-width:1500px;color:var(--ink-primary);font-family:var(--font-ui);margin:0 auto;padding:30px clamp(16px,3vw,40px) 60px}.chart-studio *{box-sizing:border-box}.chart-studio button,.chart-studio input,.chart-studio select,.chart-studio textarea{font:inherit}.chart-studio button{cursor:pointer;border:1px solid var(--cs-border);background:var(--bg-raised);color:var(--ink-primary);border-radius:7px;min-height:38px;padding:8px 13px}.chart-studio button:hover:not(:disabled){border-color:var(--cs-accent)}.chart-studio button:disabled{cursor:not-allowed;opacity:.45}.chart-studio :is(button,input,select,textarea):focus-visible{outline:3px solid var(--accent-subdominant);outline-offset:3px}.chart-studio label{color:var(--ink-muted);font-size:13px;font-weight:500;display:block}.chart-studio :is(input:not([type=checkbox]):not([type=range]),select,textarea){background:var(--bg-canvas);width:100%;color:var(--ink-primary);border:1px solid var(--cs-border);border-radius:6px;min-height:40px;margin-top:7px;padding:10px}.chart-studio input[type=range]{width:100%;accent-color:var(--accent-subdominant);cursor:pointer;min-height:30px}.chart-studio input[type=checkbox]{accent-color:var(--accent-subdominant);width:17px;height:17px}.cs-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.cs-eyebrow{color:var(--cs-accent);letter-spacing:.16em;margin:0 0 10px;font-size:10px;font-weight:600}.cs-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(30px,3.5vw,46px);font-weight:650;line-height:1.1}.cs-heading h1>span:first-child{font-weight:300}.cs-heading .cs-meter{letter-spacing:0;color:var(--cs-accent);border:1px solid var(--cs-border);vertical-align:middle;margin-left:15px;padding:7px;font:500 13px ui-monospace,monospace}.cs-heading>div>p:last-child{color:var(--ink-muted);margin:10px 0 0;font-size:14px}.cs-export{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.cs-export button:first-child{background:var(--accent-subdominant);color:var(--ink-on-accent);border-color:#0000;font-weight:600}.cs-workspace{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:22px;display:grid}.cs-editor{border:1px solid var(--cs-border);background:var(--bg-surface);border-radius:10px;padding:20px}.cs-panel-title{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.cs-panel-title h2{margin:0;font-size:17px;font-weight:550}.cs-panel-title span{color:var(--ink-muted);letter-spacing:.1em;font-size:9px}.cs-editor>label{margin-top:17px}.chart-studio #cs-source{resize:vertical;tab-size:2;min-height:265px;padding:13px;font:13px/1.8 ui-monospace,Consolas,monospace}.cs-help{color:var(--ink-muted);margin:12px 0 0;font-size:11px;line-height:1.7}.cs-help code{color:var(--cs-accent);font-size:11px}.cs-rule{border-top:1px solid var(--cs-border);margin:18px 0}.cs-value{float:right;font:11px ui-monospace,monospace}.cs-transpose{grid-template-columns:40px 1fr 40px;gap:6px;margin:9px 0 18px;font-size:12px;display:grid}.cs-inline{grid-template-columns:1.6fr 1fr;gap:10px;display:grid}.cs-inline small,.cs-tonal-help{color:var(--ink-muted);margin-top:5px;font-size:10px;line-height:1.45;display:block}.cs-tonal-help{margin:10px 0 0}.chart-studio .cs-check{align-items:center;gap:8px;font-size:12px;display:flex}.cs-save{color:var(--ink-muted);margin:20px 0 0;font-size:10px}.cs-main{min-width:0}.cs-chart-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cs-chart-top>span{color:var(--ink-muted);font:11px ui-monospace,monospace}.cs-tabs{gap:4px;display:flex}.chart-studio .cs-tabs button{background:0 0;border-color:#0000;min-height:34px;font-size:12px}.chart-studio .cs-tabs button[aria-pressed=true]{background:var(--bg-raised);color:var(--cs-accent)}.cs-sheet{border:1px solid var(--cs-border);background:var(--bg-surface);border-radius:10px;padding:25px 22px 12px}.cs-sheet-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.cs-sheet-heading span{letter-spacing:.17em;color:var(--ink-muted);font:9px ui-monospace,monospace}.cs-sheet-heading h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:6px 0 0;font-size:23px}.cs-sheet-heading>div:last-child{text-align:right;flex-shrink:0}.cs-sheet-heading strong{font:15px ui-monospace,monospace}.cs-sheet-heading small{color:var(--ink-muted);margin-top:6px;font-size:10px;display:block}.cs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.cs-grid--8{grid-template-columns:repeat(8,minmax(0,1fr))}.cs-cell-wrap{min-width:0;margin-top:-24px;padding-top:24px;position:relative}.cs-cell-wrap:has(.cs-section-tag){margin-top:5px}.cs-section-start{grid-column-start:1}.cs-section-tag{color:var(--cs-accent);white-space:nowrap;max-width:100%;font:600 10px ui-monospace,monospace;position:absolute;top:2px;left:0;overflow:hidden}.cs-grid:has(.cs-section-start) .cs-section-start~.cs-cell-wrap{align-self:end}.chart-studio .cs-cell{border:1px solid var(--cs-border);background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:stretch;width:100%;height:100%;min-height:88px;padding:22px 10px 15px;display:flex;position:relative}.cs-bar-number{color:var(--ink-muted);font:9px ui-monospace,monospace;position:absolute;top:6px;left:8px}.cs-symbols{flex-wrap:wrap;justify-content:space-around;gap:5px;display:flex}.cs-symbols strong{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(18px,2vw,29px);font-weight:600}.cs-symbols strong.is-diatonic:after,.cs-symbols strong.is-chromatic:after{content:"";vertical-align:middle;border-radius:50%;width:.38em;height:.38em;margin:0 0 .45em .18em;display:inline-block}.cs-symbols strong.is-diatonic:after{background:var(--staff-ink-diatonic)}.cs-symbols strong.is-chromatic:after{background:var(--accent-dominant)}.cs-grid--8 .cs-symbols strong{font-size:18px}.cs-repeat{color:var(--ink-muted);font-weight:400!important}.cs-symbols strong.is-sounding{color:var(--cs-accent);animation:cs-chord-hit .32s var(--motion-ease)}@keyframes cs-chord-hit{0%{transform:scale(1)}30%{transform:scale(1.17)}to{transform:scale(1)}}.cs-notes{color:var(--ink-muted);overflow-wrap:anywhere;margin-top:8px;font:9px/1.5 ui-monospace,monospace}.chart-studio .cs-cell.is-marked{background:color-mix(in srgb, var(--accent-subdominant) 13%, var(--bg-surface))}.chart-studio .cs-cell.is-selected{outline:2px solid var(--accent-subdominant);outline-offset:-3px;z-index:1}.chart-studio .cs-cell.is-playing{background:color-mix(in srgb, var(--accent-subdominant) 22%, var(--bg-surface))}.cs-playing-line{background:var(--accent-subdominant);height:4px;position:absolute;bottom:0;left:0;right:0}.cs-cell.is-outside{opacity:.5}.cs-bar-tools{min-height:48px;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:7px;padding-top:10px;font-size:11px;display:flex}.chart-studio .cs-bar-tools button{min-height:30px;padding:5px 9px;font-size:11px}.cs-bar-tools button[aria-pressed=true]{color:var(--cs-accent)}.cs-band{background:var(--bg-surface);border:1px solid var(--cs-border);border-radius:10px;margin-top:18px;padding:23px}.cs-band-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.cs-band-heading h2{margin:6px 0 0;font-size:20px;font-weight:500}.cs-live{color:var(--ink-muted);letter-spacing:.09em;font:9px ui-monospace,monospace}.cs-transport{align-items:center;gap:16px;margin:20px 0;display:flex}.chart-studio .cs-play{background:var(--accent-subdominant);color:var(--ink-on-accent);border:none;align-items:center;gap:9px;min-height:46px;padding:11px 18px;font-size:13px;font-weight:600;display:flex}.chart-studio .cs-play[data-invalid=true]{background:var(--status-error);cursor:pointer}.cs-now strong,.cs-now span{display:block}.cs-now strong{font-size:13px;font-weight:500}.cs-now span{color:var(--ink-muted);margin-top:4px;font-size:11px}.cs-band-controls{grid-template-columns:1fr 1.5fr 90px;gap:20px;display:grid}.cs-band-controls input[type=range]{margin-top:10px}.cs-range{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.cs-range>label:not(.cs-check){align-items:center;gap:8px;font-size:11px;display:flex}.chart-studio .cs-range input[type=number]{width:60px;min-height:34px;margin:0;padding:6px}.chart-studio .cs-range button{min-height:32px;padding:6px 9px;font-size:11px}.cs-mixer{border-top:1px solid var(--cs-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:17px;display:grid}.cs-mixer>div{grid-template-columns:1fr 32px;align-items:center;column-gap:8px;display:grid}.chart-studio .cs-mixer button{text-align:left;background:0 0;border:none;grid-column:1/-1;min-height:24px;padding:0;font-size:12px}.cs-led{background:var(--accent-subdominant);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.cs-led.is-muted{background:var(--ink-muted)}.cs-mixer output{color:var(--ink-muted);font:10px ui-monospace,monospace}.cs-notice{color:var(--cs-accent);margin:8px 0 0;font-size:12px}.cs-notice:empty{display:none}.cs-errors{border:1px solid var(--status-error);color:var(--status-error);border-radius:7px;margin-bottom:12px;padding:10px 14px;font-size:12px}.cs-errors p{margin:4px 0}.cs-inventory{background:var(--bg-surface);border:1px solid var(--cs-border);border-radius:10px;padding:25px}.cs-inventory h2{margin:0 0 12px;font-size:23px}.cs-inventory p{color:var(--ink-muted);font-size:13px;line-height:1.7}.cs-inventory h3{margin-top:25px;font-size:14px}.cs-inventory-row{border-bottom:1px solid var(--cs-border);justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.cs-inventory-row span{color:var(--ink-muted)}@media (width<=1150px){.cs-workspace{grid-template-columns:215px minmax(0,1fr);gap:14px}.cs-editor{padding:15px}.cs-sheet{padding:20px 14px 12px}.cs-grid--8{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-band-controls{grid-template-columns:1fr 1fr;gap:12px}.cs-band-controls>label:last-child{grid-column:1/-1;max-width:100px}}@media (width<=850px){.cs-heading{flex-direction:column;align-items:flex-start}.cs-workspace{grid-template-columns:1fr}.chart-studio #cs-source{min-height:180px}.cs-sheet-heading h2{font-size:20px}.cs-symbols strong{font-size:25px}}@media (width<=480px){.chart-studio{padding:20px 12px 40px}.cs-sheet{padding:18px 10px 10px}.cs-sheet-heading{gap:8px}.cs-symbols strong{font-size:20px}.chart-studio .cs-cell{min-height:83px;padding:22px 4px 12px}.cs-band{padding:17px 13px}.cs-live{display:none}.cs-mixer{gap:10px}.cs-range{gap:9px}.cs-band-controls{grid-template-columns:1fr 1fr}}.chart-studio{padding-bottom:calc(var(--cs-dock-height,130px) + 44px)}.cs-cell-wrap{scroll-margin-top:72px;scroll-margin-bottom:calc(var(--cs-dock-height,130px) + 32px)}.cs-workspace.cs-workspace--chart-only{grid-template-columns:minmax(0,1fr)}.cs-editor[hidden]{display:none}.cs-export{justify-content:flex-end;max-width:600px}.cs-import-file{display:none}.cs-library-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.cs-library-toolbar button{font-size:12px}.cs-library-toolbar button[aria-expanded=true]{color:var(--cs-accent);border-color:var(--cs-accent)}.cs-library-toolbar button>span{background:var(--bg-canvas);border-radius:4px;margin-left:6px;padding:1px 6px;font:11px ui-monospace,monospace;display:inline-block}.cs-library-location{color:var(--ink-muted);margin-left:auto;font-size:11px}.cs-library-message{color:var(--cs-accent);margin:0 0 16px;font-size:12px}.cs-library-message:empty{display:none}.cs-library{border:1px solid var(--cs-border);background:var(--bg-surface);border-radius:10px;margin-bottom:20px;padding:20px;animation:.18s ease-out cs-panel-enter}.cs-library-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.cs-library-heading h2{margin:0;font-size:20px}.cs-library-heading button{font-size:11px}.cs-library>p{color:var(--ink-muted);font-size:13px}.cs-library-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;max-height:380px;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.cs-library-list>li{border:1px solid var(--cs-border);border-radius:7px;flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.cs-library-list>li:has([aria-current=true]){border-color:var(--cs-accent)}.chart-studio .cs-library-open{text-align:left;background:0 0;border:none;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:0;display:flex}.cs-library-list strong{overflow-wrap:anywhere;font-size:15px}.cs-library-list span{color:var(--ink-muted);font-size:11px}.cs-library-list small{color:var(--cs-accent);font-size:11px}.cs-library-date{color:var(--ink-muted);margin:0;font:11px/1.5 ui-monospace,monospace}.cs-library-actions,.cs-library-confirm>div,.cs-library-rename>div{flex-wrap:wrap;gap:6px;display:flex}.chart-studio :is(.cs-library-actions,.cs-library-confirm,.cs-library-rename) button{min-height:30px;padding:5px 10px;font-size:11px}.cs-library-confirm{color:var(--ink-muted);flex-direction:column;gap:8px;font-size:11px;display:flex}.cs-library-confirm>span{overflow-wrap:anywhere}.chart-studio .cs-library-confirm button:first-child{border-color:var(--status-error);color:var(--status-error)}.cs-library-rename{flex-direction:column;gap:10px;display:flex}.cs-library-rename label{font-size:11px}.chart-studio .cs-library-rename input{min-height:34px;margin-top:5px;padding:7px;font-size:13px}.cs-empty-chart{text-align:center;padding:50px 15px}.cs-empty-chart h3{font-size:20px;font-weight:500}.cs-empty-chart p{color:var(--ink-muted);margin-bottom:20px;font-size:13px}.cs-band.cs-band--floating{z-index:25;border-color:color-mix(in srgb, var(--accent-subdominant) 40%, var(--cs-border));border-radius:15px;width:min(620px,100vw - 48px);margin:0;padding:14px 18px;animation:.24s ease-out cs-panel-enter;position:fixed;bottom:18px;right:24px;box-shadow:0 12px 48px #0005,0 2px 8px #0003}.cs-dock-caption{color:var(--ink-muted);justify-content:space-between;gap:12px;margin-bottom:10px;font:10px ui-monospace,monospace;display:flex}.cs-dock-caption>span:first-child{color:var(--cs-accent);letter-spacing:.12em}.cs-band--floating .cs-transport{gap:12px;margin:0}.cs-band--floating .cs-now{flex:1;min-width:0}.cs-band--floating .cs-now strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cs-band--floating .cs-dock-toggle{flex-shrink:0;align-items:center;gap:10px;min-height:42px;font-size:12px;display:flex}.cs-dock-toggle>span{transition:transform .22s;display:inline-block}.is-expanded .cs-dock-toggle>span{transform:rotate(180deg)}.cs-dock-details{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .24s,opacity .18s,visibility 0s linear .24s;display:grid}.is-expanded .cs-dock-details{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.cs-dock-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;max-height:min(60dvh,420px);overflow-y:auto}.cs-dock-scroll .cs-band-controls{grid-template-columns:1fr 1.3fr 74px;gap:12px;padding-top:20px}.cs-dock-scroll .cs-band-controls>label:last-child{grid-column:auto;max-width:none}.cs-dock-scroll .cs-help{padding-bottom:4px}@keyframes cs-panel-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.cs-export{justify-content:flex-start;max-width:none}.cs-library-location{width:100%;margin:4px 0 0}}@media (width<=480px){.cs-band.cs-band--floating{bottom:max(10px, env(safe-area-inset-bottom));width:calc(100vw - 20px);padding:12px;right:10px}.cs-band--floating .cs-transport{gap:8px}.chart-studio .cs-band--floating .cs-play{gap:6px;padding:10px;font-size:12px}.cs-band--floating .cs-now strong{font-size:11px}.cs-band--floating .cs-now span{font-size:10px}.cs-band--floating .cs-dock-toggle{gap:5px;padding:8px;font-size:11px}.cs-dock-caption{font-size:9px}.cs-dock-scroll .cs-band-controls{grid-template-columns:1fr 1fr}.cs-dock-scroll .cs-band-controls>label:last-child{max-width:90px}.cs-library{padding:14px}.cs-library-list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cs-band.cs-band--floating,.cs-library{animation:none}.cs-dock-details,.cs-dock-toggle>span{transition:none}.cs-symbols strong.is-sounding{animation:none}}.sidebar-donations{border:1px solid color-mix(in srgb, var(--accent-dominant) 24%, var(--bg-raised));background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface));border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 2px 8px -2px #0003}:root[data-theme=light] .sidebar-donations{box-shadow:inset 0 1px #fffc,0 2px 6px -2px #0000000d}.sidebar-donations__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dominant);font-size:.68rem;font-weight:800;display:block}.sidebar-donations__title{color:var(--ink-primary);margin:0;font-size:.95rem;font-weight:700}.sidebar-donations__lead{color:var(--ink-muted);margin:0;font-size:.8rem;line-height:1.45}.sidebar-donations__dock{justify-content:center;margin-top:4px;display:flex}.academic-editorial-page{flex-direction:column;gap:24px;display:flex}.lesson-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:28px;display:grid}.lesson-layout__main,.lesson-layout__sidebar{flex-direction:column;gap:28px;min-width:0;display:flex}.lesson-layout__orientation,.lesson-layout__margin{min-width:0}.lesson-layout__sidebar-footer{flex-direction:column;gap:20px;margin-top:8px;display:flex}.lesson-layout__sidebar-top{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;padding:10px 14px}@media (width>=1024px){.lesson-layout__orientation>summary,.lesson-layout__margin>summary{display:none}.lesson-layout__sidebar{scrollbar-width:none;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}.lesson-layout__sidebar::-webkit-scrollbar{display:none}}@media (width<=1023px){.lesson-layout{grid-template-columns:1fr}}.academic-aside__summary{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);font:600 .85rem var(--font-ui);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;list-style:none;display:flex}.academic-aside__summary::-webkit-details-marker{display:none}.academic-aside__body{flex-direction:column;gap:16px;padding-top:12px;display:flex}.academic-scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.academic-scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.academic-scheme-btn:hover{color:var(--ink-primary)}.academic-scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary)}.academic-scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.academic-orientation-nav{flex-direction:column;gap:10px;display:flex}.academic-orientation-nav__caption{font:700 .72rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.academic-orientation-nav__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.academic-orientation-nav__list a,.academic-orientation-nav__link{width:100%;color:var(--ink-primary);font:500 .86rem var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:block}.academic-orientation-nav__list a:hover,.academic-orientation-nav__link:hover{color:var(--accent-subdominant)}.academic-orientation-nav__list a:focus-visible,.academic-orientation-nav__link:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px;border-radius:4px}.academic-orientation-nav__list a.academic-orientation-nav__link--active,.academic-orientation-nav__link--active{color:var(--accent-subdominant);font-weight:700}.lesson-header{flex-direction:column;gap:12px;display:flex}.lesson-header__badge{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--accent-tonic);font:700 .72rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lesson-header__title{color:var(--ink-primary);font-family:var(--font-ui);margin:0}.lesson-header__question{max-width:68ch;color:var(--ink-muted);font:400 1rem/1.55 var(--font-ui);margin:0}.lesson-header__question a{color:var(--accent-subdominant);text-decoration:none}.lesson-header__question a:hover{text-decoration:underline}.lesson-header__meta{font:500 .82rem var(--font-ui);color:var(--ink-muted);flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.lesson-header__meta-item{align-items:center;gap:5px;display:inline-flex}.lesson-header__scheme{margin-top:4px}.academic-section{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 12%, transparent), 0 2px 10px -2px color-mix(in srgb, var(--bg-canvas) 60%, transparent);transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:14px;flex-direction:column;gap:16px;padding:24px clamp(18px,3vw,28px);display:flex;position:relative}:root[data-theme=light] .academic-section{border-color:color-mix(in srgb, var(--ink-primary) 10%, transparent);box-shadow:inset 0 1px #fffffff2,0 2px 8px -2px #0000000d}.academic-section:first-child{padding-top:24px}.academic-section__heading{color:var(--ink-primary);font:700 1.18rem var(--font-ui);letter-spacing:-.01em;align-items:center;gap:10px;margin:0;display:flex}.academic-section__icon{color:var(--accent-subdominant);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.marginal-note{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);border-inline-start:3px solid var(--accent-subdominant);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 10%, transparent);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.marginal-note__label{font:700 .7rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant);align-items:center;gap:6px;display:inline-flex}.marginal-note__body{color:var(--ink-muted);font:400 .86rem/1.5 var(--font-ui);margin:0}.marginal-note--pista{border-inline-start-color:var(--accent-tonic)}.marginal-note--pista .marginal-note__label{color:var(--accent-tonic)}.marginal-note--error .marginal-note__label{color:var(--status-warning)}.marginal-note--error{border-inline-start-color:var(--status-warning)}.key-idea{border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);background:var(--bg-canvas);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 10%, transparent);border-radius:12px;padding:16px 20px}.key-idea__label{font:700 .7rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:6px;display:block}.key-idea__text{color:var(--ink-primary);font:500 1rem/1.5 var(--font-ui);margin:0}.feynman-pause{border:1px dashed color-mix(in srgb, var(--accent-tonic) 45%, transparent);background:color-mix(in srgb, var(--accent-tonic) 6%, transparent);font-family:var(--font-quote);color:var(--ink-primary);border-radius:10px;margin:0;padding:12px 14px;font-size:.98rem;font-style:italic;line-height:1.6}.feynman-pause__label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-tonic);margin-bottom:4px;font-size:.68rem;font-style:normal;font-weight:700;display:block}.annotated-score{flex-direction:column;gap:10px;margin:0;display:flex}.annotated-score__legend{font:500 .82rem var(--font-ui);color:var(--ink-muted)}.annotated-score__canvas{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;padding:12px;overflow-x:auto}.annotated-score__caption{color:var(--ink-muted);font:400 .8rem var(--font-ui);margin:0}.listening-prompt{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.listening-prompt__question{color:var(--ink-primary);font:500 .92rem/1.5 var(--font-ui);margin:0}.listening-prompt__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.listening-prompt__btn{border:1px solid var(--accent-tonic);background:var(--accent-tonic);color:var(--ink-on-accent);font:700 .88rem var(--font-ui);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:7px;padding:8px 16px;display:inline-flex}.listening-prompt__btn:hover:not(:disabled){filter:brightness(1.08)}.listening-prompt__btn:disabled{opacity:.6;cursor:not-allowed}.listening-prompt__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.practice-exercise{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.practice-exercise__prompt{color:var(--ink-primary);font:600 .95rem/1.5 var(--font-ui);margin:0}.practice-exercise__hint{color:var(--ink-muted);font:400 .82rem var(--font-ui);align-items:center;gap:6px;margin:0;display:flex}.diagnostic-aside{border:1px solid var(--bg-raised);background:var(--bg-surface);border-inline-start:3px solid var(--ink-muted);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.diagnostic-aside__label{font:700 .7rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;display:inline-flex}.diagnostic-aside__message,.diagnostic-aside__location{font:400 .85rem/1.5 var(--font-ui);color:var(--ink-muted);margin:0}.diagnostic-aside__action{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary);font:600 .8rem var(--font-ui);cursor:pointer;border-radius:7px;align-self:flex-start;padding:6px 12px}.diagnostic-aside--error{border-inline-start-color:var(--status-error)}.diagnostic-aside--error .diagnostic-aside__label{color:var(--status-error)}.diagnostic-aside--advertencia{border-inline-start-color:var(--status-warning)}.diagnostic-aside--advertencia .diagnostic-aside__label{color:var(--status-warning)}.diagnostic-aside--sugerencia{border-inline-start-color:var(--accent-tonic)}.diagnostic-aside--sugerencia .diagnostic-aside__label{color:var(--accent-tonic)}.reference-block{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.reference-block__title{font:700 .7rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.reference-block__list{font:500 .85rem var(--font-ui);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.reference-block__list a{color:var(--accent-subdominant);text-decoration:none}.reference-block__list a:hover{text-decoration:underline}.lesson-summary{border-top:1px solid var(--bg-raised);flex-direction:column;gap:14px;padding-top:24px;display:flex}.lesson-summary__heading{color:var(--ink-primary);font:700 1.1rem var(--font-ui);margin:0}.lesson-summary__points{color:var(--ink-muted);font:400 .9rem/1.5 var(--font-ui);flex-direction:column;gap:8px;margin:0;padding-inline-start:20px;display:flex}.editorial-editable-block{cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), outline var(--motion-fast) var(--motion-ease);border-radius:8px;margin:-6px -10px;padding:6px 10px;position:relative}.editorial-editable-block:hover{background:color-mix(in srgb, var(--accent-subdominant) 8%, transparent);outline:1px dashed var(--accent-subdominant)}.editorial-editable-block:after{content:"✎ Clic para editar (Admin)";font-family:var(--font-ui);color:var(--accent-subdominant-ink);background:var(--bg-surface);border:1px solid var(--accent-subdominant);opacity:0;pointer-events:none;box-shadow:0 2px 6px color-mix(in srgb, var(--bg-canvas) 40%, transparent);transition:opacity var(--motion-fast) var(--motion-ease);border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;top:4px;right:8px}.editorial-editable-block:hover:after,.editorial-editable-block:focus-visible:after{opacity:1}.editorial-editable-block:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.editorial-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.editorial-controls button{background:var(--bg-raised);color:var(--accent-subdominant-ink);border:1px solid var(--accent-subdominant);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.editorial-controls button:hover{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent)}.editorial-controls p{color:var(--accent-tonic-ink);margin:0;font-size:.85rem}.editorial-editor{background:var(--bg-surface);border:1px solid var(--accent-subdominant);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 14%, transparent), 0 6px 20px -4px color-mix(in srgb, var(--accent-subdominant) 18%, transparent);border-radius:14px;gap:16px;margin-block:16px;padding:22px clamp(16px,3vw,24px);display:grid}.editorial-editor__header{border-bottom:1px solid var(--bg-raised);flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.editorial-editor__badge{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant-ink);border:1px solid var(--accent-subdominant);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.editorial-editor__help{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.45}.editorial-editor__label{gap:6px;display:grid}.editorial-editor__field-title{color:var(--ink-primary);font-size:.84rem;font-weight:700}.editorial-editor__input,.editorial-editor__textarea{box-sizing:border-box;width:100%;font-family:var(--font-ui);color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:8px;padding:10px 12px;font-size:.92rem;line-height:1.55}.editorial-editor__input:focus,.editorial-editor__textarea:focus{border-color:var(--accent-subdominant);outline:none}.editorial-editor__fields{gap:14px;display:grid}.editorial-field{border:1px solid var(--bg-raised);background:color-mix(in srgb, var(--bg-canvas) 60%, transparent);transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.editorial-field--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 6%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-subdominant) 25%, transparent)}.editorial-field__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.editorial-field__title{color:var(--ink-primary);align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:inline-flex}.editorial-field__badge{background:var(--accent-subdominant);color:var(--ink-on-accent);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.editorial-field__revert{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.76rem;font-weight:600}.editorial-field__revert:hover{color:var(--status-warning-ink);text-decoration:underline}.editorial-actions{border-top:1px solid var(--bg-raised);flex-wrap:wrap;gap:10px;padding-top:10px;display:flex}.editorial-btn{font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.editorial-btn--primary{background:var(--accent-tonic);color:var(--ink-on-accent);border:1px solid var(--accent-tonic)}.editorial-btn--secondary{background:var(--accent-subdominant);color:var(--ink-on-accent);border:1px solid var(--accent-subdominant)}.editorial-btn--outline{color:var(--ink-primary);border:1px solid var(--bg-raised);background:0 0}.editorial-btn--ghost{color:var(--accent-subdominant-ink);background:0 0;border:none}.editorial-btn:hover:not(:disabled){opacity:.9}.editorial-btn:disabled{opacity:.5;cursor:not-allowed}.editorial-revisions{background:var(--bg-canvas);border-radius:8px;gap:8px;padding:12px;display:grid}.editorial-revisions__title{color:var(--ink-muted);font-size:.8rem;font-weight:700}.editorial-revisions__list{flex-wrap:wrap;gap:8px;display:flex}.editorial-revisions__item{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--bg-raised);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.78rem}.editorial-revisions__item:hover{border-color:var(--accent-subdominant)}.editorial-editor :focus-visible,.editorial-controls :focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}:root{--ea-active-color:var(--accent-subdominant);--ea-target-color:var(--accent-tonic)}.esquema-page{gap:var(--spacing-lg,24px);flex-direction:column;display:flex}.esquema-page__lead{max-width:75ch;color:var(--ink-muted);margin:0;line-height:1.6}.esquema-page__toolbar{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 4px 12px #00000040}.esquema-page__toolbar-left,.esquema-page__toolbar-right{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.esquema-page__field{flex-direction:column;gap:5px;display:flex}.esquema-page__field-label{color:var(--ink-muted,#9ca3af);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.esquema-page__field select{border:1px solid var(--bg-raised,#1f2937);background:var(--bg-canvas,#070a0f);color:var(--ink-primary,#f9fafb);font:inherit;cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-weight:500;transition:border-color .2s}.esquema-page__field select:focus{border-color:var(--ea-active-color,#3b82f6)}.esquema-page__toggle{border:1px solid var(--bg-raised,#1f2937);background:var(--bg-canvas,#070a0f);border-radius:8px;display:inline-flex;overflow:hidden}.esquema-page__toggle-option{color:var(--ink-muted,#9ca3af);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:.88rem;font-weight:500;transition:all .2s}.esquema-page__toggle-option+.esquema-page__toggle-option{border-left:1px solid var(--bg-raised,#1f2937)}.esquema-page__toggle-option--active{background:var(--ea-active-color,#3b82f6);color:#fff;font-weight:600}.esquema-page__volume-control{align-items:center;gap:8px;height:32px;display:flex}.esquema-page__volume-btn{border:1px solid var(--bg-raised,#1f2937);background:var(--bg-canvas,#070a0f);width:30px;height:30px;color:var(--ink-muted,#9ca3af);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.esquema-page__volume-btn:hover{color:var(--ink-primary,#f9fafb);border-color:var(--ea-active-color,#3b82f6)}.esquema-page__volume-slider{width:85px;height:5px;accent-color:var(--ea-active-color,#3b82f6);cursor:pointer}.esquema-page__checkbox{color:var(--ink-primary,#f9fafb);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:inline-flex}.esquema-page__checkbox input{accent-color:var(--ea-active-color,#3b82f6);cursor:pointer}.esquema-page__legend-item{color:var(--ink-muted);align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:flex}.esquema-page__color-box{border-radius:4px;width:14px;height:14px}.esquema-page__color-box--active{background-color:var(--ea-active-color,#3b82f6);box-shadow:0 0 8px #3b82f666}.esquema-page__color-box--target{background-color:var(--ea-target-color,#10b981);box-shadow:0 0 8px #10b98166}.esquema-page__info-panel{background:var(--bg-surface,#111827);border-left:4px solid var(--ea-active-color,#3b82f6);border-top:1px solid var(--bg-raised,#1f2937);border-right:1px solid var(--bg-raised,#1f2937);border-bottom:1px solid var(--bg-raised,#1f2937);border-radius:0 10px 10px 0;flex-direction:column;gap:8px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #00000040}.esquema-page__info-title{color:var(--ink-primary,#f9fafb);align-items:center;gap:10px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.esquema-page__info-badge{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);border-radius:12px;padding:2px 8px;font-size:.78rem;font-weight:600}.esquema-page__info-desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.5}.esquema-page__info-resolutions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.esquema-page__info-res-chip{color:var(--accent-tonic-ink,#34d399);font-family:var(--font-quote,serif);background:#10b98126;border:1px solid #10b98159;border-radius:6px;padding:2px 10px;font-size:.95rem;font-weight:700}.esquema-page__diagram-note{color:var(--ink-muted,#9ca3af);margin:0;font-size:.9rem}.esquema-page__footer-note{color:var(--ink-muted,#9ca3af);font-size:.95rem}.esquema-page__footer-note a{color:var(--ea-active-color,#3b82f6);text-underline-offset:3px;font-weight:500;text-decoration:underline}.key-signature-staff{background:var(--bg-canvas);border-radius:8px;flex-shrink:0;width:220px;max-width:100%;margin:0 auto;padding:4px;display:block}.key-signature-staff__svg{width:100%;height:auto;display:block}.chord-staff{background:var(--bg-canvas);border-radius:8px;justify-content:center;max-width:100%;margin:0 auto;padding:4px;display:flex;overflow-x:auto}.chord-staff__svg{height:auto;display:block}.flower-wheel__seed circle{fill:none;stroke:var(--bg-raised);stroke-width:1px;opacity:.6}.flower-wheel__shape{transition:transform .4s var(--motion-ease)}.flower-wheel__polygon{stroke-width:2px;stroke-linejoin:round}.flower-wheel__node--bass .circulo-page__node-shape{stroke-width:3px}.flower-wheel__connector{stroke:var(--status-warning);stroke-width:2px;stroke-dasharray:4 4}.circulo-page__node-label.flower-wheel__node-label--compact{font-size:7px}.circulo-page__node-label.flower-wheel__node-label--interval-only{font-size:11px}.circulo-page__node--inner .circulo-page__node-shape{fill:var(--bg-canvas)}.circulo-page__node-label.flower-wheel__node-label--inner{font-size:8px}.flower-wheel__node--playing .circulo-page__node-shape{stroke:var(--accent-subdominant);stroke-width:3px}.flower-wheel__shape-picker{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.flower-wheel__scale-groups{flex-direction:column;gap:8px;width:100%;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.flower-wheel__scale-group{flex-direction:column;align-items:center;gap:4px;display:flex}.flower-wheel__scale-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem}.flower-wheel__chip{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-muted);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.flower-wheel__chip-swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px}.flower-wheel__chip:hover{border-color:var(--accent-subdominant)}.flower-wheel__chip--active{border-color:var(--accent-dominant);color:var(--ink-primary)}.flower-wheel__chip:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.flower-wheel__detail-body{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.flower-wheel__play{border:1px solid var(--bg-raised);background:var(--accent-dominant);color:#1a0f2e;font-weight:600;font:inherit;cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:8px;align-self:center;padding:10px 18px}.flower-wheel__play:hover{filter:brightness(1.05)}.flower-wheel__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.flower-wheel__error{color:var(--status-error);margin:0;font-size:.9rem}.score-note--playing,.score-label--playing{transform-box:fill-box;transform-origin:50%;animation:.7s ease-in-out infinite scoreNotePlaying}@keyframes scoreNotePlaying{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.18)}}.score-note--playing[data-score-note-id]{animation-name:scoreWrittenNotePlaying}@keyframes scoreWrittenNotePlaying{0%,to{opacity:1;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--accent-dominant) 55%, transparent));transform:scale(1)}50%{opacity:.58;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--accent-dominant) 95%, transparent));transform:scale(1)}}.score-label--playing{animation-name:scoreLabelPlaying}@keyframes scoreLabelPlaying{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.score-note--playing,.score-label--playing{animation:none}}.scale-staff{background:var(--bg-canvas);border-radius:8px;justify-content:safe center;align-self:stretch;max-width:100%;padding:4px;display:flex;overflow-x:auto}.scale-staff>svg,.scale-staff__svg{flex:none;height:auto;display:block}.negative-wheel__axis-line{stroke:#ef4444;stroke-width:2.5px;stroke-dasharray:5 4;opacity:.9;filter:drop-shadow(0 0 5px #ef444480)}.negative-wheel__background-pair-line{stroke:color-mix(in srgb, var(--ink-primary) 15%, transparent);stroke-width:1.2px;stroke-dasharray:3 3}.negative-wheel__reflection-tie{stroke:#a855f7;stroke-width:2px;stroke-dasharray:4 3;opacity:.8;filter:drop-shadow(0 0 3px #a855f766)}.negative-wheel__polygon-orig{stroke:var(--accent-subdominant);stroke-width:2.5px;fill:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);transition:all .3s}.negative-wheel__polygon-neg{stroke:#f43f5e;stroke-width:2.5px;fill:#f43f5e2e;transition:all .3s}.negative-wheel__node--orig .circulo-page__node-shape{stroke:var(--accent-subdominant);stroke-width:2.5px;fill:color-mix(in srgb, var(--accent-subdominant) 25%, transparent)}.negative-wheel__node--neg .circulo-page__node-shape{stroke:#f43f5e;stroke-width:2.5px;fill:#f43f5e40}.negative-wheel__node--both .circulo-page__node-shape{stroke:#e879f9;stroke-width:3px;fill:#e879f94d}.negative-wheel__node--fixed .circulo-page__node-shape{stroke:var(--status-error);stroke-width:3px;stroke-dasharray:2 2}.negative-wheel__node-int{fill:var(--ink-muted);font-family:monospace;font-size:10px;font-weight:700}.negative-wheel__mode-toggle{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);border-radius:8px;gap:6px;margin-bottom:12px;padding:4px;display:flex}.negative-wheel__mode-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.negative-wheel__mode-btn:hover{color:var(--ink-primary)}.negative-wheel__mode-btn--active{background:var(--accent-subdominant);color:#fff;box-shadow:0 1px 3px color-mix(in srgb, var(--ink-primary) 10%, transparent)}.negative-wheel__axis-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.negative-wheel__axis-banner-title{font-weight:600}.negative-wheel__axis-banner-badge{color:#f87171;background:#ef444440;border-radius:4px;padding:2px 8px;font-family:monospace;font-weight:700}.negative-wheel__axis-type-tag{color:#d8b4fe;background:#a855f733;border:1px solid #a855f766;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.negative-wheel__legend{gap:16px;margin-bottom:12px;font-size:13px;display:flex}.negative-wheel__legend-item{align-items:center;gap:6px;display:flex}.negative-wheel__legend-swatch{border-radius:3px;width:14px;height:14px}.negative-wheel__legend-swatch--orig{background:#38bdf8;border:1px solid #0284c7}.negative-wheel__legend-swatch--neg{background:#f43f5e;border:1px solid #e11d48}.negative-wheel__legend-swatch--axis{background:#ef4444;border:1px solid #b91c1c}.negative-wheel__chords-comparison{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.negative-wheel__chord-box{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 10%, transparent);border-left:4px solid #0000;border-radius:8px;padding:12px}.negative-wheel__chord-box--orig{border-left-color:var(--accent-subdominant)}.negative-wheel__chord-box--neg{border-left-color:#f43f5e}.negative-wheel__chord-box-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:4px;font-size:12px}.negative-wheel__chord-box-name{color:var(--ink-primary);margin-bottom:6px;font-size:16px;font-weight:700}.negative-wheel__chord-box-notes{color:var(--ink-muted);font-size:13px}.negative-wheel__calabrese-card{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--ink-primary) 4%, transparent);border-radius:10px;margin:16px 0;padding:14px;font-size:13px;line-height:1.5}.negative-wheel__calabrese-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.negative-wheel__calabrese-header h3{color:var(--ink-primary);margin:0;font-size:14px;font-weight:700}.negative-wheel__pairs-toggle{color:var(--ink-muted);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.negative-wheel__calabrese-desc{color:var(--ink-muted);margin-bottom:12px}.negative-wheel__specular-table-container{border:1px solid color-mix(in srgb, var(--ink-primary) 10%, transparent);border-radius:6px;max-height:220px;margin-bottom:12px;overflow-y:auto}.negative-wheel__specular-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.negative-wheel__specular-table th{background:color-mix(in srgb, var(--ink-primary) 6%, var(--bg-surface));color:var(--ink-muted);border-bottom:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);padding:6px 10px;font-weight:600;position:sticky;top:0}.negative-wheel__specular-table td{border-bottom:1px solid color-mix(in srgb, var(--ink-primary) 6%, transparent);color:var(--ink-primary);padding:6px 10px}.negative-wheel__row--fixed{background:color-mix(in srgb, var(--status-error) 12%, var(--bg-surface))}.negative-wheel__fixed-tag{color:var(--status-error);font-size:11px;font-weight:700}.negative-wheel__hemispheres-box{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 10%, transparent);border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid}.negative-wheel__hemisphere-title{text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.negative-wheel__hemisphere-notes{color:var(--accent-subdominant);font-size:13px;font-weight:600}.negative-wheel__hemisphere-side:nth-child(2) .negative-wheel__hemisphere-notes{color:#f43f5e}.negative-wheel__playback-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.negative-wheel__play-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .2s,transform .1s}.negative-wheel__play-btn:active{transform:scale(.98)}.negative-wheel__play-btn--orig{color:#fff;background:#0284c7}.negative-wheel__play-btn--orig:hover{background:#0369a1}.negative-wheel__play-btn--neg{color:#fff;background:#e11d48}.negative-wheel__play-btn--neg:hover{background:#be123c}.negative-wheel__play-btn--both{color:#fff;background:#7e22ce}.negative-wheel__play-btn--both:hover{background:#6b21a8}.negative-wheel__play-btn--simultaneous{color:#fff;background:#059669}.negative-wheel__play-btn--simultaneous:hover{background:#047857}.circulo-page{flex-direction:column;gap:24px;display:flex}.circulo-page__header{flex-direction:column;gap:16px;display:flex}.circulo-page__title{color:var(--ink-primary);margin:0}.circulo-page__lead{max-width:72ch;color:var(--ink-muted);margin:0}.circulo-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.circulo-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.circulo-page__scheme-btn:hover{color:var(--ink-primary)}.circulo-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary)}.circulo-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.circulo-page__layout{grid-template-columns:minmax(320px,1.4fr) minmax(240px,1fr);align-items:start;gap:28px;display:grid}@media (width<=768px){.circulo-page__layout{grid-template-columns:1fr;gap:20px}}.circulo-page__wheel{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;width:100%;max-width:580px;height:auto;margin:0 auto}.circulo-page__ring{fill:none;stroke:var(--bg-raised);stroke-width:1.5px}.circulo-page__node{cursor:pointer}.circulo-page__node-shape{fill:var(--bg-surface);stroke:var(--ink-muted);stroke-width:1.5px;transition:stroke var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease)}.circulo-page__node-label{font:700 15px var(--font-ui);fill:var(--ink-primary)}.circulo-page__node-count{font:400 10px var(--font-ui);fill:var(--ink-muted)}.circulo-page__node:hover .circulo-page__node-shape{stroke:var(--accent-subdominant)}.circulo-page__node:focus-visible{outline:none}.circulo-page__node:focus-visible .circulo-page__node-shape{stroke:var(--ink-primary);filter:drop-shadow(0 0 0 2px var(--bg-canvas)) drop-shadow(0 0 0 4px var(--ink-primary))}.circulo-page__node--active .circulo-page__node-shape{stroke:var(--accent-tonic);fill:var(--bg-raised)}.circulo-page__node--active .circulo-page__node-label{fill:var(--accent-tonic)}.circulo-page__tie{stroke:var(--bg-raised);stroke-width:1.5px;stroke-dasharray:2 3}.circulo-page__node--partner .circulo-page__node-shape{fill:var(--bg-canvas)}.circulo-page__node-label--small{font-size:12px}.circulo-page__detail{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.circulo-page__detail-title{color:var(--ink-primary);text-align:center;margin:0;font-size:1.1rem}.circulo-page__detail-body{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.circulo-page__detail-text{width:100%;color:var(--ink-muted);text-align:left;margin:0;font-size:.92rem;line-height:1.55}.circulo-page__ring--minor{stroke:var(--accent-minor);stroke-dasharray:3 4;opacity:.5}.circulo-page__node--minor .circulo-page__node-shape{fill:var(--bg-canvas);stroke:var(--accent-minor)}.circulo-page__node--minor .circulo-page__node-label{fill:var(--accent-minor)}.circulo-page__node.circulo-page__node--minor.circulo-page__node--active .circulo-page__node-shape{stroke:var(--accent-minor);fill:var(--bg-raised)}.circulo-page__node.circulo-page__node--minor.circulo-page__node--active .circulo-page__node-label{fill:var(--accent-minor)}.circulo-page__play--minor{background:var(--accent-minor);color:#2b1400}.circulo-page__detail-title span{color:var(--ink-muted);font-weight:400}.circulo-page__detail-title span.circulo-page__detail-title--focus{color:var(--ink-primary);font-weight:700}.circulo-page__chord-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.secondary-dominants__ring--outer{stroke-dasharray:3 4;opacity:.6}.secondary-dominants__node--dominant .circulo-page__node-shape{fill:var(--bg-canvas)}.secondary-dominants__arrow{stroke:var(--ink-muted);stroke-width:1.5px;opacity:.5;marker-end:url(#secondary-dominants-arrow);transition:stroke var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease)}.secondary-dominants__arrow--active{stroke:var(--accent-dominant);opacity:1;marker-end:url(#secondary-dominants-arrow--active)}.secondary-dominants__arrowhead{fill:var(--ink-muted)}.secondary-dominants__arrowhead--active{fill:var(--accent-dominant)}.dominant-chain__arc{fill:none;stroke:var(--ink-muted);stroke-width:2px;opacity:.55;marker-end:url(#dominant-chain-arrow);transition:stroke var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease)}.dominant-chain__arc--active{stroke:var(--accent-dominant);stroke-width:2.5px;opacity:1;marker-end:url(#dominant-chain-arrow--active)}.dominant-chain__arrowhead{fill:var(--ink-muted)}.dominant-chain__arrowhead--active{fill:var(--accent-dominant)}.motion-staff-box{flex-direction:column;align-items:center;width:100%;min-width:0;margin:.5rem 0;display:flex}.motion-staff{background-color:var(--bg-canvas,#1e293b);border:1px solid var(--bg-raised,#334155);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;max-width:380px;padding:.75rem;display:flex;overflow-x:auto}.motion-staff__svg{width:100%;min-width:0;max-width:100%;height:auto;display:block}.motion-staff__caption{color:var(--ink-muted,#94a3b8);text-align:center;margin-top:.5rem;font-size:.875rem;font-weight:500}.scale-degree{vertical-align:baseline;align-items:baseline;margin:0 .1em;font-family:inherit;line-height:1;display:inline-flex}.scale-degree__accidental{margin-right:1px;font-size:.9em;font-weight:700}.scale-degree__stack{line-height:1;display:inline-block;position:relative}.scale-degree__caret{pointer-events:none;color:currentColor;-webkit-user-select:none;user-select:none;font-size:.95em;font-weight:900;line-height:1;position:absolute;top:-.32em;left:50%;transform:translate(-50%)}.scale-degree__num{font-size:1.08em;font-weight:700;line-height:1;display:inline-block}.scale-degree--sm{font-size:.9rem}.scale-degree--md{font-size:1.05rem}.scale-degree--lg{font-size:1.6rem}.ii-v-i__wheel{width:100%;max-width:580px;margin:0 auto}.ii-v-i__staves{justify-content:center;display:flex}.ii-v-i__staves .motion-staff{max-width:none}.ii-v-i__staves .motion-staff__svg{width:100%!important;height:auto!important}.ii-v-i__ring--mid{stroke-dasharray:3 4;opacity:.6}.ii-v-i__ring--inner{opacity:.6}.ii-v-i__node--tonic .circulo-page__node-shape{stroke:var(--accent-tonic)}.ii-v-i__node--tonic .circulo-page__node-label{fill:var(--accent-tonic)}.ii-v-i__node--dominant .circulo-page__node-shape{stroke:var(--accent-dominant);fill:var(--bg-canvas)}.ii-v-i__node--dominant .circulo-page__node-label{fill:var(--accent-dominant)}.ii-v-i__node--subdominant .circulo-page__node-shape{stroke:var(--accent-subdominant);fill:var(--bg-canvas)}.ii-v-i__node--subdominant .circulo-page__node-label{fill:var(--accent-subdominant)}.ii-v-i__node--selected .circulo-page__node-shape{stroke-width:3px;fill:var(--bg-raised)}.ii-v-i__node-label--small{font-size:12px}.ii-v-i__arrow{stroke:var(--ink-muted);stroke-width:1.5px;opacity:.45;marker-end:url(#ii-v-i-arrow);transition:stroke var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease)}.ii-v-i__arrow--dashed{stroke-dasharray:5 5;opacity:.35}.ii-v-i__arrow--active{stroke:var(--accent-dominant);stroke-width:2px;opacity:1;marker-end:url(#ii-v-i-arrow--active)}.ii-v-i__arrowhead{fill:var(--ink-muted)}.ii-v-i__arrowhead--active{fill:var(--accent-dominant)}.ii-v-i__legend{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:12px;font-size:.85rem;display:flex}.ii-v-i__legend-item{align-items:center;gap:6px;display:inline-flex}.ii-v-i__legend-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ii-v-i__legend-item--subdominant .ii-v-i__legend-swatch{background:var(--accent-subdominant)}.ii-v-i__legend-item--dominant .ii-v-i__legend-swatch{background:var(--accent-dominant)}.ii-v-i__legend-item--tonic .ii-v-i__legend-swatch{background:var(--accent-tonic)}.indice-page{flex-direction:column;gap:24px;display:flex}.indice-controls{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.indice-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.indice-select{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);cursor:pointer;text-overflow:ellipsis;border-radius:6px;max-width:100%;padding:6px 12px;font-size:.9rem}.indice-select:focus-visible{outline:2px solid var(--accent-subdominant)}.indice-grid{gap:16px;display:grid}.indice-grid--3col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.indice-stat-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex}.indice-stat-card__icon{font-size:1.6rem}.indice-stat-card__content h4{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin:0 0 4px;font-size:.8rem}.indice-stat-card__val{color:var(--ink-primary);margin:0 0 2px;font-size:1.25rem;font-weight:700}.indice-stat-card__content small{color:var(--ink-muted);font-size:.75rem}.indice-table-container{margin-top:8px;overflow-x:auto}.indice-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.indice-table th,.indice-table td{border-bottom:1px solid var(--bg-raised);padding:10px 14px}.indice-table th{background:var(--bg-canvas);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.indice-table__row--active{background:#7dd3fc1f}.indice-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.indice-tag--blue{color:var(--accent-subdominant);background:#38bdf826;border:1px solid #38bdf84d}.indice-tag--gold{background:color-mix(in srgb, var(--accent-minor) 18%, transparent);color:var(--accent-minor);border:1px solid color-mix(in srgb, var(--accent-minor) 40%, transparent)}.indice-keyboard-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;padding:20px;overflow-x:auto}.indice-piano{-webkit-user-select:none;user-select:none;min-width:660px;height:140px;display:flex;position:relative}.indice-piano__white-key{cursor:pointer;color:#0f172a;z-index:1;background:#f8fafc;border:1px solid #cbd5e1;border-radius:0 0 6px 6px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:10px;font-size:.75rem;font-weight:700;transition:background .15s;display:flex}.indice-piano__white-key:hover{background:#e2e8f0}.indice-piano__white-key--selected{background:var(--accent-minor)!important;color:#fff!important;border-color:var(--accent-minor)!important}.indice-piano__black-key{cursor:pointer;color:#f8fafc;z-index:5;background:#1e293b;border:1px solid #0f172a;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;width:4.2%;height:60%;padding-bottom:6px;font-size:.65rem;font-weight:700;transition:background .15s;display:flex;position:absolute;top:0}.indice-piano__black-key:hover{background:#334155}.indice-piano__black-key--selected{background:var(--accent-minor)!important;color:#fff!important;border-color:var(--accent-minor)!important}.indice-inspector-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px;display:grid}.indice-inspector-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.indice-inspector-card--gold{border-color:var(--accent-tonic)}.indice-inspector-card__badge{text-transform:uppercase;color:var(--ink-muted);letter-spacing:.05em;font-size:.7rem;font-weight:700}.indice-inspector-card h3{color:var(--ink-primary);margin:0;font-size:1.1rem}.indice-inspector-main-val{color:var(--accent-subdominant);font-size:2.2rem;font-weight:800}.indice-inspector-card--gold .indice-inspector-main-val{color:var(--accent-tonic)}.indice-inspector-list{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.indice-inspector-list strong{color:var(--ink-primary)}.indice-comparison-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;margin-top:8px;padding:16px;overflow-x:auto}.figured-bass-staff-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.figured-bass-staff{justify-content:center;width:100%;display:flex}.figured-bass-staff__svg{width:100%;min-width:0;max-width:240px;height:auto;display:block}.figured-bass-staff__caption{color:var(--ink-muted);text-align:center;font-size:.85rem;font-weight:500}.cifrado-page{flex-direction:column;gap:24px;display:flex}.cifrado-page__header{flex-direction:column;gap:16px;display:flex}.cifrado-page__title{color:var(--ink-primary);margin:0}.cifrado-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.cifrado-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.cifrado-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.cifrado-page__scheme-btn:hover{color:var(--ink-primary)}.cifrado-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary)}.cifrado-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cifrado-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex}.cifrado-card__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.cifrado-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.5}.cifrado-grid{gap:16px;display:grid}.cifrado-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cifrado-grid--3col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cifrado-controls{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.cifrado-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.cifrado-key-selector{gap:6px;display:flex}.cifrado-key-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .15s}.cifrado-key-btn:hover{color:var(--ink-primary)}.cifrado-key-btn--active{background:var(--accent-subdominant);color:#0f172a;border-color:var(--accent-subdominant)}.cifrado-info-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.cifrado-info-box--gold{border-color:var(--accent-tonic)}.cifrado-info-box__header{align-items:center;gap:8px;display:flex}.cifrado-info-box__header h3{color:var(--ink-primary);margin:0;font-size:1.1rem}.cifrado-info-box ul{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:flex}.cifrado-callout{border-left:4px solid var(--accent-tonic);color:var(--accent-tonic);background:#f973161a;border-radius:6px;padding:12px 16px;font-size:.9rem;line-height:1.5}.cifrado-table-container{border:1px solid var(--bg-raised);border-radius:10px;overflow-x:auto}.cifrado-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.cifrado-table th{background:var(--bg-canvas);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bg-raised);padding:10px 14px;font-size:.75rem;font-weight:600}.cifrado-table td{border-bottom:1px solid var(--bg-raised);color:var(--ink-primary);padding:10px 14px}.cifrado-table__section-header td{color:#fb923c;letter-spacing:.05em;text-transform:uppercase;background:#f9731626;font-size:.8rem;font-weight:800}.cifrado-badge{background:var(--bg-raised);color:var(--ink-primary);border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700;display:inline-block}.cifrado-step-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.cifrado-step-card__num{color:var(--accent-tonic);font-size:1.8rem;font-weight:900;line-height:1}.cifrado-step-card h3{color:var(--ink-primary);margin:0;font-size:1.05rem}.cifrado-step-card p,.cifrado-step-card ul{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.5}.cifrado-rule-box{background:var(--bg-canvas);border:1px solid var(--accent-subdominant);border-radius:10px;padding:16px}.cifrado-rule-box h3{color:var(--accent-subdominant);margin:0 0 10px;font-size:1.05rem}.cifrado-rule-box ul{color:var(--ink-primary);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:flex}.cifrado-interactive-layout{grid-template-columns:320px 1fr;gap:20px;display:grid}@media (width<=900px){.cifrado-interactive-layout{grid-template-columns:1fr}}.cifrado-selector-list{flex-direction:column;gap:8px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.cifrado-selector-item{background:var(--bg-canvas);border:1px solid var(--bg-raised);text-align:left;cursor:pointer;color:var(--ink-primary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.cifrado-selector-item:hover{background:var(--bg-raised)}.cifrado-selector-item--active{border-color:var(--accent-tonic);background:#f9731626}.cifrado-selector-item__badge{background:var(--accent-tonic);color:#1a0f2e;text-align:center;border-radius:6px;min-width:45px;padding:4px 8px;font-size:.8rem;font-weight:800}.cifrado-selector-item__info{flex-direction:column;display:flex}.cifrado-selector-item__info strong{color:var(--ink-primary);font-size:.88rem}.cifrado-selector-item__info small{color:var(--ink-muted);font-size:.78rem}.cifrado-display-panel{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}.cifrado-display-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cifrado-display-panel__header h3{color:var(--ink-primary);margin:0 0 4px;font-size:1.2rem}.cifrado-tag--orange{color:#fb923c;background:#f973162e;border-radius:6px;padding:3px 8px;font-size:.8rem;font-weight:600}.cifrado-btn{cursor:pointer;border:1px solid var(--bg-raised);background:var(--accent-dominant);color:#1a0f2e;transition:filter var(--motion-fast) var(--motion-ease);border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600}.cifrado-btn:hover:not(:disabled){filter:brightness(1.08)}.cifrado-btn:disabled{opacity:.6;cursor:not-allowed}.cifrado-display-panel__body{flex-direction:column;gap:16px;display:flex}.cifrado-analysis-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.cifrado-analysis-box h4{color:var(--accent-tonic);text-transform:uppercase;letter-spacing:.03em;margin:6px 0 2px;font-size:.9rem}.cifrado-intervals-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cifrado-intervals-list li{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);border-radius:6px;padding:4px 10px;font-size:.82rem}.cifrado-bullet{color:var(--accent-tonic)}.cifrado-comparison-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.cifrado-comparison-card--blue{border-color:var(--accent-subdominant)}.cifrado-comparison-card h3{color:var(--ink-primary);margin:0;font-size:1.1rem}.cifrado-comparison-card ul{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:flex}.cifrado-references-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;padding:16px}.cifrado-references-box h3{color:var(--ink-primary);margin:0 0 10px;font-size:1.05rem}.cifrado-refs-list{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.9rem;display:flex}.cadence-staff-box{flex-direction:column;align-items:center;width:100%;min-width:0;margin:.5rem 0;display:flex}.cadence-staff{background-color:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:var(--radius-md,8px);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:0;max-width:440px;padding:.75rem;display:flex;overflow-x:auto;box-shadow:0 4px 12px #00000040}.cadence-staff__svg{width:100%;min-width:0;max-width:100%;height:auto;display:block}.cadence-staff__caption{color:var(--ink-muted);text-align:center;margin-top:.5rem;font-size:.875rem;font-weight:500}.cadencias-page{flex-direction:column;gap:24px;display:flex}.cadencias-page__header{flex-direction:column;gap:16px;display:flex}.cadencias-page__title{color:var(--ink-primary);margin:0}.cadencias-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.cadencias-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.cadencias-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.cadencias-page__scheme-btn:hover{color:var(--ink-primary)}.cadencias-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.cadencias-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cadencias-section{animation:fadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cadencias-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.cadencias-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cadencias-card__title{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.cadencias-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.cadencias-card__badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.cadencias-card__badge--conclusive{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.cadencias-card__badge--progressive{color:var(--status-warning);background-color:#fb923c26;border:1px solid #fb923c66}.cadencias-grid{gap:16px;display:grid}.cadencias-grid--2col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cadencia-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border-radius:12px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;display:flex;box-shadow:0 2px 10px #0003}.cadencia-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px);box-shadow:0 6px 16px #00000047}.cadencia-example-card__body{flex-direction:column;align-items:center;width:100%;display:flex}.cadencia-example-card__header{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.cadencia-example-card__header--inline{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}.cadencia-example-card__title{color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:700}.cadencia-example-card__symbols{color:var(--accent-subdominant);background:#38bdf81f;border-radius:9999px;padding:2px 12px;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.cadencia-example-card__meta{color:var(--ink-muted);text-align:center;max-width:42ch;margin:8px 0 0;font-size:.875rem;line-height:1.4}.cadencia-example-card__btn{background:var(--accent-subdominant);width:100%;color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.cadencia-example-card__btn:hover{filter:brightness(1.15)}.cadencia-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.kostka-matrix{grid-template-columns:140px 1fr 1fr;gap:8px;margin:12px 0;display:grid}.kostka-matrix__header{text-transform:uppercase;min-width:0;color:var(--ink-muted);text-align:center;background:var(--bg-raised);border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:.8rem;font-weight:700;display:flex}.kostka-matrix__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);min-width:0;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;padding:14px}@media (width<=480px){.kostka-matrix{grid-template-columns:78px 1fr 1fr;gap:6px}.kostka-matrix__header{padding:6px 4px;font-size:.68rem;line-height:1.2}.kostka-matrix__cell{padding:8px 6px}.kostka-matrix__cell-title{font-size:.85rem}.kostka-matrix__cell-sub{font-size:.72rem}}.kostka-matrix__cell--active{border-color:var(--accent-tonic);background:#34d3991a;box-shadow:0 0 12px #34d39933}.kostka-matrix__cell-title{color:var(--ink-primary);margin-bottom:4px;font-size:1.05rem;font-weight:700}.kostka-matrix__cell-sub{color:var(--ink-muted);font-size:.85rem}.cadencias-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cadencias-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.cadencias-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.cadencias-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.quiz{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex}.quiz__header{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.quiz__title{align-items:center;gap:9px;margin:0;font-size:1.02rem;font-weight:700;display:flex}.quiz__title svg{color:var(--accent-dominant)}.quiz__meter{align-items:center;gap:5px;display:flex}.quiz__dot{background:var(--bg-raised);width:9px;height:9px;transition:transform var(--motion-fast) var(--motion-ease);border-radius:50%}.quiz__dot--right{background:var(--accent-tonic)}.quiz__dot--wrong{background:var(--status-error)}.quiz__dot--current{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-dominant) 45%, transparent);transform:scale(1.5)}.quiz__meter-text{letter-spacing:.04em;color:var(--ink-muted);margin-left:8px;font-size:.76rem;font-weight:700}.quiz__intro,.quiz__prompt{margin:0;line-height:1.62}.quiz__intro{color:var(--ink-muted);font-size:.9rem}.quiz__prompt{font-size:1.02rem}.quiz__prompt strong{color:var(--accent-dominant)}.quiz__body{animation:quiz-enter .26s var(--motion-ease) both;flex-direction:column;gap:15px;display:flex}@keyframes quiz-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.quiz__audio{border:1px solid color-mix(in srgb, var(--accent-subdominant) 42%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);color:var(--accent-subdominant-ink);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.quiz__audio:hover{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent)}.quiz__options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quiz__option{border:1px solid var(--bg-raised);background:var(--bg-canvas);width:100%;color:var(--ink-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:11px;align-items:flex-start;gap:11px;padding:12px 15px;font-size:.92rem;line-height:1.5;display:flex}.quiz__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-dominant) 50%, transparent)}.quiz__option-mark{border:2px solid var(--ink-muted);width:16px;height:16px;transition:all var(--motion-fast) var(--motion-ease);border-radius:50%;flex:none;margin-top:2px}.quiz__option--on{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, transparent)}.quiz__option--on .quiz__option-mark{border-color:var(--accent-dominant);background:var(--accent-dominant);box-shadow:inset 0 0 0 3px var(--bg-canvas)}.quiz__option--out{opacity:.5;cursor:not-allowed;text-decoration:line-through;-webkit-text-decoration-color:var(--status-error);text-decoration-color:var(--status-error);text-decoration-thickness:2px}.quiz__option--answer{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 14%, transparent)}.quiz__option--answer .quiz__option-mark{border-color:var(--accent-tonic);background:var(--accent-tonic);box-shadow:inset 0 0 0 3px var(--bg-canvas)}.quiz__option:disabled{cursor:default}.quiz__text{flex-direction:column;gap:10px;display:flex}.quiz__input{border:1px solid var(--bg-raised);background:var(--bg-canvas);width:100%;max-width:320px;color:var(--ink-primary);letter-spacing:.08em;border-radius:10px;padding:11px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.06rem}.quiz__input:focus{outline:2px solid color-mix(in srgb, var(--accent-dominant) 60%, transparent);outline-offset:1px}.quiz__keypad{flex-wrap:wrap;gap:6px;display:flex}.quiz__key{border:1px solid var(--bg-raised);background:var(--bg-raised);min-width:38px;color:var(--ink-primary);cursor:pointer;border-radius:9px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:700}.quiz__key:hover:not(:disabled){border-color:var(--accent-dominant)}.quiz__key--wide{min-width:78px;font-family:var(--font-ui);color:var(--ink-muted);font-size:.8rem}.quiz__clock-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.quiz__clock{width:min(260px,100%);height:auto}.quiz__clock-ring{stroke:var(--bg-raised);stroke-width:1.5px}.quiz__clock-node{cursor:pointer}.quiz__clock-node--locked{cursor:default}.quiz__clock-disc{fill:var(--bg-canvas);stroke:var(--bg-raised);stroke-width:1.5px;transition:fill var(--motion-fast) var(--motion-ease), stroke var(--motion-fast) var(--motion-ease)}.quiz__clock-node:hover .quiz__clock-disc{stroke:var(--accent-dominant)}.quiz__clock-int{fill:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.quiz__clock-name{fill:var(--ink-muted);font-family:var(--font-ui);font-size:9.5px}.quiz__clock-node--picked .quiz__clock-disc{fill:var(--accent-dominant);stroke:var(--accent-dominant)}.quiz__clock-node--picked .quiz__clock-int{fill:var(--ink-on-accent)}.quiz__clock-node--given .quiz__clock-disc{fill:color-mix(in srgb, var(--accent-subdominant) 30%, var(--bg-canvas));stroke:var(--accent-subdominant)}.quiz__clock-node--given .quiz__clock-int{fill:var(--accent-subdominant-ink)}.quiz__clock-node--answer .quiz__clock-disc{fill:color-mix(in srgb, var(--accent-tonic) 22%, var(--bg-canvas));stroke:var(--accent-tonic);stroke-width:2.5px;animation:quiz-clock-reveal .9s var(--motion-ease) 2}@keyframes quiz-clock-reveal{0%,to{r:17}50%{r:20}}.quiz__clock-node:focus-visible{outline:none}.quiz__clock-node:focus-visible .quiz__clock-disc{stroke:var(--accent-dominant);stroke-width:3px}.quiz__clock-hint{color:var(--ink-muted);margin:0;font-size:.78rem}.quiz__hint,.quiz__feedback{align-items:flex-start;gap:8px;margin:0;font-size:.87rem;line-height:1.55;display:flex}.quiz__hint{border-left:3px solid var(--status-warning);background:color-mix(in srgb, var(--status-warning) 10%, transparent);color:var(--ink-primary);border-radius:10px;padding:10px 13px}.quiz__hint svg,.quiz__feedback svg{flex:none;margin-top:2px}.quiz__feedback--wrong{color:var(--status-error);animation:quiz-shake .3s var(--motion-ease);font-weight:600}@keyframes quiz-shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz__explain{border-left:3px solid var(--bg-raised);background:var(--bg-canvas);animation:quiz-explain-in .3s var(--motion-ease) both;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}@keyframes quiz-explain-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.quiz__explain--right{border-left-color:var(--accent-tonic)}.quiz__explain--revealed{border-left-color:var(--status-warning)}.quiz__verdict{align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:700;display:flex}.quiz__explain--right .quiz__verdict{color:var(--accent-tonic-ink)}.quiz__explain--revealed .quiz__verdict{color:var(--status-warning-ink)}.quiz__verdict strong{color:var(--ink-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.quiz__explain-text{color:var(--ink-primary);margin:0;font-size:.89rem;line-height:1.65}.quiz__whynot{border-left:2px solid color-mix(in srgb, var(--status-error) 45%, transparent);color:var(--ink-muted);margin:0;padding-left:12px;font-size:.83rem;line-height:1.55}.quiz__source{color:var(--ink-muted);margin:0;font-size:.76rem;font-style:italic}.quiz__actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.quiz__btn{font:inherit;cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-size:.87rem;font-weight:700;display:inline-flex}.quiz__btn--primary{background:var(--accent-dominant);color:var(--ink-on-dominant)}.quiz__btn--primary:hover:not(:disabled){opacity:.88}.quiz__btn--primary:disabled{opacity:.4;cursor:not-allowed}.quiz__btn--ghost{border-color:var(--bg-raised);color:var(--ink-muted);background:0 0}.quiz__btn--ghost:hover{border-color:var(--status-warning);color:var(--status-warning-ink)}.quiz__summary{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 18px 22px;display:flex}.quiz__summary-score{color:var(--accent-tonic-ink);margin:0;font-size:2.6rem;font-weight:800;line-height:1}.quiz__summary-score span{color:var(--ink-muted);font-size:1.1rem;font-weight:600}.quiz__summary-text{max-width:42ch;color:var(--ink-muted);margin:0 0 6px;font-size:.9rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.quiz__body,.quiz__explain,.quiz__feedback--wrong,.quiz__clock-node--answer .quiz__clock-disc{animation:none}}@media (width<=620px){.quiz{padding:16px}.quiz__header{flex-direction:column;align-items:flex-start}}.sec-page{--modos-accent:var(--accent-tonic-ink)}.sec-conditions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.sec-conditions article{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-top:3px solid var(--modos-accent);border-radius:14px;padding:1.2rem 1.3rem}.sec-conditions span{color:var(--modos-accent);letter-spacing:.13em;font-size:.72rem;font-weight:850}.sec-conditions h3{margin:.35rem 0 .5rem;font-size:1.05rem;font-weight:700}.sec-conditions p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.sec-heading{margin-top:.5rem!important}.sec-model,.sec-copy{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:1.2rem 1.35rem}.sec-model__head,.sec-copy__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.6rem;display:flex}.sec-model__head h3{margin:0;font-size:1.05rem;font-weight:700}.sec-copies{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem;display:grid}.sec-copy__tag{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.sec-copy__verdict{border-radius:999px;margin-top:.25rem;padding:.2rem .6rem;font-size:.8rem;font-weight:800;display:inline-block}.sec-copy--tonal .sec-copy__verdict{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 14%, transparent)}.sec-copy--real .sec-copy__verdict{color:var(--accent-minor-ink);background:color-mix(in srgb, var(--accent-minor) 14%, transparent)}.sec-intervals{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem 0 .7rem;display:grid}.sec-intervals div{background:var(--bg-canvas);border-radius:9px;padding:.6rem .7rem}.sec-intervals dt{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.sec-intervals dd{color:var(--ink-primary);font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:.9rem;font-weight:700}.sec-intervals__ref{color:var(--ink-muted)!important;font-size:.75rem!important;font-weight:500!important}.sec-copy__reason{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.6}.sec-audio-btn{color:var(--modos-accent);background:color-mix(in srgb, var(--modos-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--modos-accent) 28%, transparent);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .8rem;font-family:inherit;font-size:.82rem;font-weight:650;transition:background .15s;display:inline-flex}.sec-audio-btn:hover{background:color-mix(in srgb, var(--modos-accent) 20%, transparent)}.sec-audio-btn:focus-visible{outline:2px solid var(--modos-accent);outline-offset:2px}.sec-example,.sec-pattern{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:1.2rem 1.35rem}.sec-example__head,.sec-pattern__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.sec-example__head h3,.sec-pattern__head h3{margin:.2rem 0 .3rem;font-size:1.05rem;font-weight:700}.sec-example__head p{color:var(--ink-muted);margin:0;font-size:.88rem;font-weight:650}.sec-patterns{gap:1rem;display:grid}.sec-pattern__kostka{color:var(--modos-accent);letter-spacing:.08em;font-size:.72rem;font-weight:850}.sec-pattern__grades,.sec-lab-grades{color:var(--ink-primary);letter-spacing:.02em;margin:0;font-size:.86rem;font-weight:700}.sec-pattern__desc{color:var(--ink-muted);margin:.7rem 0 0;font-size:.88rem;line-height:1.6}.sec-rules{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:1.3rem 1.5rem}.sec-rules h3{margin:0 0 .8rem;font-size:1.05rem;font-weight:700}.sec-rules ol{gap:.6rem;margin:0;padding-left:1.3rem;display:grid}.sec-rules li{color:var(--ink-muted);font-size:.92rem;line-height:1.6}.sec-rules li strong{color:var(--ink-primary)}.sec-rules__src{color:var(--ink-muted);margin:1rem 0 0;font-size:.76rem}.sec-lab-controls{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1.2rem;padding:1rem 1.2rem;display:flex}.sec-lab-controls label{flex-direction:column;gap:.35rem;display:flex}.sec-lab-controls span{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.sec-lab-controls select,.sec-lab-controls input{color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);accent-color:var(--modos-accent);border-radius:8px;padding:.4rem .6rem;font-family:inherit;font-size:.9rem}.sec-verdict{box-sizing:border-box;border-radius:10px;padding:.9rem 1.2rem;font-size:.9rem}.sec-verdict p{margin:0;font-weight:650}.sec-verdict ul{margin:.5rem 0 0;padding-left:1.2rem}.sec-verdict--ok{color:var(--accent-tonic-ink);background:color-mix(in srgb, var(--accent-tonic) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-tonic) 26%, transparent)}.sec-verdict--bad{color:var(--status-warning-ink);background:color-mix(in srgb, var(--status-warning) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-warning) 26%, transparent)}@media (width<=900px){.sec-conditions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.sec-conditions,.sec-intervals{grid-template-columns:minmax(0,1fr)}.sec-model__head,.sec-copy__head,.sec-example__head,.sec-pattern__head{flex-direction:column;align-items:flex-start}}.contrapunto-anim{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);color:var(--ink-primary,#f9fafb);border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 4px 20px -2px #00000040}:root[data-theme=light] .contrapunto-anim{color:#111827;background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px -2px #0000000d}.contrapunto-anim__header-toolbar{border-bottom:1px solid var(--bg-raised,#1f2937);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}:root[data-theme=light] .contrapunto-anim__header-toolbar{border-bottom-color:#e2e8f0}.contrapunto-anim__preset-selector{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contrapunto-anim__preset-label{color:var(--ink-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:700}.contrapunto-anim__preset-pills{flex-wrap:wrap;gap:6px;display:flex}.contrapunto-anim__preset-pill{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);cursor:pointer;border:1px solid #ffffff14;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.contrapunto-anim__preset-pill:hover{color:var(--ink-primary,#f9fafb);background:#38bdf826}.contrapunto-anim__preset-pill--active{font-weight:700;box-shadow:0 2px 10px #38bdf859;background:var(--accent-subdominant,#38bdf8)!important;color:var(--ink-on-accent,#04110c)!important;border-color:var(--accent-subdominant,#38bdf8)!important}:root[data-theme=light] .contrapunto-anim__preset-pill{color:#475569;background:#f1f5f9;border-color:#cbd5e1}:root[data-theme=light] .contrapunto-anim__preset-pill:hover{color:#0284c7;background:#e2e8f0}:root[data-theme=light] .contrapunto-anim__preset-pill--active{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.contrapunto-anim__btn-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #0284c74d}.contrapunto-anim__btn-generate:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0284c773}.contrapunto-anim__btn-generate:active{transform:translateY(0)}.contrapunto-anim__preset-info{background:var(--bg-canvas,#070a0f);border-left:4px solid var(--accent-subdominant,#38bdf8);border-radius:0 10px 10px 0;flex-direction:column;gap:4px;padding:12px 18px;display:flex}:root[data-theme=light] .contrapunto-anim__preset-info{background:#f8fafc;border-left-color:#0284c7}.contrapunto-anim__preset-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contrapunto-anim__preset-title{color:var(--ink-primary,#f9fafb);margin:0;font-size:15.5px;font-weight:800}:root[data-theme=light] .contrapunto-anim__preset-title{color:#0f172a}.contrapunto-anim__preset-source{color:var(--accent-subdominant,#38bdf8);background:#38bdf81f;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}:root[data-theme=light] .contrapunto-anim__preset-source{color:#0369a1;background:#e0f2fe}.contrapunto-anim__preset-desc{color:var(--ink-muted,#9ca3af);margin:0;font-size:13.5px;line-height:1.4}:root[data-theme=light] .contrapunto-anim__preset-desc{color:#475569}.contrapunto-anim__controls{border-bottom:1px solid var(--bg-raised,#1f2937);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}:root[data-theme=light] .contrapunto-anim__controls{border-bottom-color:#e2e8f0}.contrapunto-anim__playback-group{align-items:center;gap:10px;display:flex}.contrapunto-anim__btn-play{background:var(--accent-subdominant,#38bdf8);color:var(--ink-on-accent,#04110c);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}:root[data-theme=light] .contrapunto-anim__btn-play{color:#fff;background:#0284c7}.contrapunto-anim__btn-play:hover{transform:translateY(-1px)}.contrapunto-anim__btn-play--active{background:var(--accent-minor,#fb923c)}.contrapunto-anim__btn-step,.contrapunto-anim__btn-reset{background:var(--bg-raised,#1f2937);width:36px;height:36px;color:var(--ink-primary,#f9fafb);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}:root[data-theme=light] .contrapunto-anim__btn-step,:root[data-theme=light] .contrapunto-anim__btn-reset{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.contrapunto-anim__btn-step:hover:not(:disabled),.contrapunto-anim__btn-reset:hover{color:var(--accent-subdominant,#38bdf8);background:#38bdf826}.contrapunto-anim__btn-step:disabled{opacity:.35;cursor:not-allowed}.contrapunto-anim__step-indicator{color:var(--ink-muted,#9ca3af);padding:0 6px;font-size:14px;font-weight:500}.contrapunto-anim__step-indicator strong{color:var(--ink-primary,#f9fafb);font-size:15px}:root[data-theme=light] .contrapunto-anim__step-indicator strong{color:#0f172a}.contrapunto-anim__voice-toggles{align-items:center;gap:8px;display:flex}.contrapunto-anim__toggle-label{color:var(--ink-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:600}.contrapunto-anim__voice-btn{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);cursor:pointer;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}:root[data-theme=light] .contrapunto-anim__voice-btn{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.contrapunto-anim__voice-btn:hover{color:var(--ink-primary,#f9fafb)}.contrapunto-anim__voice-btn--active{color:var(--accent-subdominant,#38bdf8);border-color:var(--accent-subdominant,#38bdf8);background:#38bdf826}:root[data-theme=light] .contrapunto-anim__voice-btn--active{color:#0284c7;background:#0284c71f;border-color:#0284c7}.contrapunto-anim__score-wrapper{background:var(--bg-canvas,#070a0f);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-direction:column;align-items:center;padding:16px 12px 12px;display:flex;position:relative;overflow-x:auto}:root[data-theme=light] .contrapunto-anim__score-wrapper{background:#fafafa;border-color:#e2e8f0}.contrapunto-anim__score{justify-content:center;width:100%;max-width:1060px;display:flex}.contrapunto-anim__score svg{width:100%!important;height:auto!important}@keyframes motionStream{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes pulseHalo{0%{r:12px;opacity:.8}50%{r:18px;opacity:.25}to{r:12px;opacity:.8}}@keyframes shimmerRay{0%{opacity:.55;stroke-width:2px}50%{opacity:1;stroke-width:3.5px}to{opacity:.55;stroke-width:2px}}.motion-vector{stroke-linecap:round;transition:opacity .25s,stroke-width .25s}.motion-vector--soprano{stroke:#38bdf8}.motion-vector--bass{stroke:#34d399}:root[data-theme=light] .motion-vector--soprano{stroke:#0284c7}:root[data-theme=light] .motion-vector--bass{stroke:#059669}.motion-vector--future{stroke-dasharray:4 4;stroke-width:1.5px;opacity:.22}.motion-vector--passed{stroke-width:2px;opacity:.65}.motion-vector--active{stroke-width:3.2px;opacity:1;stroke-dasharray:8 4;filter:drop-shadow(0 0 6px #38bdf899);animation:.8s linear infinite motionStream}.motion-vector--bass.motion-vector--active{filter:drop-shadow(0 0 6px #34d39999)}.harmonic-interval-ray{stroke:#fbbf24;stroke-dasharray:4 3;filter:drop-shadow(0 0 4px #fbbf2480);animation:1.4s ease-in-out infinite shimmerRay,1.2s linear infinite motionStream}:root[data-theme=light] .harmonic-interval-ray{stroke:#d97706}.harmonic-interval-badge rect{fill:#1e1b4b;stroke:#fbbf24;stroke-width:1.5px}:root[data-theme=light] .harmonic-interval-badge rect{fill:#fffbeb;stroke:#d97706}.harmonic-interval-badge text{fill:#fbbf24;dominant-baseline:middle;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:800}:root[data-theme=light] .harmonic-interval-badge text{fill:#b45309}.note-halo{fill:none;stroke-width:2px;pointer-events:none;animation:1.2s ease-in-out infinite pulseHalo}.note-halo--soprano{stroke:#38bdf8}.note-halo--bass{stroke:#34d399}:root[data-theme=light] .note-halo--soprano{stroke:#0284c7}:root[data-theme=light] .note-halo--bass{stroke:#059669}.contrapunto-anim__arrows-row{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);border-radius:8px;grid-template-columns:repeat(8,1fr);gap:6px;width:100%;max-width:1060px;margin-top:8px;padding:8px 4px;display:grid}:root[data-theme=light] .contrapunto-anim__arrows-row{background:#fff;border-color:#e2e8f0}.contrapunto-anim__arrow-col{border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;transition:background .15s;display:flex}.contrapunto-anim__arrow-col--active{box-shadow:0 0 0 1px var(--accent-subdominant,#38bdf8);background:#38bdf81f}.contrapunto-anim__symbol-tag{margin-bottom:2px}.symbol-pill{letter-spacing:.02em;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-block}.symbol-pill--c{color:#38bdf8;background:#38bdf829;border:1px solid #38bdf859}.symbol-pill--p{color:#fbbf24;background:#fbbf2429;border:1px solid #fbbf2459}.symbol-pill--s{color:#a78bfa;background:#a78bfa29;border:1px solid #a78bfa59}.symbol-pill--o{color:#c084fc;background:#c084fc29;border:1px solid #c084fc59}.symbol-pill--init{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);border:1px solid #ffffff14}:root[data-theme=light] .symbol-pill--c{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}:root[data-theme=light] .symbol-pill--p{color:#b45309;background:#fef3c7;border-color:#fde68a}:root[data-theme=light] .symbol-pill--s{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}:root[data-theme=light] .symbol-pill--o{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}.contrapunto-anim__arrow-item{align-items:center;gap:4px;display:flex}.contrapunto-anim__arrow-role{color:var(--ink-muted,#9ca3af);font-size:11px;font-weight:700}.arrow-badge{border-radius:4px;align-items:center;padding:1px 5px;font-size:10.5px;font-weight:700;line-height:1.2;display:inline-flex}.arrow-badge--up{color:#38bdf8;background:#38bdf82e}.arrow-badge--down{color:#fb923c;background:#fb923c2e}.arrow-badge--same,.arrow-badge--init{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af)}:root[data-theme=light] .arrow-badge--up{color:#1d4ed8;background:#dbeafe}:root[data-theme=light] .arrow-badge--down{color:#b45309;background:#fef3c7}:root[data-theme=light] .arrow-badge--same,:root[data-theme=light] .arrow-badge--init{color:#475569;background:#f1f5f9}.contrapunto-anim__timeline{grid-template-columns:repeat(8,1fr);gap:6px;width:100%;max-width:1060px;margin-top:10px;display:grid}.contrapunto-anim__segment{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:all .15s;display:flex}:root[data-theme=light] .contrapunto-anim__segment{background:#fff;border-color:#cbd5e1}.contrapunto-anim__segment:hover{border-color:var(--accent-subdominant,#38bdf8);background:var(--bg-raised,#1f2937)}.contrapunto-anim__segment--active{box-shadow:0 0 0 1px var(--accent-subdominant,#38bdf8);border-color:var(--accent-subdominant,#38bdf8)!important;background:#38bdf826!important}.contrapunto-anim__segment--passed{border-color:var(--accent-tonic,#34d399);background:#34d3990f}.contrapunto-anim__segment-num{color:var(--ink-primary,#f9fafb);font-size:13px;font-weight:700}:root[data-theme=light] .contrapunto-anim__segment-num{color:#0f172a}.contrapunto-anim__segment-interval{color:var(--ink-muted,#9ca3af);font-size:11px;font-weight:600}:root[data-theme=light] .contrapunto-anim__segment-interval{color:#475569}.contrapunto-anim__analysis-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=840px){.contrapunto-anim__analysis-grid{grid-template-columns:1fr}}.contrapunto-anim__card{background:var(--bg-canvas,#070a0f);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}:root[data-theme=light] .contrapunto-anim__card{background:#f8fafc;border-color:#e2e8f0}.contrapunto-anim__card--wide{background:#a78bfa0f;border-color:#a78bfa40;grid-column:1/-1}:root[data-theme=light] .contrapunto-anim__card--wide{background:#faf5ff;border-color:#9333ea33}.contrapunto-anim__card-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted,#9ca3af);font-size:11px;font-weight:700}.contrapunto-anim__pitches-row{flex-wrap:wrap;gap:12px;display:flex}.contrapunto-anim__pitch-chip{border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:inline-flex}.contrapunto-anim__pitch-chip--soprano{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.contrapunto-anim__pitch-chip--bass{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}:root[data-theme=light] .contrapunto-anim__pitch-chip--soprano{color:#0369a1;background:#0284c71a;border-color:#0284c740}:root[data-theme=light] .contrapunto-anim__pitch-chip--bass{color:#047857;background:#0596691a;border-color:#05966940}.contrapunto-anim__chip-role{opacity:.85;font-weight:600}.contrapunto-anim__motion-indicator{color:var(--ink-primary,#f9fafb);align-items:center;gap:6px;font-size:14px;display:flex}:root[data-theme=light] .contrapunto-anim__motion-indicator{color:#0f172a}.contrapunto-anim__motion-label{color:var(--ink-muted,#9ca3af)}.contrapunto-anim__motion-exp{color:var(--ink-muted,#9ca3af);margin:0;font-size:13px;line-height:1.4}:root[data-theme=light] .contrapunto-anim__motion-exp{color:#334155}.contrapunto-anim__interval-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.contrapunto-anim__interval-value{color:var(--ink-primary,#f9fafb);font-size:20px;font-weight:800}:root[data-theme=light] .contrapunto-anim__interval-value{color:#0f172a}.contrapunto-anim__quality-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.contrapunto-anim__quality-badge--perfect{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.contrapunto-anim__quality-badge--imperfect{color:#34d399;background:#34d39926;border:1px solid #34d39959}:root[data-theme=light] .contrapunto-anim__quality-badge--perfect{color:#0284c7;background:#0284c71f;border-color:#0284c74d}:root[data-theme=light] .contrapunto-anim__quality-badge--imperfect{color:#059669;background:#0596691f;border-color:#0596694d}.contrapunto-anim__rule-tag{color:var(--ink-muted,#9ca3af);font-size:13px}.contrapunto-anim__rule-tag span{font-weight:700}.contrapunto-anim__rule-title{color:var(--accent-dominant);margin:0;font-size:16px;font-weight:700}:root[data-theme=light] .contrapunto-anim__rule-title{color:var(--accent-dominant)}.contrapunto-anim__rule-desc{color:var(--ink-primary,#f9fafb);margin:0;font-size:14px;line-height:1.5}:root[data-theme=light] .contrapunto-anim__rule-desc{color:#0f172a}.contrapunto-page-container{gap:var(--space-8);max-width:1400px;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.contrapunto-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.contrapunto-page{flex-direction:column;gap:24px;display:flex}.contrapunto-page__header{flex-direction:column;gap:16px;display:flex}.contrapunto-page__title{color:var(--ink-primary);margin:0}.contrapunto-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.contrapunto-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.contrapunto-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.contrapunto-page__scheme-btn:hover{color:var(--ink-primary)}.contrapunto-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.contrapunto-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.contrapunto-section{animation:contrapuntoFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes contrapuntoFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.contrapunto-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.contrapunto-card__title{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.contrapunto-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.contrapunto-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.contrapunto-list>li strong{color:var(--ink-primary)}.contrapunto-list>li{margin-bottom:8px}.contrapunto-table-scroll{padding-bottom:4px;overflow-x:auto}.contrapunto-table{grid-template-columns:minmax(150px,1fr) 1fr 2fr;gap:6px;min-width:480px;margin:4px 0;font-size:.88rem;display:grid}.contrapunto-table__header{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);background:var(--bg-raised);border-radius:6px;padding:8px 10px;font-size:.72rem;font-weight:700}.contrapunto-table__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);border-radius:6px;align-items:center;gap:6px;padding:8px 10px;display:flex}.contrapunto-table__cell--dissonant{color:var(--status-error)}.contrapunto-table__cell--imperfect{color:var(--accent-tonic)}.contrapunto-table__cell--perfect{color:var(--accent-subdominant)}.contrapunto-callout{color:var(--ink-primary);background:#fbbf241a;border:1px solid #fbbf2459;border-radius:10px;gap:10px;padding:14px 16px;font-size:.9rem;line-height:1.55;display:flex}.contrapunto-callout strong{color:var(--status-warning)}.contrapunto-grid{gap:16px;display:grid}.contrapunto-grid--2col{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.contrapunto-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex}.contrapunto-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.contrapunto-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.contrapunto-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.contrapunto-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.contrapunto-example-card__btn:hover{filter:brightness(1.15)}.contrapunto-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.contrapunto-badge{white-space:nowrap;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.contrapunto-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.contrapunto-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.contrapunto-bridge{align-items:flex-start}.contrapunto-link{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.contrapunto-link:hover{border-color:var(--accent-subdominant);filter:brightness(1.1)}.contrapunto-link:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.contrapunto-lab{flex-direction:column;gap:16px;display:flex}.contrapunto-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.contrapunto-lab__controls{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.contrapunto-lab__control{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.contrapunto-lab__control-label{color:var(--ink-muted);font-size:.78rem;font-weight:700}.contrapunto-lab__select{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.95rem}.contrapunto-lab__select:focus-visible{outline:2px solid var(--accent-subdominant)}.contrapunto-lab__verdict{background:var(--bg-canvas);border:1px dashed var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.contrapunto-lab__verdict-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.contrapunto-lab__verdict-title--valid{color:var(--accent-tonic)}.contrapunto-lab__verdict-title--invalid{color:var(--status-error)}.contrapunto-lab__verdict-issues{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.88rem;line-height:1.6}.contrapunto-lab__table{grid-template-columns:repeat(5,minmax(64px,1fr));gap:6px;min-width:420px;font-size:.82rem;display:grid}.contrapunto-lab__table-scroll{padding-bottom:4px;overflow-x:auto}.contrapunto-lab__table-header{text-transform:uppercase;letter-spacing:.02em;color:var(--ink-muted);background:var(--bg-raised);text-align:center;border-radius:6px;padding:6px 8px;font-size:.7rem;font-weight:700}.contrapunto-lab__table-cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);text-align:center;border-radius:6px;padding:6px 8px}.contrapunto-lab__table-cell--dissonant{color:var(--status-error);border-color:#ef444466}.contrapunto-pill{white-space:nowrap;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:700}.contrapunto-pill--static{color:#94a3b8;background:#94a3b833}.contrapunto-pill--oblique{color:var(--accent-subdominant);background:#38bdf833}.contrapunto-pill--contrary{background:color-mix(in srgb, var(--accent-dominant) 20%, transparent);color:var(--accent-dominant)}.contrapunto-pill--similar{color:var(--accent-tonic);background:#34d39933}.contrapunto-pill--parallel{color:#f97316;background:#f9731633}@media (pointer:coarse){.contrapunto-example-card__btn,.quiz-option{padding:12px 14px}}.spacing-staff-box{flex-direction:column;align-items:center;width:100%;margin:.5rem 0;display:flex}.spacing-staff{background-color:var(--bg-canvas,#1e293b);border:1px solid var(--bg-raised,#334155);border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:300px;padding:.75rem;display:flex;overflow-x:auto}.spacing-staff__svg{width:100%;min-width:0;max-width:100%;height:auto;display:block}.spacing-staff__caption{color:var(--ink-muted,#94a3b8);text-align:center;margin-top:.5rem;font-size:.875rem;font-weight:500}.espaciado-page-container{gap:var(--space-8);max-width:1400px;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.espaciado-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.espaciado-page{flex-direction:column;gap:24px;display:flex}.espaciado-page__header{flex-direction:column;gap:16px;display:flex}.espaciado-page__title{color:var(--ink-primary);margin:0}.espaciado-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.espaciado-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.espaciado-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.espaciado-page__scheme-btn:hover{color:var(--ink-primary)}.espaciado-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.espaciado-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.espaciado-section{animation:espaciadoFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes espaciadoFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.espaciado-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.espaciado-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.espaciado-card__title{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.espaciado-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.espaciado-list,.espaciado-rule-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.espaciado-rule-list{flex-direction:column;gap:10px;display:flex}.espaciado-rule-list>li strong,.espaciado-list>li strong{color:var(--ink-primary)}.espaciado-grid{gap:16px;display:grid}.espaciado-grid--2col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.espaciado-grid--3col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.espaciado-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;display:flex}.espaciado-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.espaciado-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.espaciado-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.espaciado-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.espaciado-example-card__btn:hover{filter:brightness(1.15)}.espaciado-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.espaciado-badge{white-space:nowrap;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.espaciado-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.espaciado-badge--info{color:var(--accent-subdominant);background-color:#38bdf826;border:1px solid #38bdf866}.espaciado-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.espaciado-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.espaciado-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.espaciado-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.espaciado-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.espaciado-range-table{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:4px 0;display:grid}.espaciado-range-table__header{text-transform:uppercase;color:var(--ink-muted);text-align:center;background:var(--bg-raised);border-radius:6px;padding:8px;font-size:.8rem;font-weight:700}.espaciado-range-table__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);text-align:center;color:var(--ink-primary);border-radius:6px;padding:10px}.espaciado-lab{grid-template-columns:minmax(260px,320px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=720px){.espaciado-lab{grid-template-columns:1fr}}.espaciado-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.espaciado-lab__panel{flex-direction:column;gap:16px;display:flex}.espaciado-lab__voice-controls{flex-direction:column;gap:8px;display:flex}.espaciado-lab__voice-row{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;grid-template-columns:70px 60px 1fr 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.espaciado-lab__voice-name{color:var(--ink-primary);font-size:.9rem;font-weight:700}.espaciado-lab__voice-pitch{color:var(--accent-subdominant);font-family:Georgia,Times New Roman,serif;font-weight:700}.espaciado-lab__octave-btn{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:6px;padding:6px 8px;font-size:.8rem;font-weight:600}.espaciado-lab__octave-btn:hover{filter:brightness(1.2)}.espaciado-lab__octave-btn:focus-visible{outline:2px solid var(--accent-subdominant)}.espaciado-lab__analysis{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.espaciado-lab__analysis-row{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.espaciado-lab__verdict{border-top:1px dashed var(--bg-raised);justify-content:center;padding-top:8px;display:flex}.movimiento-voces-page-container{gap:var(--space-8);max-width:1400px;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.movimiento-voces-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.movimiento-voces-page{flex-direction:column;gap:24px;display:flex}.movimiento-voces-page__header{flex-direction:column;gap:16px;display:flex}.movimiento-voces-page__title{color:var(--ink-primary);margin:0}.movimiento-voces-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.movimiento-voces-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.movimiento-voces-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.movimiento-voces-page__scheme-btn:hover{color:var(--ink-primary)}.movimiento-voces-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.movimiento-voces-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.movimiento-voces-section{animation:movimientoVocesFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes movimientoVocesFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.movimiento-voces-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.movimiento-voces-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.movimiento-voces-card__title{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.movimiento-voces-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.movimiento-voces-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.movimiento-voces-list>li strong{color:var(--ink-primary)}.movimiento-voces-list>li{margin-bottom:6px}.movimiento-voces-grid{gap:16px;display:grid}.movimiento-voces-grid--2col{grid-template-columns:repeat(auto-fit,minmax(440px,1fr))}.movimiento-voces-grid--3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.movimiento-voces-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;display:flex}.movimiento-voces-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.movimiento-voces-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.movimiento-voces-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.movimiento-voces-example-card__watch{color:var(--ink-muted);text-align:center;margin:0;font-size:.85rem}.movimiento-voces-example-card__watch strong{color:var(--ink-primary)}.movimiento-voces-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.movimiento-voces-example-card__btn:hover{filter:brightness(1.15)}.movimiento-voces-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.movimiento-voces-badge{white-space:nowrap;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.movimiento-voces-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.movimiento-voces-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.movimiento-voces-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.movimiento-voces-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.movimiento-voces-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.movimiento-voces-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.movimiento-voces-legend{flex-wrap:wrap;gap:14px;display:flex}.movimiento-voces-legend__item{color:var(--ink-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.movimiento-voces-legend__swatch{border-radius:9999px;flex-shrink:0;width:10px;height:10px}.movimiento-voces-legend__item--static .movimiento-voces-legend__swatch{background:#94a3b8}.movimiento-voces-legend__item--oblique .movimiento-voces-legend__swatch{background:var(--accent-subdominant)}.movimiento-voces-legend__item--contrary .movimiento-voces-legend__swatch{background:var(--accent-dominant)}.movimiento-voces-legend__item--similar .movimiento-voces-legend__swatch{background:var(--accent-tonic)}.movimiento-voces-legend__item--parallel .movimiento-voces-legend__swatch{background:#f97316}.movimiento-voces-table-scroll{padding-bottom:4px;overflow-x:auto}.movimiento-voces-table{grid-template-columns:minmax(90px,1fr) 1fr 1fr 1fr;gap:6px;min-width:420px;margin:4px 0;font-size:.85rem;display:grid}.movimiento-voces-table__header{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);background:var(--bg-raised);border-radius:6px;padding:8px 10px;font-size:.72rem;font-weight:700}.movimiento-voces-table__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.movimiento-voces-pill{white-space:nowrap;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:700}.movimiento-voces-pill--lg{padding:5px 14px;font-size:.95rem}.movimiento-voces-pill--static{color:#94a3b8;background:#94a3b833}.movimiento-voces-pill--oblique{color:var(--accent-subdominant);background:#38bdf833}.movimiento-voces-pill--contrary{background:color-mix(in srgb, var(--accent-dominant) 20%, transparent);color:var(--accent-dominant)}.movimiento-voces-pill--similar{color:var(--accent-tonic);background:#34d39933}.movimiento-voces-pill--parallel{color:#f97316;background:#f9731633}.movimiento-voces-bridge{align-items:flex-start}.movimiento-voces-link{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.movimiento-voces-link:hover{border-color:var(--accent-subdominant);filter:brightness(1.1)}.movimiento-voces-link:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.movimiento-voces-lab{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=820px){.movimiento-voces-lab{grid-template-columns:minmax(0,1fr)}}.movimiento-voces-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.movimiento-voces-lab__panel{flex-direction:column;gap:16px;display:flex}.movimiento-voces-lab__chords{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;display:grid}@media (width<=480px){.movimiento-voces-lab__chords{grid-template-columns:minmax(0,1fr)}}.movimiento-voces-lab__chord-group{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.movimiento-voces-lab__chord-group-title{color:var(--ink-primary);margin:0 0 2px;font-size:.85rem;font-weight:700}.movimiento-voces-lab__voice-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.movimiento-voces-lab__voice-name{color:var(--ink-muted);font-size:.78rem;font-weight:700}.movimiento-voces-lab__octave-btn{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:6px;padding:4px 6px;font-size:.75rem;font-weight:600}.movimiento-voces-lab__octave-btn:hover{filter:brightness(1.2)}.movimiento-voces-lab__octave-btn:focus-visible{outline:2px solid var(--accent-subdominant)}.movimiento-voces-lab__verdict{background:var(--bg-canvas);border:1px dashed var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.movimiento-voces-lab__verdict-label{color:var(--ink-primary);font-size:.9rem;font-weight:600}.movimiento-voces-lab__verdict-detail{color:var(--ink-muted);font-size:.85rem}.paralelismos-page-container{gap:var(--space-8);max-width:1400px;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.paralelismos-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.paralelismos-page{flex-direction:column;gap:24px;display:flex}.paralelismos-page__header{flex-direction:column;gap:16px;display:flex}.paralelismos-page__title{color:var(--ink-primary);margin:0}.paralelismos-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.paralelismos-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.paralelismos-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.paralelismos-page__scheme-btn:hover{color:var(--ink-primary)}.paralelismos-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.paralelismos-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.paralelismos-section{animation:paralelismosFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes paralelismosFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.paralelismos-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.paralelismos-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.paralelismos-card__title{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.paralelismos-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.paralelismos-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.paralelismos-list>li strong{color:var(--ink-primary)}.paralelismos-grid{gap:16px;display:grid}.paralelismos-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.paralelismos-grid--3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.paralelismos-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;display:flex}.paralelismos-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.paralelismos-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.paralelismos-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.paralelismos-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.paralelismos-example-card__btn:hover{filter:brightness(1.15)}.paralelismos-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.paralelismos-badge{white-space:nowrap;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.paralelismos-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.paralelismos-badge--info{color:var(--accent-subdominant);background-color:#38bdf826;border:1px solid #38bdf866}.paralelismos-badge--warning{color:#f97316;background-color:#f9731626;border:1px solid #f9731666}.paralelismos-badge--amber{color:#eab308;background-color:#eab30826;border:1px solid #eab30866}.paralelismos-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.paralelismos-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.paralelismos-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.paralelismos-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.paralelismos-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.paralelismos-motion-table-scroll{padding-bottom:4px;overflow-x:auto}.paralelismos-motion-table{grid-template-columns:minmax(110px,1.2fr) 1fr 1fr .9fr 1.4fr;gap:6px;min-width:560px;margin:4px 0;font-size:.85rem;display:grid}.paralelismos-motion-table__header{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);background:var(--bg-raised);border-radius:6px;padding:8px 10px;font-size:.72rem;font-weight:700}.paralelismos-motion-table__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.paralelismos-motion-table__row--highlight .paralelismos-motion-table__cell{border-color:var(--accent-subdominant);background:#38bdf814}.paralelismos-motion-pill{white-space:nowrap;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:700}.paralelismos-motion-pill--static{color:#94a3b8;background:#94a3b833}.paralelismos-motion-pill--oblique{color:var(--accent-subdominant);background:#38bdf833}.paralelismos-motion-pill--contrary{background:color-mix(in srgb, var(--accent-dominant) 20%, transparent);color:var(--accent-dominant)}.paralelismos-motion-pill--similar{color:var(--accent-tonic);background:#34d39933}.paralelismos-motion-pill--parallel{color:#f97316;background:#f9731633}.paralelismos-lab{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=820px){.paralelismos-lab{grid-template-columns:minmax(0,1fr)}}.paralelismos-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.paralelismos-lab__panel{flex-direction:column;gap:16px;display:flex}.paralelismos-lab__chords{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;display:grid}@media (width<=480px){.paralelismos-lab__chords{grid-template-columns:minmax(0,1fr)}}.paralelismos-lab__chord-group{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.paralelismos-lab__chord-group-title{color:var(--ink-primary);margin:0 0 2px;font-size:.85rem;font-weight:700}.paralelismos-lab__voice-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.paralelismos-lab__voice-name{color:var(--ink-muted);font-size:.78rem;font-weight:700}.paralelismos-lab__octave-btn{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:6px;padding:4px 6px;font-size:.75rem;font-weight:600}.paralelismos-lab__octave-btn:hover{filter:brightness(1.2)}.paralelismos-lab__octave-btn:focus-visible{outline:2px solid var(--accent-subdominant)}.paralelismos-lab__verdict{border-top:1px dashed var(--bg-raised);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:8px;display:flex}.voces-comun-page-container{gap:var(--space-8);max-width:1400px;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.voces-comun-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.voces-comun-page{flex-direction:column;gap:24px;display:flex}.voces-comun-page__header{flex-direction:column;gap:16px;display:flex}.voces-comun-page__title{color:var(--ink-primary);margin:0}.voces-comun-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.voces-comun-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.voces-comun-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.voces-comun-page__scheme-btn:hover{color:var(--ink-primary)}.voces-comun-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.voces-comun-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.voces-comun-section{animation:vocesComunFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes vocesComunFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.voces-comun-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.voces-comun-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.voces-comun-card__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.voces-comun-card__subtitle{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.voces-comun-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.voces-comun-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.voces-comun-list>li strong{color:var(--ink-primary)}.voces-comun-reference-table-scroll{padding-bottom:4px;overflow-x:auto}.voces-comun-reference-table{grid-template-columns:minmax(120px,1fr) minmax(90px,.6fr) minmax(220px,2fr);gap:6px;min-width:480px;font-size:.9rem;display:grid}.voces-comun-reference-table__header{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);background:var(--bg-raised);border-radius:6px;padding:8px 10px;font-size:.72rem;font-weight:700}.voces-comun-reference-table__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);border-radius:6px;align-items:center;padding:10px;display:flex}.voces-comun-reference-table__cell--count{color:var(--accent-tonic);justify-content:center;font-size:1.1rem;font-weight:700}.voces-comun-grid{gap:16px;display:grid}.voces-comun-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.voces-comun-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;display:flex}.voces-comun-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.voces-comun-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.voces-comun-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.voces-comun-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.voces-comun-example-card__btn:hover{filter:brightness(1.15)}.voces-comun-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.voces-comun-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.voces-comun-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.voces-comun-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.voces-comun-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.voces-comun-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.voces-comun-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.voces-comun-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.voces-comun-controls__dice-btn{background:var(--accent-dominant);color:#0d0620;cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.voces-comun-controls__dice-btn:hover{filter:brightness(1.1)}.voces-comun-controls__dice-btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.voces-comun-lab{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=820px){.voces-comun-lab{grid-template-columns:1fr}}.voces-comun-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.voces-comun-lab__panel{flex-direction:column;gap:16px;display:flex}.voces-comun-lab__stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.voces-comun-lab__stat{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.voces-comun-lab__stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.voces-comun-lab__stat-value{color:var(--ink-primary);font-size:.95rem;font-weight:600}.voces-comun-lab__verdict{border-top:1px dashed var(--bg-raised);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:8px;display:flex}.enlaces-fund-page{flex-direction:column;gap:24px;display:flex}.enlaces-fund-page__header{flex-direction:column;gap:16px;display:flex}.enlaces-fund-page__title{color:var(--ink-primary);margin:0}.enlaces-fund-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.enlaces-fund-page__lead a{color:var(--accent-subdominant);font-weight:600}.enlaces-fund-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.enlaces-fund-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.enlaces-fund-page__scheme-btn:hover{color:var(--ink-primary)}.enlaces-fund-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.enlaces-fund-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.enlaces-fund-section{animation:enlacesFundFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes enlacesFundFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.enlaces-fund-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.enlaces-fund-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.enlaces-fund-card__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.enlaces-fund-card__subtitle{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.enlaces-fund-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.enlaces-fund-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.enlaces-fund-list>li strong{color:var(--ink-primary)}.enlaces-fund-inline-amber{color:var(--status-warning)}.enlaces-fund-inline-error{color:var(--status-error)}.enlaces-fund-grid{gap:16px;display:grid}.enlaces-fund-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.enlaces-fund-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;display:flex}.enlaces-fund-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.enlaces-fund-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.enlaces-fund-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.enlaces-fund-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.enlaces-fund-example-card__btn:hover{filter:brightness(1.15)}.enlaces-fund-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.enlaces-fund-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.enlaces-fund-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.enlaces-fund-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.enlaces-fund-badge--amber{color:var(--status-warning);background-color:#fbbf2426;border:1px solid #fbbf2466}.enlaces-fund-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.enlaces-fund-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.enlaces-fund-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.enlaces-fund-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.enlaces-fund-lab{grid-template-columns:minmax(300px,420px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=820px){.enlaces-fund-lab{grid-template-columns:1fr}}.enlaces-fund-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.enlaces-fund-lab__panel{flex-direction:column;gap:12px;display:flex}.enlaces-fund-lab__chords{flex-direction:column;gap:8px;display:flex}.enlaces-fund-lab__chord-stat{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.enlaces-fund-lab__chord-roman{min-width:2.2ch;color:var(--status-error);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.enlaces-fund-lab__chord-detail{color:var(--ink-muted);flex:1;font-size:.85rem}.enlaces-fund-lab__note{color:var(--ink-muted);background:var(--bg-canvas);border:1px dashed var(--bg-raised);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:.9rem;display:flex}.enlaces-fund-bridge{color:var(--ink-muted);background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;align-items:center;gap:8px;padding:14px 16px;font-size:.9rem;display:flex}.enlaces-fund-bridge a{color:var(--accent-subdominant);font-weight:600}.enlaces-fund-page-container{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.enlaces-fund-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.fund-links-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:14px;flex-direction:column;gap:20px;margin:20px 0;padding:24px;display:flex}.fund-links-player__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fund-links-player__eyebrow,.fund-links-composition__eyebrow{color:var(--accent-subdominant);font:700 .75rem var(--font-ui);letter-spacing:.08em}.fund-links-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:4px 0 0}.fund-links-player__chapters{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.fund-links-player__chapter,.fund-links-player__button{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-muted);font:700 .82rem var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:.5rem .8rem;display:inline-flex}.fund-links-player__chapter:hover,.fund-links-player__chapter--active{border-color:var(--accent-subdominant);color:var(--accent-subdominant)}.fund-links-player__button{border-color:var(--accent-tonic);background:var(--accent-tonic);color:var(--ink-on-accent)}.fund-links-player__button--quiet{border-color:var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary)}.fund-links-player__chapter:focus-visible,.fund-links-player__button:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.fund-links-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:12px;position:relative;overflow:hidden}.fund-links-player__corner-play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.fund-links-player__corner-play:hover{transform:scale(1.06)}.fund-links-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}.fund-links-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised), var(--bg-canvas));color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:6px;padding:14px 20px;display:flex}.fund-links-composition__header{grid-template-columns:1fr auto;align-items:end;gap:2px 12px;display:grid}.fund-links-composition__eyebrow{grid-column:1/-1}.fund-links-composition__title{color:var(--ink-primary);font:700 1rem/1.15 var(--font-ui);margin:0}.fund-links-composition__count{color:var(--accent-tonic);font:700 .66rem/1.1 var(--font-ui);letter-spacing:.05em;text-align:right}.fund-links-composition__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.fund-links-composition__route,.fund-links-composition__procedure{text-align:center;margin:0}.fund-links-composition__route{color:var(--accent-dominant);font:700 .66rem/1.1 var(--font-ui);letter-spacing:.06em}.fund-links-composition .motion-staff{border-color:var(--bg-raised);max-width:540px;padding:.35rem}.fund-links-composition .motion-staff-box{width:min(100%,540px);margin:2px 0 0}.fund-links-composition__procedure{color:var(--ink-muted);font:600 .76rem/1.25 var(--font-ui)}.fund-links-composition__analysis{flex-direction:column;gap:3px;width:100%;max-width:690px;margin-top:2px;display:flex}.fund-links-composition__bass-route,.fund-links-composition__common-notes{color:var(--ink-primary);font:600 .72rem/1.2 var(--font-ui);text-align:center;margin:0}.fund-links-composition__common-notes{color:var(--accent-tonic)}.fund-links-composition__voice-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.fund-links-composition__voice-route{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);font:600 .68rem/1.15 var(--font-ui);border-radius:6px;grid-template-columns:auto 1fr;gap:1px 5px;padding:4px 6px;display:grid}.fund-links-composition__voice-route strong{color:var(--accent-subdominant)}.fund-links-composition__voice-route span{color:var(--ink-primary)}.fund-links-composition__voice-route em{color:var(--ink-muted);grid-column:1/-1;font-style:normal}.fund-links-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:500 .78rem/1.25 var(--font-ui);text-align:center;border-radius:10px;padding:6px 10px}@media (width<=640px){.fund-links-player,.fund-links-composition{padding:16px}.fund-links-composition__title{font-size:1rem}.fund-links-composition__caption{font-size:.78rem}.fund-links-composition__voice-routes{grid-template-columns:1fr}}.player-progress-ring{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-progress-ring__track{stroke:color-mix(in srgb, var(--ink-primary,#fff) 25%, transparent)}.player-progress-ring__fill{stroke:var(--accent-dominant,#f4a261);transition:stroke-dashoffset 80ms linear}.corner-play-anchor{z-index:2;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:14px;left:14px}.fund-ex-player{background-color:var(--bg-surface);border:1px solid var(--border-color,var(--bg-raised));border-radius:12px;flex-direction:column;gap:1.25rem;margin-block:1rem;padding:1.5rem;display:flex}.fund-ex-player__header{flex-direction:column;gap:.5rem;display:flex}.fund-ex-player__title-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fund-ex-player__badge{text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant);border:1px solid color-mix(in srgb, var(--accent-dominant) 30%, transparent);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.fund-ex-player__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.fund-ex-player__desc{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.fund-ex-player__chapters{border-bottom:1px solid var(--border-color,var(--bg-raised));flex-wrap:wrap;gap:.35rem;padding-bottom:.5rem;display:flex;overflow-x:hidden}.fund-ex-player__chapter{background-color:var(--bg-canvas);border:1px solid var(--border-color,var(--bg-raised));color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .65rem;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.fund-ex-player__chapter:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.fund-ex-player__chapter--active{background-color:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.fund-ex-player__viewport{aspect-ratio:1024/620;background-color:var(--bg-canvas);border:1px solid var(--border-color,var(--bg-raised));border-radius:8px;width:100%;position:relative;overflow:hidden}.fund-ex-player__corner-play{background-color:var(--accent-dominant,#f4a261);width:100%;height:100%;color:var(--ink-on-dominant,#1c0d02);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000047}.fund-ex-player__corner-play:hover{filter:brightness(1.1);transform:scale(1.08)}.fund-ex-player__corner-play svg{display:block}.fund-ex-player__corner-play svg polygon{fill:currentColor}.fund-ex-player__corner-play--paused svg{transform:translate(1.5px)}.fund-ex-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised), var(--bg-canvas));color:var(--ink-primary);font-family:var(--font-ui,"Outfit", sans-serif);flex-direction:column;justify-content:space-between;padding:1.5rem 2rem;display:flex}.fund-ex-composition__header{border-bottom:1px solid var(--border-color,var(--bg-raised));justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.fund-ex-composition__title-row{align-items:center;gap:.75rem;display:flex}.fund-ex-composition__badge{text-transform:uppercase;background-color:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 35%, transparent);border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.fund-ex-composition__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.fund-ex-composition__chord-tag{color:var(--accent-dominant);background-color:color-mix(in srgb, var(--accent-dominant) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 30%, transparent);border-radius:4px;padding:.25rem .75rem;font-size:.95rem;font-weight:700}.fund-ex-composition__stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.fund-ex-composition__stage .motion-staff-box{width:100%;margin:0}.fund-ex-composition__stage .motion-staff{background:0 0;border:none;justify-content:center;padding:0;width:100%!important;max-width:100%!important}.fund-ex-composition__stage .motion-staff__svg{height:auto;min-height:310px;width:100%!important;max-width:100%!important}.fund-ex-composition__card{background-color:color-mix(in srgb, var(--bg-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color,var(--bg-raised));border-radius:8px;grid-template-columns:1.6fr 1fr;gap:1.5rem;padding:1rem 1.25rem;display:grid;box-shadow:0 4px 16px #00000014}.fund-ex-composition__card-left{flex-direction:column;gap:.4rem;display:flex}.fund-ex-composition__card-rule-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-tonic-ink);font-size:.8rem;font-weight:700}.fund-ex-composition__card-explanation{color:var(--ink-primary);margin:0;font-size:.88rem;line-height:1.45}.fund-ex-composition__takeaway{color:var(--status-warning-ink);margin-top:.2rem;font-size:.82rem}.fund-ex-composition__card-right{border-left:1px solid var(--border-color,var(--bg-raised));flex-direction:column;gap:.4rem;padding-left:1rem;display:flex}.fund-ex-composition__voices-label{text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:700}.fund-ex-composition__voices-grid{grid-template-columns:1fr 1fr;gap:.35rem .65rem;display:grid}.fund-ex-composition__voice-cell{color:var(--ink-primary);white-space:nowrap;font-size:.8rem}.fund-ex-composition__voice-cell strong{color:var(--accent-subdominant-ink)}.fund-example-anim{background-color:var(--bg-surface);border:1px solid var(--border-color,#ffffff14);font-family:var(--font-ui);color:var(--ink-primary);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:1.75rem;width:100%;margin-block:1.5rem;padding:1.75rem;display:flex}.fund-example-anim__header{flex-direction:column;gap:.5rem;display:flex}.fund-example-anim__title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fund-example-anim__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-subdominant-ink,#38bdf8);background-color:#38bdf826;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.fund-example-anim__badge--audio{color:var(--accent-dominant,#f4a261);background-color:#f4a26126;border-color:#f4a26159}.fund-example-anim__title{color:var(--ink-primary);margin:0;font-size:1.35rem;font-weight:700}.fund-example-anim__intro{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.55}.fund-example-anim__top-controls{flex-direction:column;gap:1rem;display:flex}.fund-example-anim__voiceover-bar{background-color:#f4a26114;border:1px solid #f4a26140;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.fund-example-anim__vo-btn{background-color:var(--accent-dominant,#f4a261);color:var(--ink-on-dominant,#1c0d02);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:700;display:inline-flex}.fund-example-anim__vo-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.fund-example-anim__vo-btn--playing{background-color:var(--status-warning,#fbbf24);animation:1.5s infinite alternate pulse-vo}@keyframes pulse-vo{0%{box-shadow:0 0 #f4a26166}to{box-shadow:0 0 0 6px #f4a26100}}.fund-example-anim__vo-timeline{flex:1;align-items:center;gap:.75rem;min-width:220px;display:flex}.fund-example-anim__vo-slider{accent-color:var(--accent-dominant,#f4a261);cursor:pointer;flex:1}.fund-example-anim__vo-time{font-variant-numeric:tabular-nums;color:var(--ink-muted);flex-shrink:0;font-size:.8rem;font-weight:600}.fund-example-anim__stepper{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.fund-example-anim__step-btn{background-color:var(--bg-raised);border:1px solid var(--border-color,#ffffff14);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);text-align:left;border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.fund-example-anim__step-btn:hover{color:var(--ink-primary);background-color:#ffffff0a;border-color:#ffffff2e}.fund-example-anim__step-btn--active{border-color:var(--accent-subdominant,#38bdf8);color:var(--ink-primary);background-color:#38bdf81a}.fund-example-anim__step-num{background-color:var(--bg-surface);border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.fund-example-anim__step-btn--active .fund-example-anim__step-num{background-color:var(--accent-subdominant,#38bdf8);color:var(--ink-on-accent,#04110c);border-color:var(--accent-subdominant,#38bdf8)}.fund-example-anim__step-text{flex-direction:column;display:flex}.fund-example-anim__step-text strong{font-size:.9rem}.fund-example-anim__step-text small{opacity:.8;font-size:.75rem}.fund-example-anim__variant-selector{background-color:var(--bg-raised);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.fund-example-anim__variant-label{color:var(--ink-muted);font-weight:600}.fund-example-anim__variant-chip{background-color:var(--bg-surface);border:1px solid var(--border-color,#ffffff1a);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:4px;padding:.35rem .75rem;font-family:inherit;font-size:.82rem}.fund-example-anim__variant-chip:hover{color:var(--ink-primary);border-color:#ffffff40}.fund-example-anim__variant-chip--active{border-color:var(--accent-tonic,#34d399);color:var(--accent-tonic-ink,#34d399);background-color:#34d39926;font-weight:600}.fund-example-anim__stage{background-color:var(--bg-canvas);border:1px solid var(--border-color,#ffffff1f);box-sizing:border-box;border-radius:10px;flex-direction:column;width:100%;padding:1.5rem 1rem;display:flex;overflow-x:auto}.fund-example-anim__stage .motion-staff-box{width:100%;max-width:100%;margin:0}.fund-example-anim__stage .motion-staff{background:0 0;border:none;justify-content:center;padding:.5rem 0;width:100%!important;max-width:100%!important}.fund-example-anim__stage .motion-staff__svg{height:auto;min-height:330px;display:block;width:100%!important;max-width:100%!important}.fund-example-anim__transport{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.fund-example-anim__play-btn{background-color:var(--accent-tonic,#34d399);color:var(--ink-on-accent,#04110c);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.92rem;font-weight:700;display:inline-flex}.fund-example-anim__play-btn:hover{filter:brightness(1.1)}.fund-example-anim__measure-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.fund-example-anim__measure-chip{background-color:var(--bg-raised);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #ffffff1a;border-radius:4px;padding:.4rem .75rem;font-family:inherit;font-size:.84rem;font-weight:700}.fund-example-anim__measure-chip:hover{color:var(--ink-primary);border-color:#ffffff40}.fund-example-anim__measure-chip--selected{border-color:var(--accent-subdominant,#38bdf8);color:var(--accent-subdominant-ink,#38bdf8);background-color:#38bdf81f}.fund-example-anim__measure-chip--playing{background-color:var(--accent-dominant,#f4a261);color:var(--ink-on-dominant,#1c0d02);border-color:var(--accent-dominant,#f4a261);animation:1s infinite alternate pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #f4a26180}to{box-shadow:0 0 0 5px #f4a26100}}.fund-example-anim__dialogue-section{background-color:var(--bg-raised);border-left:4px solid var(--accent-dominant,#f4a261);border-radius:10px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.fund-example-anim__dialogue-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:.35rem;padding-bottom:.75rem;display:flex}.fund-example-anim__dialogue-title-box{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fund-example-anim__dialogue-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dominant,#f4a261);background-color:#f4a26133;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.fund-example-anim__dialogue-title{color:var(--ink-primary);margin:0;font-size:1.15rem;font-weight:700}.fund-example-anim__dialogue-subtitle{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.45}.fund-example-anim__dialogue-thread{flex-direction:column;gap:1rem;max-height:480px;padding-right:.5rem;display:flex;overflow-y:auto}.fund-example-anim__bubble-row{cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:flex-start;gap:.85rem;padding:.65rem .85rem;display:flex}.fund-example-anim__bubble-row:hover{background-color:#ffffff08}.fund-example-anim__bubble-row--highlighted{background-color:#38bdf814;border:1px solid #38bdf840}.fund-example-anim__avatar{flex-shrink:0;padding-top:.2rem;font-size:1.6rem;line-height:1}.fund-example-anim__bubble{flex-direction:column;flex:1;gap:.35rem;display:flex}.fund-example-anim__bubble-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fund-example-anim__speaker-name{color:var(--ink-primary);font-size:.88rem;font-weight:700}.fund-example-anim__speaker-role{color:var(--ink-muted);opacity:.8;font-size:.75rem}.fund-example-anim__bubble-measure-tag{color:var(--ink-muted);background-color:#ffffff14;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.fund-example-anim__bubble-type-tag{text-transform:uppercase;border-radius:3px;padding:.12rem .45rem;font-size:.72rem;font-weight:600}.fund-example-anim__bubble-type-tag--grados{color:var(--accent-subdominant-ink,#38bdf8);background-color:#38bdf826}.fund-example-anim__bubble-type-tag--método{color:var(--accent-tonic-ink,#34d399);background-color:#34d39926}.fund-example-anim__bubble-type-tag--armonía{color:var(--accent-minor-ink,#fb923c);background-color:#fb923c26}.fund-example-anim__bubble-type-tag--resolución{color:var(--accent-dominant,#f4a261);background-color:#f4a26133}.fund-example-anim__bubble-text{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.5}.fund-example-anim__script-card{background-color:var(--bg-raised);border-left:4px solid var(--accent-subdominant,#38bdf8);border-radius:8px;flex-direction:column;gap:1rem;padding:1.35rem;display:flex}.fund-example-anim__script-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.fund-example-anim__script-title-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fund-example-anim__script-measure-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);background-color:#ffffff14;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.fund-example-anim__script-title{color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:700}.fund-example-anim__method-badge{color:var(--accent-tonic-ink,#34d399);background-color:#34d3991f;border:1px solid #34d39940;border-radius:4px;padding:.25rem .65rem;font-size:.82rem;font-weight:600}.fund-example-anim__script-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.fund-example-anim__script-col{flex-direction:column;gap:.4rem;display:flex}.fund-example-anim__field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-top:.4rem;font-size:.75rem;font-weight:600}.fund-example-anim__field-val{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.45}.fund-example-anim__field-val--feynman{border-left:2px solid var(--accent-dominant,#f4a261);color:var(--ink-primary);background-color:#ffffff08;border-radius:6px;padding:.65rem .85rem;font-style:normal}.fund-example-anim__voices-tags{flex-wrap:wrap;gap:.4rem;display:flex}.fund-example-anim__voice-tag{background-color:var(--bg-surface);color:var(--ink-muted);border:1px solid #ffffff14;border-radius:4px;padding:.25rem .55rem;font-size:.82rem}.fund-example-anim__voice-tag strong{color:var(--ink-primary)}.fund-example-anim__methods-summary{background-color:var(--bg-raised);border-radius:8px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.fund-example-anim__methods-title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.fund-example-anim__methods-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.fund-example-anim__method-box{background-color:var(--bg-surface);border:1px solid #ffffff0f;border-radius:6px;gap:.75rem;padding:.85rem;display:flex}.fund-example-anim__method-num{width:24px;height:24px;color:var(--accent-subdominant-ink,#38bdf8);background-color:#38bdf826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.fund-example-anim__method-content{flex-direction:column;gap:.25rem;display:flex}.fund-example-anim__method-content strong{color:var(--ink-primary);font-size:.88rem}.fund-example-anim__method-content p{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.4}.fund-example-anim__feynman-pause{background-color:#f4a26114;border:1px solid #f4a2614d;border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.fund-example-anim__feynman-header{color:var(--accent-dominant,#f4a261);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.fund-example-anim__feynman-question{font-family:var(--font-quote);color:var(--ink-primary);margin:0;font-size:1.05rem;line-height:1.5}.fund-example-anim__reveal-btn{background-color:var(--bg-surface);border:1px solid var(--accent-dominant,#f4a261);color:var(--accent-dominant,#f4a261);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;align-self:flex-start;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.fund-example-anim__reveal-btn:hover{background-color:var(--accent-dominant,#f4a261);color:var(--ink-on-dominant,#1c0d02)}.fund-example-anim__feynman-answer{color:var(--ink-primary);border-top:1px solid #f4a26133;flex-direction:column;gap:.5rem;padding-top:.5rem;font-size:.9rem;line-height:1.5;display:flex}.fund-example-anim__feynman-answer ul{margin:0;padding-left:1.25rem}.fund-example-anim__feynman-answer li{margin-bottom:.25rem}.inv-ex-player{background-color:var(--bg-surface);border:1px solid var(--border-color,var(--bg-raised));border-radius:12px;flex-direction:column;gap:1.25rem;margin-block:1rem;padding:1.5rem;display:flex}.inv-ex-player__header{flex-direction:column;gap:.5rem;display:flex}.inv-ex-player__title-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.inv-ex-player__badge{text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.inv-ex-player__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.inv-ex-player__desc{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.inv-ex-player__chapters{border-bottom:1px solid var(--border-color,var(--bg-raised));flex-wrap:wrap;gap:.35rem;padding-bottom:.5rem;display:flex;overflow-x:hidden}.inv-ex-player__chapter{background-color:var(--bg-canvas);border:1px solid var(--border-color,var(--bg-raised));color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .65rem;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.inv-ex-player__chapter:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.inv-ex-player__chapter--active{background-color:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.inv-ex-player__viewport{aspect-ratio:1024/620;background-color:var(--bg-canvas);border:1px solid var(--border-color,var(--bg-raised));border-radius:8px;width:100%;position:relative;overflow:hidden}.inv-ex-player__corner-play{background-color:var(--accent-dominant,#f4a261);width:100%;height:100%;color:var(--ink-on-dominant,#1c0d02);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000047}.inv-ex-player__corner-play:hover{filter:brightness(1.1);transform:scale(1.08)}.inv-ex-player__corner-play svg{display:block}.inv-ex-player__corner-play svg polygon{fill:currentColor}.inv-ex-player__corner-play--paused svg{transform:translate(1.5px)}.inv-ex-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised), var(--bg-canvas));color:var(--ink-primary);font-family:var(--font-ui,"Outfit", sans-serif);flex-direction:column;justify-content:space-between;padding:1.5rem 2rem;display:flex}.inv-ex-composition__header{border-bottom:1px solid var(--border-color,var(--bg-raised));justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.inv-ex-composition__title-row{align-items:center;gap:.75rem;display:flex}.inv-ex-composition__badge{text-transform:uppercase;background-color:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 35%, transparent);border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.inv-ex-composition__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.inv-ex-composition__chord-tag{color:var(--accent-dominant);background-color:color-mix(in srgb, var(--accent-dominant) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 30%, transparent);border-radius:4px;padding:.25rem .75rem;font-size:.95rem;font-weight:700}.inv-ex-composition__stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.inv-ex-composition__stage .motion-staff-box{width:100%;margin:0}.inv-ex-composition__stage .motion-staff{background:0 0;border:none;justify-content:center;padding:0;width:100%!important;max-width:100%!important}.inv-ex-composition__stage .motion-staff__svg{height:auto;min-height:310px;width:100%!important;max-width:100%!important}.inv-ex-composition__card{background-color:color-mix(in srgb, var(--bg-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color,var(--bg-raised));border-radius:8px;grid-template-columns:1.6fr 1fr;gap:1.5rem;padding:1rem 1.25rem;display:grid;box-shadow:0 4px 16px #00000014}.inv-ex-composition__card-left{flex-direction:column;gap:.4rem;display:flex}.inv-ex-composition__card-rule-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-tonic-ink);font-size:.8rem;font-weight:700}.inv-ex-composition__card-explanation{color:var(--ink-primary);margin:0;font-size:.88rem;line-height:1.45}.inv-ex-composition__takeaway{color:var(--status-warning-ink);margin-top:.2rem;font-size:.82rem}.inv-ex-composition__card-right{border-left:1px solid var(--border-color,var(--bg-raised));flex-direction:column;gap:.4rem;padding-left:1rem;display:flex}.inv-ex-composition__voices-label{text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:700}.inv-ex-composition__voices-grid{grid-template-columns:1fr 1fr;gap:.35rem .65rem;display:grid}.inv-ex-composition__voice-cell{color:var(--ink-primary);white-space:nowrap;font-size:.8rem}.inv-ex-composition__voice-cell strong{color:var(--accent-subdominant-ink)}.inv-example-anim{background-color:var(--bg-surface);border:1px solid var(--border-color,#ffffff14);font-family:var(--font-ui);color:var(--ink-primary);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:1.75rem;width:100%;margin-block:1.5rem;padding:1.75rem;display:flex}.inv-example-anim__header{flex-direction:column;gap:.5rem;display:flex}.inv-example-anim__title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.inv-example-anim__badge{text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.inv-example-anim__title{color:var(--ink-primary);margin:0;font-size:1.35rem;font-weight:700}.inv-example-anim__intro{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.55}.inv-example-anim__top-controls{flex-direction:column;gap:1rem;display:flex}.inv-example-anim__stepper{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.inv-example-anim__step-btn{background-color:var(--bg-raised);border:1px solid var(--border-color,#ffffff14);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);text-align:left;border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.inv-example-anim__step-btn:hover{background-color:color-mix(in srgb, var(--ink-primary) 5%, var(--bg-raised));color:var(--ink-primary);border-color:color-mix(in srgb, var(--ink-primary) 20%, transparent)}.inv-example-anim__step-btn--active{background-color:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);border-color:var(--accent-subdominant);color:var(--ink-primary)}.inv-example-anim__step-num{background-color:var(--bg-surface);border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.inv-example-anim__step-btn--active .inv-example-anim__step-num{background-color:var(--accent-subdominant);color:var(--ink-on-accent,#04110c);border-color:var(--accent-subdominant)}.inv-example-anim__step-text{flex-direction:column;display:flex}.inv-example-anim__step-text strong{font-size:.9rem}.inv-example-anim__step-text small{opacity:.8;font-size:.75rem}.inv-example-anim__stage{background-color:var(--bg-canvas);border:1px solid var(--border-color,#ffffff1f);box-sizing:border-box;border-radius:10px;flex-direction:column;width:100%;padding:1.5rem 1rem;display:flex;overflow-x:auto}.inv-example-anim__stage .motion-staff-box{width:100%;max-width:100%;margin:0}.inv-example-anim__stage .motion-staff{background:0 0;border:none;justify-content:center;padding:.5rem 0;width:100%!important;max-width:100%!important}.inv-example-anim__stage .motion-staff__svg{height:auto;min-height:330px;display:block;width:100%!important;max-width:100%!important}.inv-example-anim__transport{border-top:1px solid var(--border-color,#ffffff14);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.inv-example-anim__play-btn{background-color:var(--accent-subdominant,#38bdf8);color:var(--ink-on-accent,#04110c);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.92rem;font-weight:700;display:inline-flex}.inv-example-anim__play-btn:hover{filter:brightness(1.1)}.inv-example-anim__measure-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.inv-example-anim__measure-chip{background-color:var(--bg-raised);border:1px solid var(--border-color,#ffffff1a);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:4px;padding:.4rem .75rem;font-family:inherit;font-size:.84rem;font-weight:700}.inv-example-anim__measure-chip:hover{color:var(--ink-primary);border-color:color-mix(in srgb, var(--ink-primary) 30%, transparent)}.inv-example-anim__measure-chip--selected{border-color:var(--accent-subdominant,#38bdf8);color:var(--accent-subdominant-ink,#38bdf8);background-color:color-mix(in srgb, var(--accent-subdominant) 12%, transparent)}.inv-example-anim__measure-chip--playing{background-color:var(--accent-dominant,#f4a261);color:var(--ink-on-dominant,#1c0d02);border-color:var(--accent-dominant,#f4a261);animation:1s infinite alternate pulse-border-inv}@keyframes pulse-border-inv{0%{box-shadow:0 0 #f4a26180}to{box-shadow:0 0 0 5px #f4a26100}}.inv-example-anim__dialogue-section{background-color:var(--bg-raised);border-left:4px solid var(--accent-subdominant,#38bdf8);border-radius:10px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.inv-example-anim__dialogue-header{border-bottom:1px solid var(--border-color,#ffffff14);flex-direction:column;gap:.35rem;padding-bottom:.75rem;display:flex}.inv-example-anim__dialogue-title-box{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.inv-example-anim__dialogue-badge{text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb, var(--accent-subdominant) 20%, transparent);color:var(--accent-subdominant-ink);border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.inv-example-anim__dialogue-title{color:var(--ink-primary);margin:0;font-size:1.15rem;font-weight:700}.inv-example-anim__dialogue-subtitle{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.45}.inv-example-anim__dialogue-thread{flex-direction:column;gap:1rem;max-height:480px;padding-right:.5rem;display:flex;overflow-y:auto}.inv-example-anim__bubble-row{cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:flex-start;gap:.85rem;padding:.65rem .85rem;display:flex}.inv-example-anim__bubble-row:hover{background-color:color-mix(in srgb, var(--ink-primary) 4%, transparent)}.inv-example-anim__bubble-row--highlighted{background-color:color-mix(in srgb, var(--accent-subdominant) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent)}.inv-example-anim__avatar{flex-shrink:0;padding-top:.2rem;font-size:1.6rem;line-height:1}.inv-example-anim__bubble{flex-direction:column;flex:1;gap:.35rem;display:flex}.inv-example-anim__bubble-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inv-example-anim__speaker-name{color:var(--ink-primary);font-size:.88rem;font-weight:700}.inv-example-anim__speaker-role{color:var(--ink-muted);opacity:.8;font-size:.75rem}.inv-example-anim__bubble-measure-tag{background-color:color-mix(in srgb, var(--ink-primary) 8%, transparent);color:var(--ink-muted);border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.inv-example-anim__bubble-type-tag{text-transform:uppercase;border-radius:3px;padding:.12rem .45rem;font-size:.72rem;font-weight:600}.inv-example-anim__bubble-type-tag--inversión{background-color:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);color:var(--accent-subdominant-ink)}.inv-example-anim__bubble-type-tag--duplicación{background-color:color-mix(in srgb, var(--accent-tonic) 18%, transparent);color:var(--accent-tonic-ink)}.inv-example-anim__bubble-type-tag--cadencia{background-color:color-mix(in srgb, var(--accent-dominant) 20%, transparent);color:var(--accent-dominant)}.inv-example-anim__bubble-type-tag--regla{background-color:color-mix(in srgb, var(--status-error,#f87171) 20%, transparent);color:var(--status-error,#f87171)}.inv-example-anim__bubble-text{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.5}.inv-example-anim__script-card{background-color:var(--bg-raised);border-left:4px solid var(--accent-subdominant,#38bdf8);border-radius:8px;flex-direction:column;gap:1rem;padding:1.35rem;display:flex}.inv-example-anim__script-header{border-bottom:1px solid var(--border-color,#ffffff0f);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.inv-example-anim__script-title-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.inv-example-anim__script-measure-badge{text-transform:uppercase;letter-spacing:.05em;background-color:color-mix(in srgb, var(--ink-primary) 8%, transparent);color:var(--ink-muted);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.inv-example-anim__script-title{color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:700}.inv-example-anim__method-badge{background-color:color-mix(in srgb, var(--accent-subdominant) 14%, transparent);color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 28%, transparent);border-radius:4px;padding:.25rem .65rem;font-size:.82rem;font-weight:600}.inv-example-anim__script-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.inv-example-anim__script-col{flex-direction:column;gap:.4rem;display:flex}.inv-example-anim__field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-top:.4rem;font-size:.75rem;font-weight:600}.inv-example-anim__field-val{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.45}.inv-example-anim__field-val--feynman{background-color:color-mix(in srgb, var(--ink-primary) 3%, transparent);border-left:2px solid var(--accent-dominant,#f4a261);color:var(--ink-primary);border-radius:6px;padding:.65rem .85rem;font-style:normal}.inv-example-anim__voices-tags{flex-wrap:wrap;gap:.4rem;display:flex}.inv-example-anim__voice-tag{background-color:var(--bg-surface);border:1px solid var(--border-color,#ffffff14);color:var(--ink-muted);border-radius:4px;padding:.25rem .55rem;font-size:.82rem}.inv-example-anim__voice-tag strong{color:var(--ink-primary)}.inv-example-anim__laws-summary{background-color:var(--bg-raised);border-radius:8px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.inv-example-anim__laws-title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.inv-example-anim__laws-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.inv-example-anim__law-box{background-color:var(--bg-surface);border:1px solid var(--border-color,#ffffff0f);border-radius:6px;gap:.75rem;padding:.85rem;display:flex}.inv-example-anim__law-num{background-color:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);width:24px;height:24px;color:var(--accent-subdominant-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.inv-example-anim__law-content{flex-direction:column;gap:.25rem;display:flex}.inv-example-anim__law-content strong{color:var(--ink-primary);font-size:.88rem}.inv-example-anim__law-content p{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.4}.inv-example-anim__feynman-pause{background-color:color-mix(in srgb, var(--accent-dominant) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 30%, transparent);border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.inv-example-anim__feynman-header{color:var(--accent-dominant,#f4a261);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.inv-example-anim__feynman-question{font-family:var(--font-quote);color:var(--ink-primary);margin:0;font-size:1.05rem;line-height:1.5}.inv-example-anim__reveal-btn{background-color:var(--bg-surface);border:1px solid var(--accent-dominant,#f4a261);color:var(--accent-dominant,#f4a261);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;align-self:flex-start;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.inv-example-anim__reveal-btn:hover{background-color:var(--accent-dominant,#f4a261);color:var(--ink-on-dominant,#1c0d02)}.inv-example-anim__feynman-answer{border-top:1px solid color-mix(in srgb, var(--accent-dominant) 20%, transparent);color:var(--ink-primary);flex-direction:column;gap:.5rem;padding-top:.5rem;font-size:.9rem;line-height:1.5;display:flex}.inv-example-anim__feynman-answer ul{margin:0;padding-left:1.25rem}.inv-example-anim__feynman-answer li{margin-bottom:.25rem}.enlaces-inv-page{flex-direction:column;gap:24px;display:flex}.enlaces-inv-page__header{flex-direction:column;gap:16px;display:flex}.enlaces-inv-page__title{color:var(--ink-primary);margin:0}.enlaces-inv-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.enlaces-inv-page__lead a{color:var(--accent-subdominant);font-weight:600}.enlaces-inv-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.enlaces-inv-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.enlaces-inv-page__scheme-btn:hover{color:var(--ink-primary)}.enlaces-inv-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.enlaces-inv-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.enlaces-inv-section{animation:enlacesInvFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes enlacesInvFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.enlaces-inv-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.enlaces-inv-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.enlaces-inv-card__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.enlaces-inv-card__subtitle{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.enlaces-inv-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.enlaces-inv-card__desc--tight{margin-top:-8px}.enlaces-inv-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.enlaces-inv-list>li strong{color:var(--ink-primary)}.enlaces-inv-grid{gap:16px;display:grid}.enlaces-inv-grid--2col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.enlaces-inv-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;display:flex}.enlaces-inv-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.enlaces-inv-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.enlaces-inv-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.enlaces-inv-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.enlaces-inv-example-card__btn:hover{filter:brightness(1.15)}.enlaces-inv-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.enlaces-inv-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.enlaces-inv-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.enlaces-inv-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.enlaces-inv-badge--amber{color:var(--status-warning);background-color:#fbbf2426;border:1px solid #fbbf2466}.enlaces-inv-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.enlaces-inv-controls__label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.enlaces-inv-controls__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.enlaces-inv-controls__select:focus-visible{outline:2px solid var(--accent-subdominant)}.enlaces-inv-lab{grid-template-columns:minmax(300px,420px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=820px){.enlaces-inv-lab{grid-template-columns:1fr}}.enlaces-inv-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.enlaces-inv-lab__panel{flex-direction:column;gap:12px;display:flex}.enlaces-inv-lab__chords{flex-direction:column;gap:8px;display:flex}.enlaces-inv-lab__chord-stat{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.enlaces-inv-lab__chord-stat--focus{border-color:var(--accent-subdominant);box-shadow:0 0 0 1px var(--accent-subdominant) inset}.enlaces-inv-lab__chord-roman{min-width:3ch;color:var(--status-error);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.enlaces-inv-lab__chord-roman sup{margin-left:1px;font-size:.65rem}.enlaces-inv-lab__chord-detail{color:var(--ink-muted);flex:1;font-size:.85rem}.enlaces-inv-lab__note{color:var(--ink-muted);background:var(--bg-canvas);border:1px dashed var(--bg-raised);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:.9rem;display:flex}.enlaces-inv-table-wrap{overflow-x:auto}.enlaces-inv-table{border-collapse:collapse;width:100%;font-size:.88rem}.enlaces-inv-table th,.enlaces-inv-table td{text-align:left;border-bottom:1px solid var(--bg-raised);vertical-align:middle;padding:10px 12px}.enlaces-inv-table thead th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.78rem;font-weight:600}.enlaces-inv-table__row{cursor:pointer;transition:background var(--motion-fast) var(--motion-ease)}.enlaces-inv-table__row:hover{background:var(--bg-canvas)}.enlaces-inv-table__row--active{background:var(--bg-canvas);box-shadow:2px 0 0 var(--accent-subdominant) inset}.enlaces-inv-table__row--active td{color:var(--ink-primary)}.enlaces-inv-table__select-btn{width:26px;height:26px;color:var(--ink-muted);border:1px solid var(--bg-raised);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.enlaces-inv-table__row:hover .enlaces-inv-table__select-btn{color:var(--ink-primary);border-color:var(--accent-subdominant)}.enlaces-inv-table__row--active .enlaces-inv-table__select-btn{color:var(--accent-subdominant);border-color:var(--accent-subdominant);transform:rotate(90deg)}.enlaces-inv-table__select-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.enlaces-inv-table-detail{flex-direction:column;gap:16px;display:flex}.enlaces-inv-table-detail__rule{flex-direction:column;gap:8px;display:flex}.enlaces-inv-table-detail__rule svg{vertical-align:-2px;margin-right:4px}.enlaces-inv-table-detail__example{justify-content:center;display:flex}.enlaces-inv-table-example__single{flex-direction:column;align-items:center;gap:10px;display:flex}.enlaces-inv-table-example__pair{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.enlaces-inv-table-example__pair-item{flex-direction:column;align-items:center;gap:10px;display:flex}.enlaces-inv-banner{background:#38bdf80f;border:1px solid #38bdf833;border-radius:12px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.enlaces-inv-banner__icon{color:var(--accent-subdominant);flex-shrink:0;margin-top:2px}.enlaces-inv-banner__content h4{color:var(--accent-subdominant);margin:0 0 6px;font-size:.95rem;font-weight:700}.enlaces-inv-banner__content p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.5}.enlaces-inv-bridge{color:var(--ink-muted);background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;align-items:center;gap:8px;padding:14px 16px;font-size:.9rem;display:flex}.enlaces-inv-bridge a{color:var(--accent-subdominant);font-weight:600}.enlaces-inv-page-container{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.enlaces-inv-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.seventh-links-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:4px 0;padding:18px;display:flex}.seventh-links-player__eyebrow,.seventh-links-composition__eyebrow{color:var(--accent-subdominant-ink);font:700 .72rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase}.seventh-links-player__title{color:var(--ink-primary);font:700 1.2rem var(--font-ui);margin:3px 0 0}.seventh-links-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.seventh-links-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.42rem .72rem;display:inline-flex}.seventh-links-player__chapter:hover,.seventh-links-player__chapter--active{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.seventh-links-player__chapter:focus-visible,.seventh-links-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.seventh-links-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.seventh-links-player__corner-play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.seventh-links-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised), var(--bg-canvas));color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:8px;padding:16px 22px;display:flex}.seventh-links-composition__header{grid-template-columns:1fr auto;align-items:end;gap:3px 12px;display:grid}.seventh-links-composition__eyebrow{grid-column:1/-1}.seventh-links-composition__title{font:700 1rem/1.15 var(--font-ui);margin:0}.seventh-links-composition__rule{color:var(--accent-minor-ink);font:700 .62rem/1.15 var(--font-ui);letter-spacing:.04em;text-align:right}.seventh-links-composition__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.seventh-links-composition .motion-staff-box{width:min(100%,540px);margin:0}.seventh-links-composition .motion-staff{max-width:540px;padding:.3rem}.seventh-links-composition__routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,680px);display:grid}.seventh-links-composition__route{border:1px solid var(--bg-raised);background:var(--bg-surface);font:600 .68rem/1.15 var(--font-ui);border-radius:6px;grid-template-columns:auto 1fr;gap:1px 5px;padding:4px 6px;display:grid}.seventh-links-composition__route strong{color:var(--accent-subdominant-ink)}.seventh-links-composition__route span{color:var(--ink-primary)}.seventh-links-composition__route em{color:var(--ink-muted);grid-column:1/-1;font-style:normal}.seventh-links-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:500 .76rem/1.25 var(--font-ui);text-align:center;border-radius:8px;padding:6px 10px}@media (width<=640px){.seventh-links-player{padding:14px}.seventh-links-player__chapters{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.seventh-links-composition{padding:14px}}.septimas-page{flex-direction:column;gap:24px;display:flex}.septimas-page__header{flex-direction:column;gap:16px;display:flex}.septimas-page__title{color:var(--ink-primary);margin:0}.septimas-page__lead{max-width:75ch;color:var(--ink-muted);font:400 1rem/1.5 var(--font-ui);margin:0}.septimas-page__scheme-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.septimas-page__scheme-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.septimas-page__scheme-btn:hover{color:var(--ink-primary)}.septimas-page__scheme-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.septimas-page__scheme-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.septimas-section{animation:septimasFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes septimasFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.septimas-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.septimas-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.septimas-card__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.septimas-card__desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.septimas-list{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.7}.septimas-list>li strong{color:var(--ink-primary)}.septimas-list>li{margin-bottom:8px}.septimas-grid{gap:16px;display:grid}.septimas-grid--2col{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.septimas-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex}.septimas-example-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.septimas-example-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.septimas-example-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.septimas-example-card__desc{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.5}.septimas-example-card__btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.septimas-example-card__btn:hover{filter:brightness(1.15)}.septimas-example-card__btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.septimas-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.septimas-badge--tonic{color:var(--accent-tonic);background-color:#34d39926;border:1px solid #34d39966}.septimas-badge--error{color:var(--status-error);background-color:#ef444426;border:1px solid #ef444466}.septimas-table-scroll{padding-bottom:4px;overflow-x:auto}.septimas-table{grid-template-columns:minmax(70px,1fr) minmax(70px,1fr) minmax(120px,1fr) minmax(160px,1.4fr);gap:6px;min-width:480px;margin:4px 0;font-size:.88rem;display:grid}.septimas-table__header{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);background:var(--bg-raised);border-radius:6px;padding:8px 10px;font-size:.72rem;font-weight:700}.septimas-table__cell{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);border-radius:6px;align-items:center;padding:8px 10px;display:flex}.septimas-bridge{align-items:flex-start}.septimas-link{background:var(--bg-raised);color:var(--ink-primary);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.septimas-link:hover{border-color:var(--accent-subdominant);filter:brightness(1.1)}.septimas-link:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.septimas-lab{grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}@media (width<=820px){.septimas-lab{grid-template-columns:minmax(0,1fr)}}.septimas-lab__staff{flex-direction:column;align-items:center;gap:10px;display:flex}.septimas-lab__panel{flex-direction:column;gap:10px;display:flex}.septimas-lab__select-label{color:var(--ink-primary);font-size:.95rem;font-weight:600}.septimas-lab__select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.95rem}.septimas-lab__select:focus-visible{outline:2px solid var(--accent-subdominant)}.septimas-lab__verdict{background:var(--bg-canvas);border:1px dashed var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.septimas-lab__verdict-title{font-size:1rem;font-weight:700}.septimas-lab__verdict-title--valid{color:var(--accent-tonic)}.septimas-lab__verdict-title--invalid{color:var(--status-error)}.septimas-lab__verdict-details{color:var(--ink-muted);margin:0;padding-left:20px;font-size:.88rem;line-height:1.6}.quiz-box{flex-direction:column;gap:16px;display:flex}.quiz-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}@media (pointer:coarse){.septimas-example-card__btn,.quiz-option{padding:12px 14px}}.septimas-page-container{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.septimas-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.prologo-goals{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.prologo-goal{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;align-items:flex-start;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.prologo-goal__icon{border-radius:10px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.prologo-goal__icon[data-goal=voces]{color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 14%, transparent)}.prologo-goal__icon[data-goal=enlaces]{color:var(--accent-tonic,#059669);background:color-mix(in srgb, var(--accent-tonic,#059669) 14%, transparent)}.prologo-goal__icon[data-goal=nct]{color:#eab308;background:#eab30824}.prologo-goal__title{margin:0 0 .25rem;font-size:1rem;font-weight:700}.prologo-goal__text{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.prologo-page[data-section=armonia-1] .prologo-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.prologo-card--invite{background:color-mix(in srgb, var(--prologo-accent) 6%, var(--bg-surface));border-color:color-mix(in srgb, var(--prologo-accent) 22%, transparent)}.prologo-invite__btn{margin-top:.5rem;text-decoration:none}.prologo-invite__note{color:var(--ink-muted);margin:.5rem 0 0;font-size:.93rem;line-height:1.6}@media (width<=900px){.prologo-page[data-section=armonia-1] .prologo-roadmap{grid-template-columns:minmax(0,1fr)}}.nct-staff-box{flex-direction:column;align-items:center;width:100%;min-width:0;margin:.75rem 0;display:flex}.nct-staff{background-color:var(--bg-canvas,#18181b);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;max-width:520px;padding:1rem;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000004d}.nct-staff__svg{width:100%;min-width:0;max-width:100%;height:auto;display:block}.nct-staff__badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.nct-staff__badge{font-size:.75rem;font-weight:600;font-family:var(--font-mono,monospace);letter-spacing:.02em;background:var(--bg-surface,#27272a);border:1px solid var(--bg-raised);color:var(--ink-primary,#f4f4f5);border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;display:inline-flex}.nct-staff__badge--accented{color:#fca5a5;background:#ef444426;border-color:#ef444466}.nct-staff__badge--unaccented{color:#93c5fd;background:#3b82f626;border-color:#3b82f666}.nct-staff__badge--pedal{color:#d8b4fe;background:#a855f726;border-color:#a855f766}.nct-staff__caption{color:var(--ink-muted,#a1a1aa);text-align:center;margin-top:.5rem;font-size:.8rem;font-weight:500;line-height:1.4}.harmonic-staff-box{background-color:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;width:100%;min-width:0;margin:.75rem 0;padding:1rem;display:flex}.harmonic-staff-box svg{width:100%;max-width:100%;height:auto;display:block}.harmonic-staff-box .vf-stave path{stroke:var(--ink-primary,#f9fafb)!important;stroke-width:1.2px!important}.harmonic-staff-box .vf-clef text,.harmonic-staff-box .vf-notehead text{fill:var(--ink-primary,#f9fafb)!important}.harmonic-staff-box .vf-stavenote path{fill:var(--ink-primary,#f9fafb)!important;stroke:var(--ink-primary,#f9fafb)!important}.nct-line-staff{box-sizing:border-box;background-color:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;width:100%;min-width:0;padding:1rem;display:flex}.nct-line-staff__renderer{justify-content:center;width:100%;display:flex}.nct-line-staff__svg{max-width:100%;height:auto;display:block}.nct-line-staff__caption{color:var(--ink-muted,#a1a1aa);text-align:center;margin:.5rem 0 0;font-size:.8rem;font-weight:500;line-height:1.4}.nct-line-staff .vf-stave path{stroke:var(--ink-primary,#f9fafb)!important;stroke-width:1.2px!important}.nct-line-staff .vf-clef text{fill:var(--ink-primary,#f9fafb)!important}.nct-line-staff__label{letter-spacing:.01em}.nct-line-staff__roman{letter-spacing:.02em}.nct-page{width:100%;color:var(--ink-primary);flex-direction:column;gap:32px;display:flex}.nct-page__header{flex-direction:column;gap:12px;display:flex}.nct-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant,#38bdf8);background:#38bdf81a;border:1px solid #38bdf833;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.nct-page__title{letter-spacing:-.02em;color:var(--ink-primary);margin:0;font-size:2rem;font-weight:800}.nct-page__lead{color:var(--ink-muted);max-width:860px;margin:0;font-size:1.05rem;line-height:1.6}.nct-section{flex-direction:column;gap:1.5rem;width:100%;animation:.35s cubic-bezier(.16,1,.3,1) nctFadeIn;display:flex}.nct-subsection{margin-top:1rem}.nct-subsection__title{color:var(--accent-subdominant);margin:0 0 .5rem}.nct-section-heading{color:var(--ink-primary);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem}@keyframes nctFadeIn{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.nct-card{background:var(--bg-surface);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:14px;width:100%;padding:1.5rem 1.75rem;box-shadow:0 4px 20px #0003}.nct-card__title{color:var(--ink-primary);align-items:center;gap:.6rem;margin:0 0 1rem;font-size:1.35rem;font-weight:700;display:flex}.nct-card__text{color:var(--ink-muted);margin-bottom:1rem;font-size:.975rem;line-height:1.65}#laboratorio .nct-card{padding:.9rem 1.1rem}#laboratorio .nct-card__text{margin-bottom:.6rem}#laboratorio .key-idea{padding:10px 14px}.nct-card>.feynman-pause,.nct-card>.diagnostic-aside,.nct-card>.key-idea{margin:1rem 0}.nct-view-toggles{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.4rem;display:flex}.nct-view-toggle-btn{min-width:220px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.nct-view-toggle-btn:hover{color:var(--ink-primary);background:var(--bg-raised)}.nct-view-toggle-btn[aria-pressed=true]{background:var(--accent-subdominant);color:var(--bg-canvas);box-shadow:0 2px 8px #38bdf84d}.nct-retardo-toggle__arrow{font-size:1.15rem;font-weight:700;line-height:1}.nct-retardo-panel{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:1rem;margin-top:-.25rem;padding:1.15rem 1.25rem;display:flex}.nct-retardo-panel__blurb{color:var(--ink-muted);max-width:90ch;margin:0;font-size:.9rem;line-height:1.6}.nct-retardo-panel__options{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;display:grid}.nct-retardo-option{text-align:left;border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:inherit;cursor:pointer;border-radius:9px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .85rem;display:flex}.nct-retardo-option:hover{border-color:var(--accent-subdominant)}.nct-retardo-option--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface))}.nct-retardo-option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nct-retardo-option__figure{color:var(--accent-subdominant);font-family:Baskerville,Times New Roman,serif;font-size:1.2rem;font-weight:700;line-height:1.1}.nct-retardo-option--active .nct-retardo-option__figure{color:var(--ink-primary)}.nct-retardo-option__label{color:var(--ink-muted);font-size:.78rem;line-height:1.35}.nct-callout{background:color-mix(in srgb, var(--accent-subdominant) 8%, transparent);border-left:4px solid var(--accent-subdominant);border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem 1.25rem}.nct-callout--tight{margin-top:1rem;margin-bottom:0}.nct-callout__title{color:var(--accent-subdominant);margin-bottom:.35rem;font-size:.95rem;font-weight:700}.nct-callout__text{color:var(--ink-muted);margin:0;font-size:.925rem;line-height:1.6}.nct-theory-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;margin-top:1rem;padding:1.25rem}.nct-theory-box__title{color:var(--accent-subdominant);margin:0 0 .75rem;font-size:1.1rem}.nct-theory-box__body{color:var(--ink-muted);font-size:.925rem;line-height:1.65}.nct-theory-box__body p{margin:0 0 1.25rem}.nct-theory-box__body p:last-child{margin-bottom:0}.nct-theory-box__list{margin:0 0 1rem 1.25rem;padding:0}.medidor-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;width:100%;margin-top:1rem;display:grid}@media (width<=880px){.medidor-grid{grid-template-columns:1fr}}.root-selector-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .85rem;display:flex}.root-selector__label{color:var(--ink-muted);align-items:center;gap:.4rem;font-size:.875rem;font-weight:700;display:flex}.root-selector__controls{align-items:center;gap:.5rem;display:flex}.root-selector__select{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--accent-subdominant);cursor:pointer;border-radius:6px;outline:none;padding:.4rem .75rem;font-size:.9rem;font-weight:700}.interval-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;width:100%;display:grid}.interval-btn{background:var(--bg-surface);border:1px solid var(--bg-raised);width:100%;color:var(--ink-primary);cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:flex-start;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.interval-btn:hover{background:var(--bg-raised);border-color:var(--accent-subdominant);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf826}.interval-btn[aria-pressed=true]{background:var(--accent-subdominant);color:var(--bg-canvas);border-color:var(--accent-subdominant);font-weight:700;box-shadow:0 4px 14px #38bdf859}.tension-meter-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;animation:.3s nctFadeIn;display:flex}.tension-meter__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tension-meter__name{color:var(--ink-primary);font-size:1.1rem}.tension-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.tension-badge[data-category=perfect]{background:color-mix(in srgb, var(--accent-tonic) 20%, transparent);color:var(--accent-tonic)}.tension-badge[data-category=imperfect]{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent);color:var(--accent-subdominant)}.tension-badge[data-category=dissonant]{background:color-mix(in srgb, var(--status-error) 20%, transparent);color:var(--status-error)}.tension-meter__level{flex-direction:column;gap:.35rem;display:flex}.tension-meter__level-row{color:var(--ink-muted);justify-content:space-between;font-size:.85rem;display:flex}.tension-meter__level-value{color:var(--ink-primary);font-weight:700}.tension-meter__bar-bg{background:var(--bg-raised);border-radius:7px;height:14px;position:relative;overflow:hidden}.tension-meter__bar-fill{border-radius:7px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1),background-color .4s}.tension-meter__bar-fill[data-level=low]{background-color:var(--accent-tonic)}.tension-meter__bar-fill[data-level=mid]{background-color:var(--accent-subdominant)}.tension-meter__bar-fill[data-level=high]{background-color:var(--status-error)}.tension-meter__desc{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.5}.tension-meter__kostka-note{color:var(--accent-subdominant);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.tension-meter__actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.interval-example-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:14px;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1.75rem;display:flex}.interval-example-card__title{color:var(--accent-subdominant);text-align:center;margin:0 0 .5rem;font-size:1.05rem}.interval-example-card__hint{color:var(--ink-muted);text-align:center;margin-bottom:1rem;font-size:.85rem}.nct-detail-card{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;width:100%;display:grid}.nct-detail-card__title{color:var(--accent-subdominant);margin:0 0 .5rem;font-size:1.1rem}@media (width<=820px){.nct-detail-card{grid-template-columns:1fr}}.nct-meta-box{background:var(--bg-canvas);color:var(--ink-primary);border-radius:8px;flex-direction:column;gap:.5rem;padding:.85rem;font-size:.875rem;display:flex}.audio-toggle-bar{background:var(--bg-canvas);box-sizing:border-box;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:.75rem 1rem;display:flex}.nct-transpose-note{color:var(--ink-muted);text-align:center;margin:.5rem 0 0;font-size:.8rem;font-style:italic}.toggle-switch{cursor:pointer;color:var(--ink-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.quiz-box{flex-direction:column;gap:1.25rem;width:100%;display:flex}.quiz-question-card__title{color:var(--ink-primary);margin:0 0 .5rem;font-size:1rem}.quiz-options{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.quiz-option-btn{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);text-align:left;cursor:pointer;border-radius:8px;padding:.65rem 1rem;font-size:.9rem;transition:all .2s}.quiz-option-btn:hover{background:var(--bg-raised)}.quiz-option-btn--correct{font-weight:700;background:color-mix(in srgb, var(--accent-tonic) 20%, transparent)!important;border-color:var(--accent-tonic)!important;color:var(--accent-tonic)!important}.quiz-option-btn--wrong{background:color-mix(in srgb, var(--status-error) 20%, transparent)!important;border-color:var(--status-error)!important;color:var(--status-error)!important}.quiz-feedback--correct{background:color-mix(in srgb, var(--accent-tonic) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-tonic) 30%, transparent);color:var(--accent-tonic)}.quiz-feedback--wrong{background:color-mix(in srgb, var(--status-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-error) 30%, transparent);color:var(--status-error)}.nct-reduction{border-top:1px solid var(--bg-raised);flex-direction:column;gap:1rem;margin-top:1.75rem;padding-top:1.5rem;display:flex}.nct-reduction__head{flex-direction:column;gap:.35rem;display:flex}.nct-reduction__title{color:var(--accent-subdominant);margin:0;font-size:1.05rem;font-weight:700}.nct-reduction__intro{color:var(--ink-muted);max-width:75ch;margin:0;font-size:.9rem;line-height:1.6}.nct-reduction__tabs{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:flex}.nct-reduction__tab{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.875rem}.nct-reduction__tab:hover{color:var(--ink-primary)}.nct-reduction__tab--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.nct-reduction__tab:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nct-reduction__body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:1.25rem;display:grid}.nct-reduction__aside{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.nct-reduction__explanation{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.65}@media (width<=900px){.nct-reduction__body{grid-template-columns:1fr}}.par-video{flex-direction:column;align-items:center;gap:.6rem;margin:1.25rem 0 0;padding:0;display:flex}.par-video__player{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:#fff;border-radius:14px;width:100%;max-width:900px;display:block}.par-video__caption{color:var(--ink-muted);text-align:center;max-width:70ch;font-size:.85rem;line-height:1.5}.par-phases{gap:.85rem;margin-top:1.5rem;display:grid}.par-phase{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-left-width:4px;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.par-phase__letter{border-radius:10px;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:1.6rem;font-weight:800;line-height:1;display:grid}.par-phase[data-phase=p]{border-left-color:var(--accent-subdominant,#38bdf8)}.par-phase[data-phase=p] .par-phase__letter{color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 14%, transparent)}.par-phase[data-phase=a]{border-left-color:#dc2626}.par-phase[data-phase=a] .par-phase__letter{color:#dc2626;background:#dc262624}.par-phase[data-phase=r]{border-left-color:#059669}.par-phase[data-phase=r] .par-phase__letter{color:#059669;background:#05966924}.par-phase__title{color:var(--ink-primary);margin:0 0 .25rem;font-size:1rem;font-weight:700}.par-phase__text{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}@media (width<=640px){.par-phase{flex-direction:column}}.audio-toggle-bar .interval-btn{justify-content:center;width:auto}.nct-lab__head{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.nct-lab__tabs{flex-direction:column;gap:.45rem;margin:1rem 0 .85rem;display:flex}.nct-lab__category-row,.nct-lab__variant-row{flex-wrap:wrap;gap:.4rem;display:flex}.nct-lab__category{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--accent-subdominant);cursor:pointer;border-radius:8px;flex:3.2rem;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .6rem;font-family:Baskerville,Times New Roman,serif;font-size:.92rem;font-weight:700;display:inline-flex}.nct-lab__category:hover{border-color:var(--accent-subdominant)}.nct-lab__category--active{background:var(--accent-subdominant);border-color:var(--accent-subdominant);color:var(--bg-canvas)}.nct-lab__category:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nct-lab__variant{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.85rem;display:inline-flex}.nct-lab__variant:hover{border-color:var(--accent-subdominant);color:var(--ink-primary)}.nct-lab__variant--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface));color:var(--ink-primary);font-weight:600}.nct-lab__variant:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nct-lab__brief{background:color-mix(in srgb, var(--accent-subdominant) 8%, transparent);border-left:3px solid var(--accent-subdominant);border-radius:10px;padding:.85rem 1rem}.nct-lab__brief-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-subdominant);align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.nct-lab__brief-text{color:var(--ink-primary);margin:.4rem 0 .85rem;font-size:.98rem;line-height:1.6}.nct-lab__spec{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin:0;display:grid}.nct-lab__spec dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.nct-lab__spec dd{color:var(--ink-primary);margin:.1rem 0 0;font-size:.87rem;line-height:1.45}.nct-lab__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;margin-top:1rem;display:grid}.nct-lab__panel{flex-direction:column;gap:.65rem;display:flex}.nct-lab__candidates-label{color:var(--ink-muted);font-size:.85rem;font-weight:600}.nct-lab__candidates{flex-wrap:wrap;gap:.5rem;display:flex}.nct-lab__candidate{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:3.4rem;color:var(--ink-primary);font:inherit;cursor:pointer;border-radius:8px;padding:.55rem .7rem;font-size:.95rem;font-weight:700}.nct-lab__candidate:hover{border-color:var(--accent-subdominant)}.nct-lab__candidate--active{border-color:var(--accent-subdominant);background:var(--accent-subdominant);color:var(--bg-canvas)}.nct-lab__candidate:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nct-lab__verdict{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-left-width:4px;border-radius:10px;padding:.9rem 1rem}.nct-lab__verdict[data-state=hit]{background:color-mix(in srgb, #059669 8%, var(--bg-canvas));border-left-color:#059669}.nct-lab__verdict[data-state=other]{background:color-mix(in srgb, #eab308 8%, var(--bg-canvas));border-left-color:#eab308}.nct-lab__verdict[data-state=invalid]{background:color-mix(in srgb, #dc2626 8%, var(--bg-canvas));border-left-color:#dc2626}.nct-lab__verdict-head{color:var(--ink-primary);align-items:center;gap:.5rem;font-size:1rem;display:flex}.nct-lab__verdict[data-state=hit] .nct-lab__verdict-head{color:#059669}.nct-lab__verdict[data-state=other] .nct-lab__verdict-head{color:#a16207}.nct-lab__verdict[data-state=invalid] .nct-lab__verdict-head{color:#dc2626}.nct-lab__verdict-judgement{color:var(--ink-primary);margin:.5rem 0 0;font-size:.9rem;line-height:1.55}.nct-lab__list{flex-direction:column;gap:.35rem;margin:.6rem 0 0;padding-left:1.1rem;font-size:.87rem;line-height:1.5;display:flex}.nct-lab__list--ok{color:var(--ink-muted)}.nct-lab__list--issue{color:var(--ink-primary)}.nct-lab__list--issue li::marker{color:#dc2626}.nct-lab__empty{color:var(--ink-muted);background:var(--bg-canvas);border:1px dashed var(--bg-raised);border-radius:10px;margin:0;padding:.9rem 1rem;font-size:.9rem;line-height:1.6}.nct-lab__actions{gap:.5rem;display:flex}.nct-lab__actions--regenerate{margin-top:.75rem}.nct-lab__actions--regenerate .interval-btn:disabled{opacity:.45;cursor:not-allowed}.nct-lab__hint{color:var(--ink-primary);background:#eab3081a;border-left:3px solid #eab308;border-radius:8px;margin:0;padding:.7rem .9rem;font-size:.88rem;line-height:1.55}@media (width<=960px){.nct-lab__body{grid-template-columns:1fr}}.nct-lab__head-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.nct-lab__head-actions .interval-btn{justify-content:center;width:auto}.nct-lab__verdict-step+.nct-lab__verdict-step{border-top:1px dashed var(--bg-raised);margin-top:.7rem;padding-top:.7rem}.nct-lab__verdict-step-head{color:var(--ink-primary);align-items:center;gap:.5rem;margin-top:.6rem;font-size:.88rem;font-weight:700;display:flex}.nct-lab__verdict-step-pitch{background:var(--bg-raised);text-align:center;border-radius:5px;flex-shrink:0;min-width:2.4rem;padding:.1rem .35rem;font-size:.85rem}@media (width<=768px){.nct-grid-duo{grid-template-columns:1fr}}:root[data-theme=light] .nct-subcard{background:#f8fafc;border-color:#e2e8f0}:root[data-theme=light] .nct-subcard__title{color:#0284c7}:root[data-theme=light] .nct-subcard__text{color:#475569}.nct-list{color:var(--ink-muted,#9ca3af);flex-direction:column;gap:.5rem;margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.45;display:flex}.nct-list strong{color:var(--ink-primary,#f9fafb)}:root[data-theme=light] .nct-list{color:#475569}:root[data-theme=light] .nct-list strong{color:#0f172a}@media (width<=900px){.nct-rules-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.nct-rules-grid{grid-template-columns:1fr}}:root[data-theme=light] .nct-rule-card{background:#f8fafc;border-color:#e2e8f0}:root[data-theme=light] .nct-rule-num{color:#0284c7}:root[data-theme=light] .nct-rule-heading{color:#0f172a}:root[data-theme=light] .nct-rule-body{color:#475569}:root[data-theme=light] .nct-2a1-toggle-bar{background:#f1f5f9;border-color:#e2e8f0}:root[data-theme=light] .nct-2a1-toggle-btn{color:#64748b}:root[data-theme=light] .nct-2a1-toggle-btn:hover{color:#0f172a;background:#e2e8f0}:root[data-theme=light] .nct-2a1-toggle-btn--active{color:#0284c7;background:#fff;border-color:#0284c7;box-shadow:0 2px 8px #0000000d}@media (width<=768px){.nct-terms-grid{grid-template-columns:1fr}}:root[data-theme=light] .nct-term-box{background:#f8fafc;border-color:#e2e8f0}:root[data-theme=light] .nct-term-badge{background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant)}:root[data-theme=light] .nct-term-name{color:#0f172a}:root[data-theme=light] .nct-term-desc{color:#475569}.nct-tip-banner{background:color-mix(in srgb, var(--accent-tonic,#eab308) 12%, transparent);border-left:4px solid var(--accent-tonic,#eab308);color:var(--ink-primary,#f9fafb);border-radius:10px;margin-top:1.25rem;padding:.9rem 1.2rem;font-size:.92rem;line-height:1.45}:root[data-theme=light] .nct-tip-banner{color:#92400e;background:#fffbeb;border-left-color:#d97706}:root[data-theme=light] .nct-cta-btn{color:#fff;background:#0284c7}.nct-video-reel-banner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#1e2bfa14,#6366f10d);border:1.5px solid #1e2bfa40;border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;margin:1.75rem 0;padding:1.25rem 1.75rem;display:flex}:root[data-theme=light] .nct-video-reel-banner{background:#f8faff;border-color:#cbd5e1}.nct-video-reel-info{flex-direction:column;gap:.35rem;display:flex}.nct-video-reel-badge{text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;display:inline-flex}.nct-video-reel-title{color:var(--ink-primary,#f9fafb);margin:0;font-size:1.15rem;font-weight:800}:root[data-theme=light] .nct-video-reel-title{color:#0f172a}.nct-video-reel-desc{color:var(--ink-secondary,#94a3b8);margin:0;font-size:.9rem;line-height:1.4}:root[data-theme=light] .nct-video-reel-desc{color:#475569}.nct-video-reel-btn{color:#fff;white-space:nowrap;cursor:pointer;background:#1e2bfa;border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #1e2bfa4d}.nct-video-reel-btn:hover{background:#1520c4;transform:translateY(-1px);box-shadow:0 6px 18px #1e2bfa66}.nct-video-toggle-container{justify-content:center;margin:1.75rem 0 2rem;display:flex}.nct-video-toggle-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:9999px;gap:.35rem;padding:.35rem;display:inline-flex;box-shadow:0 4px 16px #00000040}.nct-video-toggle-btn{color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.55rem;padding:.6rem 1.25rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.nct-video-toggle-btn:hover{color:var(--ink-primary);background:var(--bg-raised)}.nct-video-toggle-btn--active,.nct-video-toggle-btn--active:hover{box-shadow:0 4px 14px #1e2bfa61;color:#fff!important;background:#1e2bfa!important}.nct-suspension-video-showcase{grid-template-columns:340px 1fr;align-items:start;gap:2.25rem;margin-bottom:2.5rem;display:grid}@media (width<=980px){.nct-suspension-video-showcase{grid-template-columns:1fr;max-width:580px;margin:0 auto 2.5rem}}.nct-suspension-video-player-wrap{flex-direction:column;align-items:center;gap:.75rem;display:flex}.nct-suspension-video-phone-frame{aspect-ratio:9/16;background:#020617;border:4px solid #1e293b;border-radius:28px;width:100%;max-width:340px;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff0f}:root[data-theme=light] .nct-suspension-video-phone-frame{background:#0f172a;border-color:#cbd5e1;box-shadow:0 12px 32px #0f172a2e,0 0 0 1px #00000014}.nct-suspension-video-el{object-fit:cover;width:100%;height:100%;display:block}.nct-suspension-video-hint{color:var(--ink-muted,#64748b);text-align:center;max-width:320px;font-size:.8rem;line-height:1.45}:root[data-theme=light] .nct-suspension-video-hint{color:#64748b}.nct-suspension-video-guide{flex-direction:column;display:flex}.nct-suspension-guide-card{background:var(--bg-card,#0f172a);border:1px solid var(--border-subtle,#1e293b);border-radius:18px;flex-direction:column;gap:1.35rem;padding:1.75rem;display:flex;box-shadow:0 8px 24px #0003}:root[data-theme=light] .nct-suspension-guide-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000d}.nct-suspension-guide-title{color:var(--ink-primary,#f9fafb);align-items:center;gap:.6rem;margin:0;font-size:1.2rem;font-weight:800;display:flex}:root[data-theme=light] .nct-suspension-guide-title{color:#0f172a}.nct-suspension-steps-list{flex-direction:column;gap:.85rem;display:flex}.nct-suspension-step-item{background:#ffffff05;border-left:4px solid #3b82f6;border-radius:12px;flex-direction:column;gap:.35rem;padding:.9rem 1.1rem;display:flex}:root[data-theme=light] .nct-suspension-step-item{background:#f8fafc}.nct-step--prep{background:#0596690f;border-left-color:#059669}:root[data-theme=light] .nct-step--prep{background:#ecfdf5}.nct-step--sus{background:#e11d480f;border-left-color:#e11d48}:root[data-theme=light] .nct-step--sus{background:#fff1f2}.nct-step--res{background:#1e2bfa0f;border-left-color:#1e2bfa}:root[data-theme=light] .nct-step--res{background:#eff6ff}.nct-step-badge{text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.nct-step--prep .nct-step-badge{color:#10b981}:root[data-theme=light] .nct-step--prep .nct-step-badge{color:#047857}.nct-step--sus .nct-step-badge{color:#f43f5e}:root[data-theme=light] .nct-step--sus .nct-step-badge{color:#be123c}.nct-step--res .nct-step-badge{color:#60a5fa}:root[data-theme=light] .nct-step--res .nct-step-badge{color:#1d4ed8}.nct-step-content strong{color:var(--ink-primary,#f8fafc);margin-bottom:.2rem;font-size:.95rem;display:block}:root[data-theme=light] .nct-step-content strong{color:#0f172a}.nct-step-content p{color:var(--ink-muted,#94a3b8);margin:0;font-size:.88rem;line-height:1.45}:root[data-theme=light] .nct-step-content p{color:#475569}.nct-suspension-cifras-preview{margin-top:.25rem}.nct-cifras-preview-title{color:var(--ink-secondary,#cbd5e1);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.92rem;font-weight:800}:root[data-theme=light] .nct-cifras-preview-title{color:#334155}.nct-cifras-mini-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=600px){.nct-cifras-mini-grid{grid-template-columns:1fr}}.nct-cifra-mini{border:1px solid var(--border-subtle,#1e293b);background:#ffffff05;border-radius:12px;flex-direction:column;gap:.2rem;padding:.75rem .9rem;display:flex}:root[data-theme=light] .nct-cifra-mini{background:#f8fafc;border-color:#e2e8f0}.nct-cifra-num{font-family:var(--font-mono,monospace);color:#f59e0b;font-size:1.25rem;font-weight:900}:root[data-theme=light] .nct-cifra-num{color:#d97706}.nct-cifra-label{color:var(--ink-muted,#94a3b8);font-size:.8rem;line-height:1.35}:root[data-theme=light] .nct-cifra-label{color:#64748b}.nct-guide-cta-row{margin-top:.5rem}.nct-cta-switch-btn{border:1.5px dashed var(--accent-subdominant,#38bdf8);width:100%;color:var(--accent-subdominant,#38bdf8);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.25rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}:root[data-theme=light] .nct-cta-switch-btn{color:#0284c7;border-color:#0284c7}.nct-cta-switch-btn:hover{background:#38bdf81a;border-color:#38bdf8;transform:translateY(-1px)}:root[data-theme=light] .nct-cta-switch-btn:hover{background:#0284c714}.nct-page-container{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.nct-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.contrapunto-2a1{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);color:var(--ink-primary,#f9fafb);border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 4px 20px -2px #00000040}:root[data-theme=light] .contrapunto-2a1{color:#111827;background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px -2px #0000000d}.contrapunto-2a1__header-toolbar{border-bottom:1px solid var(--bg-raised,#1f2937);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}:root[data-theme=light] .contrapunto-2a1__header-toolbar{border-bottom-color:#e2e8f0}.contrapunto-2a1__preset-selector{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contrapunto-2a1__preset-label{color:var(--ink-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:700}.contrapunto-2a1__preset-pills{flex-wrap:wrap;gap:6px;display:flex}.contrapunto-2a1__preset-pill{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);cursor:pointer;border:1px solid #ffffff14;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.contrapunto-2a1__preset-pill:hover{color:var(--ink-primary,#f9fafb);background:#38bdf826}.contrapunto-2a1__preset-pill--active{font-weight:700;box-shadow:0 2px 10px #38bdf859;background:var(--accent-subdominant,#38bdf8)!important;color:var(--ink-on-accent,#04110c)!important;border-color:var(--accent-subdominant,#38bdf8)!important}:root[data-theme=light] .contrapunto-2a1__preset-pill{color:#475569;background:#f1f5f9;border-color:#cbd5e1}:root[data-theme=light] .contrapunto-2a1__preset-pill:hover{color:#0284c7;background:#e2e8f0}:root[data-theme=light] .contrapunto-2a1__preset-pill--active{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.contrapunto-2a1__btn-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #0284c74d}.contrapunto-2a1__btn-generate:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0284c773}.contrapunto-2a1__btn-generate:active{transform:translateY(0)}.contrapunto-2a1__preset-info{background:var(--bg-canvas,#070a0f);border-left:4px solid var(--accent-subdominant,#38bdf8);border-radius:0 10px 10px 0;flex-direction:column;gap:4px;padding:12px 18px;display:flex}:root[data-theme=light] .contrapunto-2a1__preset-info{background:#f8fafc;border-left-color:#0284c7}.contrapunto-2a1__preset-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contrapunto-2a1__preset-title{color:var(--ink-primary,#f9fafb);margin:0;font-size:15.5px;font-weight:800}:root[data-theme=light] .contrapunto-2a1__preset-title{color:#0f172a}.contrapunto-2a1__preset-source{color:var(--accent-subdominant,#38bdf8);background:#38bdf81f;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}:root[data-theme=light] .contrapunto-2a1__preset-source{color:#0369a1;background:#e0f2fe}.contrapunto-2a1__preset-desc{color:var(--ink-muted,#9ca3af);margin:0;font-size:13.5px;line-height:1.4}:root[data-theme=light] .contrapunto-2a1__preset-desc{color:#475569}.contrapunto-2a1__controls{border-bottom:1px solid var(--bg-raised,#1f2937);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}:root[data-theme=light] .contrapunto-2a1__controls{border-bottom-color:#e2e8f0}.contrapunto-2a1__playback-group{align-items:center;gap:10px;display:flex}.contrapunto-2a1__btn-play{background:var(--accent-subdominant,#38bdf8);color:var(--ink-on-accent,#04110c);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}:root[data-theme=light] .contrapunto-2a1__btn-play{color:#fff;background:#0284c7}.contrapunto-2a1__btn-play:hover{transform:translateY(-1px)}.contrapunto-2a1__btn-play--active{background:var(--accent-minor,#fb923c)}.contrapunto-2a1__btn-step,.contrapunto-2a1__btn-reset{background:var(--bg-raised,#1f2937);width:36px;height:36px;color:var(--ink-primary,#f9fafb);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}:root[data-theme=light] .contrapunto-2a1__btn-step,:root[data-theme=light] .contrapunto-2a1__btn-reset{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.contrapunto-2a1__btn-step:hover:not(:disabled),.contrapunto-2a1__btn-reset:hover{color:var(--accent-subdominant,#38bdf8);background:#38bdf826}.contrapunto-2a1__btn-step:disabled{opacity:.35;cursor:not-allowed}.contrapunto-2a1__step-indicator{color:var(--ink-muted,#9ca3af);padding:0 6px;font-size:14px;font-weight:500}.contrapunto-2a1__step-indicator strong{color:var(--ink-primary,#f9fafb);font-size:15px}:root[data-theme=light] .contrapunto-2a1__step-indicator strong{color:#0f172a}.contrapunto-2a1__voice-toggles{align-items:center;gap:8px;display:flex}.contrapunto-2a1__toggle-label{color:var(--ink-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:600}.contrapunto-2a1__voice-btn{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);cursor:pointer;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}:root[data-theme=light] .contrapunto-2a1__voice-btn{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.contrapunto-2a1__voice-btn:hover{color:var(--ink-primary,#f9fafb)}.contrapunto-2a1__voice-btn--active{color:var(--accent-subdominant,#38bdf8);border-color:var(--accent-subdominant,#38bdf8);background:#38bdf826}:root[data-theme=light] .contrapunto-2a1__voice-btn--active{color:#0284c7;background:#0284c71f;border-color:#0284c7}.contrapunto-2a1__score-wrapper{background:var(--bg-canvas,#070a0f);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-direction:column;align-items:center;padding:16px 12px 12px;display:flex;position:relative;overflow-x:auto}:root[data-theme=light] .contrapunto-2a1__score-wrapper{background:#fafafa;border-color:#e2e8f0}.contrapunto-2a1__score{justify-content:center;width:100%;max-width:1060px;display:flex}.contrapunto-2a1__score svg{width:100%!important;height:auto!important}@keyframes motionStream2a1{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes pulseHalo2a1{0%{r:12px;opacity:.8}50%{r:18px;opacity:.25}to{r:12px;opacity:.8}}@keyframes shimmerRay2a1{0%{opacity:.55;stroke-width:2px}50%{opacity:1;stroke-width:3.5px}to{opacity:.55;stroke-width:2px}}.motion-vector-2a1{stroke-linecap:round;transition:opacity .25s,stroke-width .25s}.motion-vector-2a1--intra{stroke:#38bdf8}.motion-vector-2a1--inter{stroke:var(--accent-dominant)}.motion-vector-2a1--bass{stroke:#34d399}:root[data-theme=light] .motion-vector-2a1--intra{stroke:#0284c7}:root[data-theme=light] .motion-vector-2a1--inter{stroke:var(--accent-dominant)}:root[data-theme=light] .motion-vector-2a1--bass{stroke:#059669}.motion-vector-2a1--future{stroke-dasharray:4 4;stroke-width:1.5px;opacity:.22}.motion-vector-2a1--passed{stroke-width:2px;opacity:.65}.motion-vector-2a1--active{stroke-width:3.2px;opacity:1;stroke-dasharray:8 4;filter:drop-shadow(0 0 6px #38bdf899);animation:.8s linear infinite motionStream2a1}.harmonic-interval-ray-2a1{stroke:#fbbf24;stroke-dasharray:4 3;filter:drop-shadow(0 0 4px #fbbf2480);animation:1.4s ease-in-out infinite shimmerRay2a1,1.2s linear infinite motionStream2a1}:root[data-theme=light] .harmonic-interval-ray-2a1{stroke:#d97706}.harmonic-interval-badge-2a1 rect{fill:#1e1b4b;stroke:#fbbf24;stroke-width:1.5px}:root[data-theme=light] .harmonic-interval-badge-2a1 rect{fill:#fffbeb;stroke:#d97706}.harmonic-interval-badge-2a1 text{fill:#fbbf24;dominant-baseline:middle;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:800}:root[data-theme=light] .harmonic-interval-badge-2a1 text{fill:#b45309}.note-halo-2a1{fill:none;stroke-width:2px;pointer-events:none;animation:1.2s ease-in-out infinite pulseHalo2a1}.note-halo-2a1--soprano{stroke:#38bdf8}.note-halo-2a1--bass{stroke:#34d399}:root[data-theme=light] .note-halo-2a1--soprano{stroke:#0284c7}:root[data-theme=light] .note-halo-2a1--bass{stroke:#059669}.contrapunto-2a1__timeline{grid-template-columns:repeat(8,1fr);gap:6px;width:100%;max-width:1060px;margin-top:10px;display:grid}.contrapunto-2a1__timeline-m{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);border-radius:8px;flex-direction:column;gap:4px;padding:6px 4px;transition:all .15s;display:flex}:root[data-theme=light] .contrapunto-2a1__timeline-m{background:#fff;border-color:#cbd5e1}.contrapunto-2a1__timeline-m--active{border-color:var(--accent-subdominant,#38bdf8);box-shadow:0 0 0 1px var(--accent-subdominant,#38bdf8);background:#38bdf814}.contrapunto-2a1__timeline-m-title{text-align:center;color:var(--ink-muted,#9ca3af);text-transform:uppercase;font-size:11px;font-weight:700}.contrapunto-2a1__timeline-subbeats{flex-direction:column;gap:3px;display:flex}.contrapunto-2a1__subbeat-btn{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);cursor:pointer;text-align:center;border:1px solid #ffffff0f;border-radius:4px;padding:4px 2px;font-size:10.5px;font-weight:700;transition:all .15s}:root[data-theme=light] .contrapunto-2a1__subbeat-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.contrapunto-2a1__subbeat-btn:hover{color:var(--ink-primary,#f9fafb);background:#38bdf826}.contrapunto-2a1__subbeat-btn--active{background:var(--accent-subdominant,#38bdf8)!important;color:var(--ink-on-accent,#04110c)!important;border-color:var(--accent-subdominant,#38bdf8)!important}:root[data-theme=light] .contrapunto-2a1__subbeat-btn--active{color:#fff!important;background:#0284c7!important}.contrapunto-2a1__analysis-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=840px){.contrapunto-2a1__analysis-grid{grid-template-columns:1fr}}.contrapunto-2a1__card{background:var(--bg-canvas,#070a0f);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}:root[data-theme=light] .contrapunto-2a1__card{background:#f8fafc;border-color:#e2e8f0}.contrapunto-2a1__card--wide{background:#a78bfa0f;border-color:#a78bfa40;grid-column:1/-1}:root[data-theme=light] .contrapunto-2a1__card--wide{background:#faf5ff;border-color:#9333ea33}.contrapunto-2a1__card-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted,#9ca3af);font-size:11px;font-weight:700}.contrapunto-2a1__pitches-row{flex-wrap:wrap;gap:12px;display:flex}.contrapunto-2a1__pitch-chip{border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:inline-flex}.contrapunto-2a1__pitch-chip--soprano{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.contrapunto-2a1__pitch-chip--bass{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}:root[data-theme=light] .contrapunto-2a1__pitch-chip--soprano{color:#0369a1;background:#0284c71a;border-color:#0284c740}:root[data-theme=light] .contrapunto-2a1__pitch-chip--bass{color:#047857;background:#0596691a;border-color:#05966940}.contrapunto-2a1__chip-role{opacity:.85;font-weight:600}.contrapunto-2a1__badge-role{letter-spacing:.03em;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:800}.contrapunto-2a1__badge-role--pt{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866}.contrapunto-2a1__badge-role--nt{color:#c084fc;background:#c084fc33;border:1px solid #c084fc66}.contrapunto-2a1__badge-role--sus,.contrapunto-2a1__badge-role--ret{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b66}.contrapunto-2a1__badge-role--app{color:#f43f5e;background:#f43f5e33;border:1px solid #f43f5e66}.contrapunto-2a1__badge-role--et{color:#84cc16;background:#84cc1633;border:1px solid #84cc1666}.contrapunto-2a1__badge-role--ant{color:#10b981;background:#10b98133;border:1px solid #10b98166}.contrapunto-2a1__badge-role--ngr,.contrapunto-2a1__badge-role--ped{color:#a855f7;background:#a855f733;border:1px solid #a855f766}.contrapunto-2a1__badge-role--harmonic{color:var(--ink-primary,#f9fafb);background:#ffffff1a;border:1px solid #ffffff26}.contrapunto-2a1__par-section{flex-direction:column;gap:6px;margin-top:6px;display:flex}.contrapunto-2a1__par-header{justify-content:space-between;align-items:center;display:flex}.par-header-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted,#9ca3af);font-size:11px;font-weight:800}.contrapunto-2a1__par-box{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);border-radius:10px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:12px 14px;display:grid}:root[data-theme=light] .contrapunto-2a1__par-box{background:#fff;border-color:#e2e8f0}.par-step{background:#ffffff05;border-radius:8px;align-items:flex-start;gap:10px;padding:6px 8px;display:flex}:root[data-theme=light] .par-step{background:#f8fafc}.par-step--p .par-letter{color:#04110c;background:#38bdf8;box-shadow:0 0 10px #38bdf859}.par-step--a .par-letter{color:#04110c;background:#f59e0b;box-shadow:0 0 10px #f59e0b59}.par-step--r .par-letter{color:#04110c;background:#10b981;box-shadow:0 0 10px #10b98159}.par-letter{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-flex}.par-content{flex-direction:column;gap:2px;font-size:12px;line-height:1.3;display:flex}.par-stage-name{color:var(--ink-primary,#f9fafb);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}:root[data-theme=light] .par-stage-name{color:#0f172a}.par-stage-desc{color:var(--ink-muted,#9ca3af);margin:0;font-size:11.5px}:root[data-theme=light] .par-stage-desc{color:#475569}.par-arrow{color:var(--ink-muted,#64748b);opacity:.7;font-size:15px;font-weight:900}.par-badge-micro{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.par-badge-micro--p{color:#7dd3fc;border-color:#38bdf84d}.par-badge-micro--a{color:#fcd34d;border-color:#f59e0b4d}.par-badge-micro--r{color:#6ee7b7;border-color:#10b9814d}.contrapunto-2a1__motion-indicator{color:var(--ink-primary,#f9fafb);align-items:center;gap:6px;font-size:14px;display:flex}:root[data-theme=light] .contrapunto-2a1__motion-indicator{color:#0f172a}.contrapunto-2a1__motion-label{color:var(--ink-muted,#9ca3af)}.contrapunto-2a1__interval-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.contrapunto-2a1__interval-value{color:var(--ink-primary,#f9fafb);font-size:20px;font-weight:800}:root[data-theme=light] .contrapunto-2a1__interval-value{color:#0f172a}.contrapunto-2a1__quality-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.contrapunto-2a1__quality-badge--perfect{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.contrapunto-2a1__quality-badge--imperfect{color:#34d399;background:#34d39926;border:1px solid #34d39959}.contrapunto-2a1__quality-badge--dissonant{color:#fb923c;background:#fb923c26;border:1px solid #fb923c59}:root[data-theme=light] .contrapunto-2a1__quality-badge--perfect{color:#0284c7;background:#0284c71f;border-color:#0284c74d}:root[data-theme=light] .contrapunto-2a1__quality-badge--imperfect{color:#059669;background:#0596691f;border-color:#0596694d}:root[data-theme=light] .contrapunto-2a1__quality-badge--dissonant{color:#c2410c;background:#c2410c1f;border-color:#c2410c4d}.contrapunto-2a1__rule-tag{color:var(--ink-muted,#9ca3af);font-size:13px;line-height:1.4}.contrapunto-2a1__rule-tag span{color:var(--ink-primary,#f9fafb);font-weight:700}:root[data-theme=light] .contrapunto-2a1__rule-tag span{color:#0f172a}.contrapunto-2a1__rule-title{color:var(--accent-dominant,#f4a261);margin:0;font-size:16px;font-weight:700}:root[data-theme=light] .contrapunto-2a1__rule-title{color:#6b21a8}.contrapunto-2a1__rule-desc{color:var(--ink-primary,#f9fafb);margin:0;font-size:14px;line-height:1.5}:root[data-theme=light] .contrapunto-2a1__rule-desc{color:#0f172a}.contrapunto-2a1__rule-source{color:var(--ink-muted,#9ca3af);font-size:11.5px;font-style:italic;font-weight:600}.contrapunto-2a1__nct-hud{background:var(--bg-canvas,#070a0f);border:1px solid var(--bg-raised,#1f2937);border-left:4px solid var(--accent-subdominant,#38bdf8);border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.35s ease-out nctHudFlash;display:flex;box-shadow:0 4px 16px #00000040}@keyframes nctHudFlash{0%{opacity:.85;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .contrapunto-2a1__nct-hud{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.contrapunto-2a1__nct-hud--pt{border-left-color:#38bdf8}.contrapunto-2a1__nct-hud--nt{border-left-color:#c084fc}.contrapunto-2a1__nct-hud--sus{border-left-color:#f59e0b}.contrapunto-2a1__nct-hud--ret{border-left-color:#fb923c}.contrapunto-2a1__nct-hud--app{border-left-color:#f43f5e}.contrapunto-2a1__nct-hud--et{border-left-color:#84cc16}.contrapunto-2a1__nct-hud--ant{border-left-color:#10b981}.contrapunto-2a1__nct-hud--ngr{border-left-color:#a855f7}.contrapunto-2a1__nct-hud--ped{border-left-color:#ec4899}.contrapunto-2a1__nct-hud--harmonic{border-left-color:#6366f1}.contrapunto-2a1__nct-hud-badge{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nct-hud-pulse{background:#38bdf8;border-radius:50%;width:10px;height:10px;animation:1.2s infinite alternate pulseHalo;box-shadow:0 0 10px #38bdf8}.contrapunto-2a1__nct-hud--pt .nct-hud-pulse{background:#38bdf8;box-shadow:0 0 10px #38bdf8}.contrapunto-2a1__nct-hud--nt .nct-hud-pulse{background:#c084fc;box-shadow:0 0 10px #c084fc}.contrapunto-2a1__nct-hud--sus .nct-hud-pulse{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.contrapunto-2a1__nct-hud--ret .nct-hud-pulse{background:#fb923c;box-shadow:0 0 10px #fb923c}.contrapunto-2a1__nct-hud--app .nct-hud-pulse{background:#f43f5e;box-shadow:0 0 10px #f43f5e}.contrapunto-2a1__nct-hud--et .nct-hud-pulse{background:#84cc16;box-shadow:0 0 10px #84cc16}.contrapunto-2a1__nct-hud--ant .nct-hud-pulse{background:#10b981;box-shadow:0 0 10px #10b981}.contrapunto-2a1__nct-hud--harmonic .nct-hud-pulse{background:#6366f1;box-shadow:0 0 10px #6366f1}.nct-hud-role-tag{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-raised,#1f2937);color:var(--ink-primary,#f9fafb);border-radius:6px;padding:.25rem .55rem;font-size:11px;font-weight:800}:root[data-theme=light] .nct-hud-role-tag{color:#0f172a;background:#f1f5f9}.contrapunto-2a1__nct-hud-body{flex-direction:column;flex:1;gap:.25rem;display:flex}.contrapunto-2a1__nct-hud-title{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.nct-hud-label-text{color:var(--ink-primary,#f9fafb);font-size:1.05rem;font-weight:700}:root[data-theme=light] .nct-hud-label-text{color:#0f172a}.contrapunto-2a1__nct-hud-beat{color:var(--ink-muted,#9ca3af);font-size:.85rem;font-weight:600}:root[data-theme=light] .contrapunto-2a1__nct-hud-beat{color:#64748b}.contrapunto-2a1__nct-hud-meta{color:var(--ink-muted,#9ca3af);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.nct-hud-metric strong{color:var(--ink-primary,#f9fafb)}:root[data-theme=light] .nct-hud-metric strong{color:#0f172a}.nct-hud-separator{color:var(--bg-raised,#4b5563);font-weight:700}.contrapunto-2a1__nct-hud-par-summary{flex-direction:column;flex-shrink:0;gap:.2rem;display:flex}.par-badge-micro{background:var(--bg-raised,#1f2937);color:var(--ink-muted,#9ca3af);border-radius:4px;padding:.15rem .5rem;font-size:.78rem}.par-badge-micro strong{color:var(--accent-subdominant,#38bdf8)}:root[data-theme=light] .par-badge-micro{color:#475569;background:#f1f5f9}:root[data-theme=light] .par-badge-micro strong{color:#0284c7}@media (width<=900px){.contrapunto-2a1__nct-hud{flex-direction:column;align-items:flex-start}.contrapunto-2a1__nct-hud-par-summary{flex-flow:wrap}}.nct-floating-tag rect{fill:#0b0f19;stroke:#ffffff26;stroke-width:1px;transition:all .25s}.nct-floating-tag text{fill:var(--ink-muted,#9ca3af);dominant-baseline:middle;font-family:Inter,system-ui,sans-serif;font-size:9.5px;font-weight:700;transition:all .25s}:root[data-theme=light] .nct-floating-tag rect{fill:#fff;stroke:#cbd5e1}:root[data-theme=light] .nct-floating-tag text{fill:#64748b}.nct-floating-tag--active rect{fill:#0f172a;stroke:#38bdf8;stroke-width:1.5px;filter:drop-shadow(0 0 6px #38bdf899)}.nct-floating-tag--active text{fill:#38bdf8;font-weight:800}.nct-floating-tag--pt.nct-floating-tag--active rect{stroke:#38bdf8;fill:#082f49}.nct-floating-tag--pt.nct-floating-tag--active text{fill:#38bdf8}.nct-floating-tag--nt.nct-floating-tag--active rect{stroke:#c084fc;fill:#3b0764}.nct-floating-tag--nt.nct-floating-tag--active text{fill:#c084fc}.nct-floating-tag--sus.nct-floating-tag--active rect{stroke:#f59e0b;fill:#451a03}.nct-floating-tag--sus.nct-floating-tag--active text{fill:#fbbf24}.nct-floating-tag--ret.nct-floating-tag--active rect{stroke:#fb923c;fill:#431407}.nct-floating-tag--ret.nct-floating-tag--active text{fill:#fdba74}.nct-floating-tag--app.nct-floating-tag--active rect{stroke:#f43f5e;fill:#4c0519}.nct-floating-tag--app.nct-floating-tag--active text{fill:#fb7185}.nct-floating-tag--et.nct-floating-tag--active rect{stroke:#84cc16;fill:#1a2e05}.nct-floating-tag--et.nct-floating-tag--active text{fill:#a3e635}.nct-floating-tag--ant.nct-floating-tag--active rect{stroke:#10b981;fill:#022c22}.nct-floating-tag--ant.nct-floating-tag--active text{fill:#34d399}.nct-floating-tag--harmonic.nct-floating-tag--active rect{stroke:#6366f1;fill:#1e1b4b}.nct-floating-tag--harmonic.nct-floating-tag--active text{fill:#a5b4fc}:root[data-theme=light] .nct-floating-tag--pt.nct-floating-tag--active rect{fill:#e0f2fe;stroke:#0284c7}:root[data-theme=light] .nct-floating-tag--pt.nct-floating-tag--active text{fill:#0284c7}:root[data-theme=light] .nct-floating-tag--nt.nct-floating-tag--active rect{fill:#f3e8ff;stroke:#9333ea}:root[data-theme=light] .nct-floating-tag--nt.nct-floating-tag--active text{fill:#9333ea}:root[data-theme=light] .nct-floating-tag--sus.nct-floating-tag--active rect{fill:#fef3c7;stroke:#d97706}:root[data-theme=light] .nct-floating-tag--sus.nct-floating-tag--active text{fill:#b45309}:root[data-theme=light] .nct-floating-tag--app.nct-floating-tag--active rect{fill:#ffe4e6;stroke:#e11d48}:root[data-theme=light] .nct-floating-tag--app.nct-floating-tag--active text{fill:#e11d48}:root[data-theme=light] .nct-floating-tag--et.nct-floating-tag--active rect{fill:#ecfccb;stroke:#65a30d}:root[data-theme=light] .nct-floating-tag--et.nct-floating-tag--active text{fill:#4d7c0f}:root[data-theme=light] .nct-floating-tag--ant.nct-floating-tag--active rect{fill:#d1fae5;stroke:#059669}:root[data-theme=light] .nct-floating-tag--ant.nct-floating-tag--active text{fill:#047857}:root[data-theme=light] .nct-floating-tag--harmonic.nct-floating-tag--active rect{fill:#ede9fe;stroke:#4f46e5}:root[data-theme=light] .nct-floating-tag--harmonic.nct-floating-tag--active text{fill:#4338ca}.nct-melodic-player-container{background:var(--bg-surface);border:1px solid var(--bg-raised);box-shadow:0 6px 24px color-mix(in srgb, var(--ink-primary) 14%, transparent);border-radius:14px;flex-direction:column;gap:20px;margin:20px 0 28px;padding:24px;display:flex}.nct-melodic-player__header{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.nct-melodic-player__title-group{flex-direction:column;gap:4px;display:flex}.nct-melodic-player__badge{font:700 .75rem var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dominant)}.nct-melodic-player__title{font:600 1.25rem var(--font-ui);color:var(--ink-primary);margin:0}.nct-melodic-player__chapters{scrollbar-width:none;align-items:center;gap:6px;padding:4px 2px 8px;display:flex;overflow-x:auto}.nct-melodic-player__chapter-btn{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-muted);font:600 .8rem var(--font-ui);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;padding:6px 12px}.nct-melodic-player__chapter-btn:hover{color:var(--ink-primary);border-color:color-mix(in srgb, var(--ink-primary) 22%, transparent)}.nct-melodic-player__chapter-btn--active{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-canvas));border-color:var(--accent-dominant);color:var(--accent-dominant);box-shadow:0 1px 4px color-mix(in srgb, var(--ink-primary) 14%, transparent)}.nct-melodic-player__chapter-btn:focus-visible,.nct-melodic-player__transport-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nct-melodic-player__transport{flex-wrap:wrap;gap:8px;display:flex}.nct-melodic-player__transport-btn{border:1px solid var(--accent-tonic);background:var(--accent-tonic);color:var(--ink-on-accent);font:700 .82rem var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:7px;padding:.5rem .8rem;display:inline-flex}.nct-melodic-player__transport-btn:hover{background:color-mix(in srgb, var(--accent-tonic) 82%, var(--bg-surface))}.nct-melodic-player__transport-btn--ghost{border-color:var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary)}.nct-melodic-player__transport-btn--ghost:hover{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-canvas))}.nct-melodic-player__viewport{background:var(--bg-canvas);border:1px solid var(--bg-raised);width:100%;box-shadow:inset 0 0 40px color-mix(in srgb, var(--ink-primary) 12%, transparent);aspect-ratio:16/9;border-radius:12px;position:relative;overflow:hidden}.nct-melodic-player__corner-play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.nct-melodic-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}.remotion-composition-root{background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:var(--font-ui);flex-direction:column;justify-content:space-between;padding:24px 32px;display:flex}.remotion-topbar{z-index:10;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 16px;min-width:0;display:flex}.remotion-chapter-indicator,.remotion-status-tags{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.remotion-chapter-badge,.remotion-chapter-name,.remotion-status-tag{overflow-wrap:anywhere}.remotion-chapter-badge{color:var(--ink-muted);font:700 .76rem var(--font-ui);letter-spacing:.06em}.remotion-chapter-name{color:var(--ink-primary);font:700 1rem/1.2 var(--font-ui)}.remotion-status-tag--vector{color:var(--accent-tonic);font:700 .8rem/1.2 var(--font-ui);letter-spacing:.04em}.remotion-chords-row{align-items:center;gap:12px;display:flex}.remotion-chord-pill{background:color-mix(in srgb, var(--ink-primary) 6%, var(--bg-canvas));border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);font:700 1.05rem var(--font-ui);color:var(--ink-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--ink-primary) 16%, transparent);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;display:flex}.remotion-chord-pill--active{background:color-mix(in srgb, var(--accent-dominant) 20%, var(--bg-canvas));border-color:var(--accent-dominant);color:var(--accent-dominant);box-shadow:0 0 16px color-mix(in srgb, var(--accent-dominant) 30%, transparent)}.remotion-status-badge{font:700 .82rem var(--font-ui);text-transform:uppercase;letter-spacing:.06em;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.remotion-status-badge--consonant{background:color-mix(in srgb, var(--accent-tonic) 15%, var(--bg-canvas));border:1px solid var(--accent-tonic);color:var(--accent-tonic)}.remotion-status-badge--dissonant{border:1px solid var(--accent-dominant);color:var(--accent-dominant);background:#f4a26126}.remotion-stage{flex:1;justify-content:center;align-items:center;margin:10px 0;display:flex;position:relative}.remotion-stage-svg{width:100%;height:100%;max-height:280px}.remotion-caption-box{background:color-mix(in srgb, var(--bg-canvas) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--bg-raised);text-align:center;z-index:10;border-radius:10px;padding:12px 20px}.remotion-caption-text{font:500 1rem/1.4 var(--font-ui);color:var(--ink-primary);text-shadow:none;margin:0}.remotion-caption-highlight{color:var(--accent-dominant);font-weight:700}.nct-melodic-theory-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}@media (width<=768px){.nct-melodic-theory-grid{grid-template-columns:1fr}}.nct-melodic-theory-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.nct-melodic-theory-card--consonance{border-left:4px solid var(--accent-tonic)}.nct-melodic-theory-card--dissonance{border-left:4px solid var(--accent-dominant)}.nct-melodic-theory-title{font:700 .95rem var(--font-ui);align-items:center;gap:8px;margin:0;display:flex}.nct-melodic-theory-card--consonance .nct-melodic-theory-title{color:var(--accent-tonic)}.nct-melodic-theory-card--dissonance .nct-melodic-theory-title{color:var(--accent-dominant)}.nct-melodic-theory-body{font:400 .88rem/1.5 var(--font-ui);color:var(--ink-muted);margin:0}.nct-vex-container{justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.nct-vex-host{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.nct-vex-svg{filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--ink-primary) 18%, transparent))}.nct-vex-note-group{cursor:default;transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease)}.nct-vex-note--is-nct{fill:var(--accent-minor)!important}.nct-vex-note--is-nct path{fill:var(--accent-minor)!important;stroke:var(--accent-minor)!important}.nct-vex-note--is-consonance{fill:var(--ink-primary)}.nct-vex-note-group.is-active{transform-origin:50%;transform:scale(1.15)}.nct-vex-note-group.is-active path{filter:drop-shadow(0 0 10px var(--accent-dominant));fill:var(--accent-dominant)!important;stroke:var(--accent-dominant)!important}.nct-vex-note--is-nct.is-active path{filter:drop-shadow(0 0 14px var(--accent-minor));fill:var(--accent-minor)!important;stroke:var(--accent-minor)!important}.nct-vex-chord-symbol{transition:all var(--motion-fast) var(--motion-ease)}.nct-vex-chord-badge{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:1.2px;transition:all var(--motion-fast) var(--motion-ease)}.nct-vex-chord-label{font-family:var(--font-ui);fill:var(--ink-primary);letter-spacing:.05em;transition:fill var(--motion-fast) var(--motion-ease);font-size:13px;font-weight:700}.nct-vex-chord-symbol.is-active .nct-vex-chord-badge{fill:color-mix(in srgb, var(--accent-dominant) 25%, var(--bg-surface));stroke:var(--accent-dominant);stroke-width:1.8px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent-dominant) 40%, transparent))}.nct-vex-chord-symbol.is-active .nct-vex-chord-label{fill:var(--accent-dominant)}.nct-vex-role{font-family:var(--font-ui);fill:var(--ink-muted);transition:fill var(--motion-fast) var(--motion-ease);font-size:11px;font-weight:600}.nct-vex-role--consonance{fill:var(--ink-muted)}.nct-vex-role--nct{fill:var(--accent-minor);font-weight:700}.nct-vex-role.is-active{fill:var(--ink-primary);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--ink-primary) 35%, transparent));font-size:12px}.nct-vex-role__caret,.nct-vex-role__degree{font-family:var(--font-ui);font-size:11px;font-weight:700}.nct-vex-vector-bg{fill:color-mix(in srgb, var(--accent-tonic) 12%, var(--bg-surface));stroke:color-mix(in srgb, var(--accent-tonic) 35%, transparent);stroke-width:1px}.nct-vex-vector-text{font-family:var(--font-ui);fill:var(--accent-tonic);letter-spacing:.04em;font-size:10.5px;font-weight:700}.nct-vex-pedal-line{stroke:var(--accent-dominant);stroke-width:2.5px;stroke-dasharray:6 4}.nct-vex-pedal-label{font-family:var(--font-ui);fill:var(--accent-dominant);letter-spacing:.06em;font-size:11px;font-weight:700}.prog-gen{flex-direction:column;gap:24px;width:100%;display:flex}.prog-gen__header-card{background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-direction:column;gap:16px;padding:18px 22px;display:flex;box-shadow:0 4px 12px #00000040}.prog-gen__header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.prog-gen__title-group{align-items:center;gap:12px;display:flex}.prog-gen__badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.08em;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.prog-gen__title{color:var(--ink-primary,#f9fafb);margin:0;font-size:1.25rem;font-weight:700}.prog-gen__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prog-gen__btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.prog-gen__btn--primary{background:var(--ea-active-color,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f659}.prog-gen__btn--primary:hover{background:#2563eb;transform:translateY(-1px)}.prog-gen__btn--secondary{background:var(--bg-raised,#1f2937);color:var(--ink-primary,#f9fafb);border:1px solid #ffffff1a}.prog-gen__btn--secondary:hover{color:#fff;background:#374151}.prog-gen__btn--play{color:#fff;background:#10b981}.prog-gen__btn--play:hover{background:#059669}.prog-gen__btn--stop{color:#fff;background:#ef4444}.prog-gen__btn--stop:hover{background:#dc2626}.prog-gen__controls-row{border-top:1px solid var(--bg-raised,#1f2937);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:12px;display:flex}.prog-gen__controls-left{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.prog-gen__field{flex-direction:column;gap:5px;display:flex}.prog-gen__field-label{color:var(--ink-muted,#9ca3af);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.prog-gen__field select{border:1px solid var(--bg-raised,#1f2937);background:var(--bg-canvas,#070a0f);color:var(--ink-primary,#f9fafb);font:inherit;cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-weight:500}.prog-gen__toggle{border:1px solid var(--bg-raised,#1f2937);background:var(--bg-canvas,#070a0f);border-radius:8px;display:inline-flex;overflow:hidden}.prog-gen__toggle-btn{color:var(--ink-muted,#9ca3af);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 13px;font-size:.88rem;font-weight:500;transition:all .2s}.prog-gen__toggle-btn+.prog-gen__toggle-btn{border-left:1px solid var(--bg-raised,#1f2937)}.prog-gen__toggle-btn--active{background:var(--ea-active-color,#3b82f6);color:#fff;font-weight:600}.prog-gen__checkbox{color:var(--ink-primary,#f9fafb);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:inline-flex}.prog-gen__checkbox input{accent-color:var(--ea-active-color,#3b82f6);cursor:pointer}.prog-gen__timeline-card{box-sizing:border-box;background:var(--bg-surface,#111827);border:1px solid var(--bg-raised,#1f2937);border-radius:12px;flex-direction:column;gap:16px;padding:24px 20px;display:flex;overflow-x:hidden;box-shadow:0 4px 12px #00000040}.prog-gen__timeline-container{box-sizing:border-box;align-items:center;width:100%;min-width:0;padding:10px 4px;display:flex}.prog-gen__barline-start{background:#ef4444;border-radius:2px;flex-shrink:0;width:6px;height:100px;margin-right:4px}.prog-gen__measures{flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex;position:relative}.prog-gen__measure-slot{box-sizing:border-box;color:inherit;font:inherit;cursor:pointer;z-index:2;background:0 0;border:0;flex-direction:column;flex:80px;justify-content:space-between;align-items:center;min-width:80px;height:120px;padding:6px 4px;transition:all .2s;display:flex;position:relative}.prog-gen__measure-slot:before{content:"";background:var(--status-error);z-index:1;pointer-events:none;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.prog-gen__measure-slot:hover{background:#3b82f614;border-radius:8px}.prog-gen__measure-slot--active{border-radius:8px;transform:scale(1.03);background:#3b82f62e!important}.prog-gen__measure-slot--playing{border-radius:8px;box-shadow:0 0 12px #10b98166;background:#10b98133!important}.prog-gen__barline-div{z-index:3;background:#ef4444;width:2px;position:absolute;top:20%;bottom:20%;right:0}.prog-gen__barline-end{flex-shrink:0;align-items:center;gap:3px;height:100px;margin-left:4px;display:flex}.prog-gen__barline-end-thin{background:#ef4444;width:2px;height:100px}.prog-gen__barline-end-thick{background:#ef4444;border-radius:1px;width:5px;height:100px}.prog-gen__top-info{z-index:3;flex-direction:column;align-items:center;gap:3px;margin-bottom:12px;display:flex}.prog-gen__chord-name{color:#38bdf8;letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.prog-gen__chord-notes{color:var(--ink-muted,#9ca3af);font-size:.72rem;font-weight:500}.prog-gen__bottom-info{z-index:3;flex-direction:column;align-items:center;gap:3px;margin-top:12px;display:flex}.prog-gen__roman-numeral{color:#ef4444;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:700;line-height:1}.prog-gen__function-chip{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.prog-gen__function-chip--tonic{color:#34d399;background:#34d39926}.prog-gen__function-chip--predominant{color:#38bdf8;background:#38bdf826}.prog-gen__function-chip--dominant{background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant)}.prog-gen__info-card{background:var(--bg-surface,#111827);border-left:4px solid var(--ea-active-color,#3b82f6);border-top:1px solid var(--bg-raised,#1f2937);border-right:1px solid var(--bg-raised,#1f2937);border-bottom:1px solid var(--bg-raised,#1f2937);border-radius:0 10px 10px 0;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #00000040}.prog-gen__info-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prog-gen__info-title{color:var(--ink-primary,#f9fafb);margin:0;font-size:1rem;font-weight:700}.prog-gen__path-steps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prog-gen__path-step{align-items:center;gap:4px;display:flex}.prog-gen__step-chip{background:var(--bg-canvas,#070a0f);border:1px solid var(--bg-raised,#1f2937);color:var(--ink-primary,#f9fafb);border-radius:6px;padding:3px 8px;font-size:.85rem;font-weight:700}.prog-gen__step-arrow{color:var(--ink-muted,#9ca3af);font-size:.85rem}.progresiones-page{flex-direction:column;gap:24px;display:flex}.progresiones-page__header{flex-direction:column;gap:8px;display:flex}.progresiones-page__title{color:var(--ink-primary,#f9fafb);margin:0}.progresiones-page__lead{max-width:75ch;color:var(--ink-muted);margin:0;line-height:1.6}.progresiones-page__footer{margin-top:12px}.progresiones-page__footer-note{color:var(--ink-muted,#9ca3af);margin:0;font-size:.95rem}.progresiones-page__footer-note a{color:var(--ea-active-color,#3b82f6);text-underline-offset:3px;font-weight:500;text-decoration:underline}.inversion-staff{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:var(--radius-md,8px);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px 6px;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}.inversion-staff:hover{border-color:var(--accent-subdominant,#38bdf8);transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.inversion-staff--playing{border-color:#f97316!important;box-shadow:0 0 0 2px #f9731659,0 8px 24px #f9731640!important}.inversion-staff__renderer{justify-content:center;align-items:center;display:flex}.inversion-staff__svg{max-width:100%;height:auto;display:block}.inversion-staff__svg text{paint-order:fill;stroke:none!important}.inversiones-page{color:var(--ink-primary,#f9fafb);flex-direction:column;gap:32px;display:flex}.inversiones-page__header{flex-direction:column;gap:12px;display:flex}.inversiones-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant,#38bdf8);background:#38bdf81a;border:1px solid #38bdf833;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.inversiones-page__title{letter-spacing:-.02em;color:var(--ink-primary,#f9fafb);margin:0;font-size:2rem;font-weight:800}.inversiones-page__lead{color:var(--ink-muted);max-width:860px;margin:0;font-size:1.05rem;line-height:1.6}.inversiones-toolbar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:var(--radius-lg,12px);flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;padding:14px 18px;display:flex}.inversiones-toolbar__label{color:var(--ink-muted);font-size:.88rem;font-weight:600}.inversiones-toolbar__options{flex-wrap:wrap;gap:8px;display:flex}.inversiones-view-btn{background:var(--bg-raised);border:1px solid var(--bg-raised);color:var(--ink-primary,#f9fafb);border-radius:var(--radius-md,8px);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.inversiones-view-btn:hover{filter:brightness(1.15);border-color:var(--accent-subdominant,#38bdf8)}.inversiones-view-btn--active{border-color:var(--accent-subdominant,#38bdf8);color:var(--accent-subdominant,#38bdf8);background:#38bdf826}.inversiones-toolbar__clef-toggle{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.inversiones-toolbar__sublabel{color:var(--ink-muted,#64748b);font-size:.82rem}.inversiones-clef-chip{background:var(--bg-raised);border:1px solid var(--bg-raised);color:var(--ink-muted);border-radius:var(--radius-sm,6px);cursor:pointer;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .15s}.inversiones-clef-chip--active{background:var(--bg-raised);color:var(--ink-primary,#f9fafb);border-color:var(--accent-tonic,#34d399)}.inversiones-section{flex-direction:column;gap:16px;display:flex}.inversiones-section__header{flex-direction:column;gap:4px;display:flex}.inversiones-section__title{color:var(--ink-primary,#f9fafb);margin:0;font-size:1.35rem;font-weight:700}.inversiones-section__desc{color:var(--ink-muted);margin:0;font-size:.95rem}.inversiones-paradigm-grid{flex-direction:column;gap:24px;display:flex}.inversiones-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:var(--radius-lg,12px);flex-direction:column;gap:20px;padding:20px 24px 24px;display:flex;box-shadow:0 4px 12px #0003}.inversiones-card--custom{background:linear-gradient(180deg, var(--bg-raised) 0%, var(--bg-surface) 100%);border-color:#38bdf859}.inversiones-card__header{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.inversiones-card__num{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-subdominant,#38bdf8);font-size:.75rem;font-weight:700}.inversiones-card__name{color:var(--ink-primary,#f9fafb);margin:2px 0 0;font-size:1.25rem;font-weight:700}.inversiones-card__play-all-btn{background:var(--accent-subdominant,#38bdf8);color:var(--bg-canvas);border-radius:var(--radius-md,8px);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.inversiones-card__play-all-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.inversiones-staves-row{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start;gap:16px;display:grid}.inversiones-item{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:var(--radius-md,8px);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 10px 14px;display:flex}.inversiones-item__badge{color:var(--accent-dominant,#a78bfa);background:#a78bfa1a;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700}.inversiones-item__meta{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.inversiones-item__bass-role{color:var(--accent-tonic,#34d399);font-size:.85rem;font-weight:600}.inversiones-item__codes{justify-content:center;align-items:center;gap:8px;display:flex}.inversiones-code-tag{border-radius:4px;padding:3px 8px;font-size:.85rem;font-weight:700}.inversiones-code-tag--leadsheet{color:var(--accent-subdominant,#38bdf8);background:#38bdf826}.inversiones-code-tag--roman{color:var(--status-error,#f87171);background:#f8717126}.inversiones-item__tip{color:var(--ink-muted);text-align:left;border-top:1px dashed var(--bg-raised);width:100%;margin:4px 0 0;padding-top:8px;font-size:.8rem;line-height:1.45}.inversiones-selector-panel{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:var(--radius-lg,12px);flex-direction:column;gap:16px;padding:18px 20px;display:flex}.inversiones-control-group{flex-direction:column;gap:8px;display:flex}.inversiones-control-label{color:var(--ink-muted);font-size:.88rem;font-weight:700}.inversiones-roots-grid{flex-wrap:wrap;gap:6px;display:flex}.inversiones-root-btn{background:var(--bg-raised);border:1px solid var(--bg-raised);min-width:42px;height:36px;color:var(--ink-primary,#f9fafb);border-radius:var(--radius-sm,6px);cursor:pointer;padding:0 10px;font-size:.9rem;font-weight:700;transition:all .12s}.inversiones-root-btn:hover{filter:brightness(1.15);border-color:var(--accent-subdominant,#38bdf8)}.inversiones-root-btn--active{background:var(--accent-subdominant,#38bdf8);color:var(--bg-canvas);border-color:var(--accent-subdominant,#38bdf8)}.inversiones-tabs-row{flex-wrap:wrap;gap:8px;display:flex}.inversiones-tab-btn{background:var(--bg-raised);border:1px solid var(--bg-raised);color:var(--ink-muted);border-radius:var(--radius-md,8px);cursor:pointer;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .15s}.inversiones-tab-btn:hover{filter:brightness(1.15);color:var(--ink-primary,#f9fafb)}.inversiones-tab-btn--active{border-color:var(--accent-dominant,#a78bfa);color:var(--accent-dominant,#a78bfa);background:#a78bfa26}.inversiones-qualities-row{flex-wrap:wrap;gap:8px;display:flex}.inversiones-quality-btn{background:var(--bg-raised);border:1px solid var(--bg-raised);color:var(--ink-primary,#f9fafb);border-radius:var(--radius-md,8px);cursor:pointer;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .15s}.inversiones-quality-btn:hover{filter:brightness(1.15);border-color:var(--accent-tonic,#34d399)}.inversiones-quality-btn--active{border-color:var(--accent-tonic,#34d399);color:var(--accent-tonic,#34d399);background:#34d39926}.inversiones-tables-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.inversiones-table-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:var(--radius-lg,12px);min-width:0;padding:18px 20px;overflow-x:auto}.inversiones-table-card__title{color:var(--ink-primary,#f9fafb);margin:0 0 14px;font-size:1.05rem;font-weight:700}.inversiones-table{border-collapse:collapse;width:100%;font-size:.88rem}.inversiones-table th,.inversiones-table td{text-align:left;border-bottom:1px solid var(--bg-raised);padding:8px 10px}.inversiones-table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.inversiones-badge-tag{color:var(--status-error,#f87171);border-radius:var(--radius-sm,6px);background:#f871711f;border:1px solid #f8717133;padding:2px 6px;font-weight:700;display:inline-block}.fb-container{align-items:center;gap:2px;display:inline-flex}.fb-roman{line-height:1}.fb-figures{flex-direction:column;justify-content:center;margin-left:1px;font-size:.65em;line-height:.8;display:inline-flex}.fb-figure{display:block}.inversiones-table code{color:var(--accent-subdominant,#38bdf8);background:#38bdf81f;border-radius:4px;padding:2px 6px;font-weight:700}.inversiones-info-banner{border-radius:var(--radius-lg,12px);background:#38bdf80f;border:1px solid #38bdf833;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.inversiones-info-banner__icon{color:var(--accent-subdominant,#38bdf8);flex-shrink:0;margin-top:2px}.inversiones-info-banner__content h4{color:var(--accent-subdominant,#38bdf8);margin:0 0 6px;font-size:.95rem;font-weight:700}.inversiones-info-banner__content p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.5}.inversiones-info-banner__content code{background:var(--bg-raised);color:var(--ink-primary,#f9fafb);border-radius:4px;padding:2px 5px}.posicion-page{gap:var(--space-8,32px);color:var(--ink-primary);flex-direction:column;display:flex}.posicion-scheme{gap:var(--space-8,32px);flex-direction:column;display:flex}.posicion-taxonomy-grid{gap:var(--space-4,16px);margin:var(--space-4,16px) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.posicion-taxonomy-card{gap:var(--space-3,12px);padding:var(--space-5,20px);background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;display:flex;box-shadow:0 2px 8px #0000000d}.posicion-taxonomy-card__header{flex-direction:column;gap:6px;display:flex}.posicion-taxonomy-card__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 25%, transparent);border-radius:999px;width:fit-content;padding:3px 8px;font-size:.75rem;font-weight:700}.posicion-taxonomy-card__title{color:var(--ink-primary);margin:0;font-size:1.15rem;font-weight:700}.posicion-taxonomy-card__text{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.posicion-taxonomy-card__meta{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.85rem;line-height:1.5;display:flex}.posicion-taxonomy-card__meta strong{color:var(--ink-primary)}.posicion-staff-trio{gap:var(--space-4,16px);margin:var(--space-4,16px) 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.posicion-card{background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.posicion-card:hover{border-color:color-mix(in srgb, var(--accent-tonic) 35%, var(--bg-raised))}.posicion-card--comparative{min-width:0}.posicion-card--featured{width:100%;max-width:480px;margin:0 auto}.posicion-card__meta{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.posicion-card__chord{color:var(--accent-tonic);font-size:1.35rem;font-weight:800;font-family:var(--font-ui)}.posicion-card__badge-pos{background:color-mix(in srgb, var(--accent-subdominant) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 28%, transparent);color:var(--accent-subdominant);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.posicion-card__quality{color:var(--ink-muted);font-size:.85rem}.posicion-card__actions{justify-content:center;gap:8px;width:100%;display:flex}.posicion-mini-btn{color:var(--ink-primary);background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--ink-muted) 20%, transparent);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.posicion-mini-btn:hover{background:color-mix(in srgb, var(--accent-tonic) 15%, var(--bg-raised));border-color:var(--accent-tonic)}.posicion-mini-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.posicion-action-btn{cursor:pointer;border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.posicion-action-btn:hover{filter:brightness(1.08)}.posicion-action-btn--primary{background:linear-gradient(135deg, var(--accent-tonic), var(--accent-subdominant));color:#04110c;border:none;font-weight:700}.posicion-card__footer{text-align:center;border-top:1px solid var(--bg-raised);flex-direction:column;align-self:stretch;gap:4px;padding-top:8px;display:flex}.posicion-card__position-label{color:var(--ink-primary);font-weight:700}.posicion-card__hint{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.posicion-lab-controls{align-items:center;gap:var(--space-4,16px);padding:var(--space-4,16px);background:var(--bg-surface);border:1px solid var(--bg-raised);margin-bottom:var(--space-4,16px);border-radius:12px;flex-wrap:wrap;display:flex}.posicion-control-group{align-items:center;gap:8px;display:flex}.posicion-control-group--pill{flex-wrap:wrap}.posicion-control-label{color:var(--ink-muted);font-size:.88rem;font-weight:600}.posicion-select{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.9rem;font-weight:600}.posicion-select:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.posicion-pill-buttons{gap:6px;display:flex}.posicion-pill-btn{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:600}.posicion-pill-btn:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.posicion-pill-btn--active{background:var(--accent-subdominant);color:#04110c;border-color:var(--accent-subdominant);font-weight:700}.posicion-pill-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.posicion-lab-display{margin-top:var(--space-3,12px);justify-content:center;display:flex}.posicion-voice-breakdown{background:color-mix(in srgb, var(--bg-raised) 50%, transparent);border-radius:8px;flex-direction:column;gap:6px;width:100%;padding:12px;font-size:.86rem;display:flex}.posicion-voice-row{align-items:center;gap:8px;display:flex}.posicion-voice-tag{width:75px;font-weight:700}.posicion-voice-tag--soprano{color:#f472b6}.posicion-voice-tag--alto{color:#38bdf8}.posicion-voice-tag--tenor{color:#facc15}.posicion-voice-tag--bass{color:#4ade80}.posicion-voice-note{font-family:var(--font-mono,monospace);color:var(--ink-primary);font-size:.95rem}.posicion-voice-role{color:var(--ink-muted);font-size:.8rem}.posicion-toolbar-row{margin-bottom:var(--space-4,16px);display:flex}.posicion-generate-btn{background:linear-gradient(135deg, var(--accent-tonic), var(--accent-subdominant));color:#04110c;font:inherit;cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:inline-flex}.posicion-generate-btn:hover{filter:brightness(1.06)}.posicion-generate-btn--small{padding:6px 14px;font-size:.84rem}.posicion-generate-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.posicion-page__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.posicion-quiz-container{padding:var(--space-2,8px) 0;justify-content:center;display:flex}.posicion-quiz-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;padding:24px;display:flex}.posicion-quiz-audio-bar{gap:10px;display:flex}.posicion-quiz-options{flex-direction:column;gap:8px;width:100%;display:flex}.posicion-quiz-option-btn{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);font:inherit;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);text-align:left;border-radius:10px;padding:10px 16px;font-weight:600}.posicion-quiz-option-btn:hover:not(:disabled){border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-raised))}.posicion-quiz-option-btn--correct{font-weight:700;background:color-mix(in srgb, #22c55e 20%, var(--bg-raised))!important;color:#22c55e!important;border-color:#22c55e!important}.posicion-quiz-option-btn--wrong{background:color-mix(in srgb, #ef4444 20%, var(--bg-raised))!important;color:#ef4444!important;border-color:#ef4444!important}.posicion-quiz-feedback{background:color-mix(in srgb, var(--accent-subdominant) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 25%, transparent);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;line-height:1.5;display:flex}.posicion-quiz-feedback p{margin:0}.posicion-cadence-grid{gap:var(--space-4,16px);margin:var(--space-4,16px) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.posicion-cadence-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.posicion-cadence-box--pac{border-left:4px solid var(--accent-tonic)}.posicion-cadence-box--iac{border-left:4px solid var(--accent-dominant)}.posicion-cadence-box__header{flex-direction:column;gap:6px;display:flex}.posicion-cadence-box__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-tonic);font-size:.75rem;font-weight:700}.posicion-cadence-box--iac .posicion-cadence-box__badge{color:var(--accent-dominant)}.posicion-cadence-box__title{margin:0;font-size:1.15rem;font-weight:700}.posicion-cadence-box__reqs{flex-direction:column;gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.posicion-cadence-box__reqs li{color:var(--ink-primary);align-items:center;gap:8px;display:flex}.posicion-cadence-box__desc{color:var(--ink-muted);border-top:1px solid var(--bg-raised);margin:0;padding-top:10px;font-size:.85rem;line-height:1.5}.posicion-table-wrapper{margin:var(--space-4,16px) 0;overflow-x:auto}.posicion-rules-table{border-collapse:collapse;text-align:left;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;width:100%;font-size:.9rem;overflow:hidden}.posicion-rules-table th,.posicion-rules-table td{border-bottom:1px solid var(--bg-raised);padding:12px 16px}.posicion-rules-table th{background:color-mix(in srgb, var(--bg-raised) 70%, transparent);color:var(--ink-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:700}.posicion-rules-table tr:last-child td{border-bottom:none}.posicion-rules-table tbody tr:hover{background:color-mix(in srgb, var(--accent-tonic) 5%, transparent)}@media (width<=640px){.posicion-page__grid,.posicion-staff-trio,.posicion-cadence-grid{grid-template-columns:1fr}}.tpv-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.tpv-player__eyebrow,.tpv-composition__eyebrow{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.tpv-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.tpv-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.tpv-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tpv-player__chapter:hover,.tpv-player__chapter--active{border-color:var(--accent-dominant);background:var(--bg-raised);color:var(--ink-primary)}.tpv-player__chapter:focus-visible,.tpv-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.tpv-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.tpv-player__corner-play{border:1px solid var(--accent-dominant);background:var(--accent-dominant);width:100%;height:100%;color:var(--ink-on-dominant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.tpv-player__corner-play:hover{transform:scale(1.06)}.tpv-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.tpv-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tpv-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.tpv-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.tpv-composition__rule--sounding{border-color:var(--accent-dominant)}.tpv-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.tpv-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.tpv-stack{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;display:flex}.tpv-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tpv-lead{font:600 1.05rem/1.4 var(--font-ui);text-align:center;margin:0}.tpv-lead--left{text-align:left}.tpv-quote{max-width:720px;font:italic 500 2.1rem/1.35 var(--font-quote);text-align:center;margin:0}.tpv-banner{border:1px solid var(--accent-dominant);max-width:760px;font:700 .98rem/1.4 var(--font-ui);text-align:center;border-radius:10px;margin:0;padding:10px 16px}.tpv-tuning{border:1px solid var(--bg-raised);border-left:5px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:2px;min-width:150px;padding:10px 14px;transition:box-shadow .12s;display:flex}.tpv-tuning--pure{border-left-color:var(--accent-tonic)}.tpv-tuning--wide{border-left-color:var(--accent-dominant)}.tpv-tuning--wolf{border-left-color:var(--status-error)}.tpv-tuning--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.tpv-tuning__label{color:var(--ink-muted);font:700 .75rem var(--font-ui)}.tpv-tuning strong{font:800 1.3rem var(--font-ui)}.tpv-tuning__note{color:var(--ink-muted);font:600 .78rem var(--font-ui)}.tpv-circle{flex-shrink:0}.tpv-circle__edge{stroke-width:3px;stroke-linecap:round}.tpv-circle__edge--pure{stroke:var(--bg-raised)}.tpv-circle__edge--narrow{stroke:var(--accent-tonic)}.tpv-circle__edge--slight{stroke:var(--accent-subdominant);stroke-dasharray:4 3}.tpv-circle__edge--wolf{stroke:var(--status-error);stroke-width:5px}.tpv-circle__dot{fill:var(--ink-muted)}.tpv-circle__name{fill:var(--ink-primary);font:800 12px var(--font-ui)}.tpv-legend{color:var(--ink-muted);font:600 .8rem var(--font-ui);align-items:center;gap:6px;display:flex}.tpv-legend i{border-radius:2px;width:18px;height:4px;display:inline-block}.tpv-legend__narrow{background:var(--accent-tonic)}.tpv-legend__wolf{background:var(--status-error);margin-left:10px}.tpv-what{grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:20px;width:100%;height:100%;display:grid}.tpv-ratios{flex-direction:column;gap:10px;display:flex}.tpv-ratio{border:1px solid var(--bg-raised);background:var(--bg-surface);font:600 .9rem var(--font-ui);border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.tpv-ratio strong{color:var(--accent-tonic-ink);font:800 1.35rem var(--font-ui)}.tpv-what__middle{flex-direction:column;align-items:center;gap:10px;transition:opacity .3s;display:flex}.tpv-what__count{color:var(--ink-muted);font:700 .85rem var(--font-ui)}.tpv-what__thirds{flex-direction:column;gap:10px;transition:opacity .3s;display:flex}.tpv-keys{background:#1f2937;border-radius:8px;height:110px;padding:4px;display:flex}.tpv-key{background:#f9fafb;border-radius:0 0 4px 4px;width:22px;margin:0 1px}.tpv-key--black{background:#111827;height:64%;box-shadow:inset 0 0 0 1px #4b5563}.tpv-bars{flex-direction:column;gap:14px;width:100%;display:flex}.tpv-bar{grid-template-columns:150px minmax(0,1fr) 100px;align-items:center;gap:12px;display:grid}.tpv-bar__label,.tpv-bar__value{font:700 .9rem var(--font-ui)}.tpv-bar__value{color:var(--ink-muted)}.tpv-bar__track{background:var(--bg-surface);border-radius:6px;height:26px;position:relative}.tpv-bar__fill{border-radius:6px;height:100%}.tpv-bar__fill--fifths{background:var(--accent-dominant)}.tpv-bar__fill--octaves{background:var(--accent-tonic)}.tpv-bar__excess{background:var(--status-error);border-radius:3px;width:10px;position:absolute;top:-4px;bottom:-4px;right:0}.tpv-commas{gap:14px;display:flex}.tpv-meantone{justify-content:center;align-items:center;gap:40px;width:100%;height:100%;display:flex}.tpv-meantone__circle{flex-direction:column;align-items:center;gap:6px;transition:opacity .3s;display:flex}.tpv-side{flex-direction:column;gap:12px;max-width:280px;display:flex}.tpv-well{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.tpv-well__card{border:1px solid var(--bg-raised);border-top:4px solid var(--bg-raised);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border-radius:10px;align-items:center;gap:10px;padding:12px;transition:opacity .3s,border-color .3s;display:flex}.tpv-well__card--active{border-top-color:var(--accent-tonic)}.tpv-well__text{font:500 .78rem/1.35 var(--font-ui);flex-direction:column;gap:3px;display:flex}.tpv-well__text strong{font:800 .95rem var(--font-ui)}.tpv-well__when{color:var(--accent-dominant);font:700 .7rem var(--font-ui)}.tpv-timeline{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.tpv-timeline li{border:1px solid var(--bg-raised);border-top:4px solid var(--accent-tonic);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;transition:opacity .3s;display:flex}.tpv-timeline span{color:var(--accent-dominant);font:700 .75rem var(--font-ui)}.tpv-timeline strong{font:800 1.05rem var(--font-ui)}.tpv-timeline em{color:var(--ink-muted);font:italic 500 .85rem var(--font-quote)}.esencial-page{color:var(--ink-primary);flex-direction:column;gap:28px;display:flex}.esencial-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 25%, transparent);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.esencial-page__title{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.esencial-page__lead{color:var(--ink-muted);max-width:72ch;margin:0;font-size:1.05rem;line-height:1.65}.esencial-section{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.esencial-section__heading{margin:0;font-size:1.2rem;font-weight:700}.esencial-section p{color:var(--ink-primary);margin:0;line-height:1.65}.esencial-section ul{margin:0;padding-inline-start:20px;line-height:1.65}.esencial-note{color:var(--ink-muted);border-left:3px solid var(--accent-subdominant);padding-left:12px;font-size:.9rem}.esencial-table-wrap{overflow-x:auto}.esencial-table{border-collapse:collapse;width:100%;font-size:.92rem}.esencial-table th,.esencial-table td{text-align:left;border-bottom:1px solid var(--bg-raised);white-space:nowrap;padding:8px 12px}.esencial-table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.esencial-table td:first-child,.esencial-table th:first-child{white-space:normal}.esencial-table--prose th,.esencial-table--prose td{white-space:normal;vertical-align:top;overflow-wrap:break-word}.esencial-table--prose th:first-child,.esencial-table--prose td:first-child{max-width:22ch}.temperament-diagram{flex-direction:column;gap:6px;margin-top:4px;display:flex}.temperament-diagram__scroll{padding-bottom:4px;overflow-x:auto}.temperament-diagram__scroll .temperament-diagram__axis,.temperament-diagram__scroll .temperament-diagram__row{min-width:620px}.temperament-diagram__controls{background:var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;font-size:.9rem;display:flex}.temperament-diagram__controls select{background:var(--bg-canvas);color:var(--ink-primary);border:1px solid var(--bg-raised);border-radius:6px;padding:6px 10px;font-size:.88rem}.temperament-diagram__midi-status{color:var(--accent-tonic);align-items:center;gap:.3rem;margin-left:auto;font-size:.85rem;font-weight:600;display:inline-flex}.temperament-diagram__axis{color:var(--ink-muted);justify-content:space-between;margin-left:130px;padding:0 4px;font-size:.8rem;display:flex}.temperament-diagram__axis span{text-align:center;flex:1}.temperament-diagram__row{align-items:center;height:56px;margin-bottom:6px;display:flex}.temperament-diagram__row-label{text-align:right;width:130px;color:var(--ink-primary);flex-shrink:0;padding-right:14px;font-size:.85rem;font-weight:600}.temperament-diagram__bar{border-left:1px solid var(--bg-raised);border-right:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:4px;flex:1;gap:6px;height:100%;padding-inline:6px;display:flex;overflow:hidden}.temperament-block{box-sizing:border-box;cursor:pointer;border-radius:3px;height:100%;transition:filter .1s,transform .1s;position:relative;overflow:hidden}.temperament-block:after{content:"";mix-blend-mode:overlay;opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)'/%3E%3C/svg%3E");background-size:80px 80px;transition:opacity .15s;position:absolute;inset:0}.temperament-block:hover{filter:brightness(1.15);z-index:5}.temperament-block:hover:after{opacity:.45}.temperament-block:active:after{opacity:.7}.temperament-block--active{filter:brightness(1.35)contrast(1.1);z-index:10;transform:scaleY(1.08)}.temperament-block--active:after{opacity:.7}@media (width<=640px){.temperament-diagram__axis{margin-left:90px;font-size:.68rem}.temperament-diagram__row-label{width:90px;font-size:.75rem}}.scope{--scope-grid:color-mix(in srgb, var(--ink-muted) 22%, transparent);--scope-axis:color-mix(in srgb, var(--ink-muted) 45%, transparent);--scope-trace:var(--accent-tonic);--scope-envelope:var(--accent-dominant);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.scope{grid-template-columns:minmax(0,1fr)}}.scope__panel{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.scope__panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.scope__panel-title{color:var(--ink-primary);font-size:.9rem;font-weight:700}.scope__panel-meta{color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.74rem}.scope__canvas{background:color-mix(in srgb, var(--bg-surface) 70%, var(--bg-canvas));width:100%;height:170px;transition:height var(--motion-slow) var(--motion-ease);border-radius:8px;display:block}.scope__canvas[data-mode=xy]{height:300px}.scope__modes{background:var(--bg-raised);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.scope__mode{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:5px;padding:4px 11px;font-size:.78rem;font-weight:600}.scope__mode:hover{color:var(--ink-primary)}.scope__mode[data-active=true]{background:var(--scope-trace);color:var(--ink-on-accent)}.scope__mode:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:1px}.scope__hint{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.5}.chladni{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.chladni{grid-template-columns:minmax(0,1fr)}}.chladni__stage{aspect-ratio:1;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #00000059}.chladni__canvas{--plate-bg:#262d3a;--plate-sand:#f2e2bb;width:100%;height:100%;display:block}.chladni__field{width:1px;height:1px;position:absolute;top:0;left:-9999px}.chladni__controls{flex-direction:column;gap:14px;display:flex}.chladni__row{flex-wrap:wrap;gap:8px;display:flex}.chladni__play{background:var(--accent-tonic);color:var(--ink-on-accent);font:inherit;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:.92rem;font-weight:700;display:inline-flex}.chladni__play:hover{filter:brightness(1.08)}.chladni__ghost{border:1px solid var(--bg-raised);color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:10px 14px;font-size:.88rem;display:inline-flex}.chladni__ghost:hover{color:var(--ink-primary);border-color:var(--ink-muted)}.chladni__play:focus-visible,.chladni__ghost:focus-visible,.chladni__preset:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.chladni__slider{flex-direction:column;gap:6px;display:flex}.chladni__slider-label{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:.86rem;display:flex}.chladni__readout{color:var(--ink-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.95rem;font-weight:700}.chladni__slider input[type=range]{width:100%;accent-color:var(--accent-tonic);cursor:pointer}.chladni__slider input[type=range]:disabled{cursor:not-allowed;opacity:.45}.chladni__presets{flex-wrap:wrap;gap:6px;display:flex}.chladni__preset{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:999px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.78rem}.chladni__preset:hover{color:var(--ink-primary);border-color:var(--ink-muted)}.chladni__preset[data-active=true]{color:var(--accent-tonic);border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 12%, transparent);font-weight:700}.chladni__status{flex-direction:column;gap:8px;min-height:74px;display:flex}.chladni__status-line{color:var(--ink-primary);margin:0;font-size:.86rem;line-height:1.5}.chladni__status-line--muted{color:var(--ink-muted);font-size:.82rem}.chladni__status-line--warn{color:var(--status-warning)}.chladni__meter{background:var(--bg-raised);border-radius:999px;height:6px;overflow:hidden}.chladni__meter-fill{background:var(--accent-tonic);height:100%;transition:width var(--motion-slow) var(--motion-ease)}.chladni__toggles{border-top:1px solid var(--bg-raised);flex-direction:column;gap:8px;padding-top:4px;display:flex}.chladni__check{color:var(--ink-muted);cursor:pointer;align-items:flex-start;gap:8px;font-size:.84rem;line-height:1.45;display:flex}.chladni__check input{accent-color:var(--accent-tonic);cursor:pointer;margin-top:2px}.chladni__check:hover{color:var(--ink-primary)}.chladni__warning{color:var(--status-warning);align-items:flex-start;gap:7px;margin:0;font-size:.8rem;line-height:1.5;display:flex}.chladni__warning svg{flex-shrink:0;margin-top:2px}.yt{flex-direction:column;gap:10px;margin:0;display:flex}.yt__frame{aspect-ratio:16/9;background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;width:100%;position:relative;overflow:hidden}.yt__iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.yt__facade{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--accent-tonic) 16%, transparent) 0%, transparent 62%), linear-gradient(160deg, var(--bg-surface), var(--bg-canvas));color:var(--ink-primary);font:inherit;text-align:center;cursor:pointer;transition:background var(--motion-slow) var(--motion-ease);border:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.yt__facade:hover{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--accent-tonic) 26%, transparent) 0%, transparent 62%), linear-gradient(160deg, var(--bg-surface), var(--bg-canvas))}.yt__facade:focus-visible{outline:2px solid var(--accent-tonic);outline-offset:-3px}.yt__facade-play{background:var(--accent-tonic);width:54px;height:54px;color:var(--ink-on-accent);border-radius:50%;place-items:center;display:grid}.yt__facade-text{flex-direction:column;gap:3px;display:flex}.yt__facade-title{font-size:1rem;font-weight:700;line-height:1.35}.yt__facade-channel{color:var(--ink-muted);font-size:.82rem}.yt__facade-hint{max-width:44ch;color:var(--ink-muted);font-size:.74rem;line-height:1.45}.yt__caption{flex-direction:column;gap:6px;display:flex}.yt__summary{color:var(--ink-primary);margin:0;font-size:.88rem;line-height:1.6}.yt__note{color:var(--ink-primary);border-inline-start:3px solid var(--status-warning);background:color-mix(in srgb, var(--status-warning) 8%, transparent);border-radius:9px;margin:0;padding:9px 12px;font-size:.85rem;line-height:1.6}.yt__note[data-kind=contexto]{border-inline-start-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 8%, transparent)}.yt__facade-time-badge{color:var(--ink-on-accent);background:var(--accent-tonic);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.yt__link{color:var(--ink-muted);align-self:flex-start;font-size:.8rem;text-decoration:none}.yt__link:hover{color:var(--ink-primary);text-decoration:underline}.yt__markers{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:12px;margin:10px 0;padding:16px;display:flex}.yt__markers-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.yt__markers-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-tonic-ink);font-size:.84rem;font-weight:800}.yt__cc-badge{letter-spacing:.05em;color:var(--ink-muted);background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--ink-muted) 25%, transparent);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.yt__marker-chips{flex-wrap:wrap;gap:8px;display:flex}.yt__marker-chip{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--accent-tonic) 25%, var(--bg-raised));color:var(--ink-primary);font:600 .8rem var(--font-ui);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.yt__marker-chip:hover{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 15%, var(--bg-surface));transform:translateY(-1px)}.yt__marker-chip.is-active{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 22%, var(--bg-surface));color:var(--accent-tonic-ink)}.yt__marker-chip-play{color:var(--accent-tonic);font-size:.68rem}.yt__marker-chip-time{font-family:var(--font-mono,monospace);color:var(--accent-tonic);font-weight:700}.yt__marker-list{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.yt__marker-item{background:color-mix(in srgb, var(--bg-surface) 60%, var(--bg-raised));border:1px solid var(--bg-raised);border-radius:8px;padding:10px 12px}.yt__marker-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.yt__marker-time-btn{background:var(--accent-tonic);color:var(--ink-on-accent);font:700 .75rem var(--font-mono,monospace);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.yt__marker-time-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.yt__marker-item-title{color:var(--ink-primary);font-size:.88rem;font-weight:700}.yt__marker-item-desc{color:var(--ink-muted);margin:6px 0 0;font-size:.82rem;line-height:1.55}.afin-details{border:1px solid var(--bg-raised);background:var(--bg-surface);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:12px;padding:0 18px}.afin-details[open]{border-color:color-mix(in srgb, var(--accent-subdominant) 35%, transparent);padding-bottom:6px}.afin-details__summary{color:var(--accent-subdominant);cursor:pointer;align-items:center;gap:8px;padding:14px 0;font-size:1rem;font-weight:700;list-style:none;display:flex}.afin-details__summary::-webkit-details-marker{display:none}.afin-details__summary:after{content:"";width:.5rem;height:.5rem;transition:transform var(--motion-fast) var(--motion-ease);border-bottom:2px solid;border-right:2px solid;margin-inline-start:auto;transform:rotate(45deg)translate(-2px,-2px)}.afin-details[open] .afin-details__summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.afin-details__summary:hover{color:var(--ink-primary)}.afin-details__summary:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px;border-radius:6px}.afin-details>p,.afin-details>ul{color:var(--ink-primary);margin:0 0 1rem;font-size:1rem;line-height:1.7}.afin-details>ul{flex-direction:column;gap:10px;padding-inline-start:22px;display:flex}.afin-steps{border-top:1px solid var(--bg-raised);justify-content:space-between;align-items:stretch;gap:12px;padding-top:8px;display:flex}.afin-steps__btn{border:1px solid var(--bg-raised);background:var(--bg-surface);max-width:46%;color:var(--ink-primary);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.afin-steps__btn--next{text-align:end;margin-inline-start:auto}.afin-steps__btn:hover{border-color:var(--accent-tonic)}.afin-steps__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.afin-steps__dir{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-tonic);font-size:.74rem;font-weight:700}.afin-steps__title{font-size:.92rem;line-height:1.35}.afin-lab{flex-direction:column;gap:18px;margin-top:18px;display:flex}.afin-lab__controls{flex-direction:column;gap:14px;display:flex}.afin-lab__play{background:var(--accent-tonic);color:var(--ink-on-accent);font:inherit;cursor:pointer;border:none;border-radius:9px;align-self:flex-start;align-items:center;gap:7px;padding:10px 20px;font-size:.92rem;font-weight:700;display:inline-flex}.afin-lab__play:hover{filter:brightness(1.08)}.afin-lab__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.afin-lab__slider{flex-direction:column;gap:6px;max-width:560px;display:flex}.afin-lab__slider-label{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:.86rem;display:flex}.afin-lab__readout{color:var(--ink-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1rem;font-weight:700}.afin-lab__slider input[type=range]{width:100%;accent-color:var(--accent-tonic);cursor:pointer}.afin-lab__scale{color:var(--ink-muted);justify-content:space-between;font-size:.72rem;display:flex}.afin-lab__readouts,.afin-facts{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;display:grid}.afin-lab__fact{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.afin-lab__fact--highlight{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-canvas))}.afin-lab__fact-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.74rem}.afin-lab__fact-value{color:var(--ink-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.02rem;font-weight:700}.afin-lab__perception{color:var(--ink-muted);margin:0;font-size:.9rem;font-style:italic}.afin-scope-controls{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:14px 20px;display:grid}.afin-scope-controls>.afin-lab__play{grid-column:1/-1}.afin-field{flex-direction:column;gap:6px;display:flex}.afin-field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.74rem}.afin-chips{flex-wrap:wrap;gap:6px;display:flex}.afin-chip{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-muted);font:inherit;cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:999px;padding:7px 13px;font-size:.85rem}.afin-chip:hover{color:var(--ink-primary);border-color:var(--ink-muted)}.afin-chip[data-active=true]{color:var(--accent-tonic);border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 12%, transparent);font-weight:600}.afin-chip:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.afin-explain{border-inline-start:3px solid var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 7%, transparent);color:var(--ink-primary);border-radius:10px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.65}.afin-formula{background:var(--bg-canvas);border:1px solid var(--bg-raised);text-align:center;color:var(--ink-primary);border-radius:10px;margin:4px 0;padding:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.02rem;overflow-x:auto}.afin-table__caption{text-align:start;color:var(--ink-muted);padding-bottom:8px;font-size:.82rem}.afin-table tr[data-current=true]{background:color-mix(in srgb, var(--accent-tonic) 8%, transparent)}.afin-stability{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600;display:inline-block}.afin-stability[data-stability=pura]{color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 14%, transparent)}.afin-stability[data-stability=buena]{color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 14%, transparent)}.afin-stability[data-stability=aspera]{color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 14%, transparent)}.afin-stability[data-stability=muy-aspera]{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 14%, transparent)}.afin-case__title{color:var(--ink-primary);align-items:center;gap:.55rem;margin:1.75rem 0 .6rem;font-size:1.1rem;font-weight:700;display:flex}.afin-case{background:color-mix(in srgb, var(--status-error) 7%, var(--bg-canvas));border:1px solid color-mix(in srgb, var(--status-error) 28%, transparent);border-radius:12px;margin-top:1.25rem;padding:18px 20px}.afin-case__heading{color:var(--status-error);margin:0 0 .9rem;font-size:1rem;font-weight:700}.afin-case__list{color:var(--ink-primary);flex-direction:column;gap:12px;margin:0;padding-inline-start:22px;font-size:.95rem;line-height:1.65;display:flex}.afin-case__closing{border-top:1px solid color-mix(in srgb, var(--status-error) 22%, transparent);color:var(--ink-primary);margin:1rem 0 0;padding-top:.9rem;font-size:.95rem;line-height:1.65}.afin-boundary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}@media (width<=820px){.afin-boundary{grid-template-columns:minmax(0,1fr)}}.afin-boundary__col{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-top:3px solid var(--boundary-accent);border-radius:12px;padding:16px 18px}.afin-boundary__col[data-side=in]{--boundary-accent:var(--accent-tonic)}.afin-boundary__col[data-side=out]{--boundary-accent:var(--status-error)}.afin-boundary__title{color:var(--boundary-accent);margin:0 0 10px;font-size:1rem;font-weight:700}.afin-boundary__col ul{color:var(--ink-primary);flex-direction:column;gap:8px;margin:0;padding-inline-start:20px;font-size:.9rem;line-height:1.6;display:flex}.pitagoras-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:1.5rem 0 2rem;padding:18px;display:flex}.pitagoras-player__header{flex-direction:column;gap:3px;display:flex}.pitagoras-player__eyebrow{color:var(--accent-subdominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.pitagoras-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.pitagoras-player__hint{color:var(--ink-muted);font:500 .84rem/1.45 var(--font-ui);margin:0}.pitagoras-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.pitagoras-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:34px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.4rem .75rem;display:inline-flex}.pitagoras-player__chapter:hover,.pitagoras-player__chapter--active{border-color:var(--accent-subdominant);background:var(--bg-raised);color:var(--ink-primary)}.pitagoras-player__chapter:focus-visible,.pitagoras-player__corner-play:focus-visible,.pitagoras-player__mute-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.pitagoras-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:#ede8e0;border-radius:10px;width:100%;position:relative;overflow:hidden}.pitagoras-player__video{object-fit:contain;cursor:pointer;background:#ede8e0;width:100%;height:100%;display:block}.pitagoras-player__viewport .corner-play-anchor{z-index:3;width:48px;height:48px;position:absolute;bottom:14px;left:14px}.pitagoras-player__corner-play{background:var(--accent-subdominant);width:100%;height:100%;color:var(--bg-canvas);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 14px #00000059}.pitagoras-player__corner-play:hover{filter:brightness(1.15);transform:scale(1.05)}.pitagoras-player__controls-dock{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;background:#0f172ac7;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:14px;right:14px}.pitagoras-player__time{letter-spacing:.04em;font-family:monospace;font-size:.74rem;font-weight:700}.pitagoras-player__mute-btn{color:#f8fafc;cursor:pointer;transition:color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.pitagoras-player__mute-btn:hover{color:var(--accent-subdominant)}.pitagoras-player__narration-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:9px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.pitagoras-player__scene-badge{align-items:center;gap:8px;display:flex}.pitagoras-player__scene-pill{color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 12%, transparent);border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.pitagoras-player__scene-time{color:var(--ink-muted);font-family:monospace;font-size:.7rem}.pitagoras-player__narration-text{font-family:var(--font-ui);color:var(--ink-primary);margin:0;font-size:.86rem;line-height:1.5}.hav-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.hav-player__eyebrow,.hav-composition__eyebrow{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.hav-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.hav-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.hav-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.hav-player__chapter:hover,.hav-player__chapter--active{border-color:var(--accent-dominant);background:var(--bg-raised);color:var(--ink-primary)}.hav-player__chapter:focus-visible,.hav-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.hav-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.hav-player__corner-play{border:1px solid var(--accent-dominant);background:var(--accent-dominant);width:100%;height:100%;color:var(--ink-on-dominant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.hav-player__corner-play:hover{transform:scale(1.06)}.hav-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.hav-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hav-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.hav-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.hav-composition__rule--sounding{border-color:var(--accent-dominant)}.hav-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.hav-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.hav-stack{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex}.hav-lead{font:600 1.05rem/1.4 var(--font-ui);text-align:center;margin:0}.hav-note{color:var(--ink-muted);font:600 .88rem/1.45 var(--font-ui);text-align:center;margin:0}.hav-quote{max-width:720px;font:italic 500 2.1rem/1.35 var(--font-quote);text-align:center;margin:0}.hav-card{border:1px solid var(--bg-raised);border-top:4px solid var(--accent-tonic);background:var(--bg-surface);font:500 .85rem/1.4 var(--font-ui);border-radius:10px;flex-direction:column;gap:5px;padding:12px 14px;transition:opacity .3s;display:flex}.hav-card strong{font:800 1.05rem var(--font-ui)}.hav-card__when{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.04em}.hav-origin{grid-template-columns:1.3fr 1fr;align-items:center;gap:22px;width:100%;height:100%;display:grid}.hav-modes{flex-direction:column;gap:8px;display:flex}.hav-modes__row{grid-template-columns:70px auto 34px;align-items:center;gap:10px;transition:opacity .3s;display:grid}.hav-modes__name{color:var(--ink-muted);font:700 .8rem var(--font-ui)}.hav-modes__f{color:var(--accent-tonic-ink);font:800 .95rem var(--font-ui)}.hav-mode{max-width:100%;height:auto}.hav-mode__string{fill:none;stroke:var(--accent-tonic);stroke-width:2.5px}.hav-mode__ghost{fill:none;stroke:var(--accent-tonic);stroke-width:1.5px;opacity:.25}.hav-mode__node{fill:var(--accent-dominant)}.hav-origin__side{flex-direction:column;gap:12px;display:flex}.hav-ratios{font:600 .9rem var(--font-ui);flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.hav-ratios b{width:26px;color:var(--accent-tonic-ink);font-size:1.05rem;display:inline-block}.hav-ratios em{color:var(--ink-muted);font-style:normal}.hav-series{width:100%;max-height:270px}.hav-series__axis{stroke:var(--bg-raised);stroke-width:2px}.hav-series__chord{fill:color-mix(in srgb, var(--accent-tonic) 10%, transparent);stroke:var(--accent-tonic);stroke-width:2px;stroke-dasharray:6 4}.hav-harm rect{fill:var(--bg-surface);stroke:var(--accent-tonic);stroke-width:2px;transition:fill .12s}.hav-harm--low rect{stroke:var(--accent-dominant);stroke-dasharray:4 3}.hav-harm--sounding rect{fill:var(--accent-tonic)}.hav-harm__n{fill:var(--ink-muted);font:800 13px var(--font-ui)}.hav-harm__name{fill:var(--ink-primary);font:800 13px var(--font-ui)}.hav-harm__step{fill:var(--accent-dominant);font:700 11px var(--font-ui)}.hav-timbre{grid-template-columns:1fr 1.1fr;align-items:center;gap:24px;width:100%;height:100%;display:grid}.hav-prism{flex-direction:column;align-items:center;gap:8px;transition:opacity .3s;display:flex}.hav-prism svg{width:100%;max-width:300px}.hav-prism__beam{stroke:var(--ink-primary);stroke-width:4px}.hav-prism__glass{fill:color-mix(in srgb, var(--ink-primary) 12%, transparent);stroke:var(--ink-muted);stroke-width:2px}.hav-prism__caption{font:700 .9rem var(--font-ui)}.hav-recipes{flex-direction:column;gap:10px;transition:opacity .3s;display:flex}.hav-recipe{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .82rem var(--font-ui);border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;transition:box-shadow .12s;display:flex}.hav-recipe--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.hav-spectrum{width:100%;height:66px}.hav-spectrum rect{fill:var(--accent-tonic);opacity:.55}.hav-spectrum--sounding rect{opacity:1}.hav-spectrum__axis{stroke:var(--bg-raised);stroke-width:1.5px}.hav-orchestra{grid-template-columns:auto 1fr;align-items:center;gap:28px;width:100%;height:100%;display:grid}.hav-voicings{gap:18px;transition:opacity .3s;display:flex}.hav-voicing{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .78rem var(--font-ui);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;transition:box-shadow .12s;display:flex}.hav-voicing svg{width:90px;height:170px}.hav-voicing__axis{stroke:var(--bg-raised);stroke-width:2px}.hav-voicing circle{fill:var(--accent-tonic)}.hav-voicing--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.hav-orchestra__side{flex-direction:column;gap:12px;display:flex}.hav-bolero{border-collapse:collapse;font:600 .88rem var(--font-ui)}.hav-bolero td{padding:4px 10px 4px 0}.hav-bolero td:first-child{font-weight:800}.hav-bolero td:last-child{color:var(--accent-tonic-ink);font-weight:800}.hav-dna{gap:16px;transition:opacity .3s;display:flex}.hav-dna div{border:1px solid var(--bg-raised);border-top:4px solid var(--accent-tonic);background:var(--bg-surface);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:220px;padding:14px 18px;display:flex}.hav-dna strong{font:800 1.3rem var(--font-ui)}.hav-dna span{color:var(--ink-muted);font:600 .95rem var(--font-ui)}.parciales-page{color:var(--ink-primary);flex-direction:column;gap:24px;display:flex}.parciales-page__header{flex-direction:column;gap:12px;display:flex}.parciales-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 25%, transparent);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.parciales-page__title{letter-spacing:-.02em;margin:0;font-size:1.9rem;font-weight:800}.parciales-page__lead{color:var(--ink-muted);max-width:72ch;margin:0;font-size:1.05rem;line-height:1.65}.parciales-page__guiding-question{border-left:3px solid var(--accent-tonic);background:var(--bg-surface);color:var(--ink-primary);border-radius:0 10px 10px 0;margin:4px 0 0;padding:12px 16px;font-style:italic;font-weight:600}.parciales-page__tabs{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;margin-top:4px;padding:4px;display:inline-flex}.parciales-page__tab-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.parciales-page__tab-btn:hover{color:var(--ink-primary)}.parciales-page__tab-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.parciales-page__tab-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.parciales-section{animation:parcialesFadeIn var(--motion-slow) var(--motion-ease);flex-direction:column;gap:20px;display:flex}@keyframes parcialesFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.parciales-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:14px;padding:22px;display:flex}.parciales-card__title{margin:0;font-size:1.2rem;font-weight:700}.parciales-card p,.parciales-card ul,.parciales-card ol{margin:0;line-height:1.65}.parciales-card ul,.parciales-card ol{flex-direction:column;gap:6px;padding-inline-start:22px;display:flex}.parciales-formula{text-align:center;background:var(--bg-raised);letter-spacing:.02em;border-radius:8px;padding:10px;font-size:1.05rem;font-weight:600}.parciales-quote{border-left:3px solid var(--accent-subdominant);background:var(--bg-raised);color:var(--ink-primary);border-radius:0 8px 8px 0;margin:0;padding:12px 16px;font-style:italic}.parciales-note{color:var(--ink-muted);border-left:3px solid var(--accent-subdominant);margin:0;padding-left:12px;font-size:.9rem;line-height:1.6}.parciales-cite{color:var(--accent-subdominant);white-space:nowrap;font-size:.88em;text-decoration:none}.parciales-cite:hover{text-decoration:underline}.parciales-inline-link{color:var(--accent-subdominant);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:inline}.parciales-definition-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.parciales-definition{background:var(--bg-raised);border-radius:10px;padding:14px}.parciales-definition h4{color:var(--accent-tonic);margin:0 0 4px}.parciales-definition p{color:var(--ink-muted);margin:0;font-size:.92rem}.parciales-reflection{background:color-mix(in srgb, var(--status-warning) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--status-warning) 30%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.parciales-reflection__title{color:var(--status-warning);align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.parciales-reflection ul{flex-direction:column;gap:8px;margin:0;padding-inline-start:20px;line-height:1.6;display:flex}.parciales-timeline{flex-direction:column;gap:14px;display:flex}.parciales-timeline__item{border-left:3px solid var(--accent-dominant);background:var(--bg-raised);border-radius:0 8px 8px 0;padding:12px 16px}.parciales-timeline__item h4{margin:0 0 4px}.parciales-timeline__item p{color:var(--ink-muted);margin:0;font-size:.92rem}.parciales-steps{counter-reset:step}.parciales-biblio{flex-direction:column;gap:14px;display:flex}.parciales-biblio li{color:var(--ink-muted);font-size:.94rem}.parciales-biblio strong{color:var(--ink-primary)}.tool-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tool-card{background:var(--bg-raised);color:inherit;transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.tool-card__title{color:var(--ink-primary);margin:0 0 4px}.tool-card__desc{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.tool-card__cta{color:var(--accent-subdominant);align-self:flex-start;font-size:.85rem;font-weight:700}.wave-diagram-row{flex-wrap:wrap;justify-content:center;gap:16px;padding:8px 0;display:flex}.wave-diagram{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.wave-diagram__svg{background:var(--bg-canvas);border-radius:8px;width:170px;height:64px}.wave-diagram__axis{stroke:var(--ink-muted);stroke-width:1px;stroke-dasharray:2 3}.wave-diagram__curve{fill:none;stroke:var(--accent-subdominant);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.wave-diagram__node{fill:var(--ink-primary)}.wave-diagram figcaption{color:var(--ink-muted);text-align:center;font-size:.78rem}.harmonic-explorer{flex-direction:column;gap:14px;display:flex}.harmonic-explorer__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.harmonic-explorer__fundamental{color:var(--ink-muted);font-size:.92rem}.harmonic-explorer__play-all{background:linear-gradient(135deg, var(--accent-tonic), var(--accent-subdominant));color:#04110c;font:inherit;cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:700;display:inline-flex}.harmonic-explorer__play-all:hover{filter:brightness(1.05)}.harmonics-canvas-scroll{padding-bottom:4px;overflow-x:auto}.harmonics-canvas-wrap{flex-direction:column;gap:8px;min-width:480px;display:flex}.harmonics-canvas{box-sizing:border-box;background:var(--bg-canvas);border:1px solid var(--bg-raised);cursor:pointer;touch-action:none;border-radius:12px;width:100%;height:220px;display:block}.harmonics-canvas__label{text-align:center;min-height:1.4em;color:var(--ink-muted);font-size:.9rem;font-weight:600}.harmonic-explorer__hint{color:var(--ink-muted);margin:0;font-size:.85rem}.harmonic-explorer__presets{border-top:1px solid var(--bg-raised);flex-direction:column;gap:8px;padding-top:10px;display:flex}.harmonic-explorer__presets-label{color:var(--ink-muted);font-size:.88rem}.harmonic-explorer__presets-row{flex-wrap:wrap;gap:8px;display:flex}.harmonic-preset-btn{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;display:inline-flex}.harmonic-preset-btn:hover{border-color:var(--accent-dominant)}.harmonic-preset-btn--active{border-color:#f97316;box-shadow:0 0 0 2px #f973164d}@media (width<=640px){.parciales-definition-grid,.tool-card-grid{grid-template-columns:1fr}}.timbre-builder{flex-direction:column;gap:14px;display:flex}.timbre-builder__visualizers{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.timbre-builder__spectrum-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex:1;min-width:300px;padding:16px 12px 12px;overflow-x:auto}.timbre-builder__spectrum{justify-content:center;align-items:flex-end;gap:14px;min-width:340px;display:flex}.timbre-fader{flex-direction:column;align-items:center;gap:6px;display:flex}.timbre-fader__value{color:var(--accent-subdominant);text-align:center;min-width:2.4em;font-size:.72rem;font-weight:700}.timbre-fader__track{justify-content:center;align-items:center;width:30px;height:130px;display:flex}.timbre-fader__input{cursor:pointer;appearance:none;background:linear-gradient(to right, var(--accent-subdominant) 0%, var(--accent-subdominant) var(--fader-fill,0%), var(--bg-raised) var(--fader-fill,0%), var(--bg-raised) 100%);border-radius:999px;outline:none;width:130px;height:20px;margin:0;transform:rotate(-90deg)}.timbre-fader__input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink-primary);border:2px solid var(--accent-subdominant);cursor:pointer;border-radius:50%;width:16px;height:16px}.timbre-fader__input::-moz-range-track{background:linear-gradient(to right, var(--accent-subdominant) 0%, var(--accent-subdominant) var(--fader-fill,0%), var(--bg-raised) var(--fader-fill,0%), var(--bg-raised) 100%);border-radius:999px;height:6px}.timbre-fader__input::-moz-range-thumb{background:var(--ink-primary);border:2px solid var(--accent-subdominant);cursor:pointer;border-radius:50%;width:16px;height:16px}.timbre-fader__input:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.timbre-fader__label{color:var(--ink-primary);font-size:.8rem;font-weight:700}.timbre-fader__hz{color:var(--ink-muted);font-size:.68rem}.spectrogram-box{border:1px solid var(--bg-raised);background:#05070a;border-radius:12px;flex:none;padding:4px;position:relative;overflow:hidden}.spectrogram-canvas{border-radius:8px;width:100%;height:240px;display:block}.spectrogram-axis{pointer-events:none;position:absolute;inset:4px}.spectrogram-axis__tick{border-top:1px dashed #f8fafc2e;position:absolute;left:0;right:0;transform:translateY(-.5px)}.spectrogram-axis__label{color:#f8fafcbf;text-shadow:0 1px 2px #000c;white-space:nowrap;font-size:.62rem;font-weight:600;position:absolute;top:2px;right:4px}@media (width<=640px){.timbre-builder__visualizers{flex-direction:column}.spectrogram-box{align-self:center}}.soundbank{grid-template-columns:minmax(0,1fr) minmax(210px,258px);align-items:start;gap:16px;margin:18px 0 4px;display:grid}@media (width<=900px){.soundbank{grid-template-columns:minmax(0,1fr)}}.soundbank__viewer{flex-direction:column;gap:12px;min-width:0;display:flex}.soundbank__readout{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-inline-start:3px solid var(--accent-tonic);border-radius:12px;min-height:110px;padding:13px 15px}.soundbank__hint{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.6}.soundbank__hint--idle{color:var(--ink-muted)}.soundbank__group-chip{background:color-mix(in srgb, var(--accent-tonic) 15%, transparent);color:var(--accent-tonic);text-transform:uppercase;letter-spacing:.04em;vertical-align:1px;border-radius:999px;margin-inline-end:8px;padding:2px 9px;font-size:.68rem;font-weight:700;display:inline-block}.soundbank__recipe{color:var(--ink-muted);margin:8px 0 0;font-size:.84rem;line-height:1.55}.soundbank__recipe-label{background:var(--bg-raised);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border-radius:999px;margin-inline-end:4px;padding:1px 8px;font-size:.68rem;font-weight:700;display:inline-block}.soundbank__library{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:12px;max-height:470px;padding:14px;display:flex;overflow-y:auto}@media (width<=900px){.soundbank__library{max-height:none}}.soundbank__group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-tonic);cursor:help;margin:0 0 6px;font-size:.72rem;font-weight:700}.soundbank__buttons{flex-direction:column;gap:5px;display:flex}.soundbank__btn{background:var(--bg-surface);width:100%;color:var(--ink-primary);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:.85rem;display:flex}.soundbank__btn-name{flex:1;min-width:0}.soundbank__btn:hover{border-color:var(--accent-tonic)}.soundbank__btn[data-active=true]{background:var(--accent-tonic);border-color:var(--accent-tonic);color:var(--ink-on-accent);font-weight:600}.soundbank__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.soundbank__kind{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-raised);color:var(--ink-muted);border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:.6rem;font-weight:700}.soundbank__kind[data-kind=grabacion]{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent);color:var(--accent-subdominant)}.soundbank__btn[data-active=true] .soundbank__kind{color:var(--ink-on-accent);background:#00000040}.soundbank__credit{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin:4px 0 0;padding-top:10px;font-size:.74rem;line-height:1.5}.spectrogram-box[data-mode]{position:relative}.spectrogram-modes{z-index:2;background:#000004b8;border:1px solid #ffffff24;border-radius:8px;gap:2px;padding:2px;display:inline-flex;position:absolute;top:10px;left:10px}.spectrogram-mode{color:#ffffff9e;font:inherit;letter-spacing:.04em;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:6px;padding:3px 12px;font-size:.76rem;font-weight:700}.spectrogram-mode:hover{color:#fff}.spectrogram-mode[data-active=true]{color:#1a1000;background:#f7d13d}.spectrogram-mode:focus-visible{outline-offset:1px;outline:2px solid #f7d13d}.parciales-video{flex-direction:column;align-items:center;gap:.6rem;margin:1.25rem 0 1.5rem;padding:0;display:flex}.parciales-video__player{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:#ede8e0;border-radius:14px;width:100%;max-width:980px;display:block}.parciales-video__caption{max-width:62ch;color:var(--ink-muted);text-align:center;font-size:.85rem;line-height:1.5}.triad-grammar-staff{flex-direction:column;gap:10px;width:100%;display:flex}.triad-grammar-staff__canvas{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:8px 4px;display:flex;overflow:hidden}.triad-grammar-staff__svg{width:100%;height:auto;display:block}.triad-grammar-staff__hit-zone{cursor:pointer;stroke:none;transition:fill var(--motion-fast) var(--motion-ease)}.triad-grammar-staff__hit-zone:hover{fill:color-mix(in srgb, var(--ink-primary) 5%, transparent)}.triad-grammar-staff__measure-active{fill-opacity:.12;stroke-width:1.5px;stroke-dasharray:4 3;transition:all var(--motion-fast) var(--motion-ease)}.triad-grammar-staff__measure-active--tonic{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.triad-grammar-staff__measure-active--minor{fill:var(--accent-minor);stroke:var(--accent-minor)}.triad-grammar-staff__measure-active--dominant{fill:var(--accent-dominant);stroke:var(--accent-dominant)}.triad-grammar-staff__measure-active--subdominant{fill:var(--accent-subdominant);stroke:var(--accent-subdominant)}.triad-grammar-staff__labels{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.triad-grammar-staff__chip{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.triad-grammar-staff__chip:hover{border-color:var(--ink-muted);color:var(--ink-primary);background:var(--bg-raised)}.triad-grammar-staff__chip-name{color:var(--ink-primary);font-size:.82rem;font-weight:700}.triad-grammar-staff__chip-notes{color:var(--ink-muted);font-size:.72rem}.triad-grammar-staff__chip-fifth{background:color-mix(in srgb, var(--ink-primary) 6%, transparent);border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.triad-grammar-staff__chip.is-active{background:var(--bg-raised);box-shadow:0 0 0 1px}.triad-grammar-staff__chip--tonic.is-active{border-color:var(--accent-tonic);color:var(--accent-tonic)}.triad-grammar-staff__chip--tonic.is-active .triad-grammar-staff__chip-fifth{background:color-mix(in srgb, var(--accent-tonic) 16%, transparent)}.triad-grammar-staff__chip--minor.is-active{border-color:var(--accent-minor);color:var(--accent-minor)}.triad-grammar-staff__chip--minor.is-active .triad-grammar-staff__chip-fifth{background:color-mix(in srgb, var(--accent-minor) 16%, transparent)}.triad-grammar-staff__chip--dominant.is-active{border-color:var(--accent-dominant);color:var(--accent-dominant)}.triad-grammar-staff__chip--dominant.is-active .triad-grammar-staff__chip-fifth{background:color-mix(in srgb, var(--accent-dominant) 16%, transparent)}.triad-grammar-staff__chip--subdominant.is-active{border-color:var(--accent-subdominant);color:var(--accent-subdominant)}.triad-grammar-staff__chip--subdominant.is-active .triad-grammar-staff__chip-fifth{background:color-mix(in srgb, var(--accent-subdominant) 16%, transparent)}@media (width<=500px){.triad-grammar-staff__labels{grid-template-columns:repeat(2,1fr)}}.seventh-grammar-staff{flex-direction:column;gap:10px;width:100%;display:flex}.seventh-grammar-staff__canvas{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:8px 4px;display:flex;overflow:hidden}.seventh-grammar-staff__svg{width:100%;height:auto;display:block}.seventh-grammar-staff__hit-zone{cursor:pointer;stroke:none;transition:fill var(--motion-fast) var(--motion-ease)}.seventh-grammar-staff__hit-zone:hover{fill:color-mix(in srgb, var(--ink-primary) 5%, transparent)}.seventh-grammar-staff__measure-active{fill-opacity:.12;stroke-width:1.5px;stroke-dasharray:4 3;transition:all var(--motion-fast) var(--motion-ease)}.seventh-grammar-staff__measure-active--tonic{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.seventh-grammar-staff__measure-active--minor{fill:var(--accent-minor);stroke:var(--accent-minor)}.seventh-grammar-staff__measure-active--dominant{fill:var(--accent-dominant);stroke:var(--accent-dominant)}.seventh-grammar-staff__measure-active--subdominant{fill:var(--accent-subdominant);stroke:var(--accent-subdominant)}.seventh-grammar-staff__labels{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;display:grid}@media (width<=768px){.seventh-grammar-staff__labels{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.seventh-grammar-staff__labels{grid-template-columns:repeat(2,1fr)}}.seventh-grammar-staff__chip{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.seventh-grammar-staff__chip:hover{border-color:var(--ink-muted);color:var(--ink-primary);background:var(--bg-raised)}.seventh-grammar-staff__chip-symbol{color:var(--ink-primary);font-size:.92rem;font-weight:800}.seventh-grammar-staff__chip-name{color:var(--ink-muted);white-space:nowrap;font-size:.74rem;font-weight:600}.seventh-grammar-staff__chip-notes{color:var(--ink-muted);white-space:nowrap;font-size:.69rem}.seventh-grammar-staff__chip-seventh{background:color-mix(in srgb, var(--ink-primary) 6%, transparent);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.seventh-grammar-staff__chip--tonic.is-active{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-surface))}.seventh-grammar-staff__chip--tonic.is-active .seventh-grammar-staff__chip-symbol{color:var(--accent-tonic)}.seventh-grammar-staff__chip--minor.is-active{border-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 10%, var(--bg-surface))}.seventh-grammar-staff__chip--minor.is-active .seventh-grammar-staff__chip-symbol{color:var(--accent-minor)}.seventh-grammar-staff__chip--dominant.is-active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface))}.seventh-grammar-staff__chip--dominant.is-active .seventh-grammar-staff__chip-symbol{color:var(--accent-dominant)}.seventh-grammar-staff__chip--subdominant.is-active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-surface))}.seventh-grammar-staff__chip--subdominant.is-active .seventh-grammar-staff__chip-symbol{color:var(--accent-subdominant)}.triadas-page__tabs{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;margin-top:4px;padding:4px;display:inline-flex}.triadas-page__tab-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:.9rem}.triadas-page__tab-btn:hover{color:var(--ink-primary)}.triadas-page__tab-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.triadas-page__tab-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.triad-geometry-split{grid-template-columns:minmax(320px,1.05fr) minmax(320px,1fr);align-items:start;gap:24px;width:100%;display:grid}@media (width<=960px){.triad-geometry-split{grid-template-columns:1fr;gap:20px}}.triad-geometry-split__panel{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.triad-geometry-split__panel-header{flex-direction:column;gap:4px;display:flex}.triad-geometry-split__panel-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant);font-size:.7rem;font-weight:700}.triad-geometry-split__panel-title{color:var(--ink-primary);font-size:1rem;font-weight:700;font-family:var(--font-ui);margin:0}.triad-geometry-split__panel-desc{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.45}.triad-geometry-split .triad-tower{min-width:76px;padding:10px 4px 8px}.triad-geometry-split .triad-block{width:72px}.triad-geometry-split .triad-block__label{font-size:.68rem}.triad-geometry-split .triad-diagram__groups{gap:12px}.triad-geometry-split .triad-diagram__group{gap:6px}.triad-geometry-split .seventh-lab{gap:14px;width:100%;padding:4px 0 2px}.triad-geometry-split .seventh-lab__controls{gap:10px}.triad-geometry-split .seventh-lab .triad-tower{min-width:90px}.triad-geometry-split .seventh-lab .triad-block{width:86px}.triad-diagram{flex-direction:column;align-items:center;gap:16px;padding-top:4px;display:flex}.triad-diagram__legend{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:12px 28px;font-size:.85rem;display:flex}.triad-legend__item{align-items:center;gap:8px;display:inline-flex}.triad-diagram__groups{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:28px;width:100%;display:flex}.triad-diagram__group{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px;display:flex}.triad-diagram__divider{background:var(--bg-raised);align-self:stretch;width:1px;min-height:180px}.triad-diagram__caption{text-align:center;max-width:560px;color:var(--ink-muted);margin:0;font-size:.88rem}@media (width<=640px){.triad-diagram__groups{flex-direction:column;align-items:center}.triad-diagram__divider{width:60%;height:1px;min-height:0}}.triad-tower{cursor:pointer;min-width:116px;color:var(--ink-primary);transition:transform var(--motion-slow) var(--motion-ease), background var(--motion-slow) var(--motion-ease);background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;font-family:inherit;display:flex}.triad-tower:hover{background:var(--bg-raised);transform:translateY(-2px)}.triad-tower:focus-visible{outline:2px solid var(--triad-accent,var(--accent-dominant));outline-offset:2px}.triad-tower.is-playing{background:color-mix(in srgb, var(--triad-accent) 16%, transparent)}.triad-tower--tonic{--triad-accent:var(--accent-tonic)}.triad-tower--minor{--triad-accent:var(--accent-minor)}.triad-tower--dominant{--triad-accent:var(--accent-dominant)}.triad-tower--subdominant{--triad-accent:var(--accent-subdominant)}.triad-tower__note{color:var(--ink-muted);font-size:.8rem;font-weight:600}.triad-tower__note--root{color:var(--ink-primary)}.triad-tower__name{color:var(--triad-accent,var(--ink-primary));margin-top:6px;font-size:.95rem;font-weight:700}.triad-tower__fifth{color:var(--ink-muted);font-size:.75rem}.triad-block{background:color-mix(in srgb, var(--triad-accent,var(--accent-dominant)) 22%, var(--bg-surface));border:1.5px solid color-mix(in srgb, var(--triad-accent,var(--accent-dominant)) 55%, transparent);width:96px;transition:transform var(--motion-fast) var(--motion-ease);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.triad-block--box{border-radius:6px}.triad-block--chevron{clip-path:polygon(50% 0%,100% 24%,100% 100%,0% 100%,0% 24%);padding-top:6px}.triad-block__label{color:var(--ink-primary);text-align:center;padding:0 4px;font-size:.68rem;font-weight:600;line-height:1.15}.is-playing .triad-block{transform:scale(1.05)}.triad-block--mini{background:var(--bg-raised);border-color:var(--ink-muted);width:22px;height:22px}.triad-block--mini.triad-block--chevron{clip-path:polygon(50% 0%,100% 28%,100% 100%,0% 100%,0% 28%);padding-top:0}.seventh-lab{flex-direction:column;align-items:center;gap:18px;padding:8px 0 4px;display:flex}.seventh-lab__controls{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.seventh-lab__group{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.seventh-lab__btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:.88rem;font-weight:600}.seventh-lab__btn:hover{color:var(--ink-primary)}.seventh-lab__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.seventh-lab__btn.is-active{background:var(--bg-raised);color:var(--ink-primary)}.seventh-lab__btn--tonic.is-active{color:var(--accent-tonic)}.seventh-lab__btn--minor.is-active{color:var(--accent-minor)}.seventh-lab__btn--subdominant.is-active{color:var(--accent-subdominant)}.seventh-lab__btn--dominant.is-active{color:var(--accent-dominant)}.seventh-lab__note{text-align:center;max-width:480px;color:var(--accent-tonic);margin:0;font-size:.85rem}.seventh-lab__note--rare{color:var(--ink-muted)}.chord-keyboard{flex-direction:column;align-items:center;gap:16px;padding:8px 0 4px;display:flex}.chord-keyboard__select{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary);font:inherit;border-radius:7px;padding:7px 10px;font-size:.88rem;font-weight:600}.chord-keyboard__select:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.chord-keyboard__label{align-items:baseline;gap:10px;display:flex}.chord-keyboard__symbol{color:var(--ink-primary);font-size:1.4rem;font-weight:800}.chord-keyboard__symbol--tonic{color:var(--accent-tonic)}.chord-keyboard__symbol--minor{color:var(--accent-minor)}.chord-keyboard__symbol--dominant{color:var(--accent-dominant)}.chord-keyboard__symbol--subdominant{color:var(--accent-subdominant)}.chord-keyboard__quality{color:var(--ink-muted);font-size:.9rem}.chord-keyboard__piano-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;justify-content:center;width:100%;padding:16px;display:flex;overflow-x:auto}.chord-keyboard__piano{-webkit-user-select:none;user-select:none;width:100%;min-width:320px;max-width:460px;height:150px;display:flex;position:relative}.chord-keyboard__white-key{cursor:pointer;z-index:1;background:#f8fafc;border:1px solid #cbd5e1;border-radius:0 0 6px 6px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:background .15s,filter .15s;display:flex}.chord-keyboard__white-key:hover{background:#e2e8f0}.chord-keyboard__white-key.is-active{background:color-mix(in srgb, var(--key-accent,var(--accent-tonic)) 55%, #f8fafc);border-color:var(--key-accent,var(--accent-tonic))}.chord-keyboard__white-key--tonic.is-active{--key-accent:var(--accent-tonic)}.chord-keyboard__white-key--minor.is-active{--key-accent:var(--accent-minor)}.chord-keyboard__white-key--dominant.is-active{--key-accent:var(--accent-dominant)}.chord-keyboard__white-key--subdominant.is-active{--key-accent:var(--accent-subdominant)}.chord-keyboard__white-key.is-root.is-active{box-shadow:inset 0 0 0 2px var(--ink-primary)}.chord-keyboard__root-dot{background:var(--ink-primary);border-radius:50%;width:7px;height:7px}.chord-keyboard__black-key{cursor:pointer;z-index:2;background:#1e293b;border:1px solid #0f172a;border-radius:0 0 5px 5px;width:5%;height:60%;transition:background .15s,filter .15s;position:absolute;top:0;transform:translate(-50%)}.chord-keyboard__black-key:hover{background:#334155}.chord-keyboard__black-key.is-active{background:var(--key-accent,var(--accent-tonic));border-color:var(--key-accent,var(--accent-tonic))}.chord-keyboard__black-key--tonic.is-active{--key-accent:var(--accent-tonic)}.chord-keyboard__black-key--minor.is-active{--key-accent:var(--accent-minor)}.chord-keyboard__black-key--dominant.is-active{--key-accent:var(--accent-dominant)}.chord-keyboard__black-key--subdominant.is-active{--key-accent:var(--accent-subdominant)}.chord-keyboard__piano.is-playing .chord-keyboard__white-key.is-active,.chord-keyboard__piano.is-playing .chord-keyboard__black-key.is-active{filter:brightness(1.25)}.chord-keyboard__play-btn{background:var(--accent-subdominant);color:var(--bg-canvas);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;padding:9px 20px;font-size:.92rem;font-weight:700}.chord-keyboard__play-btn:hover{filter:brightness(1.15)}.chord-keyboard__play-btn:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.mod-map{box-sizing:border-box;background:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;width:100%;margin:1rem 0;padding:1.25rem;display:flex}.mod-map__svg{width:100%;max-width:660px;height:auto;display:block}.mod-map__flower circle{fill:none;stroke:color-mix(in srgb, var(--ink-muted,#a1a1aa) 16%, transparent);stroke-width:1px}.mod-map__flower-edge{stroke-dasharray:3 6;stroke:color-mix(in srgb, var(--ink-muted,#a1a1aa) 10%, transparent)!important}.mod-map__near-zone{fill:color-mix(in srgb, var(--accent-tonic,#34d399) 8%, transparent);stroke:color-mix(in srgb, var(--accent-tonic,#34d399) 35%, transparent);stroke-width:2px;stroke-dasharray:6 5;animation:3s ease-in-out infinite alternate pulseNearZone}@keyframes pulseNearZone{0%{stroke-opacity:.35;fill-opacity:.6;stroke-dashoffset:0}to{stroke-opacity:.8;fill-opacity:1;stroke-dashoffset:22px}}.mod-map__active-beam{stroke:#f97316;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:8 5;filter:drop-shadow(0 0 8px #f97316bf);animation:.8s linear infinite modBeamFlow}@keyframes modBeamFlow{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}.mod-map__beam-particle{fill:none;stroke:#f97316;stroke-width:2px;stroke-dasharray:4 4;animation:1.5s ease-in-out infinite alternate modAuraGlow,2s linear infinite modBeamFlow}@keyframes modAuraGlow{0%{opacity:.4;transform:scale(.96)}to{opacity:.95;filter:drop-shadow(0 0 6px #f97316);transform:scale(1.08)}}.mod-map__spoke{stroke:color-mix(in srgb, var(--accent-tonic,#34d399) 35%, transparent);stroke-width:1.5px}.mod-map__spoke[data-category=paralela]{stroke:#eab30873;stroke-dasharray:4 4}.mod-map__node{cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.mod-map__node:hover{transform:scale(1.05)}.mod-map__node-circle{fill:var(--bg-raised,#18181b);stroke:color-mix(in srgb, var(--ink-muted,#a1a1aa) 40%, transparent);stroke-width:1.5px;transition:fill .15s,stroke .15s,filter .15s}.mod-map__node[data-category=cercana] .mod-map__node-circle,.mod-map__node[data-category=relativa] .mod-map__node-circle{fill:color-mix(in srgb, var(--accent-tonic,#34d399) 16%, var(--bg-raised,#18181b));stroke:color-mix(in srgb, var(--accent-tonic,#34d399) 55%, transparent)}.mod-map__node[data-category=relativa] .mod-map__node-circle{stroke-width:3px}.mod-map__node[data-category=paralela] .mod-map__node-circle{fill:color-mix(in srgb, #eab308 14%, var(--bg-raised,#18181b));stroke:#eab3088c;stroke-dasharray:5 4}.mod-map__node[data-category=lejana] .mod-map__node-circle{fill:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 10%, var(--bg-raised,#18181b));stroke:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 40%, transparent)}.mod-map__node:hover .mod-map__node-circle{stroke-width:3px;filter:drop-shadow(0 0 6px #38bdf866)}.mod-map__node[data-active] .mod-map__node-circle{fill:color-mix(in srgb, #f97316 26%, var(--bg-raised,#18181b));stroke:#f97316;stroke-width:3.5px;filter:drop-shadow(0 0 10px #f97316a6)}.mod-map__node:focus-visible{outline:none}.mod-map__node:focus-visible .mod-map__node-circle{stroke:#f97316;stroke-width:3px}.mod-map__mediant-ring{fill:none;stroke:#c084fcb3;stroke-width:1.5px;stroke-dasharray:2 4}.mod-map__node-label{fill:var(--ink-primary);pointer-events:none;font-size:19px;font-weight:700}.mod-map__node[data-ring="2"] .mod-map__node-label{font-size:16px}.mod-map__node-role{letter-spacing:.02em;fill:var(--ink-muted);pointer-events:none;font-size:9px;font-weight:600}.mod-map__home{fill:color-mix(in srgb, var(--accent-tonic,#34d399) 26%, var(--bg-raised,#18181b));stroke:var(--accent-tonic,#34d399);stroke-width:3px}.mod-map__home-label{fill:var(--ink-primary);pointer-events:none;font-size:26px;font-weight:800}.mod-map__home-sub{text-transform:uppercase;letter-spacing:.08em;fill:var(--accent-tonic,#34d399);pointer-events:none;font-size:9px;font-weight:600}.mod-map__legend{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.mod-map__chip{color:var(--ink-muted);border:1px solid var(--bg-raised);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.74rem;display:inline-flex}.mod-map__chip:before{content:"";background:var(--ink-muted);border-radius:50%;width:9px;height:9px}.mod-map__chip[data-category=cercana]:before,.mod-map__chip[data-category=relativa]:before{background:var(--accent-tonic,#34d399)}.mod-map__chip[data-category=relativa]:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-tonic,#34d399) 40%, transparent)}.mod-map__chip[data-category=paralela]:before{background:#eab308}.mod-map__chip[data-category=lejana]:before{background:var(--accent-subdominant,#38bdf8)}.mod-map__chip[data-category=mediante]:before{background:0 0;border:1.5px dashed #c084fc}.mod-map__readout{background:var(--bg-raised);box-sizing:border-box;border-radius:12px;width:100%;max-width:660px;min-height:84px;padding:.9rem 1rem}.mod-map__hint{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.5}.mod-map__readout-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.5rem;display:flex}.mod-map__readout-key{color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:700}.mod-map__readout-rel{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-tonic,#34d399);background:color-mix(in srgb, var(--accent-tonic,#34d399) 14%, transparent);border-radius:6px;padding:.1rem .45rem;font-size:.74rem;font-weight:700}.mod-map__readout-rel[data-category=paralela]{color:#eab308;background:#eab30824}.mod-map__readout-rel[data-category=lejana]{color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 14%, transparent)}.mod-map__readout-dist{color:var(--ink-muted);font-size:.76rem}.mod-map__route{color:var(--ink-primary);margin:0 0 .5rem;font-size:.88rem;line-height:1.5}.mod-map__route--warn{color:var(--ink-primary);border-left:3px solid #eab308;padding-left:.6rem}.mod-map__route--mediant{border-left:3px solid #c084fc;padding-left:.6rem}.mod-map__pivots{flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem;padding:0;list-style:none;display:flex}.mod-map__pivots li{background:var(--bg-canvas,#09090b);border:1px solid #eab3084d;border-radius:8px;flex-direction:column;align-items:center;padding:.25rem .55rem;display:inline-flex}.mod-map__pivot-chord{color:var(--ink-primary);font-size:.9rem;font-weight:700}.mod-map__pivot-roman{color:var(--ink-muted);font-family:Baskerville,Times New Roman,serif;font-size:.76rem}.mod-map__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.mod-map__play{align-items:center;gap:.4rem;display:inline-flex}.mod-map__move{border:1px solid color-mix(in srgb, var(--accent-tonic,#34d399) 45%, transparent);color:var(--accent-tonic,#34d399);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .75rem;font-size:.82rem;font-weight:600}.mod-map__move:hover{background:color-mix(in srgb, var(--accent-tonic,#34d399) 12%, transparent)}@media (width<=640px){.mod-map{padding:.75rem}.mod-map__node-label{font-size:22px}.mod-map__node-role{display:none}}.mod-map__parallel-link{stroke:#eab30866;stroke-width:1.5px;stroke-dasharray:2 6;pointer-events:none}.rn{white-space:nowrap;font-family:Baskerville,Times New Roman,serif;font-weight:600}.rn__roman{font-variant-numeric:lining-nums}.rn__figures{vertical-align:-.28em;flex-direction:column;align-items:flex-start;margin-inline-start:.06em;font-size:.62em;font-weight:700;line-height:.98;display:inline-flex}.rn__figures[data-count="1"]{vertical-align:.36em;line-height:1}.rn__suffix{margin-inline-start:.04em}.hinge{box-sizing:border-box;background:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.9rem;width:100%;margin:1rem 0;padding:1rem;display:flex}.hinge__svg{width:100%;height:auto;display:block;overflow:visible}.hinge__band{stroke:none}.hinge__band--from{fill:color-mix(in srgb, var(--accent-tonic,#34d399) 16%, transparent)}.hinge__band--to{fill:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 16%, transparent)}.hinge__pivot{fill:#eab3081f;stroke:#eab308;stroke-width:1.5px;stroke-dasharray:4 3}.hinge__key{letter-spacing:.03em;font-size:13px;font-weight:700}.hinge__key--from{fill:var(--accent-tonic,#34d399)}.hinge__key--to{fill:var(--accent-subdominant,#38bdf8)}.hinge__chord{fill:var(--ink-primary);font-size:17px;font-weight:700}.hinge__roman{fill:var(--accent-tonic,#34d399);font-family:Baskerville,Times New Roman,serif;font-size:15px;font-weight:600}.hinge__roman--to{fill:var(--accent-subdominant,#38bdf8)}.hinge__slot[data-playing] .hinge__chord,.hinge__slot[data-playing] .hinge__roman{fill:#f97316}.hinge__controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hinge__play{align-items:center;gap:.4rem;display:inline-flex}.hinge__picker{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.hinge__picker-label{color:var(--ink-muted);font-size:.78rem}.hinge__chip{border:1px solid var(--bg-raised);color:var(--ink-primary);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem .6rem;font-size:.85rem;font-weight:600;display:inline-flex}.hinge__chip:hover{border-color:#eab30880}.hinge__chip[data-active]{background:#eab3081f;border-color:#eab308}.hinge__chip-roman{color:var(--ink-muted);font-family:Baskerville,Times New Roman,serif;font-size:.72rem;font-weight:500}.hinge__empty{color:var(--ink-muted);font-style:italic}.mod-staff{box-sizing:border-box;background:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:.85rem;width:100%;min-width:0;margin:1rem 0;padding:1rem;display:flex}.mod-staff__renderer{align-self:stretch;max-width:100%;overflow-x:auto}.mod-staff__svg{display:block}.mod-staff__roman{font-weight:600}.mod-staff__band{pointer-events:none;stroke:none}.mod-staff__band--from{fill:color-mix(in srgb, var(--accent-tonic,#059669) 12%, transparent)}.mod-staff__band--to{fill:#38bdf824}.mod-staff__band-label{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.mod-staff__band-label.mod-staff__band--from{fill:var(--accent-tonic,#059669)}.mod-staff__band-label.mod-staff__band--to{fill:#38bdf8}.mod-staff__change-line{stroke:#eab308;stroke-width:2px;stroke-dasharray:5 4;animation:2.4s ease-in-out infinite mod-staff-change}@keyframes mod-staff-change{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mod-staff__change-line{opacity:.85;animation:none}}.mod-staff__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.mod-staff__play{align-items:center;gap:.4rem;display:inline-flex}.mod-staff__legend{color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.mod-staff__key{border-radius:3px;width:11px;height:11px;margin-inline-start:.5rem;display:inline-block}.mod-staff__key--pivot{background:#38bdf8}.mod-staff__key--point{background:#eab308}@media (width<=640px){.mod-staff{padding:.75rem}}.mod-staff__part-label{font-family:Baskerville,Times New Roman,serif;font-size:10px;font-weight:600}.cmp-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0;display:grid}.cmp{box-sizing:border-box;background:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;min-width:0;padding:.9rem;display:flex}.cmp__head{text-align:center}.cmp__name{color:var(--ink-primary);margin:0;font-size:.98rem;font-weight:700}.cmp__arrow{color:var(--ink-muted);margin:0 .15rem}.cmp__interval{color:var(--ink-muted);margin:.15rem 0 0;font-size:.76rem}.cmp__renderer{justify-content:center;align-self:stretch;max-width:100%;display:flex;overflow-x:auto}.cmp__svg{display:block}.cmp__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.cmp__play{align-items:center;gap:.4rem;display:inline-flex}.cmp__common{color:var(--ink-muted);font-size:.78rem}.cmp__common strong{color:#38bdf8}.cmp__source{color:var(--ink-muted);text-align:center;margin:0;font-size:.74rem;font-style:italic}.mod-page{width:100%;color:var(--ink-primary);flex-direction:column;gap:28px;display:flex}.mod-page__header{flex-direction:column;gap:12px;display:flex}.mod-page__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant,#38bdf8) 20%, transparent);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.mod-page__title{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.mod-page__lead{color:var(--ink-muted);margin:0;font-size:1.1rem;line-height:1.65}.mod-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:16px;padding:1.6rem 1.85rem}.mod-card--warn{background:color-mix(in srgb, var(--status-warning) 6%, var(--bg-surface));border-color:color-mix(in srgb, var(--status-warning) 24%, transparent)}.mod-card--warn .mod-card__title{color:var(--status-warning)}.mod-card__title{color:var(--accent-subdominant,#38bdf8);align-items:center;gap:.6rem;margin:0 0 .85rem;font-size:1.2rem;font-weight:700;display:flex}.mod-card__text{margin:0 0 .9rem;font-size:1rem;line-height:1.7}.mod-card__text:last-child{margin-bottom:0}.mod-card__note{color:var(--ink-muted);margin:1rem 0 0;font-size:.88rem;line-height:1.6}.mod-card__text a,.mod-card__note a{color:var(--accent-subdominant);text-decoration:none}.mod-card__text a:hover,.mod-card__note a:hover{text-decoration:underline}.mod-card a{color:var(--accent-subdominant,#38bdf8)}.mod-concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.mod-concept{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-top:3px solid var(--bg-raised);border-radius:12px;padding:1.05rem 1.15rem}.mod-concept[data-kind=cambio]{border-top-color:var(--ink-muted)}.mod-concept[data-kind=modulacion]{border-top-color:var(--accent-subdominant,#38bdf8)}.mod-concept[data-kind=tonicizacion]{border-top-color:var(--accent-tonic,#059669)}.mod-concept__name{margin:0 0 .15rem;font-size:1rem;font-weight:700}.mod-concept__where{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 .5rem;font-size:.76rem;font-weight:700}.mod-concept__text{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.nct-terms-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:1rem;display:grid}@media (width<=768px){.nct-terms-grid{grid-template-columns:1fr}}.nct-term-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex;position:relative}.nct-term-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant);border-radius:5px;align-self:flex-start;padding:.2rem .55rem;font-size:.72rem;font-weight:800}.nct-term-name{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.nct-term-desc{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.nct-2a1-container{flex-direction:column;gap:1.5rem;display:flex}.nct-2a1-toggle-bar{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;gap:.6rem;margin-bottom:.5rem;padding:.5rem;display:flex}.nct-2a1-toggle-btn{min-width:200px;color:var(--ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.1rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.nct-2a1-toggle-btn:hover{background:var(--bg-raised);color:var(--ink-primary)}.nct-2a1-toggle-btn--active{background:var(--bg-raised);border-color:var(--accent-subdominant);color:var(--accent-subdominant);font-weight:700;box-shadow:0 2px 8px #0003}.nct-grid-duo{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem;display:grid}@media (width<=768px){.nct-grid-duo{grid-template-columns:1fr}}.nct-subcard{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.nct-subcard__title{color:var(--accent-subdominant);margin:0;font-size:1.05rem;font-weight:700}.nct-subcard__text{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.nct-rules-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}@media (width<=900px){.nct-rules-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.nct-rules-grid{grid-template-columns:1fr}}.nct-rule-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:.5rem;padding:1.1rem;display:flex;position:relative}.nct-rule-num{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-subdominant);font-size:.72rem;font-weight:800}.nct-rule-heading{color:var(--ink-primary);margin:0;font-size:.95rem;font-weight:700}.nct-rule-body{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.45}.nct-cta-box{justify-content:flex-end;margin-top:1.25rem;display:flex}.nct-cta-btn{background:var(--accent-subdominant);color:#070a0f;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.nct-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #38bdf859}:root[data-theme=light] .nct-cta-btn{color:#fff}.btn-play{background:var(--accent-tonic);color:var(--ink-on-accent);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-play:hover{filter:brightness(1.1);box-shadow:0 4px 12px color-mix(in srgb, var(--accent-tonic) 30%, transparent);transform:translateY(-1px)}.mod-table-wrap{margin-top:1.1rem;overflow-x:auto}.mod-table{border-collapse:collapse;width:100%;min-width:460px;font-size:.92rem}.mod-table th,.mod-table td{text-align:left;border-bottom:1px solid var(--bg-raised);vertical-align:top;padding:.6rem .8rem}.mod-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.76rem}.mod-table__yes{color:var(--accent-tonic,#059669);font-weight:600}.mod-table__no{color:#f87171;font-weight:600}.mod-tool{flex-direction:column;gap:1.1rem;margin-top:1.25rem;display:flex}.mod-tool__controls{flex-wrap:wrap;align-items:flex-end;gap:.9rem;display:flex}.mod-tool__arrow{color:var(--ink-muted);padding-bottom:.5rem;font-size:1.3rem}.mod-select{flex-direction:column;flex:180px;gap:.3rem;min-width:0;display:flex}.mod-select__label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.76rem;font-weight:700}.mod-select__input{border:1px solid var(--bg-raised);background:var(--bg-canvas);color:var(--ink-primary);font:inherit;border-radius:9px;padding:.55rem .7rem;font-size:.95rem}.mod-select__input:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:1px}.mod-relationship{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-left:4px solid #f87171;border-radius:12px;padding:1rem 1.15rem}.mod-relationship[data-modulation=true]{border-left-color:var(--accent-tonic,#059669)}.mod-relationship__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.mod-relationship__name{font-size:1.05rem;font-weight:700}.mod-relationship__verdict{text-transform:uppercase;letter-spacing:.05em;color:#f87171;font-size:.8rem;font-weight:700}.mod-relationship[data-modulation=true] .mod-relationship__verdict{color:var(--accent-tonic,#059669)}.mod-relationship__detail{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.mod-nearby__title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 .6rem;font-size:.8rem;font-weight:700}.mod-nearby__list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.mod-nearby__item{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:999px;padding:.35rem .7rem;font-size:.88rem}.mod-nearby__item[data-selected=true]{border-color:var(--accent-subdominant,#38bdf8);color:var(--accent-subdominant,#38bdf8);font-weight:700}.mod-nearby__note{color:var(--ink-muted);margin:.75rem 0 0;font-size:.86rem;line-height:1.6}.mod-triads{flex-direction:column;gap:.7rem;display:flex}.mod-triads__row{flex-direction:column;gap:.4rem;display:flex}.mod-triads__key{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.78rem;font-weight:700}.mod-triads__chords{gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.mod-chip{background:var(--bg-canvas);border:1px solid var(--bg-raised);opacity:.5;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:.1rem;min-width:62px;padding:.45rem .6rem;display:flex}.mod-chip[data-common=true]{opacity:1;border-color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 12%, var(--bg-canvas))}.mod-chip__roman{color:var(--ink-muted);font-size:.72rem;font-weight:700}.mod-chip[data-common=true] .mod-chip__roman{color:var(--accent-subdominant,#38bdf8)}.mod-chip__label{font-size:.95rem;font-weight:700}.mod-pivots__title{margin:0 0 .7rem;font-size:.95rem;font-weight:700}.mod-pivots__empty{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.mod-pivots__list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.mod-pivot{background:var(--bg-canvas);border:1px solid color-mix(in srgb, var(--accent-subdominant,#38bdf8) 35%, transparent);border-radius:10px;flex-direction:column;gap:.25rem;padding:.7rem .85rem;display:flex}.mod-pivot__chord{font-size:1.05rem;font-weight:800}.mod-pivot__romans{flex-wrap:wrap;align-items:center;gap:.4rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.85rem;display:flex}.mod-pivot__from{color:var(--ink-muted)}.mod-pivot__eq,.mod-pivot__to{color:var(--accent-subdominant,#38bdf8);font-weight:700}.mod-pivot__notes{color:var(--ink-muted);font-size:.8rem}.mod-steps{flex-direction:column;gap:.7rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.mod-step{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.mod-step__num{width:2rem;height:2rem;color:var(--bg-canvas);background:var(--accent-subdominant,#38bdf8);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.mod-step__title{margin:0 0 .25rem;font-size:1rem;font-weight:700}.mod-step__text{color:var(--ink-muted);margin:0;font-size:.93rem;line-height:1.6}.mod-walkthrough{flex-direction:column;gap:.55rem;margin-top:1.1rem;display:flex}.mod-walkthrough__row{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;align-items:flex-start;gap:.9rem;padding:.8rem 1rem;display:flex}.mod-walkthrough__row--result{border-color:color-mix(in srgb, var(--accent-tonic,#059669) 40%, transparent);background:color-mix(in srgb, var(--accent-tonic,#059669) 7%, var(--bg-canvas))}.mod-walkthrough__step{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);flex-shrink:0;min-width:58px;padding-top:.15rem;font-size:.72rem;font-weight:700}.mod-walkthrough__row p{margin:0;font-size:.93rem;line-height:1.6}.mod-techniques{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem;margin-top:1.2rem;display:grid}.mod-technique{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;padding:1rem 1.15rem}.mod-technique__name{color:var(--accent-subdominant,#38bdf8);margin:0 0 .45rem;font-size:1rem;font-weight:700}.mod-technique__mechanism,.mod-technique__clue,.mod-technique__example{margin:0 0 .5rem;font-size:.89rem;line-height:1.6}.mod-technique__clue{color:var(--ink-primary)}.mod-technique__example{color:var(--ink-muted);margin-bottom:0}.mod-examples{flex-direction:column;gap:.85rem;margin-top:1.2rem;display:flex}.mod-example{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;margin-top:1.2rem;padding:1rem 1.15rem}.mod-examples .mod-example{margin-top:0}.mod-example__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.mod-example__work{margin:0 0 .15rem;font-size:1rem;font-weight:700}.mod-example__keys{color:var(--ink-muted);margin:0;font-size:.85rem}.mod-example__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 12%, transparent);border-radius:999px;flex-shrink:0;padding:.25rem .6rem;font-size:.72rem;font-weight:700}.mod-example__strip{gap:.35rem;margin-bottom:.85rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.mod-example__chord{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:9px;flex-direction:column;flex:none;align-items:center;gap:.12rem;min-width:54px;padding:.45rem .55rem;display:flex}.mod-example__chord[data-pivot]{border-color:var(--accent-subdominant,#38bdf8);background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 12%, var(--bg-surface))}.mod-example__chord[data-point]:not([data-pivot]){background:color-mix(in srgb, #eab308 12%, var(--bg-surface));border-color:#eab308}.mod-example__roman{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9rem;font-weight:700}.mod-example__roman-to{color:var(--accent-subdominant,#38bdf8);border-top:1px solid color-mix(in srgb, var(--accent-subdominant,#38bdf8) 45%, transparent);white-space:nowrap;padding-top:.12rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9rem;font-weight:700}.mod-example__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-subdominant,#38bdf8);text-align:center;font-size:.6rem;font-weight:700;line-height:1.2}.mod-example__tag--point{color:#eab308}.mod-example__notice{margin:0 0 .6rem;font-size:.9rem;line-height:1.65}.mod-example__range{color:var(--ink-muted);margin:0 0 .7rem;font-size:.82rem;line-height:1.55}.mod-example__source{color:var(--ink-muted);margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.76rem}.mod-next{justify-content:flex-end;padding-bottom:.5rem;display:flex}.mod-next__link{color:var(--accent-subdominant,#38bdf8);font-size:.93rem;font-weight:600;text-decoration:none}.mod-next__link:hover{text-decoration:underline}.mod-quiz__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mod-quiz__head .mod-card__title{margin-bottom:0}.quiz-score-badge{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--accent-tonic,#059669);border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:700}.quiz-box{flex-direction:column;gap:1rem;margin-top:1.1rem;display:flex}.quiz-question-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;padding:1.1rem 1.25rem}.quiz-question-card__title{margin:0 0 .8rem;font-size:.98rem;font-weight:700;line-height:1.5}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem;display:grid}.quiz-option-btn{text-align:left;border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:inherit;cursor:pointer;transition:border-color var(--motion-fast,.12s) ease;border-radius:9px;padding:.65rem .85rem;font-size:.9rem;line-height:1.45}.quiz-option-btn:hover:not(:disabled){border-color:var(--accent-subdominant,#38bdf8)}.quiz-option-btn:disabled{cursor:default}.quiz-option-btn--correct{border-color:var(--accent-tonic,#059669);background:color-mix(in srgb, var(--accent-tonic,#059669) 14%, var(--bg-surface));font-weight:600}.quiz-option-btn--wrong{background:color-mix(in srgb, #f87171 12%, var(--bg-surface));border-color:#f87171}.quiz-feedback{border-radius:9px;align-items:flex-start;gap:.5rem;margin-top:.8rem;padding:.7rem .9rem;font-size:.88rem;line-height:1.6;display:flex}.quiz-feedback--correct{background:color-mix(in srgb, var(--accent-tonic,#059669) 10%, transparent);border-left:3px solid var(--accent-tonic,#059669)}.quiz-feedback--wrong{background:#f871711a;border-left:3px solid #f87171}@media (width<=900px){.mod-concepts{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.mod-card{padding:1.25rem 1.1rem}.mod-tool__arrow{display:none}.mod-step,.mod-walkthrough__row{flex-direction:column;gap:.6rem}}.mod-demos{flex-direction:column;gap:.9rem;margin:1rem 0;display:flex}.mod-demo{box-sizing:border-box;background:var(--bg-canvas,#09090b);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.7rem;padding:1rem;display:flex}.mod-demo[data-playing]{border-color:#f9731673}.mod-demo__head{flex-direction:column;gap:.2rem;display:flex}.mod-demo__title{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:700}.mod-demo__verdict{color:var(--ink-muted);margin:0;font-size:.85rem}.mod-demo__strip{flex-wrap:wrap;gap:.4rem;display:flex}.mod-demo__chord{border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;min-width:62px;padding:.4rem .5rem;display:flex}.mod-demo__chord[data-home=from]{background:color-mix(in srgb, var(--accent-tonic,#34d399) 12%, transparent)}.mod-demo__chord[data-home=to]{background:color-mix(in srgb, var(--accent-subdominant,#38bdf8) 14%, transparent)}.mod-demo__chord[data-playing]{border-color:#f97316}.mod-demo__label{color:var(--ink-primary);font-size:.92rem;font-weight:700}.mod-demo__roman{color:var(--ink-muted);font-family:Baskerville,Times New Roman,serif;font-size:.82rem}.mod-demo__play{align-self:flex-start;align-items:center;gap:.4rem;display:inline-flex}.mod-example__kind{text-transform:uppercase;letter-spacing:.04em;border-radius:5px;margin-inline-end:.4rem;padding:.1rem .4rem;font-size:.68rem;font-weight:700;display:inline-block}.mod-example__kind[data-kind=transcripcion]{color:var(--accent-tonic,#34d399);background:color-mix(in srgb, var(--accent-tonic,#34d399) 14%, transparent)}.mod-example__kind[data-kind=reduccion]{color:var(--ink-muted);background:var(--bg-raised)}.mod-map-picker{justify-content:center;margin-top:.5rem;display:flex}.mod-map-guide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin-top:.5rem;display:grid}.mod-map-guide article{background:var(--bg-raised);border-radius:10px;padding:.8rem .9rem}.mod-map-guide h3{color:var(--ink-primary);margin:0 0 .3rem;font-size:.88rem;font-weight:700}.mod-map-guide p{color:var(--ink-muted);margin:0;font-size:.83rem;line-height:1.55}.mod-page-container{width:100%}.mod-margin-notes{gap:var(--space-4);flex-direction:column;display:flex}.modes-tool{flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.modes-tool__controls{flex-wrap:wrap;gap:14px;display:flex}.modes-tool__field{flex-direction:column;gap:6px;min-width:120px;display:flex}.modes-tool__field--wide{flex:1;min-width:220px}.modes-tool__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.78rem;font-weight:600}.modes-tool__select{appearance:none;border:1px solid var(--bg-raised);background:var(--bg-raised);width:100%;color:var(--ink-primary);cursor:pointer;border-radius:10px;padding:.55rem .8rem;font-family:inherit;font-size:.95rem}.modes-tool__select:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.modes-tool__formula{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.modes-degree{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:.6rem .3rem;display:flex;position:relative}.modes-degree__number{color:var(--ink-primary);font-size:1.15rem;font-weight:700}.modes-degree__note{color:var(--ink-muted);font-size:.85rem}.modes-degree__tag{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:var(--accent-dominant);color:var(--bg-canvas);border-radius:999px;padding:1px 7px;font-size:.6rem;font-weight:700;position:absolute;bottom:-9px}.modes-degree[data-characteristic=true]{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 16%, transparent);margin-bottom:10px}.modes-degree[data-altered=true]{border-color:color-mix(in srgb, var(--accent-minor) 55%, transparent);background:color-mix(in srgb, var(--accent-minor) 12%, transparent)}.modes-tool__actions{flex-wrap:wrap;gap:10px;display:flex}.modes-button{background:var(--accent-dominant);color:var(--ink-on-dominant);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:.55rem 1rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:filter .15s;display:inline-flex}.modes-button:hover{filter:brightness(1.08)}.modes-button:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.modes-button--ghost{border-color:var(--bg-raised);color:var(--ink-primary);background:0 0}.modes-button--ghost:hover{background:var(--bg-raised)}.modes-tool__hint{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.modes-nc{flex-direction:column;gap:14px;min-width:0;display:flex}.modes-nc__head{justify-content:flex-end;display:flex}.modes-nc__scroll,.modes-degrees__scroll{border:1px solid var(--bg-raised);border-radius:12px;overflow-x:auto}.modes-nc__table{border-collapse:collapse;width:100%;min-width:640px;font-size:.9rem}.modes-nc__table th,.modes-nc__table td{text-align:left;border-bottom:1px solid var(--bg-raised);vertical-align:top;padding:.65rem .85rem}.modes-nc__table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);background:var(--bg-raised);white-space:nowrap;font-size:.72rem}.modes-nc__table tbody tr:last-child th,.modes-nc__table tbody tr:last-child td{border-bottom:none}.modes-nc__table tbody th{color:var(--ink-primary);white-space:nowrap;font-weight:700}.modes-nc__english{color:var(--ink-muted);font-size:.72rem;font-weight:500;display:block}.modes-nc__formula{font-variant-numeric:tabular-nums;white-space:nowrap}.modes-nc__formula span{text-align:center;min-width:1.9em;color:var(--ink-muted);display:inline-block}.modes-nc__formula span[data-characteristic=true]{color:var(--accent-dominant);font-weight:800}.modes-nc__nc{color:var(--ink-primary);white-space:nowrap}.modes-nc__note{color:var(--accent-dominant);font-weight:700}.modes-nc__usage{color:var(--ink-muted);min-width:220px}.modes-other{flex-direction:column;gap:18px;display:flex}.modes-other__block{flex-direction:column;gap:8px;display:flex}.modes-other__title{color:var(--ink-primary);margin:0;font-size:.95rem;font-weight:700}.modes-other__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.modes-other__item{background:var(--bg-raised);border-radius:8px;grid-template-columns:1.6rem minmax(0,12rem) 1fr;align-items:baseline;gap:10px;padding:.4rem .6rem;font-size:.88rem;display:grid}.modes-other__grade{color:var(--accent-dominant);font-weight:700}.modes-other__name{color:var(--ink-primary);font-weight:600}.modes-other__formula{color:var(--ink-muted);font-variant-numeric:tabular-nums}.modes-other__note{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.modes-other__note a{color:var(--accent-dominant)}@media (width<=720px){.modes-tool__formula{grid-template-columns:repeat(4,minmax(0,1fr))}.modes-other__item{grid-template-columns:1.4rem 1fr}.modes-other__formula{grid-column:2}}.fnboard{flex-direction:column;gap:18px;min-width:0;display:flex}.fnboard__controls{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.fnboard__toggle{border:1px solid var(--bg-raised);border-radius:999px;display:inline-flex;overflow:hidden}.fnboard__toggle button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:.5rem .95rem;font-family:inherit;font-size:.88rem;font-weight:600}.fnboard__toggle button[data-active=true]{background:var(--accent-dominant);color:var(--bg-canvas)}.fnboard__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.fnchord{--fn-color:var(--ink-muted);border:1px solid color-mix(in srgb, var(--fn-color) 40%, transparent);background:color-mix(in srgb, var(--fn-color) 10%, var(--bg-surface));color:var(--ink-primary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:.75rem .35rem .6rem;font-family:inherit;transition:transform .12s,filter .12s;display:flex}.fnchord:hover{filter:brightness(1.12)}.fnchord:focus-visible{outline:2px solid var(--fn-color);outline-offset:2px}.fnchord[data-sounding=true]{border-color:var(--fn-color);background:color-mix(in srgb, var(--fn-color) 24%, var(--bg-surface));transform:translateY(-3px)}.fnchord[data-function=tonica]{--fn-color:var(--accent-tonic)}.fnchord[data-function=cadencial]{--fn-color:var(--accent-dominant)}.fnchord[data-function=evitable]{--fn-color:var(--accent-minor)}.fnchord__badge{background:var(--fn-color);width:20px;height:20px;color:var(--bg-canvas);border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:inline-flex}.fnchord__roman{color:var(--fn-color);white-space:nowrap;font-size:.95rem;font-weight:700}.fnchord__symbol{white-space:nowrap;font-size:.9rem;font-weight:600}.fnchord__notes{color:var(--ink-muted);text-align:center;font-size:.72rem;line-height:1.35}.fnchord__flag{text-transform:uppercase;letter-spacing:.03em;border:1px solid color-mix(in srgb, var(--fn-color) 45%, transparent);color:var(--fn-color);text-align:center;border-radius:999px;margin-top:2px;padding:1px 6px;font-size:.6rem;font-weight:700}.fnchord__flag--tritone{border-color:color-mix(in srgb, var(--accent-minor) 55%, transparent);color:var(--accent-minor)}.fnboard__pattern{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.65}.fnboard__pattern strong{letter-spacing:.22em;color:var(--ink-primary);font-size:1.05rem}.fnboard__legend{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.fnlegend{--fn-color:var(--ink-muted);border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:12px;gap:10px;padding:.8rem .9rem;display:flex}.fnlegend[data-function=tonica]{--fn-color:var(--accent-tonic)}.fnlegend[data-function=cadencial]{--fn-color:var(--accent-dominant)}.fnlegend[data-function=evitable]{--fn-color:var(--accent-minor)}.fnlegend__badge{background:var(--fn-color);width:24px;height:24px;color:var(--bg-canvas);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:inline-flex}.fnlegend__body{flex-direction:column;gap:3px;min-width:0;display:flex}.fnlegend__label{color:var(--fn-color);font-size:.9rem;font-weight:700}.fnlegend__text{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.55}.fnboard__hint{color:var(--ink-muted);align-items:baseline;gap:6px;margin:0;font-size:.92rem;line-height:1.6;display:flex}.fnpattern{min-width:620px}.fnpattern__cell{--fn-color:var(--ink-muted);white-space:nowrap;text-align:center!important}.fnpattern__cell[data-function=tonica]{--fn-color:var(--accent-tonic)}.fnpattern__cell[data-function=cadencial]{--fn-color:var(--accent-dominant)}.fnpattern__cell[data-function=evitable]{--fn-color:var(--accent-minor)}.fnpattern__short{color:var(--fn-color);font-weight:800;display:block}.fnpattern__roman{color:var(--ink-muted);font-size:.75rem;display:block}.fnpattern__avoid{color:var(--accent-minor);white-space:nowrap;font-weight:700}@media (width<=860px){.fnboard__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.fnboard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tension{flex-direction:column;gap:18px;min-width:0;display:flex}.tension__controls{flex-wrap:wrap;gap:14px;display:flex}.tension__chord{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:8px;padding:1rem 1.15rem;display:flex}.tension__chordhead{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tension__roman{color:var(--accent-dominant);font-size:1.35rem;font-weight:800}.tension__symbol{color:var(--ink-primary);margin-right:auto;font-size:1.1rem;font-weight:600}.tension__scale{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.tension__scale strong{color:var(--ink-primary)}.tension__list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tslot{--t-color:var(--accent-minor);border:1px solid color-mix(in srgb, var(--t-color) 35%, transparent);background:color-mix(in srgb, var(--t-color) 8%, var(--bg-surface));border-radius:14px;flex-direction:column;gap:8px;padding:.9rem 1rem;display:flex}.tslot[data-available=true]{--t-color:var(--accent-tonic)}.tslot__head{align-items:center;gap:10px;display:flex}.tslot__label{color:var(--t-color);font-size:1.15rem;font-weight:800}.tslot__note{color:var(--ink-primary);margin-right:auto;font-size:.95rem;font-weight:600}.tslot__verdict{text-transform:uppercase;letter-spacing:.04em;color:var(--t-color);align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:inline-flex}.tslot__why{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.55}.tslot__actions{flex-wrap:wrap;gap:8px;display:flex}.tslot__actions .modes-button{padding:.4rem .8rem;font-size:.82rem}.tension__exception{border:1px solid color-mix(in srgb, var(--accent-minor) 30%, transparent);background:color-mix(in srgb, var(--accent-minor) 8%, transparent);color:var(--ink-muted);border-radius:12px;margin:0;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.6}.degtable{min-width:900px}.degtable__cell{vertical-align:top;white-space:nowrap}.degtable__roman{color:var(--ink-primary);font-weight:700;display:block}.degtable__mode{color:var(--ink-muted);font-size:.76rem;display:block}.degtable__tensions{color:var(--accent-dominant);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600;display:block}.lab{flex-direction:column;gap:18px;min-width:0;display:flex}.lab__controls{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.lab__palette{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.labgroup{--fn-color:var(--ink-muted);border:1px solid color-mix(in srgb, var(--fn-color) 30%, transparent);background:color-mix(in srgb, var(--fn-color) 7%, var(--bg-surface));border-radius:14px;flex-direction:column;gap:8px;padding:.85rem .9rem;display:flex}.labgroup[data-function=tonica]{--fn-color:var(--accent-tonic)}.labgroup[data-function=cadencial]{--fn-color:var(--accent-dominant)}.labgroup[data-function=evitable]{--fn-color:var(--accent-minor)}.labgroup__title{text-transform:uppercase;letter-spacing:.04em;color:var(--fn-color);align-items:center;gap:7px;font-size:.8rem;font-weight:700;display:flex}.labgroup__badge{background:var(--fn-color);width:19px;height:19px;color:var(--bg-canvas);border-radius:6px;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:inline-flex}.labgroup__chords{flex-wrap:wrap;gap:6px;display:flex}.labchip{--fn-color:var(--ink-muted);border:1px solid color-mix(in srgb, var(--fn-color) 45%, transparent);background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:.4rem .65rem;font-family:inherit;display:flex}.labchip[data-function=tonica]{--fn-color:var(--accent-tonic)}.labchip[data-function=cadencial]{--fn-color:var(--accent-dominant)}.labchip[data-function=evitable]{--fn-color:var(--accent-minor)}.labchip:hover:not(:disabled){border-color:var(--fn-color);background:color-mix(in srgb, var(--fn-color) 18%, var(--bg-raised))}.labchip:disabled{opacity:.45;cursor:not-allowed}.labchip__roman{color:var(--fn-color);white-space:nowrap;font-size:.85rem;font-weight:700}.labchip__symbol{color:var(--ink-muted);font-size:.75rem}.lab__strip{border:1px dashed var(--bg-raised);background:var(--bg-surface);border-radius:14px;align-items:center;min-height:92px;padding:.9rem;display:flex;overflow-x:auto}.lab__empty{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.lab__bars{gap:8px;margin:0;padding:0;list-style:none;display:flex}.labbar{--fn-color:var(--ink-muted);border:1px solid color-mix(in srgb, var(--fn-color) 45%, transparent);background:color-mix(in srgb, var(--fn-color) 10%, var(--bg-raised));border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:2px;width:96px;padding:.6rem .4rem;transition:transform .12s;display:flex;position:relative}.labbar[data-function=tonica]{--fn-color:var(--accent-tonic)}.labbar[data-function=cadencial]{--fn-color:var(--accent-dominant)}.labbar[data-function=evitable]{--fn-color:var(--accent-minor)}.labbar[data-playing=true]{border-color:var(--fn-color);background:color-mix(in srgb, var(--fn-color) 26%, var(--bg-raised));transform:translateY(-4px)}.labbar__index{color:var(--ink-muted);font-size:.62rem;font-weight:700}.labbar__symbol{color:var(--ink-primary);font-size:1rem;font-weight:700}.labbar__roman{color:var(--fn-color);font-size:.75rem;font-weight:600}.labbar__remove{border:1px solid var(--bg-raised);background:var(--bg-surface);width:20px;height:20px;color:var(--ink-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-7px;right:-7px}.labbar__remove:hover{color:var(--accent-minor);border-color:var(--accent-minor)}.lab__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modes-button:disabled{opacity:.45;cursor:not-allowed}.lab__recipes{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.lab__recipeslabel{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.78rem}.lab__recipe{border:1px solid var(--bg-raised);color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-family:inherit;font-size:.78rem}.lab__recipe:hover{color:var(--ink-primary);border-color:var(--accent-dominant)}.labverdict{--v-color:var(--accent-tonic);border:1px solid color-mix(in srgb, var(--v-color) 35%, transparent);background:color-mix(in srgb, var(--v-color) 8%, var(--bg-surface));border-radius:14px;flex-direction:column;gap:10px;padding:1rem 1.15rem;display:flex}.labverdict[data-level=warn]{--v-color:#eab308}.labverdict[data-level=bad]{--v-color:var(--accent-minor)}.labverdict__head{align-items:center;gap:14px;display:flex}.labverdict__title{color:var(--v-color);white-space:nowrap;font-size:1rem;font-weight:700}.labverdict__meter{background:var(--bg-raised);border-radius:999px;flex:1;height:6px;overflow:hidden}.labverdict__meter span{background:var(--v-color);border-radius:999px;height:100%;transition:width .2s;display:block}.labverdict__notes{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.labverdict__notes li{color:var(--ink-muted);gap:8px;font-size:.88rem;line-height:1.55;display:flex}.labverdict__notes li[data-severity=good]{color:var(--accent-tonic)}.labverdict__notes li svg{flex:none;margin-top:3px}.labverdict__foot{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.55}@media (width<=720px){.lab__recipes{margin-left:0}}.lead-sheet{width:100%}.lead-sheet__svg{width:100%;height:auto;display:block}.lead-sheet__chord{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:opacity var(--motion-fast) var(--motion-ease)}.lead-sheet__chord:hover{opacity:.75}.lead-sheet__chord:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px;border-radius:2px}.lead-sheet__chord--optional{opacity:.7}.lead-sheet__chord--estable{will-change:filter;animation:3.2s ease-in-out infinite leadSheetAuraEstable}@keyframes leadSheetAuraEstable{0%,to{filter:drop-shadow(0 0 1px #38bdf859)}50%{filter:drop-shadow(0 0 7px #38bdf8bf)}}.lead-sheet__chord--tension{will-change:filter;animation:1.15s ease-in-out infinite leadSheetAuraTension}@keyframes leadSheetAuraTension{0%,to{filter:drop-shadow(0 0 1px #f9731666)}50%{filter:drop-shadow(0 0 9px #f97316e6)}}.lead-sheet__chord.score-label--playing{fill:var(--staff-ink-degree);animation-name:scoreLabelPlaying;animation-duration:.7s}@media (prefers-reduced-motion:reduce){.lead-sheet__chord--estable{filter:drop-shadow(0 0 4px #38bdf899);animation:none}.lead-sheet__chord--tension{filter:drop-shadow(0 0 6px #f97316cc);animation:none}}.lead-sheet__slash{opacity:.72}.lead-sheet__section rect{opacity:.8}.figured-bass-group.score-label--playing{transform-box:fill-box;transform-origin:50%}.lead-sheet__diana{pointer-events:all;cursor:pointer}.grand-staff{width:100%;overflow-x:auto}.grand-staff__svg{max-width:100%;margin-inline:auto;display:block}.grand-staff__barnum{fill:var(--ink-muted);font-family:var(--font-ui,system-ui), sans-serif;font-size:10px;font-weight:600}.grand-staff__aura{fill:color-mix(in srgb, var(--accent-tonic) 14%, transparent);rx:6}.grand-staff__chord{fill:var(--ink-primary);font-family:Caveat,Comic Sans MS,cursive;font-size:20px;font-weight:700}.grand-staff__chord--upper,.grand-staff__chord--lower{font-size:18px;font-weight:700}.grand-staff__polychord-rule{stroke:var(--ink-primary);stroke-width:1.5px}.excerpts{flex-direction:column;gap:22px;display:flex}.excerpt{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:16px;padding:20px 22px 22px}.excerpt__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.excerpt__lesson{color:var(--ink-primary);margin:0;font-size:1.05rem}.excerpt__source{color:var(--ink-muted);margin:4px 0 0;font-size:.85rem}.excerpt__tags{flex-wrap:wrap;gap:6px;display:flex}.excerpt__tag{background:var(--bg-raised);color:var(--ink-muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.76rem}.excerpt__tag--mode{color:var(--ink-primary);font-weight:600}.excerpt__tag--fn{border:1px solid var(--fn-color,var(--bg-raised));color:var(--fn-color,var(--ink-muted));font-weight:700}.excerpt__tag--fn[data-function=tonica]{--fn-color:var(--accent-tonic)}.excerpt__tag--fn[data-function=cadencial]{--fn-color:var(--accent-dominant)}.excerpt__tag--fn[data-function=evitable]{--fn-color:var(--accent-minor)}.excerpt__staff{background:var(--paper,var(--bg-raised));border-radius:12px;margin:16px 0 14px;padding:10px 14px 4px}.excerpt__controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.excerpt__hint{color:var(--ink-muted);font-size:.8rem}.excerpt__chords{flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.excerpt__chord{border:1px solid var(--fn-color,var(--bg-raised));background:color-mix(in srgb, var(--fn-color,var(--bg-raised)) 12%, var(--bg-raised));min-width:190px;color:var(--ink-primary);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:10px 14px;transition:transform .12s,background .12s;display:grid}.excerpt__chord:hover,.excerpt__chord[data-sonando=true]{background:color-mix(in srgb, var(--fn-color,var(--bg-raised)) 26%, var(--bg-surface));transform:translateY(-2px)}.excerpt__chord[data-function=tonica]{--fn-color:var(--accent-tonic)}.excerpt__chord[data-function=cadencial]{--fn-color:var(--accent-dominant)}.excerpt__chord[data-function=evitable]{--fn-color:var(--accent-minor)}.excerpt__chord[data-function=fuera]{--fn-color:var(--bg-raised);border-style:dashed}.excerpt__chord-badge{background:var(--fn-color,var(--bg-surface));width:30px;height:30px;color:var(--bg-surface);border-radius:50%;grid-row:1/3;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.excerpt__chord[data-function=fuera] .excerpt__chord-badge{color:var(--ink-muted)}.excerpt__chord-symbol{font-size:1rem;font-weight:700}.excerpt__chord-roman{color:var(--ink-muted);font-size:.8rem}.excerpt__chord-func,.excerpt__chord-flag{color:var(--ink-muted);grid-column:2;font-size:.76rem}.excerpt__chord-flag{color:var(--accent-minor);align-items:center;gap:4px;display:inline-flex}.excerpt__note{color:var(--ink-secondary,var(--ink-muted));margin:16px 0 0;font-size:.9rem;line-height:1.65}@media (width<=640px){.excerpt__chord{min-width:100%}}.excerpt__revisar{color:var(--accent-minor);align-items:flex-start;gap:6px;margin:8px 0 0;font-size:.78rem;line-height:1.5;display:flex}.excerpt__sin-melodia,.excerpt__ottava{color:var(--ink-muted);align-items:flex-start;gap:6px;margin:8px 0 0;font-size:.78rem;line-height:1.55;display:flex}.md-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.md-player__eyebrow,.md-composition__eyebrow{color:var(--accent-subdominant-ink);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.md-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.md-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.md-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.md-player__chapter:hover,.md-player__chapter--active{border-color:var(--accent-subdominant);background:var(--bg-raised);color:var(--ink-primary)}.md-player__chapter:focus-visible,.md-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.md-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.md-player__corner-play{border:1px solid var(--accent-subdominant);background:var(--accent-subdominant);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.md-player__corner-play:hover{transform:scale(1.06)}.md-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.md-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.md-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.md-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.md-composition__rule--sounding{border-color:var(--accent-subdominant)}.md-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.md-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.md-keys-scene{flex-direction:column;align-items:center;gap:18px;display:flex}.md-keys{height:190px;display:flex;position:relative}.md-key{color:#1f2430;background:#f4f4f5;border:1px solid #9ca3af;border-radius:0 0 8px 8px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:10px;transition:background .12s,opacity .3s;display:flex;position:relative}.md-key--out{opacity:.35}.md-key--lit{background:color-mix(in srgb, var(--accent-subdominant) 55%, #f4f4f5)}.md-key--center{box-shadow:inset 0 -6px 0 var(--accent-tonic)}.md-key__name{font:700 .95rem var(--font-ui)}.md-key__mode{color:var(--ink-primary);font:700 .72rem var(--font-ui);white-space:nowrap;position:absolute;bottom:-26px}.md-key--black{z-index:1;background:#1f2430;border-radius:0 0 6px 6px;width:42px;height:115px;position:absolute;top:0}.md-keys__legend{color:var(--ink-muted);font:500 1rem var(--font-ui);margin-top:14px}.md-keys__legend strong{color:var(--accent-tonic-ink)}.md-keys__sep{margin:0 8px}.md-keys__center-dot{background:var(--accent-tonic);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.md-keys__banner{border:1px solid var(--accent-tonic);color:var(--accent-tonic-ink);font:700 .95rem var(--font-ui);border-radius:999px;padding:8px 16px}.md-history{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;margin:0;padding:0;list-style:none;display:grid}.md-history__node{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:8px;padding:14px;transition:opacity .4s,border-color .3s;display:flex;position:relative}.md-history__node--active{border-color:var(--accent-subdominant)}.md-history__dot{background:var(--bg-raised);border-radius:50%;width:14px;height:14px}.md-history__node--active .md-history__dot{background:var(--accent-subdominant)}.md-history__node--past .md-history__dot{background:color-mix(in srgb, var(--accent-subdominant) 45%, var(--bg-raised))}.md-history__when{font:800 1rem var(--font-ui)}.md-history__what{color:var(--ink-muted);font:500 .85rem/1.4 var(--font-ui)}.md-history__node--active .md-history__what{color:var(--ink-primary)}.md-ladder{align-items:stretch;gap:18px;display:flex}.md-ladder__axis{color:var(--ink-muted);font:600 .72rem var(--font-ui);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.md-ladder__arrow{background:linear-gradient(var(--status-warning), var(--bg-raised));border-radius:2px;flex:1;width:4px;margin:6px 0}.md-ladder__rows{flex-direction:column;gap:6px;display:flex}.md-row{border-radius:8px;grid-template-columns:110px repeat(7,52px);align-items:center;gap:6px;padding:3px 8px;transition:opacity .3s,background .2s;display:grid}.md-row--sounding{background:color-mix(in srgb, var(--accent-subdominant) 16%, transparent)}.md-row__name{font:700 .95rem var(--font-ui)}.md-deg{border:1px solid var(--bg-raised);background:var(--bg-surface);height:30px;font:700 .9rem var(--font-ui);border-radius:6px;place-items:center;transition:background .12s,border-color .2s;display:grid}.md-deg--altered{color:var(--accent-subdominant-ink)}.md-deg--changed{border-color:var(--status-warning)}.md-deg--char{border:2px solid var(--accent-tonic);color:var(--accent-tonic-ink)}.md-deg--lit{background:var(--accent-subdominant);color:var(--ink-on-accent)}.md-cadence,.md-trap{align-items:center;gap:36px;transition:opacity .3s;display:flex;position:relative}.md-chord{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 18px;transition:border-color .15s,box-shadow .15s,opacity .3s;display:flex}.md-chord--sounding{border-color:var(--accent-subdominant);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-subdominant) 30%, transparent)}.md-chord__symbol{font:800 1.8rem var(--font-ui)}.md-chord__note{color:var(--ink-muted);font:600 .8rem var(--font-ui)}.md-tone{border:1px solid var(--bg-raised);background:var(--bg-canvas);width:120px;font:700 1rem var(--font-ui);text-align:center;border-radius:8px;padding:6px 0}.md-tone--bass{color:var(--ink-muted)}.md-tone--tense{border-color:var(--accent-dominant);color:var(--accent-dominant)}.md-tone--home{border-color:var(--accent-tonic);color:var(--accent-tonic-ink)}.md-tone--foreign{border:2px solid var(--status-error);color:var(--status-error)}.md-cadence__arrows{flex-direction:column;gap:34px;transition:opacity .3s;display:flex}.md-cadence__arrow,.md-trap__arrow{border-bottom:2px solid var(--accent-tonic);color:var(--accent-tonic-ink);font:700 .9rem var(--font-ui);white-space:nowrap;padding:6px 12px;transition:opacity .3s;position:relative}.md-cadence__arrow:after,.md-trap__arrow:after{content:"";border:6px solid #0000;border-left:9px solid var(--accent-tonic);position:absolute;bottom:-7px;right:-8px}.md-cadence__stamp{border:2px solid var(--accent-tonic);color:var(--accent-tonic-ink);font:800 1.1rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 18px;position:absolute;top:-8px;right:-110px}.md-vamp{flex-direction:column;align-items:center;gap:16px;width:100%;transition:opacity .3s;display:flex}.md-vamp__chords{grid-template-columns:repeat(5,120px);gap:12px;display:grid}.md-vamp__chord{border:1px solid var(--bg-raised);background:var(--bg-surface);height:90px;font:800 1.5rem var(--font-ui);border-radius:12px;place-items:center;transition:border-color .12s,background .12s;display:grid}.md-vamp__chord--sounding{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 22%, var(--bg-surface))}.md-vamp__pedal{border:1px solid var(--bg-raised);background:var(--bg-surface);width:648px;color:var(--accent-tonic-ink);font:700 1rem var(--font-ui);text-align:center;border-radius:10px;padding:10px}.md-vamp__pedal--sounding{border-color:var(--accent-tonic)}.md-vamp__tag{border:1px solid var(--accent-subdominant);font:600 .95rem var(--font-ui);border-radius:999px;padding:8px 16px}.md-vamp__tag strong{color:var(--accent-subdominant-ink)}.md-chord--foreign{border-color:color-mix(in srgb, var(--status-error) 50%, var(--bg-raised))}.md-relation{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.md-relation__panels{grid-template-columns:1fr 1fr;gap:18px;width:100%;transition:opacity .3s;display:grid}.md-panel{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem var(--font-ui);border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.md-panel strong{font:800 1.2rem var(--font-ui)}.md-panel--tonal{border-top:4px solid var(--accent-dominant)}.md-panel--modal{border-top:4px solid var(--accent-subdominant)}.md-relation__verdict{font:600 1.15rem var(--font-ui);gap:40px;transition:opacity .3s;display:flex}.md-relation__verdict span:first-child strong{color:var(--accent-dominant)}.md-relation__verdict span:last-child strong{color:var(--accent-subdominant-ink)}.md-relation__course{color:var(--ink-muted);font:600 .9rem var(--font-ui);align-items:center;gap:8px;transition:opacity .3s;display:flex}.md-pill{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);border-radius:999px;padding:5px 12px}.md-question{max-width:720px;font:italic 500 2rem/1.35 var(--font-quote);text-align:center;margin:0}.fm-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.fm-player__eyebrow,.fm-composition__eyebrow{color:var(--accent-tonic-ink);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.fm-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.fm-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.fm-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.fm-player__chapter:hover,.fm-player__chapter--active{border-color:var(--accent-tonic);background:var(--bg-raised);color:var(--ink-primary)}.fm-player__chapter:focus-visible,.fm-player__corner-play:focus-visible{outline:2px solid var(--accent-tonic);outline-offset:2px}.fm-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.fm-player__corner-play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.fm-player__corner-play:hover{transform:scale(1.06)}.fm-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.fm-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.fm-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.fm-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.fm-composition__rule--sounding{border-color:var(--accent-tonic)}.fm-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.fm-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.fm-chord--tonica{--fn:var(--accent-tonic)}.fm-chord--cadencial{--fn:var(--accent-subdominant)}.fm-chord--union{--fn:var(--ink-muted)}.fm-chord--evitable{--fn:var(--status-error)}.fm-stack{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.fm-lead{font:600 1.05rem/1.4 var(--font-ui);text-align:center;margin:0;transition:opacity .3s}.fm-strip{grid-template-columns:repeat(7,104px);gap:10px;display:grid}.fm-chord{border:1px solid var(--bg-raised);border-top:5px solid var(--fn);background:var(--bg-surface);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;transition:opacity .3s,box-shadow .15s;display:flex}.fm-chord--dim{opacity:.25}.fm-chord--sounding{box-shadow:0 0 0 3px color-mix(in srgb, var(--fn) 45%, transparent)}.fm-chord__roman{color:var(--ink-muted);font:600 .8rem var(--font-ui)}.fm-chord__symbol{font:800 1.5rem var(--font-ui)}.fm-chord__func{background:var(--fn);width:26px;height:26px;color:var(--ink-on-accent);font:800 .8rem var(--font-ui);border-radius:50%;place-items:center;display:grid}.fm-questions{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.fm-question{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:14px;flex-direction:column;gap:10px;padding:26px;transition:opacity .4s;display:flex}.fm-question span{color:var(--ink-muted);font:700 .8rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.fm-question strong{font:italic 500 1.6rem/1.3 var(--font-quote)}.fm-question--tonal{border-top:5px solid var(--accent-dominant)}.fm-question--modal{border-top:5px solid var(--accent-tonic)}.fm-functions{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}.fm-function{border:1px solid var(--bg-raised);border-top:5px solid var(--fn);background:var(--bg-surface);font:500 .9rem/1.35 var(--font-ui);border-radius:12px;flex-direction:column;gap:8px;padding:18px;transition:opacity .3s;display:flex}.fm-function strong{font:800 1.15rem var(--font-ui)}.fm-function--tonica{--fn:var(--accent-tonic)}.fm-function--cadencial{--fn:var(--accent-subdominant)}.fm-function--union{--fn:var(--ink-muted)}.fm-function--evitable{--fn:var(--status-error)}.fm-function__letter{background:var(--fn);width:40px;height:40px;color:var(--ink-on-accent);font:800 1.2rem var(--font-ui);border-radius:50%;place-items:center;display:grid}.fm-pedal{border:1px solid var(--bg-raised);background:var(--bg-surface);width:788px;max-width:100%;color:var(--accent-tonic-ink);font:700 1rem var(--font-ui);text-align:center;border-radius:10px;padding:10px;transition:opacity .3s,border-color .15s}.fm-pedal--sounding{border-color:var(--accent-tonic)}.fm-note{border:1px solid var(--bg-raised);background:var(--bg-canvas);font:700 .95rem var(--font-ui);border-radius:999px;padding:2px 10px;display:inline-block}.fm-note--char{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.fm-note--danger{border-color:var(--status-error);color:var(--status-error)}.fm-tag{width:26px;height:26px;color:var(--ink-on-accent);font:800 .8rem var(--font-ui);vertical-align:middle;border-radius:50%;place-items:center;display:inline-grid}.fm-tag--tonica{background:var(--accent-tonic)}.fm-tag--cadencial{background:var(--accent-subdominant)}.fm-tag--evitable{background:var(--status-error)}.fm-box{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:90px;font:800 1.35rem var(--font-ui);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 16px;transition:box-shadow .12s,border-color .12s;display:inline-flex}.fm-box--big{min-width:150px;min-height:110px;font-size:2rem}.fm-box__sub{color:var(--ink-muted);font:600 .8rem var(--font-ui)}.fm-box--cadencial{border-color:var(--accent-subdominant)}.fm-box--tonica{border-color:var(--accent-tonic)}.fm-box--evitable{border-color:var(--status-error)}.fm-box--foreign{border-color:var(--accent-dominant)}.fm-box--sounding{border-color:var(--accent-tonic);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-tonic) 40%, transparent)}.fm-compare{flex-direction:column;gap:14px;display:flex}.fm-compare__row{border-radius:12px;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.fm-compare__row--sounding{background:color-mix(in srgb, var(--accent-tonic) 10%, transparent)}.fm-compare__label{width:90px;color:var(--ink-muted);font:700 .95rem var(--font-ui)}.fm-compare__verdict{width:190px;font:italic 500 1.1rem var(--font-quote);transition:opacity .3s}.fm-prog{grid-template-columns:repeat(4,150px);gap:14px;display:grid}.fm-prog__step{border:1px solid var(--bg-raised);border-top:5px solid var(--fn);background:var(--bg-surface);font:800 1.6rem var(--font-ui);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:box-shadow .12s;display:flex}.fm-prog__step--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--fn) 45%, transparent)}.fm-rules{gap:10px;display:flex}.fm-rules span{border:1px solid var(--accent-tonic);color:var(--accent-tonic-ink);font:700 .9rem var(--font-ui);border-radius:999px;padding:6px 14px}.fm-avoid,.fm-conditioned{align-items:center;gap:24px;display:flex}.fm-conditioned__notes{font:600 1.05rem var(--font-ui);flex-direction:column;gap:14px;display:flex}.fm-checklist{font:700 1.35rem var(--font-ui);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.fm-checklist li{align-items:center;gap:14px;transition:opacity .3s;display:flex}.fm-checklist__num{background:var(--accent-tonic);width:38px;height:38px;color:var(--ink-on-accent);font:800 1rem var(--font-ui);border-radius:50%;place-items:center;display:grid}.fm-roll{width:100%;height:100%}.fm-roll__bar{fill:var(--bg-surface);stroke:var(--bg-raised)}.fm-roll__bar--g{fill:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-surface))}.fm-roll__bar--sounding{stroke:var(--accent-tonic);stroke-width:2px}.fm-roll__chord{fill:var(--ink-muted);font:800 16px var(--font-ui)}.fm-roll__note{fill:var(--bg-raised);stroke:var(--ink-muted);stroke-width:1px}.fm-roll__note--char{fill:color-mix(in srgb, var(--accent-subdominant) 35%, var(--bg-surface));stroke:var(--accent-subdominant);stroke-width:2px}.fm-roll__note--sounding{stroke:var(--accent-tonic);stroke-width:3px}.fm-roll__label{fill:var(--ink-primary);font:700 10px var(--font-ui)}.fm-patterns{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.fm-pattern{border:1px solid var(--bg-raised);background:var(--bg-surface);font:600 1rem var(--font-ui);border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.fm-pattern strong{font:800 1.2rem var(--font-ui)}.fm-quote{max-width:720px;font:italic 500 2rem/1.35 var(--font-quote);text-align:center;margin:0}.tension-staff-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:10px;padding:1rem;display:flex;box-shadow:0 4px 12px #0000000d}.tension-staff-card--available{border-color:color-mix(in srgb, var(--accent-subdominant) 35%, transparent)}.tension-staff-card--clash{border-color:#e53e3e66}.tension-staff-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tension-staff-card__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.tension-staff-badge{border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.tension-staff-badge--ok{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant)}.tension-staff-badge--warn{color:#e53e3e;background:#e53e3e26}.tension-staff-card__score{background:var(--bg-base);border-radius:10px;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.tension-staff__lead-text{fill:var(--accent-dominant);font-family:inherit;font-size:.95rem;font-weight:700}.tension-staff__degree-text{fill:var(--ink-primary);font-family:inherit;font-size:.9rem;font-weight:600}.tension-staff-card__explanation{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.tension-staff-card__actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tension-nature-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:18px 0;padding:18px;display:flex}.tension-nature-player__eyebrow,.tension-nature-composition__header{color:var(--accent-subdominant-ink);font:700 .72rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase}.tension-nature-player__header h3{color:var(--ink-primary);font:700 1.2rem var(--font-ui);margin:3px 0 0}.tension-nature-player__chapters,.tension-nature-player__transport{flex-wrap:wrap;gap:6px;display:flex}.tension-nature-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;padding:.42rem .72rem}.tension-nature-player__chapter:hover,.tension-nature-player__chapter--active{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.tension-nature-player__chapter:focus-visible,.tension-nature-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.tension-nature-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.tension-nature-player__corner-play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tension-nature-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised), var(--bg-canvas));color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:10px;padding:22px 28px;display:flex}.tension-nature-composition__header{justify-content:space-between;gap:16px;display:flex}.tension-nature-composition__header strong{color:var(--accent-minor-ink)}.tension-nature-composition__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.tension-nature-composition__title{text-align:center}.tension-nature-composition__title span{color:var(--accent-subdominant-ink);font:700 .66rem var(--font-ui);letter-spacing:.08em}.tension-nature-composition__title h3{font:700 1.35rem var(--font-ui);margin:3px 0}.tension-nature-staff{width:min(100%,820px);max-height:220px}.tension-nature-staff svg{width:100%;height:auto;display:block}.tension-nature-staff__symbol{fill:var(--ink-primary);font:700 20px var(--font-ui)}.tension-nature-staff__analysis{fill:var(--accent-subdominant-ink);font:700 15px var(--font-ui)}.tension-nature-composition__steps{justify-content:center;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.tension-nature-composition__steps li{border:1px solid var(--bg-raised);background:var(--bg-surface);max-width:230px;min-height:34px;color:var(--ink-muted);font:600 .7rem var(--font-ui);text-align:center;border-radius:7px;flex:1 1 0;justify-content:center;align-items:center;padding:5px 8px;display:flex}.tension-nature-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:500 .82rem/1.35 var(--font-ui);text-align:center;border-radius:8px;padding:9px 12px}.tension-nature-composition__caption--disponible{border-left:3px solid var(--accent-tonic)}.tension-nature-composition__caption--evitar{border-left:3px solid var(--accent-minor)}.tension-nature-composition__caption--regla{border-left:3px solid var(--accent-tonic)}@media (width<=640px){.tension-nature-player{padding:14px}.tension-nature-player__chapters{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}}.tensiones-page{flex-direction:column;gap:24px;display:flex}.tensiones-rule-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:1rem;display:grid}.tensiones-rule-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:8px;padding:1.2rem;display:flex}.tensiones-rule-card--ok{border-left:4px solid var(--accent-subdominant)}.tensiones-rule-card--warn{border-left:4px solid #e53e3e}.tensiones-rule-card__head{align-items:center;gap:8px;display:flex}.tensiones-rule-card__head h4{color:var(--ink-primary);margin:0;font-size:1.05rem}.tensiones-rule-card--ok .tensiones-rule-card__head{color:var(--accent-subdominant)}.tensiones-rule-card--warn .tensiones-rule-card__head{color:#e53e3e}.tensiones-rule-card__note{color:var(--ink-muted);margin-top:auto;font-size:.88rem}.detector-mode-toggle{flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;display:flex}.detector-mode-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--ink-muted);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.92rem;font-weight:700;transition:all .18s;display:inline-flex}.detector-mode-btn:hover{color:var(--ink-primary);background:var(--bg-raised)}.detector-mode-btn--active{background:color-mix(in srgb, var(--accent-subdominant) 15%, var(--bg-surface));color:var(--accent-subdominant);border-color:var(--accent-subdominant)}.detector-controls{background:var(--bg-base);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;gap:18px;margin-bottom:1.25rem;padding:1rem;display:flex}.berklee-breakdown{background:var(--bg-base);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;padding:.9rem;font-size:.9rem;display:flex}.berklee-breakdown__item{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.berklee-breakdown__tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:700}.berklee-breakdown__tag--guide{color:#d97706;background:#d977062e}.berklee-breakdown__tag--tensions{background:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);color:var(--accent-subdominant)}.berklee-breakdown__tag--avoid{color:#e53e3e;background:#e53e3e2e}.berklee-avoid-text{color:#e53e3e;font-weight:600}.detector-field{flex-direction:column;flex:1;gap:6px;min-width:220px;display:flex}.detector-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.85rem;font-weight:700}.detector-select{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--ink-primary);border-radius:8px;padding:8px 12px;font-size:.95rem;font-weight:600}.detector-toggles{flex-wrap:wrap;gap:8px;display:flex}.detector-toggle-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--ink-primary);border-radius:8px;padding:7px 14px;font-size:.9rem;font-weight:700;transition:all .15s}.detector-toggle-btn--ok{border-color:color-mix(in srgb, var(--accent-subdominant) 35%, transparent)}.detector-toggle-btn--clash{border-color:#e53e3e59}.detector-toggle-btn--active.detector-toggle-btn--ok{background:var(--accent-subdominant);color:#fff;border-color:var(--accent-subdominant)}.detector-toggle-btn--active.detector-toggle-btn--clash{color:#fff;background:#e53e3e;border-color:#e53e3e}.detector-result-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:18px;display:grid}.detector-info-panel{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:10px;padding:1.25rem;display:flex}.detector-chord-name{color:var(--accent-dominant);margin:0;font-size:1.3rem;font-weight:800}.detector-reason{color:var(--ink-primary);margin:0;font-size:.95rem;line-height:1.55}.detector-clash{color:#e53e3e;margin:0;font-size:.9rem;font-weight:600}.detector-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.tensiones-staff-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:1rem;display:grid}.tensiones-table-wrap{margin-top:.75rem;overflow-x:auto}.tensiones-summary-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.tensiones-summary-table th{background:var(--bg-base);border-bottom:2px solid var(--bg-raised);color:var(--ink-muted);padding:10px 14px;font-weight:700}.tensiones-summary-table td{border-bottom:1px solid var(--bg-raised);color:var(--ink-primary);padding:10px 14px}.badge-ok{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant);border-radius:6px;padding:2px 8px;font-weight:700;display:inline-block}.badge-warn{color:#e53e3e;background:#e53e3e26;border-radius:6px;padding:2px 8px;font-weight:600;display:inline-block}.badge-none{color:var(--ink-muted)}.modos-page{--modos-accent:var(--accent-dominant);width:100%;min-width:0;color:var(--ink-primary);flex-direction:column;gap:28px;display:flex}.modos-page__header{flex-direction:column;gap:12px;display:flex}.modos-page__badge{text-transform:uppercase;letter-spacing:.05em;width:fit-content;color:var(--modos-accent);background:color-mix(in srgb, var(--modos-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--modos-accent) 20%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.modos-page__title{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.modos-page__lead{color:var(--ink-muted);margin:0;font-size:1.1rem;line-height:1.65}.modos-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.modos-toggle__btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.modos-toggle__btn:hover{color:var(--ink-primary);background:color-mix(in srgb, var(--bg-raised) 50%, transparent)}.modos-toggle__btn--active{color:var(--modos-accent);background:color-mix(in srgb, var(--modos-accent) 12%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--modos-accent) 25%, transparent)}.modos-card{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:1.6rem 1.85rem;display:flex}.modos-card--tool{gap:18px}.modos-card--warn{background:color-mix(in srgb, var(--status-warning) 6%, var(--bg-surface));border-color:color-mix(in srgb, var(--status-warning) 24%, transparent)}.modos-card--warn .modos-card__title{color:var(--status-warning)}.modos-card__title{letter-spacing:-.01em;color:var(--accent-dominant);align-items:center;gap:9px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.modos-card__title svg{flex:none}.modos-card__text{color:var(--ink-muted);margin:0;font-size:1rem;line-height:1.7}.modos-card__text strong{color:var(--ink-primary);font-weight:700}.modos-card__text a,.modos-card__lead a,.modos-list a,.modos-page__lead a{color:var(--accent-dominant);border-bottom:1px solid color-mix(in srgb, var(--accent-dominant) 40%, transparent);text-decoration:none}.modos-card__text a:hover,.modos-card__lead a:hover,.modos-list a:hover,.modos-page__lead a:hover{border-bottom-color:var(--accent-dominant)}.modos-card__text--after{padding-top:2px}.modos-steps,.modos-list{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding-left:1.35rem;font-size:1rem;line-height:1.7;display:flex}.modos-steps strong,.modos-list strong{color:var(--ink-primary)}.modos-steps li::marker{color:var(--accent-dominant);font-weight:700}.modos-list li::marker{color:var(--accent-dominant)}.modos-songs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.modos-song{background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:1rem 1.1rem;display:flex}.modos-song__title{color:var(--ink-primary);margin:0;font-size:.98rem;font-weight:700}.modos-song__chords{letter-spacing:.04em;color:var(--accent-dominant);margin:0;font-size:.9rem;font-weight:700}@media (width<=640px){.modos-card{padding:1.25rem 1.15rem}.modos-page__title{font-size:1.6rem}}.modos-tab-content{flex-direction:column;gap:28px;min-width:0;display:flex}.modos-prose{min-width:0}.modos-prose>p,.modos-prose>h2,.modos-prose>h3,.modos-prose>ul,.modos-prose>ol{max-width:68ch}.modos-prose h2{letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.42rem;font-weight:750}.modos-prose h3{margin:1.4rem 0 .5rem;font-size:1.08rem;font-weight:700}.modos-prose p{color:var(--ink-muted);margin:0 0 .9rem;line-height:1.7}.modos-prose p strong,.modos-prose li strong{color:var(--ink-primary);font-weight:650}.modos-tip{box-sizing:border-box;background:color-mix(in srgb, var(--modos-accent) 8%, var(--bg-surface));border-left:3px solid var(--modos-accent);border-radius:12px;align-items:flex-start;gap:.9rem;padding:1.1rem 1.3rem;display:flex}.modos-tip svg{color:var(--modos-accent);flex-shrink:0;margin-top:2px}.modos-tip strong{color:var(--ink-primary);margin-bottom:.3rem;font-size:.95rem;display:block}.modos-tip p{color:var(--ink-muted);margin:0;font-size:.94rem;line-height:1.65}.modos-tip--warning{background:color-mix(in srgb, var(--status-warning) 8%, var(--bg-surface));border-left-color:var(--status-warning)}.modos-tip--warning svg{color:var(--status-warning-ink)}.modos-formula{background:var(--bg-raised);color:var(--ink-primary);white-space:nowrap;border-radius:6px;padding:.06em .42em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;font-weight:600}.modos-crosslink{box-sizing:border-box;text-indent:-1.35rem;background:var(--bg-canvas);color:var(--ink-muted);border-radius:10px;margin:0;padding:.75rem .95rem .75rem 2.3rem;font-size:.88rem;line-height:1.65}.modos-crosslink svg{vertical-align:-2px;margin-right:.45rem}.modos-crosslink a{color:var(--accent-dominant);text-indent:0;font-weight:650}.fugue-subject-staff .nrc-svg{width:auto!important;height:190px!important}.harmonized-scale-staff{justify-content:center;align-items:center;width:100%;padding:8px 0;display:flex;overflow-x:auto}.harmonized-staff__svg{max-width:100%;height:auto;display:block}.harmonized-staff__lead-symbol{fill:var(--accent-dominant);letter-spacing:-.01em;font-family:inherit;font-size:14px;font-weight:800}.harmonized-staff__lead-symbol--active{fill:var(--accent-subdominant,#3b82f6)}.harmonized-staff__degree-symbol{fill:var(--ink-muted);font-family:inherit;font-size:13px;font-weight:700}.harmonized-staff__degree-symbol--active{fill:var(--accent-subdominant,#3b82f6)}.acordes-page{width:100%;min-width:0;color:var(--ink-primary);flex-direction:column;gap:28px;display:flex}.acordes-page__header{flex-direction:column;gap:12px;display:flex}.acordes-page__badge{text-transform:uppercase;letter-spacing:.05em;width:fit-content;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 20%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.acordes-page__title{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:800}.acordes-page__lead{color:var(--ink-muted);margin:0;font-size:1.1rem;line-height:1.65}.acordes-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.acordes-toggle__btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.acordes-toggle__btn:hover{color:var(--ink-primary);background:color-mix(in srgb, var(--bg-raised) 50%, transparent)}.acordes-toggle__btn--active{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 25%, transparent)}.acordes-card{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:16px;flex-direction:column;gap:16px;min-width:0;padding:1.6rem 1.85rem;display:flex}.acordes-card--tool{gap:20px}.acordes-card__title{letter-spacing:-.01em;color:var(--accent-dominant);align-items:center;gap:9px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.acordes-card__text{color:var(--ink-muted);margin:0;font-size:1rem;line-height:1.7}.acordes-card__text strong{color:var(--ink-primary);font-weight:700}.acordes-card__text code{background:var(--bg-raised);color:var(--accent-dominant);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.92em}.acordes-comparison-table{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px;display:grid}.acordes-comp-col{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--ink-muted) 15%, transparent);border-radius:12px;padding:1.25rem}.acordes-comp-col--accent{background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-dominant) 30%, transparent)}.acordes-comp-col h3{color:var(--ink-primary);margin:0 0 10px;font-size:1.05rem;font-weight:700}.acordes-comp-col ul{color:var(--ink-muted);flex-direction:column;gap:8px;margin:0;padding-left:1.2rem;font-size:.95rem;display:flex}.acordes-comp-col ul strong{color:var(--ink-primary)}.acordes-grid-qualities{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:8px;display:grid}.acordes-q-card{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--accent-dominant) 15%, transparent);border-radius:12px;flex-direction:column;gap:8px;padding:1rem 1.15rem;display:flex}.acordes-q-card__header{justify-content:space-between;align-items:baseline;display:flex}.acordes-q-card__symbol{color:var(--accent-dominant);font-family:monospace;font-size:1.3rem;font-weight:800}.acordes-q-card__alt{color:var(--ink-muted);font-size:.82rem;font-weight:600}.acordes-q-card__title{color:var(--ink-primary);margin:0;font-size:.98rem;font-weight:700}.acordes-q-card__desc{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.acordes-q-card__formula{letter-spacing:.03em;color:var(--accent-dominant);border-top:1px dashed color-mix(in srgb, var(--ink-muted) 20%, transparent);margin-top:auto;padding-top:6px;font-size:.8rem;font-weight:600}.acordes-slash-rule{border-left:4px solid var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-surface));color:var(--ink-primary);border-radius:0 10px 10px 0;margin:4px 0 12px;padding:1rem 1.2rem;font-size:.98rem;line-height:1.6}.acordes-slash-rule code{background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant);border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.acordes-inversions-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:8px;display:grid}.acordes-inv-item{background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:1rem 1.15rem;display:flex}.acordes-inv-badge{text-transform:uppercase;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);border-radius:6px;width:fit-content;padding:2px 8px;font-size:.76rem;font-weight:700;display:inline-block}.acordes-inv-badge--hybrid{color:#3b82f6;background:#3b82f626}.acordes-inv-item strong{color:var(--ink-primary);font-size:.96rem}.acordes-inv-item span{color:var(--ink-muted);font-size:.88rem;line-height:1.5}.acordes-inv-item code{background:color-mix(in srgb, var(--accent-dominant) 10%, transparent);color:var(--accent-dominant);border-radius:4px;padding:2px 5px;font-family:monospace}.acordes-explorer{flex-direction:column;gap:20px;display:flex}.acordes-explorer__controls{background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:14px;padding:1.2rem;display:flex}.acordes-control-group{flex-direction:column;gap:6px;display:flex}.acordes-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.82rem;font-weight:700}.acordes-pills{flex-wrap:wrap;gap:6px;display:flex}.acordes-pill{border:1px solid var(--bg-surface);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s ease-in-out}.acordes-pill:hover{color:var(--ink-primary);border-color:var(--accent-dominant)}.acordes-pill--active{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border-color:var(--accent-dominant)}.acordes-explorer__stage{grid-template-columns:260px 1fr;gap:20px;display:grid}.acordes-stage__card{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--accent-dominant) 25%, transparent);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:1.2rem;display:flex}.acordes-symbol-badge{flex-direction:column;align-items:center;display:flex}.acordes-symbol-badge__lead{color:var(--accent-dominant);font-family:monospace;font-size:2.2rem;font-weight:800;line-height:1}.acordes-symbol-badge__sub{color:var(--ink-muted);font-size:.82rem;font-weight:600}.acordes-staff__container{justify-content:center;align-items:center;display:flex}.acordes-play-btn{color:#fff;background:var(--accent-dominant);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.92rem;font-weight:700;transition:transform .1s,filter .15s;display:inline-flex}.acordes-play-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.acordes-stage__details{flex-direction:column;gap:12px;display:flex}.acordes-details__title{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:700}.acordes-voices-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.acordes-voice-card{background:var(--bg-raised);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.acordes-voice-card--bass{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-raised))}.acordes-voice-card__role{color:var(--accent-dominant);font-size:.75rem;font-weight:700}.acordes-voice-card__note{color:var(--ink-primary);font-family:monospace;font-size:1.2rem;font-weight:800}.acordes-voice-card__octave{color:var(--ink-muted);font-size:.72rem}.acordes-inversion-info{background:var(--bg-raised);color:var(--ink-muted);border-radius:10px;padding:12px 14px;font-size:.92rem;line-height:1.5}.acordes-inversion-info p{margin:0}.acordes-quiz{background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:16px;padding:1.2rem;display:flex}.acordes-quiz__header{color:var(--ink-muted);justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.acordes-quiz__title{color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:700}.acordes-quiz__options{flex-direction:column;gap:10px;display:flex}.acordes-quiz__option{border:1px solid var(--bg-surface);background:var(--bg-surface);color:var(--ink-primary);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .15s ease-in-out;display:flex}.acordes-quiz__option:hover{border-color:var(--accent-dominant)}.acordes-quiz__option-badge{background:var(--bg-raised);width:26px;height:26px;color:var(--accent-dominant);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.acordes-quiz__option-text{flex:1}.acordes-quiz__option--correct{background:color-mix(in srgb, #22c55e 12%, var(--bg-surface));color:#22c55e;border-color:#22c55e}.acordes-quiz__option--wrong{background:color-mix(in srgb, #ef4444 12%, var(--bg-surface));color:#ef4444;border-color:#ef4444}.acordes-quiz__feedback{background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.acordes-quiz__explanation{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.acordes-quiz__next-btn{color:#fff;background:var(--accent-dominant);cursor:pointer;border:none;border-radius:8px;width:fit-content;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:700}.acordes-scale-selector{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.acordes-scale-selector__btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s}.acordes-scale-selector__btn:hover{color:var(--ink-primary);background:color-mix(in srgb, var(--bg-raised) 60%, transparent)}.acordes-scale-selector__btn--active{color:var(--accent-dominant);border-color:color-mix(in srgb, var(--accent-dominant) 30%, transparent);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface))}.acordes-tonality-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.acordes-tonality-label{color:var(--ink-primary);font-size:.9rem;font-weight:700}.acordes-tonality-select{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-family:inherit;font-size:.9rem;font-weight:700;transition:border-color .15s}.acordes-tonality-select:focus{border-color:var(--accent-dominant)}.acordes-tonality-random-btn{border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-surface));color:var(--accent-subdominant);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.acordes-tonality-random-btn:hover{background:color-mix(in srgb, var(--accent-subdominant) 20%, var(--bg-surface))}.acordes-scale-info{background:var(--bg-raised);border-left:3px solid var(--accent-dominant);border-radius:10px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.acordes-scale-info h3{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.acordes-scale-info p{color:var(--ink-muted);margin:0;font-size:.92rem}.acordes-scale-play-btn{color:#fff;background:var(--accent-dominant);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-top:8px;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:700;transition:opacity .15s;display:inline-flex}.acordes-scale-play-btn:hover{opacity:.9}.acordes-footer{background:var(--bg-surface);border:1px solid var(--bg-raised);text-align:center;border-radius:14px;padding:1.2rem}.acordes-footer__text{color:var(--ink-muted);margin:0;font-size:.98rem}.acordes-footer__text a{color:var(--accent-dominant);font-weight:700;text-decoration:none}@media (width<=768px){.acordes-explorer__stage{grid-template-columns:1fr}.acordes-voices-grid{grid-template-columns:repeat(2,1fr)}}.voicing-staff{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin:0;padding:1rem;display:flex}.voicing-staff__title{align-self:flex-start;font-size:.9rem;font-weight:800}.voicing-staff__canvas{width:100%;overflow-x:auto}.voicing-staff__svg{margin:0 auto;display:block}.voicing-staff__caption{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.voicing-staff__symbol{font-family:var(--font-ui);font-weight:800}.voicing-staff__analysis{font-family:var(--font-ui);fill:var(--status-error);font-size:12px;font-weight:700}.voicing-staff__degree{font-family:var(--font-ui);fill:var(--ink-muted);font-size:10px;font-weight:700}.voicing-staff__degree--accent{fill:var(--accent-dominant);font-size:11px}.voicing-staff__motion{stroke:var(--accent-dominant);stroke-width:1.1px;stroke-dasharray:3 3;opacity:.75}.voicing-staff__motion--held{stroke:var(--accent-tonic);stroke-dasharray:none;stroke-width:1.6px;opacity:.9}.voicing-staff__motion-label{font-family:var(--font-ui);fill:var(--accent-dominant);font-size:10px;font-weight:800}.voicing-staff__motion-label--held{fill:var(--accent-tonic)}.ensemble-staff{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin:0;padding:1rem;display:flex}.ensemble-staff__title{align-self:flex-start;font-size:.9rem;font-weight:800}.ensemble-staff__canvas{width:100%;overflow-x:auto}.ensemble-staff__svg{margin:0 auto;display:block}.ensemble-staff__caption{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.ensemble-staff__instrument{font-family:var(--font-ui);fill:var(--ink-muted);font-size:11px;font-weight:700}.ensemble-staff__symbol{font-family:var(--font-ui);fill:var(--accent-subdominant);font-size:14px;font-weight:800}.ensemble-staff__analysis{font-family:var(--font-ui);fill:var(--ink-muted);font-size:11px;font-weight:700}.ensemble-staff__warning{font-family:var(--font-ui);fill:var(--accent-minor);font-size:10px;font-weight:800}.via{flex-direction:column;gap:12px;margin:0;display:flex}.via__stage{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:12px;position:relative;overflow:hidden}.via__svg{width:100%;height:auto;font-family:var(--font-ui);display:block}.via__key{fill:#f4f4f5;stroke:#9ca3af;stroke-width:.4px}.via__key--black{fill:#1f2430;stroke:#1f2430}.via__gridline{stroke:var(--bg-raised);stroke-width:1px}.via__gridlabel{fill:var(--ink-muted);font-size:9px}.via__symbol-main{fill:var(--ink-primary);font-size:15px;font-weight:700}.via__symbol-sub{fill:var(--ink-muted);font-size:11px}.via__symbol{animation:via-fade .4s var(--motion-ease) backwards}.via__pill{transition:transform .7s cubic-bezier(.34, 1.2, .64, 1), opacity .4s var(--motion-ease);animation:via-fade .35s var(--motion-ease) backwards}.via__pill rect{fill:color-mix(in srgb, var(--ink-primary) 10%, var(--bg-surface));stroke:color-mix(in srgb, var(--ink-muted) 55%, transparent);stroke-width:1px;transition:fill var(--motion-slow) var(--motion-ease), stroke var(--motion-slow) var(--motion-ease)}.via__pill text{fill:var(--ink-primary);font-size:10px;font-weight:600}.via__pill--melody rect{fill:color-mix(in srgb, var(--accent-tonic) 28%, var(--bg-surface));stroke:var(--accent-tonic);stroke-width:1.5px}.via__pill--bass rect{fill:color-mix(in srgb, var(--accent-subdominant) 24%, var(--bg-surface));stroke:var(--accent-subdominant)}.via__pill--tension rect{fill:color-mix(in srgb, var(--accent-dominant) 26%, var(--bg-surface));stroke:var(--accent-dominant);stroke-width:1.5px}.via__pill--mud rect{fill:color-mix(in srgb, var(--status-error) 26%, var(--bg-surface));stroke:var(--status-error);stroke-dasharray:3 2}.via__pill.is-faded{opacity:.22}.via__callout{animation:via-fade .4s var(--motion-ease) backwards;font-size:11px;font-weight:600}.via__callout--melody{fill:var(--accent-tonic-ink)}.via__callout--bass{fill:var(--accent-subdominant-ink)}.via__callout--tension{fill:var(--staff-ink-degree)}.via__callout--mud{fill:var(--status-error)}.via__callout--ghost{fill:var(--ink-muted)}.via__octave rect{fill:color-mix(in srgb, var(--accent-tonic) 7%, transparent);stroke:var(--accent-tonic);stroke-width:1px;stroke-dasharray:4 3;transition:y .7s var(--motion-ease), height .7s var(--motion-ease)}.via__octave.is-over rect{fill:color-mix(in srgb, var(--accent-dominant) 7%, transparent);stroke:var(--accent-dominant)}.via__octave text{fill:var(--ink-muted);font-size:10px}.via__octave .via__octave-span{fill:var(--accent-tonic-ink);font-weight:700}.via__octave.is-over .via__octave-span{fill:var(--staff-ink-degree)}.via__brackets{animation:via-fade .4s var(--motion-ease) backwards}.via__brackets path{fill:none;stroke:var(--accent-subdominant);stroke-width:1.2px}.via__brackets text{fill:var(--accent-subdominant-ink);font-size:10px;font-weight:700}.via__mud{animation:via-fade .5s var(--motion-ease) backwards}.via__mud rect{fill:color-mix(in srgb, var(--status-error) 9%, transparent)}.via__mud text{fill:var(--status-error);font-size:10px}.via__lead{stroke:color-mix(in srgb, var(--ink-muted) 60%, transparent);stroke-width:1.5px;stroke-dasharray:160;stroke-dashoffset:160px;animation:via-draw .9s var(--motion-ease) forwards}.via__lead--half{stroke:var(--accent-tonic);stroke-width:2px}.via__caption{border-top:1px solid var(--bg-raised);background:var(--bg-surface);font-family:var(--font-ui);color:var(--ink-primary);margin:0;padding:10px 16px;font-size:.9rem;font-weight:600}.via__roadmap{aspect-ratio:640/426;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px;margin:0;padding:20px;list-style:none;display:grid}.via__card{border:1px solid var(--bg-raised);background:var(--bg-surface);width:100%;height:100%;color:var(--ink-primary);font-family:var(--font-ui);text-align:left;cursor:pointer;opacity:.5;transition:opacity var(--motion-slow) var(--motion-ease), border-color var(--motion-slow) var(--motion-ease), transform var(--motion-slow) var(--motion-ease);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:14px;display:grid}.via__card.is-seen{opacity:.85}.via__card.is-lit{opacity:1;border-color:var(--accent-tonic);transform:translateY(-2px)}.via__card:hover{opacity:1;border-color:var(--accent-tonic)}.via__card:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px;opacity:1}.via__card-num{background:var(--bg-raised);border-radius:50%;grid-row:span 2;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.via__card.is-lit .via__card-num{background:var(--accent-tonic);color:var(--ink-on-accent)}.via__card-title{font-size:.95rem;font-weight:700}.via__card-text{color:var(--ink-muted);font-size:.82rem}.via__controls{align-items:center;gap:12px;display:flex}.via__play,.via__reset{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.via__play{background:var(--accent-tonic);width:40px;height:40px;color:var(--ink-on-accent)}.via__reset{background:var(--bg-raised);width:32px;height:32px;color:var(--ink-muted)}.via__reset:hover{color:var(--ink-primary)}.via__play:focus-visible,.via__reset:focus-visible,.via__scene:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.via__scenes{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.via__scene{min-height:36px;color:var(--ink-muted);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:4px 0;font-size:.8rem;font-weight:600;display:flex}.via__scene.is-active{color:var(--ink-primary)}.via__scene-bar{background:var(--bg-raised);border-radius:2px;height:4px;display:block;overflow:hidden}.via__scene-fill{background:var(--accent-tonic);height:100%;transition:width .1s linear;display:block}.via__scene-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.via__subtitle{min-height:3em;font-family:var(--font-quote);color:var(--ink-primary);font-size:1.02rem;font-style:italic;line-height:1.5}.via__note{color:var(--status-warning-ink);margin:0;font-size:.8rem}.via__transcript{color:var(--ink-muted);font-size:.9rem}.via__transcript summary{cursor:pointer;font-family:var(--font-ui);color:var(--ink-primary);font-weight:600}.via__transcript summary:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.via__transcript h4{font-family:var(--font-ui);color:var(--ink-primary);margin:14px 0 4px;font-size:.85rem}.via__transcript p{margin:0;line-height:1.55}@keyframes via-fade{0%{opacity:0}to{opacity:1}}@keyframes via-draw{to{stroke-dashoffset:0}}@media (width<=640px){.via__stage{overflow-x:auto}.via__svg{min-width:560px}.via__caption{position:sticky;left:0}.via__roadmap{aspect-ratio:auto;grid-template-columns:minmax(0,1fr);padding:14px}.via__scene-label{display:none}.via__scenes{gap:4px}}@media (prefers-reduced-motion:reduce){.via__pill,.via__pill rect,.via__octave rect,.via__card{transition:none}.via__pill,.via__symbol,.via__callout,.via__brackets,.via__mud{animation:none}.via__lead{stroke-dashoffset:0;animation:none}.via__card.is-lit{transform:none}}.voi-page{flex-direction:column;gap:24px;display:flex}.voi-field{color:var(--ink-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:inline-flex}.voi-controls{flex-wrap:wrap;gap:18px;margin:16px 0;display:flex}.voi-list{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0 0 12px;padding-left:1.2rem;font-size:.9rem;line-height:1.6;display:flex}.voi-fineprint{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin-top:14px;padding-top:12px;font-size:.85rem}.voi-pitch{background:var(--bg-raised);min-width:52px;color:var(--ink-muted);border-radius:8px;justify-content:center;align-items:baseline;gap:2px;padding:.4rem .5rem;font-size:.88rem;font-weight:700;display:inline-flex}.voi-pitch em{opacity:.65;font-size:.65rem;font-style:normal}.voi-pitch--outer{background:color-mix(in srgb, var(--accent-subdominant) 20%, var(--bg-raised));color:var(--accent-subdominant)}.voi-compare{flex-direction:column;gap:10px;margin:16px 0;display:flex}.voi-compare__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.85rem 1rem;display:flex}.voi-compare__row--focus{border-color:color-mix(in srgb, var(--accent-subdominant) 40%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.voi-compare__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex:0 0 140px;font-size:.8rem;font-weight:800}.voi-compare__notes{flex-wrap:wrap;gap:6px;display:flex}.voi-span{border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:700}.voi-span--close{background:color-mix(in srgb, var(--accent-tonic) 16%, transparent);color:var(--accent-tonic)}.voi-span--open{background:color-mix(in srgb, var(--accent-subdominant) 16%, transparent);color:var(--accent-subdominant)}.voi-slots{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;display:grid}.voi-slot{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:.9rem 1rem;display:flex}.voi-slot--top{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.voi-slot__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);align-items:baseline;gap:8px;font-size:.78rem;font-weight:800;display:flex}.voi-slot__label em{letter-spacing:.02em;color:var(--accent-subdominant);font-size:.68rem;font-style:normal}.voi-slot__options{flex-wrap:wrap;gap:6px;display:flex}.voi-opt{border:1px solid var(--bg-raised);background:var(--bg-raised);min-width:48px;color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:.4rem .5rem;font-family:inherit;display:flex}.voi-opt:hover{border-color:var(--ink-muted)}.voi-opt:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.voi-opt--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 18%, var(--bg-raised))}.voi-opt--unavailable{opacity:.5;border-style:dashed}.voi-opt__degree{font-size:.85rem;font-weight:800}.voi-opt__note{color:var(--ink-muted);font-size:.68rem}.voi-slot__reason{color:var(--ink-muted);margin:0;font-size:.78rem;line-height:1.5}.voi-open-picker,.voi-three-picker{flex-wrap:wrap;gap:8px;margin:16px 0 10px;display:flex}.voi-open-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;padding:.5rem 1rem;font-family:inherit;font-size:.88rem;font-weight:700}.voi-open-btn:hover{color:var(--ink-primary)}.voi-open-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.voi-open-btn--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 16%, var(--bg-surface));color:var(--ink-primary)}.voi-open-note{color:var(--ink-muted);margin:0 0 16px;font-size:.88rem;line-height:1.6}.voi-outer{flex-direction:column;gap:10px;margin:16px 0;display:flex}.voi-outer__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left-width:3px;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.85rem 1rem;display:flex}.voi-outer__row--bad{border-left-color:var(--status-error)}.voi-outer__row--good{border-left-color:var(--accent-tonic)}.voi-outer__label{flex:0 0 180px;font-size:.85rem;font-weight:700}.voi-outer__interval{color:var(--ink-muted);font-size:.85rem}.voi-positions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0;display:grid}.voi-position{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:4px;padding:.9rem 1rem;display:flex}.voi-position__id{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-subdominant);font-size:.72rem;font-weight:800}.voi-position__symbol{font-size:1.25rem;font-weight:800}.voi-position__degrees{color:var(--ink-muted);font-size:.85rem}.voi-format{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.voi-format__hint{color:var(--ink-muted);font-size:.8rem;line-height:1.5}.voi-types{flex-direction:column;gap:16px;margin-top:14px;display:flex}.voi-type{flex-direction:column;gap:8px;display:flex}.voi-type__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.voi-type__label{font-size:1rem;font-weight:800}.voi-type__voices{background:var(--bg-raised);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:800}.voi-type__recipe{color:var(--accent-subdominant);margin:0;font-size:.88rem;font-weight:600}.voi-type__note{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.voi-intervals{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;padding:.7rem .9rem;display:flex}.voi-intervals__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.voi-intervals__row{flex-wrap:wrap;gap:6px;display:flex}.voi-interval{background:var(--bg-raised);color:var(--ink-muted);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:700}.voi-interval--fourth{background:color-mix(in srgb, var(--accent-subdominant) 20%, var(--bg-raised));color:var(--accent-subdominant)}.voi-interval--other{background:color-mix(in srgb, var(--accent-minor) 20%, var(--bg-raised));color:var(--accent-minor)}.voi-readings{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0;display:grid}.voi-reading{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:1rem;display:flex}.voi-reading__head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.voi-reading__bass{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.voi-reading__symbol{color:var(--accent-subdominant);font-size:1.2rem;font-weight:800}.voi-reading__degrees{flex-wrap:wrap;gap:5px;display:flex}.voi-degree{text-align:center;background:var(--bg-raised);min-width:32px;color:var(--ink-muted);border-radius:6px;padding:.25rem .4rem;font-size:.78rem;font-weight:700}.voi-degree--top{background:color-mix(in srgb, var(--accent-subdominant) 22%, var(--bg-raised));color:var(--accent-subdominant)}.voi-reading__top{color:var(--ink-muted);font-size:.8rem}.voi-positions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0;display:grid}.voi-position-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:1rem;display:flex}.voi-position-card__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voi-range{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-weight:800}.voi-range--dentro{background:color-mix(in srgb, var(--accent-tonic) 18%, transparent);color:var(--accent-tonic)}.voi-range--grave,.voi-range--agudo{background:color-mix(in srgb, var(--status-warning) 18%, transparent);color:var(--status-warning)}.voi-position__bottom{color:var(--ink-muted);font-size:.78rem}.voi-motion{flex-direction:column;gap:10px;margin:16px 0;display:flex}.voi-motion__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left:3px solid var(--accent-subdominant);border-radius:10px;padding:.85rem 1rem}.voi-motion__label{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);font-size:.8rem;font-weight:800}.voi-motion__rule{margin:5px 0 0;font-size:.9rem;line-height:1.6}.ext-chain-staff{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;align-items:center;gap:10px;margin-top:1.1rem;padding:1rem .75rem;display:flex}.ext-chain-staff__title{color:var(--ink-primary);align-self:flex-start;margin:0;font-size:.95rem;font-weight:800}.ext-chain-staff__canvas{justify-content:center;width:100%;display:flex;overflow-x:auto}.ext-chain-staff__svg{height:auto}.ext-chain-staff__caption{color:var(--ink-muted);align-self:stretch;margin:0;font-size:.86rem;line-height:1.55}.ext-chain-staff__caption strong{color:var(--ink-primary)}.ext-chain-staff__caption a{color:var(--accent-dominant);border-bottom:1px solid color-mix(in srgb, var(--accent-dominant) 40%, transparent);text-decoration:none}.ext-chain-staff__caption a:hover{border-bottom-color:var(--accent-dominant)}.ext-chain-staff__symbol{letter-spacing:.01em}.gt-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.gt-player__eyebrow,.gt-composition__eyebrow{color:var(--accent-minor-ink);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.gt-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.gt-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.gt-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.gt-player__chapter:hover,.gt-player__chapter--active{border-color:var(--accent-minor);background:var(--bg-raised);color:var(--ink-primary)}.gt-player__chapter:focus-visible,.gt-player__corner-play:focus-visible{outline:2px solid var(--accent-minor);outline-offset:2px}.gt-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.gt-player__corner-play{border:1px solid var(--accent-minor);background:var(--accent-minor);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.gt-player__corner-play:hover{transform:scale(1.06)}.gt-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.gt-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.gt-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.gt-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .85rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px}.gt-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.gt-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.gt-stack-scene{align-items:center;gap:40px;display:flex}.gt-stack,.gt-link-col{flex-direction:column;align-items:center;gap:8px;display:flex}.gt-stack__symbol{font:800 1.9rem var(--font-ui);margin-bottom:4px}.gt-chip{border:2px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;justify-content:space-between;align-items:baseline;gap:18px;width:170px;padding:9px 16px;display:flex}.gt-chip__note{font:700 1.35rem var(--font-ui)}.gt-chip__role{color:var(--ink-muted);font:700 .9rem var(--font-ui)}.gt-chip--third{border-color:var(--accent-subdominant-ink)}.gt-chip--seventh{border-color:var(--accent-minor-ink)}.gt-chip--third .gt-chip__role{color:var(--accent-subdominant-ink)}.gt-chip--seventh .gt-chip__role{color:var(--accent-minor-ink)}.gt-chip--lit.gt-chip--third{background:color-mix(in srgb, var(--accent-subdominant) 18%, var(--bg-surface))}.gt-chip--lit.gt-chip--seventh{background:color-mix(in srgb, var(--accent-minor) 18%, var(--bg-surface))}.gt-chip--dim{opacity:.35}.gt-chip--sounding{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-tonic) 55%, transparent);transform:scale(1.04)}.gt-link-col--sounding .gt-stack__symbol{color:var(--accent-tonic-ink)}.gt-composition__rule--sounding{border-color:var(--accent-tonic);color:var(--accent-tonic-ink)}.gt-chip--removed{border-style:dashed;text-decoration:line-through}.gt-verdict{border-left:4px solid var(--accent-tonic-ink);background:var(--bg-surface);border-radius:6px;flex-direction:column;gap:6px;min-width:250px;padding:14px 18px;display:flex}.gt-verdict--doubt{border-left-color:var(--accent-minor-ink)}.gt-verdict__label{color:var(--ink-muted);font:700 .75rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.gt-verdict strong{font:800 1.35rem var(--font-ui)}.gt-guide-legend{max-width:320px;font:500 1.05rem/1.35 var(--font-ui);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.gt-guide-legend__item{border-left:4px solid;padding-left:12px}.gt-guide-legend__item--third{border-color:var(--accent-subdominant-ink)}.gt-guide-legend__item--seventh{border-color:var(--accent-minor-ink)}.gt-link-scene{align-items:flex-end;gap:28px;display:flex}.gt-link-arrows{flex-direction:column;gap:30px;width:180px;padding-bottom:14px;display:flex}.gt-link-arrow{flex-direction:column;gap:4px;display:flex}.gt-link-arrow__line{background:var(--accent-minor-ink);transform-origin:0;height:3px;display:block}.gt-link-arrow--stay .gt-link-arrow__line{background:repeating-linear-gradient(90deg, var(--accent-subdominant-ink) 0 10px, transparent 10px 16px)}.gt-link-arrow__tag{font:700 .85rem var(--font-ui);color:var(--ink-muted);text-align:center}.gt-chain{width:100%;max-height:100%}.gt-chain__symbol{fill:var(--ink-primary);font:800 17px var(--font-ui)}.gt-chain__line{fill:none;stroke-width:3px;stroke-linejoin:round}.gt-chain__line--upper{stroke:var(--ink-muted)}.gt-chain__line--lower{stroke:var(--ink-muted);stroke-dasharray:8 6}.gt-chain__dot{stroke-width:2.5px;fill:var(--bg-surface)}.gt-chain__dot--third{stroke:var(--accent-subdominant-ink)}.gt-chain__dot--seventh{stroke:var(--accent-minor-ink)}.gt-chain__dot--sounding{stroke-width:4px;fill:color-mix(in srgb, var(--accent-tonic) 25%, var(--bg-surface))}.gt-chain__symbol--sounding{fill:var(--accent-tonic-ink)}.gt-chain__line--muted{opacity:.35}.gt-chain__dot-label{fill:var(--ink-primary);font:700 11px var(--font-ui)}.gt-chain__melody{fill:var(--ink-muted);font:600 14px var(--font-ui)}@media (width<=640px){.gt-player{padding:12px}.gt-player__chapters{flex-wrap:nowrap;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.gt-player__chapter,.gt-player__corner-play{transition:none}}.gt-page{width:100%;min-width:0;color:var(--ink-primary);flex-direction:column;gap:28px;display:flex}.gt-cell--third{color:var(--accent-subdominant-ink);font-weight:700}.gt-cell--seventh{color:var(--accent-minor-ink);font-weight:700}.gt-list{flex-direction:column;gap:10px;padding-left:1.2rem;line-height:1.55;display:flex}.gt-lab{flex-direction:column;gap:16px;display:flex}.gt-lab__row{flex-wrap:wrap;gap:6px;display:flex}.gt-lab__pill{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .85rem var(--font-ui);cursor:pointer;border-radius:999px;padding:.4rem .8rem}.gt-lab__pill--active,.gt-lab__pill:hover{border-color:var(--ink-primary);color:var(--ink-primary)}.gt-lab__tones{flex-direction:column;gap:8px;max-width:360px;display:flex}.gt-tone{border:2px solid var(--bg-raised);background:var(--bg-surface);min-height:44px;color:var(--ink-primary);font-family:var(--font-ui);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:1fr auto auto;align-items:baseline;gap:14px;padding:.55rem .9rem;transition:opacity .2s,border-color .2s;display:grid}.gt-tone--third{border-color:var(--accent-subdominant-ink)}.gt-tone--seventh{border-color:var(--accent-minor-ink)}.gt-tone__note{font-size:1.1rem;font-weight:700}.gt-tone__role{color:var(--ink-muted);font-size:.85rem;font-weight:700}.gt-tone--third .gt-tone__role{color:var(--accent-subdominant-ink)}.gt-tone--seventh .gt-tone__role{color:var(--accent-minor-ink)}.gt-tone__state{color:var(--ink-muted);font-size:.78rem}.gt-tone--off{opacity:.5;border-style:dashed}.gt-tone--off .gt-tone__note{text-decoration:line-through}.gt-lab__actions{flex-wrap:wrap;gap:8px;display:flex}.gt-lab__play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);min-height:40px;color:var(--ink-on-accent);font:700 .88rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:.5rem 1rem;display:inline-flex}.gt-lab__verdict{border-left:4px solid var(--accent-tonic-ink);background:var(--bg-surface);border-radius:6px;padding:12px 16px;line-height:1.5}.gt-lab__verdict--doubt{border-left-color:var(--accent-minor-ink)}.gt-lab__aside{color:var(--ink-muted);margin-top:6px;font-size:.85rem;display:block}.gt-lab__pill:focus-visible,.gt-tone:focus-visible,.gt-lab__play:focus-visible,.gt-line__opt:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.gt-line{grid-template-columns:repeat(7,minmax(84px,1fr));gap:8px;margin:0;padding:0 0 4px;list-style:none;display:grid;overflow-x:auto}.gt-line__cell{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:border-color .15s;display:flex}.gt-line__cell--active{border-color:var(--accent-tonic)}.gt-line__symbol{font:800 .95rem var(--font-ui)}.gt-line__choice{gap:4px;display:flex}.gt-line__opt{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-width:36px;min-height:32px;color:var(--ink-muted);font:700 .8rem var(--font-ui);cursor:pointer;border-radius:6px}.gt-line__opt--third.gt-line__opt--active{border-color:var(--accent-subdominant-ink);color:var(--accent-subdominant-ink)}.gt-line__opt--seventh.gt-line__opt--active{border-color:var(--accent-minor-ink);color:var(--accent-minor-ink)}.gt-line__note{font:700 1.05rem var(--font-ui)}.gt-line__step{color:var(--ink-muted);font:700 .8rem var(--font-ui)}.gt-line__step--jump{color:var(--accent-minor-ink)}@media (prefers-reduced-motion:reduce){.gt-tone,.gt-line__cell{transition:none}}.mel-page{flex-direction:column;gap:24px;display:flex}.mel-chip{background:var(--bg-raised);min-width:52px;color:var(--ink-muted);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:.35rem .5rem;font-size:.85rem;font-weight:800;display:inline-flex}.mel-chip em{letter-spacing:.03em;opacity:.75;font-size:.68rem;font-style:normal;font-weight:700}.mel-chip--T{background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);color:var(--accent-tonic)}.mel-chip--N{background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));border-color:color-mix(in srgb, var(--status-error) 45%, transparent);color:var(--status-error)}.mel-chip--acorde{background:var(--bg-raised);color:var(--ink-muted)}.mel-chip--clash{border-color:color-mix(in srgb, var(--status-error) 55%, transparent);color:var(--status-error)}.mel-chip--playing{border-color:var(--accent-subdominant);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-subdominant) 30%, transparent)}.mel-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.mel-field{color:var(--ink-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:inline-flex}.mel-notepicker{flex-wrap:wrap;gap:6px;display:flex}.mel-notepicker__btn{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:52px;color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;padding:.45rem .6rem;font-family:inherit;font-size:.88rem;font-weight:700}.mel-notepicker__btn:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.mel-notepicker__btn--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 16%, var(--bg-surface));color:var(--accent-subdominant)}.mel-notepicker__btn:focus-visible,.mel-degree:focus-visible,.mel-seg__btn:focus-visible,.mel-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mel-summary{margin:0 0 14px;font-size:.95rem;line-height:1.6}.mel-options{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.mel-option{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:1rem;display:flex}.mel-option--N{border-style:dashed;border-color:color-mix(in srgb, var(--status-error) 40%, transparent);background:color-mix(in srgb, var(--status-error) 5%, var(--bg-surface))}.mel-option__head{flex-direction:column;gap:2px;display:flex}.mel-option__symbol{font-size:1.05rem;font-weight:800}.mel-option__roman{color:var(--ink-muted);font-size:.75rem;font-weight:700}.mel-option__reason{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.55}.mel-rule{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding-left:1.2rem;font-size:.92rem;line-height:1.6;display:flex}.mel-list{color:var(--ink-muted);flex-direction:column;gap:12px;margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.6;display:flex}.mel-tables{flex-direction:column;gap:10px;margin-top:8px;display:flex}.mel-table{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.85rem 1rem;display:flex}.mel-table__head{flex-direction:column;gap:1px;min-width:150px;display:flex}.mel-table__mode{font-size:.95rem;font-weight:800}.mel-table__symbol{color:var(--accent-subdominant);font-size:.88rem;font-weight:700}.mel-table__roman{color:var(--ink-muted);font-size:.72rem;font-weight:700}.mel-table__row{flex-wrap:wrap;gap:5px;display:flex}.mel-table .modes-button{margin-left:auto}.mel-degrees{flex-wrap:wrap;gap:6px;display:flex}.mel-degree{border:1px solid var(--bg-raised);background:var(--bg-surface);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:.45rem .7rem;font-family:inherit;display:flex}.mel-degree__roman{color:var(--ink-primary);font-size:.85rem;font-weight:800}.mel-degree__mode{color:var(--ink-muted);font-size:.68rem;font-weight:700}.mel-degree:hover{border-color:var(--accent-subdominant)}.mel-degree--active{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 14%, var(--bg-surface))}.mel-degree--active .mel-degree__roman,.mel-degree--active .mel-degree__mode{color:var(--accent-subdominant)}.mel-mode{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:14px;padding:1.1rem;display:flex}.mel-mode__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.mel-mode__title{font-size:1.2rem;font-weight:800}.mel-mode__meta{color:var(--ink-muted);font-size:.85rem}.mel-mode__count{background:var(--bg-raised);color:var(--ink-muted);border-radius:999px;margin-left:auto;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.mel-mode__row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mel-mode__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mel-reasons{flex-direction:column;gap:10px;margin-top:16px;display:flex}.mel-reason{background:color-mix(in srgb, var(--status-error) 6%, var(--bg-surface));border-left:3px solid color-mix(in srgb, var(--status-error) 60%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.8rem 1rem;display:flex}.mel-reason p{color:var(--ink-muted);flex:260px;margin:0;font-size:.88rem;line-height:1.6}.mel-reasons__none{color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface));border-left:3px solid var(--accent-tonic);border-radius:12px;align-items:center;gap:8px;margin:0;padding:.8rem 1rem;font-size:.9rem;display:flex}.mel-segmented{background:var(--bg-raised);border-radius:10px;padding:3px;display:inline-flex}.mel-seg__btn{color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:8px;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:700}.mel-seg__btn:hover{color:var(--ink-primary)}.mel-seg__btn--active{background:color-mix(in srgb, var(--accent-subdominant) 18%, var(--bg-surface));color:var(--accent-subdominant)}.mel-score{margin:4px 0}.mel-score__hint{color:var(--ink-muted);margin:0 0 16px;font-size:.78rem}.mel-bars{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=820px){.mel-bars{grid-template-columns:repeat(2,1fr)}}.mel-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:1.3rem .5rem .7rem;display:flex;position:relative}.mel-bar--changed{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-surface))}.mel-bar__n{color:var(--ink-muted);font-size:.68rem;font-weight:800;position:absolute;top:5px;left:8px}.mel-bar__symbol{font-size:1rem;font-weight:800}.mel-bar__roman{color:var(--ink-muted);font-size:.68rem;font-weight:700}.mel-bar__notes{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;display:flex}.mel-bar__notes .mel-chip{min-width:44px;padding:.28rem .35rem;font-size:.78rem}.mel-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.mel-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:1.2rem 1.6rem;display:flex}.mel-drill__chord{flex-direction:column;gap:2px;display:flex}.mel-drill__symbol{font-size:1.5rem;font-weight:800}.mel-drill__roman{color:var(--ink-muted);font-size:.75rem;font-weight:700}.mel-drill__note{background:color-mix(in srgb, var(--accent-subdominant) 14%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-subdominant) 45%, transparent);color:var(--accent-subdominant);border-radius:10px;padding:.5rem .9rem;font-size:1.3rem;font-weight:800}.mel-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mel-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.mel-drill__option:hover:not(:disabled){border-color:var(--accent-subdominant)}.mel-drill__option:disabled{cursor:default}.mel-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.mel-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.mel-drill__option--dim{opacity:.45}.mel-drill__feedback{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:640px;display:flex}.mel-drill__feedback p{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.mel-drill__chordnotes{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px;display:flex}.mel-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.pat-page{flex-direction:column;gap:24px;display:flex}.pat-sigla{letter-spacing:.03em;border-radius:6px;justify-content:center;align-items:center;min-width:34px;padding:.2rem .5rem;font-size:.78rem;font-weight:800;display:inline-flex}.pat-sigla--diatonico{background:color-mix(in srgb, var(--accent-subdominant) 20%, var(--bg-raised));color:var(--accent-subdominant)}.pat-sigla--cromatico{background:color-mix(in srgb, var(--accent-minor) 20%, var(--bg-raised));color:var(--accent-minor)}.pat-count{background:var(--bg-raised);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.68rem;font-weight:800}.pat-keys{flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.pat-key{align-items:flex-start;gap:12px;display:flex}.pat-key__num{background:var(--accent-dominant);color:#fff;border-radius:50%;flex:0 0 26px;place-items:center;height:26px;font-size:.82rem;font-weight:800;display:grid}.pat-key h4{margin:0 0 3px;font-size:.95rem}.pat-key p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.55}.pat-definition{margin-bottom:14px}.pat-example{grid-template-columns:minmax(260px,1.3fr) minmax(220px,1fr);align-items:center;gap:16px;margin-bottom:12px;display:grid}@media (width<=900px){.pat-example{grid-template-columns:1fr}}.pat-example__side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.pat-example__chord{background:var(--bg-raised);color:var(--ink-muted);border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:800}.pat-example__why{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.pat-shape{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-muted);border-radius:10px;margin:0;padding:.7rem .9rem;font-size:.86rem;line-height:1.55}.pat-bridge{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0;display:grid}.pat-bridge__col{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:1rem}.pat-bridge__col--focus{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.pat-bridge__col h3{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.8rem;font-weight:800}.pat-bridge__col ul{color:var(--ink-muted);flex-direction:column;gap:8px;margin:0;padding-left:1.1rem;font-size:.87rem;line-height:1.55;display:flex}.pat-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.88rem}.pat-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--bg-raised);padding:.5rem .7rem;font-size:.7rem;font-weight:800}.pat-table td{border-bottom:1px solid var(--bg-raised);padding:.6rem .7rem}.pat-table td:first-child{align-items:center;gap:8px;font-weight:600;display:flex}.pat-table__new td{background:color-mix(in srgb, var(--accent-minor) 7%, transparent)}.pat-chromatic-demo{flex-direction:column;gap:10px;margin:16px 0;display:flex}.pat-chromatic-demo__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:.7rem .9rem;display:flex}.pat-chromatic-demo__notes{font-size:.95rem;font-weight:700}.pat-fineprint{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin-top:14px;padding-top:12px;font-size:.85rem}.pat-melody{width:100%;margin-bottom:12px;overflow-x:auto}.pat-chords{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pat-chord{background:var(--bg-raised);border-radius:8px;align-items:baseline;gap:6px;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.pat-chord em{color:var(--ink-muted);font-size:.66rem;font-style:normal}.pat-found{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.pat-found__chip{border-radius:999px;padding:.3rem .7rem;font-size:.82rem;font-weight:800}.pat-groups{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pat-group{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;align-items:flex-start;gap:12px;padding:.8rem .9rem;display:flex}.pat-group__where{color:var(--ink-primary);font-size:.8rem;font-weight:700;display:block}.pat-group__why{color:var(--ink-muted);margin:4px 0 0;font-size:.85rem;line-height:1.55}.pat-group__warn{color:var(--status-warning);margin:6px 0 0;font-size:.82rem;line-height:1.5}.pat-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.pat-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:1rem 1.2rem;display:flex}.pat-drill__meta{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.pat-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pat-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:8px;padding:.6rem 1rem;font-family:inherit;display:inline-flex}.pat-drill__option:hover:not(:disabled){border-color:var(--accent-dominant)}.pat-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.pat-drill__option:disabled{cursor:default}.pat-drill__option-id{font-size:.9rem;font-weight:800}.pat-drill__option-name{color:var(--ink-muted);font-size:.78rem}.pat-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.pat-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.pat-drill__option--dim{opacity:.45}.pat-drill__feedback{text-align:center;max-width:620px}.pat-drill__feedback p{color:var(--ink-muted);margin:0 0 12px;font-size:.92rem;line-height:1.6}.pat-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.dm-page{flex-direction:column;gap:24px;display:flex}.dm-field{color:var(--ink-muted);align-items:center;gap:10px;margin:16px 0;font-size:.85rem;font-weight:700;display:inline-flex}.dm-links a{font-weight:700}.dm-fineprint{color:var(--ink-muted);font-size:.88rem}.dm-contour{width:100%;max-width:300px;height:auto}.dm-contour__axis{stroke:var(--bg-raised);stroke-width:1px}.dm-contour__line{fill:none;stroke:var(--accent-subdominant);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.dm-contour__dot{fill:var(--accent-subdominant)}.dm-contour__dot--climax{fill:var(--accent-minor)}.dm-preview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0;display:grid}.dm-preview__item{background:var(--bg-surface);border:1px solid var(--bg-raised);text-align:center;border-radius:12px;margin:0;padding:.8rem}.dm-preview__item figcaption{color:var(--ink-muted);margin-top:6px;font-size:.82rem;font-weight:700}.dm-shape__head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.dm-shape__head>div:first-child{flex:160px}.dm-shape__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800;display:block}.dm-shape__name{color:var(--accent-subdominant);margin:4px 0 0;font-size:1.35rem;font-weight:800}.dm-harmony{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}@media (width<=640px){.dm-harmony{grid-template-columns:repeat(2,1fr)}}.dm-harmony__bar{background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .3rem;display:flex}.dm-harmony__bar--playing{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 18%, var(--bg-surface))}.dm-harmony__symbol{color:var(--accent-subdominant);font-size:.95rem;font-weight:800}.dm-harmony__roman,.dm-harmony__role{color:var(--ink-muted);font-size:.7rem;font-weight:700}.dm-facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0 0;display:grid}.dm-facts--wide{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dm-facts>div{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;padding:.7rem .9rem}.dm-facts dt{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);font-size:.7rem;font-weight:800}.dm-facts dd{margin:5px 0 0;font-size:.88rem;line-height:1.55}.dm-picker{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.dm-picker__btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;text-align:left;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;gap:2px;padding:.6rem .95rem;font-family:inherit;display:flex}.dm-picker__btn:hover{border-color:var(--accent-subdominant)}.dm-picker__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.dm-picker__btn--active{background:var(--accent-subdominant);border-color:var(--accent-subdominant);color:#fff}.dm-picker__title{font-size:.9rem;font-weight:800}.dm-picker__shape{opacity:.8;font-size:.72rem;font-weight:700}.dm-lab{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;align-items:center;gap:20px;padding:1rem 1.2rem;display:flex}.dm-lab__verdict{flex:280px}.dm-lab__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.7rem;font-weight:800}.dm-lab__shape{color:var(--accent-subdominant);margin-top:2px;font-size:1.6rem;font-weight:800;display:block}.dm-lab__why{color:var(--ink-muted);margin:8px 0 0;font-size:.88rem;line-height:1.6}.dm-lab__actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.dm-notes{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.dm-note{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:.35rem .45rem;display:flex}.dm-note--climax{background:var(--accent-minor);border-color:var(--accent-minor)}.dm-note--climax .dm-note__pitch,.dm-note--climax .dm-note__nudge{color:var(--bg-canvas)}.dm-note__pitch{text-align:center;min-width:30px;font-size:.8rem;font-weight:800}.dm-note__nudge{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 4px;font-size:.7rem;line-height:1}.dm-note__nudge:hover{color:var(--accent-subdominant);background:var(--bg-raised)}.dm-note__nudge:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:1px}.dm-scale{grid-template-columns:repeat(7,1fr);gap:8px;margin:16px 0;display:grid}@media (width<=640px){.dm-scale{grid-template-columns:repeat(4,1fr)}}.dm-degree{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:.7rem .3rem;display:flex}.dm-degree--stable{border-color:color-mix(in srgb, var(--accent-tonic) 50%, transparent);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-surface))}.dm-degree--unstable{border-style:dashed;border-color:color-mix(in srgb, var(--accent-minor) 50%, transparent);background:color-mix(in srgb, var(--accent-minor) 8%, var(--bg-surface))}.dm-degree__num{font-size:1.15rem;font-weight:800}.dm-degree--stable .dm-degree__num{color:var(--accent-tonic)}.dm-degree--unstable .dm-degree__num{color:var(--accent-minor)}.dm-degree__note{font-size:.85rem;font-weight:700}.dm-degree__tag{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.63rem;font-weight:700}.dm-degree-picker{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.dm-degree-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:56px;color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:.5rem .6rem;font-family:inherit;display:flex}.dm-degree-btn:hover{border-color:var(--accent-subdominant)}.dm-degree-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.dm-degree-btn--altered{border-style:dashed}.dm-degree-btn--stable .dm-degree-btn__id{color:var(--accent-tonic)}.dm-degree-btn--active{background:var(--accent-subdominant);border-color:var(--accent-subdominant);color:#fff}.dm-degree-btn--active .dm-degree-btn__id{color:#fff}.dm-degree-btn__id{font-size:.95rem;font-weight:800}.dm-degree-btn__note{opacity:.85;font-size:.7rem;font-weight:700}.dm-tendency{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:1rem 1.2rem}.dm-tendency__chain{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dm-tendency__from,.dm-tendency__to{text-align:center;background:var(--bg-raised);border-radius:8px;min-width:54px;padding:.4rem .6rem;font-size:.95rem;font-weight:800;display:inline-block}.dm-tendency__from{color:var(--accent-minor);border:1px dashed color-mix(in srgb, var(--accent-minor) 55%, transparent)}.dm-tendency__to{color:var(--accent-tonic);border:1px solid color-mix(in srgb, var(--accent-tonic) 55%, transparent)}.dm-tendency__to--waypoint{color:var(--accent-minor);border:1px dashed color-mix(in srgb, var(--accent-minor) 55%, transparent)}.dm-tendency__arrow{color:var(--ink-muted);font-size:.82rem;font-weight:700}.dm-tendency__stable{color:var(--accent-tonic);font-size:.9rem;font-weight:700}.dm-tendency__why{color:var(--ink-muted);margin:12px 0 0;font-size:.88rem;line-height:1.6}.dm-pairs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:16px 0;display:grid}.dm-pair{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:.9rem 1rem}.dm-pair__sound{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px;font-size:.75rem;font-weight:800;display:block}.dm-pair__rows{flex-direction:column;gap:8px;display:flex}.dm-pair__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dm-pair__degree{text-align:center;background:var(--bg-raised);min-width:34px;color:var(--accent-minor);border-radius:7px;padding:.25rem .4rem;font-size:.85rem;font-weight:800}.dm-pair__note,.dm-pair__target{font-size:.88rem;font-weight:700}.dm-pair__target{color:var(--accent-tonic)}.dm-pair__arrow{color:var(--ink-muted);font-size:1rem}.dm-drill{flex-direction:column;align-items:center;gap:16px;margin-top:18px;display:flex}.dm-drill>*{width:100%}.dm-drill__prompt{text-align:center;margin:0;font-size:1rem;font-weight:700}.dm-drill__degree{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:1.1rem 1.4rem;display:flex}.dm-drill__degree-id{color:var(--accent-minor);font-size:1.8rem;font-weight:800}.dm-drill__degree-note{color:var(--ink-muted);font-size:.95rem;font-weight:700}.dm-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dm-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.1rem;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.dm-drill__option:hover:not(:disabled){border-color:var(--accent-subdominant)}.dm-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.dm-drill__option:disabled{cursor:default}.dm-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.dm-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.dm-drill__option--dim{opacity:.45}.dm-drill__feedback{text-align:center;max-width:640px;margin:0 auto}.dm-drill__feedback p{color:var(--ink-muted);margin:0 0 12px;font-size:.9rem;line-height:1.6}.dm-drill__extra{font-size:.85rem}.dm-drill__score{text-align:center;color:var(--ink-muted);margin:0;font-size:.85rem}.mel-page-container,.mel-page{flex-direction:column;gap:24px;display:flex}.mel-page__tabs{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;gap:6px;padding:4px;display:inline-flex}.mel-page__tab-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:6px 14px;font-size:.88rem;font-weight:500;display:inline-flex}.mel-page__tab-btn:hover{color:var(--ink-primary);background:#ffffff0a}.mel-page__tab-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.mel-page__tab-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mel-margin-notes{flex-direction:column;gap:16px;display:flex}.mel-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.mel-hint{color:var(--ink-muted);font-size:.85rem;line-height:1.5}.mel-fineprint{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin-top:14px;padding-top:12px;font-size:.85rem}.mel-score{width:100%;margin-bottom:12px}.mel-versus{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:16px 0;display:grid}.mel-versus__col{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top:3px solid var(--accent-tonic);border-radius:12px;padding:1rem}.mel-versus__col--cf{border-top-color:var(--accent-subdominant)}.mel-versus__col h3{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.8rem;font-weight:800}.mel-versus__col ul{color:var(--ink-muted);flex-direction:column;gap:8px;margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.55;display:flex}.mel-judgement{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:16px 0;display:grid}.mel-judgement__box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:1rem}.mel-judgement__box--melodia{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent)}.mel-judgement__box--cantus{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent)}.mel-judgement__box h4{margin:0 0 4px;font-size:.95rem}.mel-judgement__score{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.82rem;font-weight:800}.mel-judgement__box ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.mel-judgement__box li{color:var(--staff-ink-chromatic);align-items:center;gap:8px;font-size:.87rem;display:flex}.mel-judgement__ok{color:var(--accent-tonic-ink)!important}.mel-punchline{background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface));border-left:3px solid var(--accent-dominant);border-radius:10px;margin-top:16px;padding:1rem 1.1rem}.mel-punchline p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.mel-punchline ul{color:var(--ink-muted);flex-direction:column;gap:12px;margin:12px 0;padding-left:1.1rem;font-size:.89rem;line-height:1.6;display:flex}.mel-contours{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:14px;margin:16px 0;display:grid}.mel-contour{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;min-width:0;padding:.9rem}.mel-contour .scale-staff{box-sizing:border-box;width:100%;overflow-x:hidden}.mel-contour .scale-staff__svg{width:100%;min-width:0;max-width:100%}.mel-contour h4{align-items:center;gap:10px;margin:0 0 10px;font-size:.92rem;display:flex}.mel-contour__tag{background:var(--bg-raised);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.68rem;font-weight:800}.mel-field{color:var(--ink-muted);align-items:center;gap:10px;margin:14px 0;font-size:.85rem;display:inline-flex}.mel-scale{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:14px 0;display:grid}.mel-degree{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:.7rem .5rem;font-family:inherit;display:flex}.mel-degree:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mel-degree--stable{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);color:var(--accent-tonic)}.mel-degree--unstable{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);color:var(--accent-minor)}.mel-degree--open{background:color-mix(in srgb, var(--accent-dominant) 16%, var(--bg-surface));border-color:var(--accent-dominant)}.mel-degree__note{color:var(--ink-primary);font-size:.9rem;font-weight:800}.mel-degree__tag{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);font-size:.66rem;font-weight:700}.mel-tendency{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;margin-top:14px;padding:1rem}.mel-tendency h3{align-items:center;gap:8px;margin:0 0 10px;font-size:1rem;display:flex}.mel-tendency p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.mel-tendency__targets{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding:0;font-size:.9rem;line-height:1.6;list-style:none;display:flex}.mel-tendency__targets li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.mel-tendency__arrow{color:var(--accent-minor);font-size:1.1rem;font-weight:800}.mel-chords{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.mel-chord{background:var(--bg-raised);border-radius:8px;align-items:baseline;gap:6px;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.mel-chord em{color:var(--ink-muted);font-size:.66rem;font-style:normal}.mel-motif{background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 40%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;padding:.9rem 1rem;display:flex}.mel-motif__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:800}.mel-motif__pitches{font-size:1rem;font-weight:800}.mel-occurrences{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mel-occurrence{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-muted);border-radius:10px;align-items:flex-start;gap:12px;padding:.8rem .9rem;font-size:.87rem;line-height:1.55;display:flex}.mel-occurrence__kind{background:var(--bg-raised);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);border-radius:999px;flex:none;padding:.2rem .55rem;font-size:.66rem;font-weight:800}.mel-occurrence--secuencia{border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.mel-occurrence--repeticion{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent)}.mel-rests{flex-direction:column;gap:10px;margin:16px 0;padding:0;list-style:none;display:flex}.mel-rests li{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left-width:3px;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:.8rem .9rem;display:flex}.mel-rest--closes{border-left-color:var(--accent-tonic)}.mel-rest--opens{border-left-color:var(--accent-minor)}.mel-rest__bar{color:var(--ink-muted);font-size:.72rem;font-weight:800}.mel-rest__note{font-size:.95rem;font-weight:800}.mel-rest__why{color:var(--ink-muted);flex:240px;font-size:.87rem;line-height:1.55}.mel-phrases{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:16px 0;display:grid}.mel-phrase{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:.9rem}.mel-phrase h4{margin:0 0 6px;font-size:.88rem}.mel-phrase p{color:var(--ink-muted);margin:0 0 10px;font-size:.87rem;line-height:1.55}.mel-extremes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px;display:grid}.mel-extreme{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top-width:3px;border-radius:12px;padding:1rem}.mel-extreme--high{border-top-color:var(--accent-minor)}.mel-extreme--low{border-top-color:var(--accent-subdominant)}.mel-extreme__tag{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px;font-size:.68rem;font-weight:800;display:block}.mel-extreme strong{font-size:1rem}.mel-extreme p{color:var(--ink-muted);margin:8px 0 0;font-size:.87rem;line-height:1.55}.mel-quote{background:var(--bg-surface);border-left:3px solid var(--accent-subdominant);border-radius:10px;margin:16px 0;padding:.9rem 1.1rem}.mel-quote p{color:var(--ink-primary);margin:0 0 8px;font-size:.9rem;font-style:italic;line-height:1.65}.mel-quote cite{color:var(--ink-muted);font-size:.78rem;font-style:normal;font-weight:700}.mel-tendencies{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:16px 0;display:grid}.mel-tend{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top-width:3px;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:1rem;display:flex}.mel-tend--fuerte{border-top-color:var(--accent-minor)}.mel-tend--floja{border-top-color:var(--accent-subdominant)}.mel-tend__strength{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:800}.mel-tend__move{color:var(--staff-ink-degree);align-items:center;gap:8px;font-size:1.05rem;display:flex}.mel-tend__note{color:var(--ink-primary);font-weight:800}.mel-tend__arrow{margin:0 4px;font-size:1.2rem;font-weight:800}.mel-tend p{color:var(--ink-muted);margin:0;font-size:.87rem;line-height:1.6}.mel-exception{background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 40%, transparent);border-radius:12px;margin:16px 0;padding:1rem}.mel-exception h4{margin:0 0 8px;font-size:.95rem}.mel-exception p{color:var(--ink-muted);margin:0 0 12px;font-size:.88rem;line-height:1.6}.mel-consonance{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin:16px 0;display:grid}.mel-consonance__col{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left-width:3px;border-radius:12px;padding:1rem}.mel-consonance__col--ok{border-left-color:var(--accent-tonic)}.mel-consonance__col--out{border-left-color:var(--accent-minor)}.mel-consonance__col h4{margin:0 0 8px;font-size:.92rem}.mel-consonance__col p{color:var(--ink-muted);margin:0;font-size:.87rem;line-height:1.6}.mel-page a{color:var(--accent-dominant);font-weight:700}.mel-page a:hover{text-decoration:underline}.quiz-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:16px;padding:18px;display:flex}.quiz-card__question{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:600}.quiz-option{background:var(--bg-surface);border:1px solid var(--bg-raised);cursor:pointer;color:var(--ink-primary);text-align:left;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.925rem;display:flex}.quiz-option:hover{border-color:var(--accent-subdominant);background:#38bdf814}.quiz-option--correct{border-color:var(--accent-tonic)!important;color:var(--accent-tonic)!important;background:#34d39926!important}.quiz-option--incorrect{border-color:var(--status-error)!important;color:var(--status-error)!important;background:#fb718526!important}.quiz-score-badge{color:var(--accent-tonic);font-size:1.1rem;font-weight:700}.cf-page-container,.cf-page{flex-direction:column;gap:24px;display:flex}.cf-page__tabs{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;gap:6px;padding:4px;display:inline-flex}.cf-page__tab-btn{color:var(--ink-muted);font:inherit;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:6px 14px;font-size:.88rem;font-weight:500;display:inline-flex}.cf-page__tab-btn:hover{color:var(--ink-primary);background:#ffffff0a}.cf-page__tab-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.cf-page__tab-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cf-margin-notes{flex-direction:column;gap:16px;display:flex}.cf-field{color:var(--ink-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:inline-flex}.cf-row{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.cf-list{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0 0 12px;padding-left:1.2rem;font-size:.9rem;line-height:1.6;display:flex}.cf-fineprint{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin-top:14px;padding-top:12px;font-size:.85rem}.cf-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .5rem;font-size:.66rem;font-style:normal;font-weight:800}.cf-tag--regla{background:color-mix(in srgb, var(--status-error) 18%, transparent);color:var(--status-error)}.cf-tag--preferencia{background:color-mix(in srgb, var(--status-warning) 18%, transparent);color:var(--status-warning-ink)}.cf-checks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.cf-check{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left-width:3px;border-left-color:var(--bg-raised);border-radius:10px;align-items:flex-start;gap:12px;padding:.75rem .9rem;display:flex}.cf-check--ok{border-left-color:var(--accent-tonic)}.cf-check--error{border-left-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 6%, var(--bg-surface))}.cf-check--warn{border-left-color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 6%, var(--bg-surface))}.cf-check__mark{flex:0 0 20px;place-items:center;font-size:.95rem;font-weight:800;display:grid}.cf-check--ok .cf-check__mark{color:var(--accent-tonic-ink)}.cf-check--error .cf-check__mark{color:var(--status-error)}.cf-check--warn .cf-check__mark{color:var(--status-warning-ink)}.cf-check__body{flex:auto}.cf-check__title{flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.cf-check__detail{color:var(--ink-muted);margin:4px 0 0;font-size:.85rem;line-height:1.55}.cf-verdict{border-left:3px solid var(--ink-muted);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:6px;margin:16px 0;padding:.9rem 1.1rem;display:flex}.cf-verdict--stands{border-left-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface))}.cf-verdict--falls{border-left-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 8%, var(--bg-surface))}.cf-verdict__headline{font-size:1rem;font-weight:800}.cf-principle-picker{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.cf-principle-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-bottom-width:3px;border-radius:10px;padding:.5rem .9rem;font-family:inherit;font-size:.84rem;font-weight:700}.cf-principle-btn:hover{color:var(--ink-primary)}.cf-principle-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cf-principle-btn--regla{border-bottom-color:color-mix(in srgb, var(--status-error) 55%, transparent)}.cf-principle-btn--preferencia{border-bottom-color:color-mix(in srgb, var(--status-warning) 55%, transparent)}.cf-principle-btn--active{background:var(--bg-raised);color:var(--ink-primary);border-color:var(--ink-muted)}.cf-principle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:1rem}.cf-principle-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cf-principle-statement{margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.5}.cf-principle-why{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.6}.cf-compare{flex-direction:column;gap:12px;margin:16px 0;display:flex}.cf-compare--good,.cf-compare--bad{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top-width:3px;border-radius:12px;padding:.9rem 1rem}.cf-compare--good{border-top-color:var(--accent-tonic)}.cf-compare--bad{border-top-color:var(--status-error)}.cf-compare__title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:0;font-size:.78rem;font-weight:800;display:block}.cf-lab{flex-direction:column;gap:16px;margin:16px 0;display:flex}.cf-lab-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cf-lab-length{color:var(--ink-muted);font-size:.82rem}.cf-lab-grid{flex-wrap:wrap;gap:6px;display:flex}.cf-lab-slot{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:.4rem .35rem;display:flex}.cf-lab-slot__bar{color:var(--ink-muted);font-size:.62rem;font-weight:800}.cf-lab-select{border:1px solid var(--bg-raised);background:var(--bg-raised);min-width:56px;color:var(--ink-primary);border-radius:6px;padding:.3rem .35rem;font-family:inherit;font-size:.82rem;font-weight:700}.cf-lab-select:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cf-contour{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;margin:14px 0;padding:.7rem .9rem;list-style:none;display:flex}.cf-contour__seg{background:var(--bg-raised);color:var(--ink-muted);border-radius:6px;align-items:center;gap:4px;padding:.2rem .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.cf-contour__seg--up{color:var(--accent-tonic-ink)}.cf-contour__seg--down{color:var(--accent-subdominant-ink)}.cf-contour__seg--flat{color:var(--ink-muted)}.cf-contour__arrow{font-size:.9rem;font-weight:800}.cf-degrees{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.cf-degree{text-align:center;background:var(--bg-raised);min-width:46px;color:var(--ink-muted);border-radius:8px;padding:.35rem .5rem;font-size:.84rem;font-weight:700}.cf-degree--stable{background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-raised));color:var(--accent-tonic-ink)}.cf-degree--unstable{background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-raised));color:var(--accent-subdominant-ink)}.cf-commentary{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.cf-commentary__item{background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:flex-start;gap:12px;padding:.7rem .9rem;display:flex}.cf-commentary__item--playing{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-surface))}.cf-commentary__play{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;flex:none;align-items:baseline;gap:10px;padding:.3rem .7rem;font-family:inherit;display:inline-flex}.cf-commentary__play:hover{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 14%, var(--bg-raised))}.cf-commentary__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cf-commentary__bar{text-align:right;font-variant-numeric:tabular-nums;min-width:14px;color:var(--ink-muted);font-size:.72rem;font-weight:800}.cf-commentary__pitch{min-width:30px;font-size:.9rem;font-weight:800}.cf-commentary__degree{color:var(--staff-ink-degree)}.cf-commentary__item--playing .cf-commentary__play{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 18%, var(--bg-raised))}.cf-commentary__note{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.cf-change{color:var(--accent-subdominant-ink);font-size:.82rem;font-weight:700}.cf-collateral{background:color-mix(in srgb, var(--status-warning) 8%, var(--bg-surface));border-left:3px solid var(--status-warning);border-radius:10px;margin-top:12px;padding:.7rem .9rem;font-size:.85rem;line-height:1.55}.cf-hint{color:var(--ink-muted);margin:12px 0 0;font-size:.85rem;line-height:1.55}.cf-hint--flag{color:var(--status-warning-ink)}.cf-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.cf-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cf-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.65rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.cf-drill__option:hover:not(:disabled){border-color:var(--accent-tonic)}.cf-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cf-drill__option:disabled{cursor:default}.cf-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic-ink)}.cf-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.cf-drill__option--dim{opacity:.45}.cf-drill__option--none{font-style:italic}.cf-drill__result{font-size:.95rem;font-weight:700}.cf-drill__feedback{text-align:center;max-width:620px}.cf-drill__feedback p{color:var(--ink-muted);margin:0 0 12px;font-size:.92rem;line-height:1.6}.cf-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.cf-versus{flex-direction:column;gap:14px;margin:16px 0;display:flex}.cf-versus__side{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:.9rem;display:flex}.cf-versus__name{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.72rem;font-weight:800}.cf-versus__table{border-collapse:collapse;width:100%;margin:4px 0 8px;font-size:.86rem}.cf-versus__table th,.cf-versus__table td{text-align:left;border-bottom:1px solid var(--bg-raised);vertical-align:top;padding:.5rem .7rem}.cf-versus__table thead th{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.7rem;font-weight:800}.cf-versus__table tbody th{color:var(--ink-muted);width:34%;font-weight:600}.cf-versus__table tbody td{font-weight:600}.cf-crossref{border-left:3px solid var(--accent-subdominant);padding-left:12px}.cf-crossref a{color:var(--accent-subdominant-ink);font-weight:700}.sec-res-staff__chords{justify-content:space-between;align-items:center;gap:8px;margin:.2rem .4rem;font-size:.95rem;font-weight:700;display:flex}.sec-res-staff__dom{color:var(--accent-dominant)}.sec-res-staff__target{color:var(--accent-tonic)}.sec-res-staff__arrow{color:var(--ink-muted);font-weight:400}.sec-res-staff__canvas{justify-content:center;display:flex;overflow-x:auto}.sec-res-staff__svg{max-width:100%;height:auto}.sec-res-staff__note{color:var(--ink-muted);margin:4px 0 0;font-size:.86rem;line-height:1.55}.sec-res-staff__note strong{color:var(--ink-primary)}.ds-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.ds-player__eyebrow,.ds-composition__eyebrow{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.ds-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.ds-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.ds-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ds-player__chapter:hover,.ds-player__chapter--active{border-color:var(--accent-dominant);background:var(--bg-raised);color:var(--ink-primary)}.ds-player__chapter:focus-visible,.ds-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.ds-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.ds-player__corner-play{border:1px solid var(--accent-dominant);background:var(--accent-dominant);width:100%;height:100%;color:var(--ink-on-dominant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.ds-player__corner-play:hover{transform:scale(1.06)}.ds-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.ds-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ds-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.ds-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.ds-composition__rule--sounding{border-color:var(--accent-dominant)}.ds-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.ds-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.ds-ink-target{color:var(--accent-tonic-ink)}.ds-ink-dominant{color:var(--accent-dominant)}.ds-stack{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.ds-lead{font:600 1.1rem/1.4 var(--font-ui);text-align:center;margin:0}.ds-lead--note{max-width:720px;color:var(--ink-muted);font-size:.95rem}.ds-row{align-items:center;gap:10px;display:flex}.ds-row__label{width:100px;color:var(--ink-muted);font:700 .9rem var(--font-ui)}.ds-box{border:1px solid var(--bg-raised);border-top:5px solid var(--bg-raised);background:var(--bg-surface);min-width:96px;font:800 1.45rem var(--font-ui);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 14px;transition:box-shadow .12s;display:flex}.ds-box--dominant{border-top-color:var(--accent-dominant)}.ds-box--target{border-top-color:var(--accent-tonic)}.ds-box--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.ds-box__roman{color:var(--ink-muted);font:700 .8rem var(--font-ui)}.ds-box__chromatic{color:var(--accent-subdominant-ink);font:700 .85rem var(--font-ui)}.ds-box--crossed{opacity:.85;position:relative}.ds-box--crossed:after{content:"";background:var(--status-error);height:3px;position:absolute;inset:50% 8px auto;transform:rotate(-18deg)}.ds-history{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin:0;padding:0;list-style:none;display:grid}.ds-history__node{border:1px solid var(--bg-raised);border-top:5px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.4 var(--font-ui);border-radius:12px;flex-direction:column;gap:10px;padding:18px;transition:opacity .4s;display:flex}.ds-history__node strong{font:800 1.1rem var(--font-ui)}.ds-history__node--active{border-top-color:var(--accent-dominant)}.ds-build{grid-template-rows:auto auto;grid-template-columns:330px 1fr;align-items:center;gap:16px 28px;width:100%;display:grid}.ds-steps{font:600 1.05rem var(--font-ui);flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.ds-steps li{align-items:center;gap:10px;transition:opacity .3s;display:flex}.ds-steps__num{background:var(--accent-dominant);width:30px;height:30px;color:var(--ink-on-dominant);font:800 .9rem var(--font-ui);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ds-build__chords{align-items:center;gap:18px;transition:opacity .3s;display:flex}.ds-stackchord{border:1px solid var(--bg-raised);border-top:5px solid var(--accent-dominant);background:var(--bg-surface);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;transition:box-shadow .12s,opacity .3s;display:flex}.ds-stackchord--target{border-top-color:var(--accent-tonic)}.ds-stackchord--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.ds-stackchord__symbol{font:800 1.6rem var(--font-ui)}.ds-tone{border:1px solid var(--bg-raised);background:var(--bg-canvas);width:110px;font:700 .95rem var(--font-ui);text-align:center;border-radius:8px;padding:5px 0}.ds-tone--root{color:var(--ink-muted)}.ds-tone--chromatic{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.ds-tone--home{border-color:var(--accent-tonic);color:var(--accent-tonic-ink)}.ds-tone--tritone{box-shadow:0 0 0 2px var(--status-error)}.ds-build__arrows{color:var(--accent-tonic-ink);font:700 .85rem var(--font-ui);white-space:nowrap;flex-direction:column;gap:40px;transition:opacity .3s;display:flex}.ds-build__arrows span{border-bottom:2px solid var(--accent-tonic);padding-bottom:4px}.ds-build>.ds-marks,.ds-build>.ds-lead{grid-column:1/-1;justify-self:center}.ds-marks{gap:10px;display:flex}.ds-marks span{border:1px solid var(--accent-dominant);color:var(--accent-dominant);font:700 .9rem var(--font-ui);border-radius:999px;padding:6px 14px}.ds-five{grid-template-columns:repeat(7,1fr);gap:10px;width:100%;display:grid}.ds-degree{flex-direction:column;align-items:center;gap:6px;display:flex}.ds-degree .ds-box{width:100%;min-width:0}.ds-degree__arrow{color:var(--accent-tonic-ink);font:800 1.2rem var(--font-ui)}.ds-degree--none .ds-box--target{opacity:.45;border-top-color:var(--bg-raised)}.ds-vii{align-items:center;gap:18px;display:flex}.ds-vii__arrow{color:var(--ink-muted);font:800 1.6rem var(--font-ui)}.ds-reasons{font:600 1.05rem var(--font-ui);flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ds-reasons li{transition:opacity .3s}.ds-reasons strong{color:var(--status-error)}.ds-purposes{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.ds-purpose{border:1px solid var(--bg-raised);border-top:5px solid var(--accent-dominant);background:var(--bg-surface);font:500 .92rem/1.4 var(--font-ui);border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;transition:opacity .3s;display:flex}.ds-purpose strong{font:800 1.2rem var(--font-ui)}.ds-repertoire{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.ds-work{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .9rem/1.4 var(--font-ui);border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:opacity .3s;display:flex}.ds-work strong{font:800 1.05rem var(--font-ui)}.ds-work__when{color:var(--accent-dominant);font:700 .75rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.ds-work .ds-row{flex-wrap:wrap;gap:6px;margin-top:4px}.ds-work .ds-box{min-width:58px;padding:8px;font-size:1.05rem}.ds-quote{max-width:720px;font:italic 500 2.1rem/1.35 var(--font-quote);text-align:center;margin:0}.callipari-app{flex-direction:column;gap:1.25rem;width:100%;display:flex}.callipari-app__header{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.callipari-app__brand{flex-direction:column;gap:4px;display:flex}.callipari-app__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-dominant);align-items:center;gap:6px;font-size:.76rem;font-weight:700;display:inline-flex}.callipari-app__title{color:var(--ink-primary);letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:800}.callipari-app__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.callipari-app__key-controls{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex}.callipari-app__key-label{color:var(--ink-muted);font-size:.8rem;font-weight:700}.callipari-app__select{color:var(--ink-primary);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-family:inherit;font-size:.88rem;font-weight:700}.callipari-app__select option{background:var(--bg-surface);color:var(--ink-primary)}.callipari-app__select--full{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;width:100%;padding:8px 12px;font-size:.9rem}.callipari-app__rand-btn{padding:4px 8px!important;font-size:.8rem!important}.callipari-app__nav-tabs{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.callipari-app__tab-btn{color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex}.callipari-app__tab-btn:hover{color:var(--ink-primary);background:color-mix(in srgb, var(--accent-dominant) 10%, transparent)}.callipari-app__tab-btn--active{box-shadow:0 2px 8px color-mix(in srgb, var(--accent-dominant) 30%, transparent);background:var(--accent-dominant)!important;color:var(--ink-on-accent,#fff)!important}.callipari-app__grid{grid-template-columns:minmax(360px,490px) minmax(360px,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.callipari-app__grid{grid-template-columns:1fr}}.callipari-app__visual-column{flex-direction:column;align-items:center;gap:12px;display:flex}.callipari-fun-svg-wrap{aspect-ratio:1;background:radial-gradient(circle at center, color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-surface)) 0%, var(--bg-surface) 75%);border:1px solid var(--bg-raised);border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:480px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.callipari-fun-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:visible}.callipari-tonic-triangle{fill:none;stroke:var(--accent-subdominant,#3b82f6);stroke-width:2.2px;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent-subdominant) 35%, transparent))}.callipari-center-cross{stroke:var(--ink-muted);stroke-width:1.5px;stroke-linecap:round;opacity:.35}.callipari-subdom-line{stroke:var(--status-warning,#eab308);stroke-width:2px;stroke-linecap:round;stroke-dasharray:4 3}.callipari-sensible-line{stroke:var(--status-error,#ef4444);stroke-width:2px;stroke-linecap:round}.callipari-sec-dom-arrow{stroke:var(--ink-muted);stroke-width:1.8px;stroke-linecap:round;opacity:.55;transition:all .25s}.callipari-sec-dom-arrow--active{stroke:var(--status-warning,#facc15);stroke-width:3.5px;opacity:1;filter:drop-shadow(0 0 8px var(--status-warning,#facc15))}.callipari-diatonic-node{cursor:pointer}.callipari-diatonic-circle{fill:var(--bg-surface);stroke:color-mix(in srgb, var(--ink-primary) 35%, transparent);stroke-width:2.2px;transform-box:fill-box;transform-origin:50%;transition:transform .18s cubic-bezier(.2,0,0,1),stroke .18s,stroke-width .18s,filter .18s}.callipari-diatonic-node:hover .callipari-diatonic-circle{stroke:var(--accent-subdominant);stroke-width:3px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent-subdominant) 50%, transparent));transform:scale(1.06)}.callipari-diatonic-node--active .callipari-diatonic-circle{stroke:var(--accent-subdominant);stroke-width:3.5px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent-subdominant) 70%, transparent))}.callipari-diatonic-node--playing .callipari-diatonic-circle{filter:drop-shadow(0 0 14px var(--accent-subdominant));fill:var(--accent-subdominant)!important;stroke:var(--ink-on-accent,#fff)!important}.callipari-diatonic-node--playing .callipari-diatonic-text{fill:var(--ink-on-accent,#04110c)!important}.callipari-diatonic-text{font-family:var(--font-ui,system-ui, -apple-system, sans-serif);fill:var(--ink-primary);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:15px;font-weight:800}.callipari-dom-node{cursor:pointer}.callipari-dom-circle{fill:color-mix(in srgb, var(--status-warning) 14%, var(--bg-surface));stroke:var(--status-warning);stroke-width:2.2px;transform-box:fill-box;transform-origin:50%;transition:transform .18s cubic-bezier(.2,0,0,1),stroke .18s,stroke-width .18s,filter .18s}.callipari-dom-node:hover .callipari-dom-circle{stroke:var(--status-warning);stroke-width:3px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--status-warning) 60%, transparent));transform:scale(1.07)}.callipari-dom-node--active .callipari-dom-circle{stroke-width:3.5px;filter:drop-shadow(0 0 10px var(--status-warning))}.callipari-dom-node--playing .callipari-dom-circle{filter:drop-shadow(0 0 14px var(--status-warning));fill:var(--status-warning)!important;stroke:var(--ink-on-accent,#fff)!important}.callipari-dom-node--playing .callipari-dom-text{fill:var(--ink-on-accent,#04110c)!important}.callipari-dom-text{font-family:var(--font-ui,system-ui, -apple-system, sans-serif);fill:var(--status-warning);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:14px;font-weight:800}.callipari-node-roman{text-anchor:middle;fill:var(--ink-muted);pointer-events:none;font-size:13px;font-weight:700}.callipari-dom-node .callipari-node-roman{fill:var(--status-warning);opacity:.9;font-size:11px}.callipari-app__legend{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:12px;font-size:.78rem;font-weight:600;display:flex}.callipari-legend-item{align-items:center;gap:5px;display:inline-flex}.callipari-legend-dot{border-radius:50%;width:8px;height:8px}.callipari-legend-dot--tonic{background:var(--accent-subdominant,#3b82f6)}.callipari-legend-dot--subdom{background:var(--status-warning,#eab308)}.callipari-legend-dot--dom{background:var(--status-error,#ef4444)}.callipari-legend-dot--secdom{background:var(--status-warning,#facc15)}.callipari-app__inspector{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;width:100%;padding:10px 14px}.callipari-inspector-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.callipari-inspector-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.callipari-inspector-title{color:var(--accent-dominant);margin:2px 0 0;font-size:1rem;font-weight:800}.callipari-inspector-meta{color:var(--ink-muted);margin:2px 0 0;font-size:.8rem}.callipari-inspector-btn{padding:6px 12px!important;font-size:.82rem!important}.callipari-inspector-hint{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.45}.callipari-app__studio-column{flex-direction:column;gap:12px;min-width:0;display:flex}.callipari-studio-deck{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:16px;flex-direction:column;gap:12px;padding:1.25rem;display:flex}.callipari-deck-head{flex-direction:column;gap:4px;display:flex}.callipari-deck-title{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:800;display:flex}.callipari-deck-desc{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.5}.callipari-examples-list{flex-direction:column;gap:10px;display:flex}.callipari-example-card{background:var(--bg-raised);border:1px solid var(--border-subtle,#ffffff14);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.callipari-example-card:hover{border-color:var(--accent-dominant)}.callipari-example-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-raised));box-shadow:0 0 12px color-mix(in srgb, var(--accent-dominant) 20%, transparent)}.callipari-example-head{color:var(--ink-primary);font-size:.92rem;font-weight:800}.callipari-example-chains{flex-direction:column;gap:4px;display:flex}.callipari-chain-row{align-items:baseline;gap:6px;font-size:.85rem;display:flex}.callipari-chain-tag{text-transform:uppercase;color:var(--ink-muted);min-width:95px;font-size:.72rem;font-weight:700}.callipari-chain-text{color:var(--ink-primary);font-weight:700}.callipari-chain-tag--dom,.callipari-chain-text--dom{color:var(--accent-dominant)}.callipari-example-explain{color:var(--ink-muted);margin:0;font-size:.8rem;line-height:1.45}.callipari-example-actions{gap:8px;margin-top:4px;display:flex}.callipari-btn-sm{flex:1;justify-content:center;padding:4px 10px!important;font-size:.78rem!important}.callipari-lab-preset-picker{width:100%}.callipari-lab-field{flex-direction:column;gap:4px;display:flex}.callipari-lab-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.callipari-lab-steps{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px;margin:4px 0;display:grid}.callipari-lab-step-chip{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--ink-primary) 10%, transparent);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.callipari-lab-step-head{flex-direction:column;align-items:center;gap:1px;display:flex}.callipari-lab-step-roman{color:var(--ink-muted);font-size:.72rem;font-weight:700}.callipari-lab-step-sym{color:var(--ink-primary);font-size:.95rem;font-weight:800}.callipari-lab-step-toggle{border:1px dashed color-mix(in srgb, var(--accent-dominant) 50%, transparent);width:100%;color:var(--accent-dominant);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);text-align:center;background:0 0;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:.78rem;font-weight:700}.callipari-lab-step-toggle:hover{background:color-mix(in srgb, var(--accent-dominant) 15%, transparent)}.callipari-lab-step-toggle--on{border-style:solid;background:var(--accent-dominant)!important;color:var(--ink-on-accent,#fff)!important}.callipari-lab-step-nodom{color:var(--ink-muted);opacity:.75;text-align:center;padding:3px 0;font-size:.65rem;font-weight:600}.callipari-lab-playback{gap:10px;margin-top:4px;display:flex}.callipari-lab-playbtn{flex:1;justify-content:center;padding:8px 12px!important;font-size:.85rem!important}.callipari-relations-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.callipari-relation-card{background:var(--bg-raised);border:1px solid var(--border-subtle,#ffffff14);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.callipari-relation-card:hover,.callipari-relation-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-raised))}.callipari-relation-top{justify-content:space-between;align-items:center;display:flex}.callipari-relation-badges{align-items:center;gap:4px;display:flex}.callipari-badge-roman{background:var(--accent-dominant);color:var(--ink-on-accent,#fff);border-radius:6px;padding:2px 6px;font-size:.78rem;font-weight:800}.callipari-badge-target{color:var(--ink-muted);font-size:.75rem;font-weight:700}.callipari-relation-chord{color:var(--ink-primary);font-size:.9rem;font-weight:800}.callipari-relation-details{color:var(--ink-muted);flex-direction:column;gap:2px;font-size:.78rem;display:flex}.callipari-rel-item{justify-content:space-between;display:flex}.callipari-rel-tag{opacity:.8;font-weight:600}.sec-dom-page{flex-direction:column;gap:24px;display:flex}.flower-life-container{flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.flower-life-svg-wrap{aspect-ratio:1;background:radial-gradient(circle at center, color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-surface)) 0%, var(--bg-surface) 75%);border:1px solid var(--bg-raised);border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:580px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.flower-life-svg{width:100%;height:100%;overflow:visible}.flower-circle-geom{fill:none;stroke:color-mix(in srgb, var(--accent-dominant) 15%, transparent);stroke-width:1.2px;transition:all .3s}.flower-arrow-line{stroke:var(--ink-muted);stroke-width:2px;stroke-dasharray:4 3;transition:all .3s}.flower-arrow-line--active{stroke:var(--accent-dominant);stroke-width:3.5px;stroke-dasharray:none;filter:drop-shadow(0 0 6px var(--accent-dominant))}.flower-node{cursor:pointer}.flower-node-circle{transform-box:fill-box;transform-origin:50%;transition:transform .18s cubic-bezier(.2,0,0,1),stroke-width .18s,filter .18s}.flower-node:hover .flower-node-circle{filter:drop-shadow(0 0 6px);transform:scale(1.06)}.flower-node--tonic .flower-node-circle{fill:var(--accent-tonic);stroke:color-mix(in srgb, var(--accent-tonic) 30%, white);stroke-width:2.5px}.flower-node--tonic .flower-node-text-symbol,.flower-node--tonic .flower-node-text-roman{fill:var(--ink-on-accent,#04110c)}.flower-node--target .flower-node-circle{fill:var(--bg-surface);stroke:var(--accent-subdominant);stroke-width:2px}.flower-node--target .flower-node-text-symbol{fill:var(--ink-primary)}.flower-node--target .flower-node-text-roman{fill:var(--ink-muted)}.flower-node--dom .flower-node-circle{fill:var(--accent-dominant);stroke:color-mix(in srgb, var(--accent-dominant) 40%, white);stroke-width:2px}.flower-node--dom .flower-node-text-symbol,.flower-node--dom .flower-node-text-roman{fill:#fff}.flower-node--active .flower-node-circle{stroke-width:3.5px;filter:drop-shadow(0 0 8px)}.flower-node-text-symbol{fill:var(--ink-primary);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-family:inherit;font-size:13px;font-weight:800}.flower-node-text-roman{fill:var(--ink-muted);text-anchor:middle;pointer-events:none;font-family:inherit;font-size:10px;font-weight:700}.flower-detail-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:1.25rem;display:flex}.flower-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.flower-detail-title{color:var(--accent-dominant);margin:0;font-size:1.3rem;font-weight:800}.flower-detail-badges{flex-wrap:wrap;gap:8px;display:flex}.flower-sensible-badge{color:#e53e3e;background:#e53e3e26;border:1px solid #e53e3e4d;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.flower-scale-badge{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.sec-dom-detector-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;margin-top:1.25rem;display:grid}.sec-dom-info-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:12px;padding:1.25rem;display:flex}.sec-dom-alert-vii{background:color-mix(in srgb, #e53e3e 10%, var(--bg-surface));border:1px solid #e53e3e59;border-radius:12px;flex-direction:column;gap:8px;padding:1.2rem;display:flex}.sec-dom-alert-vii h4{color:#e53e3e;align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.sec-dom-staff-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:1.25rem;display:grid}.sec-dom-staff-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:10px;padding:1.25rem;display:flex}.sec-dom-staff-header{justify-content:space-between;align-items:center;display:flex}.sec-dom-staff-title{color:var(--accent-dominant);margin:0;font-size:1.15rem;font-weight:800}.sec-dom-staff-action{gap:8px;margin-top:auto;display:flex}.sec-dom-gallery-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.sec-dom-audiotour{background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 25%, var(--bg-raised));border-radius:14px;flex-direction:column;gap:10px;margin:1rem 0;padding:1.25rem;display:flex}.sec-dom-audiotour__head{color:var(--accent-dominant);align-items:center;gap:8px;display:flex}.sec-dom-audiotour__head h4{margin:0;font-size:1rem;font-weight:800}.sec-dom-audiotour__buttons{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.sec-dom-pillars-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:1.25rem;display:grid}.sec-dom-pillar-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:6px;padding:1.1rem;display:flex;box-shadow:0 4px 12px #0000000a}.sec-dom-pillar-num{background:var(--accent-dominant);width:28px;height:28px;color:var(--ink-on-accent,#fff);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.sec-dom-pillar-card h4{color:var(--ink-primary);margin:2px 0 0;font-size:.95rem;font-weight:800}.sec-dom-pillar-card p{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.5}.sec-dom-summary-table-wrap{border:1px solid var(--bg-raised);border-radius:12px;width:100%;margin-top:1rem;overflow-x:auto}.sec-dom-summary-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.sec-dom-summary-table th{background:var(--bg-raised);color:var(--ink-primary);border-bottom:1px solid var(--bg-raised);padding:10px 14px;font-weight:800}.sec-dom-summary-table td{border-bottom:1px solid color-mix(in srgb, var(--bg-raised) 60%, transparent);color:var(--ink-primary);padding:10px 14px}.sec-dom-summary-table tr:last-child td{border-bottom:none}.sec-dom-tag-roman{background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant);border-radius:6px;padding:2px 8px;font-size:.82rem;font-weight:800;display:inline-block}.sec-dom-note-vii{background:color-mix(in srgb, var(--status-warning) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--status-warning) 35%, transparent);border-radius:12px;flex-direction:column;gap:8px;margin-top:1.25rem;padding:1.1rem 1.2rem;display:flex}.sec-dom-note-vii h4{color:var(--status-warning);align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.sec-dom-note-vii p{margin:0}.ritmo-page{flex-direction:column;gap:1.5rem;display:flex}.ritmo-modes-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.ritmo-mode-card{background:var(--bg-surface);border:1px solid var(--bg-raised);cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:1.2rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.ritmo-mode-card:hover{border-color:color-mix(in srgb, var(--accent-dominant) 50%, var(--bg-raised));transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.ritmo-mode-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-dominant) 25%, transparent)}.ritmo-mode-head{flex-direction:column;gap:4px;display:flex}.ritmo-mode-badge{text-transform:uppercase;color:var(--accent-dominant);letter-spacing:.04em;font-size:.75rem;font-weight:800}.ritmo-mode-title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:800}.ritmo-mode-rate{color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 10%, transparent);border-radius:6px;margin:0;padding:4px 8px;font-size:.84rem;display:inline-block}.ritmo-mode-desc{color:var(--ink-muted);flex-grow:1;margin:0;font-size:.85rem;line-height:1.45}.ritmo-mode-playbtn{justify-content:center;width:100%;margin-top:8px}.ritmo-stage-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.ritmo-stage-mainbtn{padding:8px 18px;font-size:.95rem;font-weight:700}.ritmo-theater-stage{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:inset 0 2px 6px #00000008}.ritmo-backdrop-label,.ritmo-actors-label{letter-spacing:.06em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.ritmo-backdrop-blocks{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ritmo-measure-slot{background:color-mix(in srgb, var(--bg-raised) 50%, var(--bg-surface));border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:6px;padding:10px;transition:all .15s;display:flex}.ritmo-measure-slot--active{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border-color:var(--accent-dominant);box-shadow:0 0 12px color-mix(in srgb, var(--accent-dominant) 30%, transparent)}.ritmo-measure-tag{color:var(--ink-muted);font-size:.75rem;font-weight:700}.ritmo-chord-chips{flex-wrap:wrap;gap:6px;display:flex}.ritmo-chord-chip{background:var(--bg-raised);color:var(--ink-primary);border:1px solid color-mix(in srgb, var(--bg-raised) 80%, transparent);border-radius:6px;padding:4px 10px;font-size:.88rem;font-weight:800}.ritmo-chord-chip--active{background:var(--accent-dominant);color:var(--ink-on-accent,#fff);border-color:var(--accent-dominant);transform:scale(1.04)}.ritmo-chord-chip--sustain{color:var(--ink-muted);background:0 0;border:none;padding:4px 0;font-size:.75rem;font-weight:600}.ritmo-melody-track{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ritmo-melody-measure{background:color-mix(in srgb, var(--bg-surface) 70%, var(--bg-raised));border:1px dashed var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:52px;padding:10px;display:flex}.ritmo-actor-node{background:color-mix(in srgb, var(--accent-tonic) 15%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-tonic) 30%, transparent);border-radius:6px;flex-direction:column;align-items:center;padding:3px 7px;display:inline-flex}.ritmo-actor-pitch{color:var(--accent-tonic);font-size:.85rem;font-weight:800}.ritmo-actor-lyric{color:var(--ink-muted);font-size:.7rem;font-style:italic}.ritmo-stage-footnote{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.ritmo-justifier-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.ritmo-justifier-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:12px;padding:1.25rem;display:flex}.ritmo-justifier-card--clash{border-color:color-mix(in srgb, #e53e3e 25%, var(--bg-raised))}.ritmo-justifier-head{flex-direction:column;gap:6px;display:flex}.ritmo-justifier-head h3{color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:800}.badge-ok{color:#38a169;background:#38a16926;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.75rem;font-weight:800;display:inline-block}.badge-alert{color:#e53e3e;background:#e53e3e26;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.75rem;font-weight:800;display:inline-block}.ritmo-justifier-meter{background:color-mix(in srgb, var(--bg-raised) 40%, var(--bg-surface));border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.ritmo-meter-label{color:var(--ink-muted);font-size:.78rem;font-weight:700}.ritmo-meter-bar{background:var(--bg-raised);border-radius:4px;width:100%;height:8px;overflow:hidden}.ritmo-meter-fill{height:100%;transition:width .3s}.ritmo-meter-fill--low{background:#38a169}.ritmo-meter-fill--high{background:#e53e3e}.ritmo-meter-value{color:var(--ink-primary);font-size:.8rem;font-weight:700}.ritmo-xray-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.ritmo-xray-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ritmo-xray-kicker{text-transform:uppercase;color:var(--accent-subdominant);font-size:.75rem;font-weight:800}.ritmo-xray-title{color:var(--ink-primary);margin:2px 0 0;font-size:1.15rem;font-weight:800}.ritmo-xray-toggles{flex-wrap:wrap;gap:10px;display:flex}.ritmo-xray-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.ritmo-xray-card{background:color-mix(in srgb, var(--bg-raised) 40%, var(--bg-surface));border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:all .15s;display:flex}.ritmo-xray-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));box-shadow:0 0 14px color-mix(in srgb, var(--accent-dominant) 25%, transparent)}.ritmo-xray-measure{color:var(--ink-muted);font-size:.8rem;font-weight:800}.ritmo-xray-line{color:var(--ink-primary);font-size:.88rem;font-weight:600;line-height:1.4}.ritmo-xray-ghost{border-top:1px dashed var(--bg-raised);flex-direction:column;gap:2px;margin-top:auto;padding-top:8px;display:flex}.ritmo-ghost-tag{color:var(--accent-dominant);text-transform:uppercase;font-size:.72rem;font-weight:700}.ritmo-ghost-chord{color:var(--accent-dominant);font-size:.95rem;font-weight:800}.ritmo-metric-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.ritmo-metric-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:12px;padding:1.25rem;display:flex}.ritmo-metric-card h3{color:var(--ink-primary);margin:0;font-size:1.15rem;font-weight:800}.ritmo-studio-card{flex-direction:column;gap:1.25rem;display:flex}.ritmo-studio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ritmo-studio-badge{text-transform:uppercase;color:var(--accent-dominant);align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:inline-flex}.ritmo-studio-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ritmo-studio-label{color:var(--ink-muted);font-size:.85rem;font-weight:700}.ritmo-speed-pills{background:var(--bg-raised);border-radius:8px;gap:6px;padding:4px;display:flex}.ritmo-speed-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:all .15s}.ritmo-speed-btn:hover{color:var(--ink-primary)}.ritmo-speed-btn--active{background:var(--bg-surface);color:var(--accent-dominant);box-shadow:0 2px 6px #00000014}.ritmo-studio-deck{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.ritmo-tracker-bar{flex-direction:column;gap:8px;display:flex}.ritmo-tracker-title{text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;font-weight:800}.ritmo-beats-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ritmo-beat-indicator{background:var(--bg-raised);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:all .15s;display:flex}.ritmo-beat-indicator--active{background:var(--accent-dominant);color:var(--ink-on-accent,#fff);box-shadow:0 4px 14px color-mix(in srgb, var(--accent-dominant) 35%, transparent);transform:scale(1.05)}.ritmo-beat-num{font-size:1.3rem;font-weight:900}.ritmo-beat-type{letter-spacing:.05em;opacity:.85;font-size:.7rem;font-weight:800}.ritmo-studio-summary{background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-subdominant) 25%, transparent);color:var(--ink-primary);border-radius:10px;padding:1rem;font-size:.92rem;line-height:1.6}.ritmo-studio-summary p{margin:0}@media (width<=768px){.ritmo-backdrop-blocks,.ritmo-melody-track{grid-template-columns:1fr 1fr}}.extendidos-page{flex-direction:column;gap:1.5rem;display:flex}.extendidos-anatomy-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:1rem;margin-top:1.25rem;padding:1.25rem;display:flex}.extendidos-anatomy-title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:800}.extendidos-chain-visual{align-items:center;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.extendidos-chain-step{background:var(--bg-raised);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:90px;padding:10px 14px;display:flex}.extendidos-step-badge{text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:800}.extendidos-step-chord{color:var(--accent-dominant);font-size:1.2rem;font-weight:900}.extendidos-step-roman{color:var(--ink-primary);font-size:.78rem;font-weight:700}.extendidos-chain-step--ext{border-color:color-mix(in srgb, var(--accent-dominant) 30%, transparent);background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface))}.extendidos-chain-step--sec{border-color:color-mix(in srgb, var(--accent-subdominant) 30%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.extendidos-chain-step--prim{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface))}.extendidos-chain-step--tonic{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 15%, var(--bg-surface))}.extendidos-chain-step--tonic .extendidos-step-chord{color:var(--accent-tonic)}.extendidos-chain-arrow{color:var(--ink-muted);font-size:1.2rem;font-weight:800}.extendidos-pillars-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:1.25rem;display:grid}.extendidos-pillar-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:6px;padding:1.1rem;display:flex}.extendidos-pillar-num{background:var(--accent-dominant);width:28px;height:28px;color:var(--ink-on-accent,#fff);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.extendidos-pillar-card h4{color:var(--ink-primary);margin:2px 0 0;font-size:.95rem;font-weight:800}.extendidos-pillar-card p{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.5}.extendidos-tool-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.extendidos-playback-track{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.extendidos-playback-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .15s;display:flex}.extendidos-playback-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));box-shadow:0 0 16px color-mix(in srgb, var(--accent-dominant) 30%, transparent);transform:scale(1.03)}.extendidos-card-role{text-transform:uppercase;color:var(--ink-muted);font-size:.7rem;font-weight:800}.extendidos-card-chord{color:var(--accent-dominant);margin:0;font-size:1.3rem;font-weight:900}.extendidos-card-roman{color:var(--ink-primary);font-size:.82rem;font-weight:700}.extendidos-card-notes{color:var(--ink-muted);margin-top:4px;font-size:.76rem}.extendidos-circle-container{justify-content:center;align-items:center;padding:1rem 0;display:flex}.extendidos-circle-svg{width:100%;max-width:440px;height:auto}.extendidos-node-circle{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:2.5px;transition:all .2s}.extendidos-node-circle--in-chain{stroke:var(--accent-dominant);stroke-width:3px}.extendidos-node-circle--active{fill:var(--accent-dominant);stroke:color-mix(in srgb, var(--accent-dominant) 40%, white);filter:drop-shadow(0 0 10px)}.extendidos-node-text{fill:var(--ink-primary);text-anchor:middle;dominant-baseline:central;font-family:inherit;font-size:13px;font-weight:800}.extendidos-center-title{fill:var(--accent-dominant);font-family:inherit;font-size:18px;font-weight:900}.extendidos-center-sub{fill:var(--ink-muted);font-family:inherit;font-size:11px;font-weight:700}.extendidos-voice-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:1.25rem;margin-top:1.25rem;padding:1.25rem;display:flex}.extendidos-voice-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.extendidos-voice-badge{text-transform:uppercase;color:var(--accent-subdominant);font-size:.75rem;font-weight:800}.extendidos-ladder-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.extendidos-ladder-card{background:color-mix(in srgb, var(--bg-raised) 40%, var(--bg-surface));border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .15s;display:flex}.extendidos-ladder-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));box-shadow:0 6px 16px color-mix(in srgb, var(--accent-dominant) 25%, transparent);transform:translateY(-2px)}.extendidos-ladder-chord{color:var(--accent-dominant);font-size:1.2rem;font-weight:900}.extendidos-ladder-bass{color:var(--ink-muted);font-size:.78rem;font-weight:700}.extendidos-ladder-guides{flex-direction:column;gap:4px;margin-top:4px;display:flex}.extendidos-guide-pill{border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:800}.extendidos-guide-pill--1{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant)}.extendidos-guide-pill--2{background:color-mix(in srgb, var(--accent-dominant) 15%, transparent);color:var(--accent-dominant)}.extendidos-voice-note{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.extendidos-rhythm-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.extendidos-rhythm-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:12px;padding:1.25rem;display:flex}.extendidos-rhythm-head{flex-direction:column;gap:4px;display:flex}.extendidos-rhythm-head h3{color:var(--ink-primary);margin:0;font-size:1.15rem;font-weight:800}.extendidos-bridge-bars{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.extendidos-bridge-bar{background:color-mix(in srgb, var(--bg-raised) 50%, var(--bg-surface));border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex}.bar-num{color:var(--ink-muted);font-size:.72rem;font-weight:700}.bar-chord{color:var(--accent-dominant);font-size:1.1rem}.bar-roman{color:var(--ink-primary);font-size:.75rem}.extendidos-studio-card{flex-direction:column;gap:1.25rem;display:flex}.extendidos-studio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.extendidos-studio-badge{text-transform:uppercase;color:var(--accent-dominant);align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:inline-flex}.extendidos-studio-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.extendidos-control-group{align-items:center;gap:8px;display:flex}.extendidos-control-label{color:var(--ink-muted);font-size:.85rem;font-weight:700}.extendidos-links-pills{background:var(--bg-raised);border-radius:8px;gap:4px;padding:3px;display:flex}.extendidos-pill-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:800;transition:all .15s}.extendidos-pill-btn--active{background:var(--bg-surface);color:var(--accent-dominant);box-shadow:0 2px 5px #00000014}.extendidos-studio-deck{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.extendidos-generated-chain{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.extendidos-gen-card{background:color-mix(in srgb, var(--bg-raised) 50%, var(--bg-surface));border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:130px;padding:14px;transition:all .15s;display:flex}.extendidos-gen-card--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));box-shadow:0 0 16px color-mix(in srgb, var(--accent-dominant) 30%, transparent);transform:scale(1.04)}.extendidos-gen-roman{color:var(--ink-muted);font-size:.8rem;font-weight:800}.extendidos-gen-chord{color:var(--accent-dominant);margin:0;font-size:1.4rem;font-weight:900}.extendidos-gen-tag{color:var(--ink-muted);font-size:.72rem;font-weight:700}.extendidos-studio-footer{background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-subdominant) 25%, transparent);color:var(--ink-primary);border-radius:10px;padding:1rem;font-size:.9rem;line-height:1.5}.extendidos-studio-footer p{margin:0}.tree-iivi{grid-template-columns:minmax(320px,460px) minmax(260px,1fr);align-items:start;gap:22px;margin-top:1.25rem;display:grid}@media (width<=900px){.tree-iivi{grid-template-columns:1fr}}.tree-iivi__stage{justify-content:center;display:flex;overflow-x:auto}.tree-iivi__svg{width:100%;max-width:460px;height:auto}.tree-iivi__pillar{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:1px;opacity:.85;transition:opacity .2s,fill .2s}.tree-iivi__pillar--subdominante{fill:color-mix(in srgb, var(--accent-subdominant) 14%, var(--bg-surface))}.tree-iivi__pillar--dominante{fill:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface))}.tree-iivi__pillar--tonica{fill:color-mix(in srgb, var(--accent-tonic) 14%, var(--bg-surface))}.tree-iivi__pillar--active{opacity:1}.tree-iivi__path line{stroke-width:2px;fill:none}.tree-iivi__path--bajo line{stroke:var(--ink-muted);stroke-width:2.6px}.tree-iivi__path--guia line{stroke:var(--accent-dominant);stroke-dasharray:5 4}.tree-iivi__path--eje line{stroke:var(--accent-tonic);stroke-width:2.6px}.tree-iivi__path--oculto line{stroke:var(--status-warning);stroke-dasharray:2 4}.tree-iivi__path-label{fill:var(--ink-muted);paint-order:stroke;stroke:var(--bg-surface);stroke-width:4px;stroke-linejoin:round;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700}.tree-iivi__node{cursor:pointer}.tree-iivi__node-circle{fill:var(--bg-raised);stroke:var(--ink-muted);stroke-width:2px;transform-box:fill-box;transform-origin:50%;transition:transform .18s cubic-bezier(.2,0,0,1),stroke-width .18s,filter .18s}.tree-iivi__node:hover .tree-iivi__node-circle{transform:scale(1.06)}.tree-iivi__node--subdominante .tree-iivi__node-circle{stroke:var(--accent-subdominant)}.tree-iivi__node--dominante .tree-iivi__node-circle{stroke:var(--accent-dominant)}.tree-iivi__node--tonica .tree-iivi__node-circle{stroke:var(--accent-tonic)}.tree-iivi__node--eje .tree-iivi__node-circle{stroke:var(--ink-primary)}.tree-iivi__node--oculto .tree-iivi__node-circle{fill:#0000;stroke:var(--status-warning);stroke-dasharray:4 4}.tree-iivi__node--dim{opacity:.42}.tree-iivi__node--lit .tree-iivi__node-circle,.tree-iivi__node--selected .tree-iivi__node-circle{stroke-width:3.5px;filter:drop-shadow(0 0 7px)}.tree-iivi__node--lit,.tree-iivi__node--selected{opacity:1}.tree-iivi__node-note{fill:var(--ink-primary);dominant-baseline:central;pointer-events:none;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:800}.tree-iivi__node-role{fill:var(--ink-muted);pointer-events:none;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:700}.tree-iivi__node-numeral{fill:var(--ink-muted);pointer-events:none;font-family:Baskerville,Times New Roman,serif;font-size:10px}.tree-iivi__side{flex-direction:column;gap:14px;display:flex}.tree-iivi__chords{flex-direction:column;gap:8px;display:flex}.tree-iivi__chord{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;text-align:left;border-left-width:3px;border-radius:11px;flex-direction:column;align-items:flex-start;gap:2px;padding:.7rem .9rem;transition:background .18s,border-color .18s,transform .18s;display:flex}.tree-iivi__chord:hover{transform:translate(2px)}.tree-iivi__chord--subdominante{border-left-color:var(--accent-subdominant)}.tree-iivi__chord--dominante{border-left-color:var(--accent-dominant)}.tree-iivi__chord--tonica{border-left-color:var(--accent-tonic)}.tree-iivi__chord--active{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface))}.tree-iivi__chord strong{font-size:1.15rem}.tree-iivi__chord-fn{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:800}.tree-iivi__chord-tensions{color:var(--ink-muted);font-size:.78rem}.tree-iivi__detail{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:2px;min-height:118px;padding:.9rem 1rem;display:flex}.tree-iivi__detail-role{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);font-size:.7rem;font-weight:800}.tree-iivi__detail-note{color:var(--ink-primary);font-size:1.6rem;line-height:1.1}.tree-iivi__detail p{color:var(--ink-muted);margin:6px 0 0;font-size:.85rem;line-height:1.55}.tree-iivi__detail-empty{font-style:italic;margin:0!important}.tree-iivi__legend{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding:0;font-size:.8rem;line-height:1.45;list-style:none;display:flex}.tree-iivi__legend li{align-items:baseline;gap:8px;display:flex}.tree-iivi__swatch{border-top-style:solid;border-top-width:2.5px;flex:none;width:18px;height:0;margin-top:7px}.tree-iivi__swatch--bajo{border-top-color:var(--ink-muted)}.tree-iivi__swatch--guia{border-top-color:var(--accent-dominant);border-top-style:dashed}.tree-iivi__swatch--eje{border-top-color:var(--accent-tonic)}.tree-iivi__swatch--oculto{border-top-color:var(--status-warning);border-top-style:dotted}.iivi-page{flex-direction:column;gap:24px;display:flex}.iivi-hero{grid-template-columns:minmax(300px,1fr) minmax(420px,1.05fr);align-items:start;gap:20px;display:grid}@media (width<=1080px){.iivi-hero{grid-template-columns:1fr}}.iivi-hero__lead{margin-bottom:1rem;font-size:1.02rem;line-height:1.6}.iivi-hero__left{flex-direction:column;gap:14px;display:flex}.iivi-hero__staff .ext-chain-staff{margin-top:0}.iivi-compare-stack{flex-direction:column;gap:10px;display:flex}.iivi-compare-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:.85rem 1rem;display:flex}.iivi-compare-row--focus{border-color:color-mix(in srgb, var(--accent-dominant) 40%, transparent);background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface))}.iivi-compare-row__body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.iivi-compare-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;font-weight:800}.iivi-chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.iivi-chip{background:var(--bg-raised);color:var(--ink-primary);border:1px solid #0000;border-radius:9px;padding:6px 12px;font-size:.95rem;font-weight:800;transition:background .18s,border-color .18s,transform .18s}.iivi-chip--playing{background:color-mix(in srgb, var(--accent-dominant) 25%, var(--bg-raised));border-color:var(--accent-dominant);transform:translateY(-2px)}.iivi-chip-row--big{gap:12px}.iivi-chip--big{padding:10px 20px;font-size:1.35rem}.iivi-chip--unknown{color:var(--ink-muted);border-style:dashed;border-color:var(--ink-muted);background:0 0}.iivi-keys{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.iivi-key{align-items:flex-start;gap:10px;display:flex}.iivi-key__num{background:var(--accent-dominant);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.iivi-key h4{color:var(--ink-primary);margin:2px 0 0;font-size:.95rem}.iivi-key p{color:var(--ink-muted);margin:3px 0 0;font-size:.85rem;line-height:1.5}.iivi-key strong{color:var(--ink-primary)}.iivi-chord-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:1.25rem 0;display:grid}.iivi-chord-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top-width:3px;border-radius:14px;flex-direction:column;gap:8px;padding:1.1rem;display:flex}.iivi-chord-card--subdominante{border-top-color:var(--accent-subdominant)}.iivi-chord-card--dominante{border-top-color:var(--accent-dominant)}.iivi-chord-card--tonica{border-top-color:var(--accent-tonic)}.iivi-chord-fn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.iivi-chord-symbol{color:var(--ink-primary);margin:0;font-size:1.7rem;font-weight:800;line-height:1.1}.iivi-chord-card--subdominante .iivi-chord-symbol{color:var(--accent-subdominant)}.iivi-chord-card--dominante .iivi-chord-symbol{color:var(--accent-dominant)}.iivi-chord-card--tonica .iivi-chord-symbol{color:var(--accent-tonic)}.iivi-chord-berklee{color:var(--ink-muted);font-size:.8rem}.iivi-chord-notes{background:var(--bg-raised);color:var(--ink-primary);border-radius:8px;padding:6px 10px;font-size:.95rem;font-weight:700}.iivi-chord-data{flex-direction:column;gap:6px;margin:0;display:flex}.iivi-chord-data div{align-items:baseline;gap:8px;display:flex}.iivi-chord-data dt{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);flex:0 0 84px;font-size:.72rem;font-weight:800}.iivi-chord-data dd{color:var(--ink-primary);margin:0;font-size:.88rem;font-weight:600}.iivi-chord-note{color:var(--ink-muted);margin:2px 0 0;font-size:.85rem;line-height:1.55}.iivi-control-row{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:1rem 0;display:flex}.iivi-control{flex-direction:column;gap:6px;display:flex}.iivi-control__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:800}.iivi-mode-switch{gap:6px;display:flex}.iivi-mode-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-secondary);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:.92rem;font-weight:700;transition:background .18s,color .18s,border-color .18s}.iivi-mode-btn:hover{border-color:var(--accent-dominant);color:var(--ink-primary)}.iivi-mode-btn--active{background:var(--accent-dominant);border-color:var(--accent-dominant);color:#fff}.iivi-source-card{background:color-mix(in srgb, var(--accent-subdominant) 5%, var(--bg-surface))}.iivi-source-list{color:var(--ink-muted);flex-direction:column;gap:8px;margin:.75rem 0;padding-left:1.2rem;font-size:.92rem;line-height:1.6;display:flex}.iivi-source-list strong{color:var(--ink-primary)}.iivi-callout{background:color-mix(in srgb, var(--status-warning) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--status-warning) 35%, transparent);border-radius:12px;margin:1.25rem 0;padding:1.1rem 1.2rem}.iivi-callout h4{color:var(--status-warning);margin:0 0 6px;font-size:1.02rem}.iivi-callout p{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.iivi-callout strong{color:var(--ink-primary)}.iivi-single-note{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:1.25rem 0;display:grid}.iivi-single-note__item{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:4px;padding:1rem;display:flex}.iivi-single-note__role{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.iivi-single-note__item strong{color:var(--accent-dominant);font-size:1.05rem}.iivi-single-note__item p{color:var(--ink-muted);margin:4px 0 0;font-size:.86rem;line-height:1.55}.iivi-pairs-wrap{margin:1.25rem 0;overflow-x:auto}.iivi-pairs-table{border-collapse:collapse;width:100%;font-size:.92rem}.iivi-pairs-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--bg-raised);white-space:nowrap;padding:10px 12px;font-size:.75rem;font-weight:800}.iivi-pairs-table td{border-bottom:1px solid color-mix(in srgb, var(--bg-raised) 60%, transparent);color:var(--ink-secondary);padding:9px 12px}.iivi-pairs-table tbody tr:hover{background:color-mix(in srgb, var(--accent-dominant) 7%, transparent)}.iivi-pairs-table td strong{color:var(--ink-primary)}.iivi-dim{color:var(--ink-muted);font-size:.85em}.iivi-progression{flex-wrap:wrap;gap:8px;margin:1.25rem 0;display:flex}.iivi-step{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:11px;flex-direction:column;gap:2px;min-width:104px;padding:10px 12px;transition:background .18s,border-color .18s,transform .18s;display:flex}.iivi-step--inserted{background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent)}.iivi-step--alert{background:color-mix(in srgb, var(--status-warning) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--status-warning) 45%, transparent)}.iivi-step--playing{border-color:var(--accent-dominant);transform:translateY(-3px)}.iivi-step__chord{color:var(--ink-primary);font-size:1.05rem;font-weight:800}.iivi-step__roman{color:var(--ink-muted);font-size:.74rem;font-weight:700}.iivi-mini-tool{border-top:1px solid var(--bg-raised);margin-top:1.5rem;padding-top:1.25rem}.iivi-mini-tool h3{color:var(--ink-primary);margin:0 0 4px;font-size:1.05rem}.iivi-mini-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:1rem;display:grid}.iivi-mini-item{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:9px;align-items:baseline;gap:8px;padding:8px 12px;display:flex}.iivi-mini-dom{color:var(--accent-dominant);font-weight:800}.iivi-mini-arrow{color:var(--ink-muted);flex:1;font-size:.72rem}.iivi-mini-ii{color:var(--accent-subdominant)}.iivi-drill{flex-direction:column;gap:18px;margin-top:1.25rem;display:flex}.iivi-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:1.5rem 1.2rem;display:flex}.iivi-drill__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.iivi-drill__options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.iivi-option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.98rem;font-weight:700;transition:background .18s,border-color .18s;display:flex}.iivi-option:hover:not(:disabled){border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface))}.iivi-option:disabled{cursor:not-allowed;opacity:.55}.iivi-option--ok{opacity:1;border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 18%, var(--bg-surface));color:var(--accent-tonic)}.iivi-option--bad{opacity:1;border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 15%, var(--bg-surface));color:var(--status-error)}.iivi-drill__feedback{border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:1.1rem 1.2rem;display:flex}.iivi-drill__feedback--ok{background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-tonic) 35%, transparent)}.iivi-drill__feedback--bad{background:color-mix(in srgb, var(--status-error) 10%, var(--bg-surface));border-color:color-mix(in srgb, var(--status-error) 35%, transparent)}.iivi-drill__feedback p{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.iivi-drill__feedback strong{color:var(--ink-primary)}.iivi-drill__hint{font-style:italic;font-size:.86rem!important}.iivi-drill__score{color:var(--ink-muted);align-self:flex-end;font-size:.88rem}.iivi-drill__score strong{color:var(--ink-primary)}@media (width<=640px){.iivi-chord-data dt{flex-basis:72px}.iivi-chip--big{padding:8px 14px;font-size:1.1rem}}.tritone-sub-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.tritone-sub-player__header{flex-direction:column;gap:2px;display:flex}.tritone-sub-player__eyebrow,.tritone-sub-composition__eyebrow{color:var(--accent-dominant-ink,#c084fc);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.tritone-sub-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.tritone-sub-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.tritone-sub-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tritone-sub-player__chapter:hover,.tritone-sub-player__chapter--active{border-color:var(--accent-dominant,#a855f7);background:var(--bg-raised);color:var(--ink-primary)}.tritone-sub-player__chapter:focus-visible,.tritone-sub-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant,#a855f7);outline-offset:2px}.tritone-sub-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.tritone-sub-player__corner-play{border:1px solid var(--accent-dominant,#a855f7);background:var(--accent-dominant,#a855f7);width:100%;height:100%;color:var(--ink-on-accent,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:inline-flex}.tritone-sub-player__corner-play:hover{transform:scale(1.06)}.tritone-sub-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;padding:20px 28px;display:flex}.tritone-sub-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tritone-sub-composition__header-left{flex-direction:column;gap:2px;display:flex}.tritone-sub-composition__title{font:700 1.25rem/1.2 var(--font-ui);color:var(--ink-primary);margin:0}.tritone-sub-composition__rule{border:1px solid var(--accent-dominant,#a855f7);color:var(--accent-dominant-ink,#c084fc);font:700 .68rem/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#a855f71f;border-radius:20px;padding:4px 10px}.tritone-sub-composition__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}.tritone-sub-cards{justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.tritone-sub-chord-card{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:170px;padding:16px 20px;transition:transform .2s,border-color .2s;display:flex}.tritone-sub-chord-card--active{border-color:var(--accent-dominant,#a855f7);transform:translateY(-2px);box-shadow:0 0 16px #a855f740}.tritone-sub-chord-card__symbol{font:800 1.6rem/1 var(--font-ui);color:var(--ink-primary)}.tritone-sub-chord-card__roman{font:700 .85rem/1 var(--font-ui);color:var(--accent-dominant-ink,#c084fc);letter-spacing:.05em}.tritone-sub-chord-card__notes{gap:6px;display:flex}.tritone-sub-note-chip{border:1px solid var(--bg-raised);background:var(--bg-canvas);width:32px;height:44px;font:700 .85rem var(--font-ui);color:var(--ink-muted);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.tritone-sub-note-chip small{opacity:.8;font-size:.6rem;font-weight:600}.tritone-sub-note-chip--tritone{border-color:var(--accent-dominant,#a855f7);color:var(--ink-primary);background:#a855f72e;box-shadow:0 0 8px #a855f759}.tritone-sub-note-chip--active-pulse{animation:1.2s ease-in-out infinite alternate tritonePulse}@keyframes tritonePulse{0%{transform:scale(1);box-shadow:0 0 6px #a855f74d}to{transform:scale(1.08);box-shadow:0 0 14px #a855f799}}.tritone-sub-hinge{flex-direction:column;align-items:center;gap:8px;display:flex}.tritone-sub-hinge__badge{border:1px solid var(--accent-dominant,#a855f7);background:var(--bg-surface);font:700 .82rem var(--font-ui);color:var(--accent-dominant-ink,#c084fc);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.tritone-sub-hinge__distance{font:600 .72rem var(--font-ui);color:var(--ink-muted);letter-spacing:.05em}.tritone-sub-resolution-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,720px);display:grid}.tritone-sub-res-box{border:1px solid var(--bg-raised);background:var(--bg-surface);text-align:center;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.tritone-sub-res-box strong{font:700 .8rem var(--font-ui);color:var(--accent-dominant-ink,#c084fc)}.tritone-sub-res-box span{font:800 .95rem var(--font-ui);color:var(--ink-primary)}.tritone-sub-res-box small{font:600 .7rem var(--font-ui);color:var(--ink-muted)}.tritone-sub-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:500 .82rem/1.3 var(--font-ui);text-align:center;border-radius:8px;padding:10px 16px}@media (width<=640px){.tritone-sub-player{padding:12px}.tritone-sub-player__chapters{flex-wrap:nowrap;overflow-x:auto}.tritone-sub-cards{flex-direction:column;gap:12px}.tritone-sub-resolution-grid{grid-template-columns:1fr}}.subv-page{flex-direction:column;gap:24px;display:flex}.subv-chip{background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.4rem .75rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex}.subv-chip em{letter-spacing:.03em;color:var(--ink-muted);font-size:.68rem;font-style:normal;font-weight:600}.subv-chip--tonic{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);color:var(--accent-tonic)}.subv-chip--subdominant{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);color:var(--accent-subdominant)}.subv-chip--dominant{border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent);color:var(--accent-dominant)}.subv-chip--playing{background:color-mix(in srgb, var(--accent-dominant) 28%, var(--bg-raised));border-color:var(--accent-dominant);color:var(--ink-primary)}.subv-chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subv-chip-row--wide{gap:10px;margin-bottom:12px}.subv-hero{grid-template-columns:minmax(320px,1fr) minmax(420px,1.05fr);align-items:start;gap:20px;display:grid}@media (width<=1180px){.subv-hero{grid-template-columns:1fr}}.subv-hero__lead{margin-bottom:1rem;font-size:1.02rem;line-height:1.6}.subv-hero__left,.subv-hero__staves{flex-direction:column;gap:14px;display:flex}.subv-hero__staves .ext-chain-staff{margin-top:0}.subv-compare-stack{flex-direction:column;gap:10px;display:flex}.subv-compare-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:.85rem 1rem;display:flex}.subv-compare-row--focus{border-color:color-mix(in srgb, var(--accent-dominant) 40%, transparent);background:color-mix(in srgb, var(--accent-dominant) 6%, var(--bg-surface))}.subv-compare-row__body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.subv-compare-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;font-weight:800}.subv-tritone-proof{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:.9rem 1rem}.subv-tritone-proof__title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.78rem;font-weight:800}.subv-tritone-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.subv-tritone-col{flex-direction:column;gap:4px;display:flex}.subv-tritone-col__head{text-align:center;border-radius:8px;padding:.3rem 0;font-size:.95rem;font-weight:800}.subv-tritone-col__head--dom{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, transparent)}.subv-tritone-col__head--sub{color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 14%, transparent)}.subv-tritone-note{text-align:center;color:var(--ink-muted);background:var(--bg-raised);border-radius:6px;padding:.28rem 0;font-size:.88rem}.subv-tritone-note--shared{color:var(--bg-canvas);background:var(--status-warning);font-weight:800}.subv-tritone-proof__note{color:var(--ink-muted);margin:10px 0 0;font-size:.86rem;line-height:1.55}.subv-keys{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.subv-key{align-items:flex-start;gap:12px;display:flex}.subv-key__num{background:var(--accent-dominant);color:#fff;border-radius:50%;flex:0 0 26px;place-items:center;height:26px;font-size:.82rem;font-weight:800;display:grid}.subv-key h4{margin:0 0 3px;font-size:.95rem}.subv-key p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.55}.subv-pairs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px;display:grid}.subv-pair{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:.9rem;display:flex}.subv-pair__chords{align-items:center;gap:10px;display:flex}.subv-pair__link{color:var(--ink-muted);font-size:1.1rem}.subv-pair__tritone{letter-spacing:.04em;color:var(--status-warning);font-size:.78rem;font-weight:700}.subv-finder{flex-direction:column;gap:14px;margin-top:14px;display:flex}.subv-finder__field{color:var(--ink-muted);align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.subv-finder__result{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.subv-result{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:1rem;display:flex}.subv-result--dominant{border-color:color-mix(in srgb, var(--accent-dominant) 40%, transparent)}.subv-result--sub{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.subv-result__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.subv-result__symbol{font-size:1.7rem;font-weight:800;line-height:1.1}.subv-result--dominant .subv-result__symbol{color:var(--accent-dominant)}.subv-result--sub .subv-result__symbol{color:var(--accent-minor)}.subv-result__notes{font-size:.9rem;font-weight:600}.subv-result__motion,.subv-result__tensions{color:var(--ink-muted);font-size:.8rem;line-height:1.5}.subv-bolero-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.subv-switch{background:var(--bg-raised);border-radius:10px;padding:3px;display:inline-flex}.subv-switch__btn{color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:8px;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:700}.subv-switch__btn:hover{color:var(--ink-primary)}.subv-switch__btn--active{background:var(--accent-dominant);color:#fff}.subv-switch__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.subv-sheet{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=720px){.subv-sheet{grid-template-columns:repeat(2,1fr)}}.subv-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;min-height:88px;padding:1.2rem .5rem .6rem;position:relative}.subv-bar__n{color:var(--ink-muted);font-size:.68rem;font-weight:800;position:absolute;top:5px;left:8px}.subv-bar__slots{justify-content:center;gap:6px;display:flex}.subv-slot{background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:.4rem .2rem;display:flex}.subv-slot__symbol{font-size:.95rem;font-weight:800}.subv-slot__roman{letter-spacing:.02em;color:var(--ink-muted);text-align:center;font-size:.68rem;font-weight:700}.subv-slot--tonic .subv-slot__symbol{color:var(--accent-tonic)}.subv-slot--subdominant .subv-slot__symbol{color:var(--accent-subdominant)}.subv-slot--dominant .subv-slot__symbol{color:var(--accent-dominant)}.subv-slot--swappable{border-style:dashed;border-color:color-mix(in srgb, var(--accent-dominant) 50%, transparent)}.subv-slot--playing{background:color-mix(in srgb, var(--accent-dominant) 26%, var(--bg-raised));border-style:solid;border-color:var(--accent-dominant)}.subv-bassline{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:.7rem .9rem;display:flex;overflow-x:auto}.subv-bassline__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);flex:none;font-size:.72rem;font-weight:800}.subv-bassline__notes{gap:6px;display:flex}.subv-bassnote{text-align:center;background:var(--bg-raised);min-width:42px;color:var(--ink-muted);border-radius:6px;padding:.3rem .5rem;font-size:.85rem;font-weight:700}.subv-bassnote--swapped{background:color-mix(in srgb, var(--accent-dominant) 22%, var(--bg-raised));color:var(--ink-primary)}.subv-verdict{background:var(--bg-surface);border-left:3px solid var(--accent-subdominant);border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:.8rem 1rem;font-size:.92rem;line-height:1.6;display:flex}.subv-verdict svg{flex:none;margin-top:3px}.subv-verdict--sub{border-left-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-surface))}.subv-verdict--libre{border-left-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface))}.subv-verdict--cuidado{border-left-color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 8%, var(--bg-surface))}.subv-verdict--bloqueado{border-left-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 8%, var(--bg-surface))}.subv-swap-table{flex-direction:column;gap:6px;margin-top:14px;display:flex}.subv-swap-head,.subv-swap-row{grid-template-columns:60px 1fr 1fr 1fr auto;align-items:center;gap:10px;display:grid}.subv-swap-head{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:0 .9rem;font-size:.68rem;font-weight:800}.subv-swap-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;padding:.6rem .9rem}@media (width<=760px){.subv-swap-head{display:none}.subv-swap-row{grid-template-columns:1fr 1fr}}.subv-swap-bar{color:var(--ink-muted);font-size:1.1rem;font-weight:800}.subv-swap-cell{flex-direction:column;gap:1px;display:flex}.subv-swap-cell strong{font-size:1rem}.subv-swap-cell em{color:var(--ink-muted);font-size:.72rem;font-style:normal}.subv-swap-cell--sub strong{color:var(--accent-minor)}.subv-phrase-staves{grid-template-columns:1fr;gap:14px;margin-top:14px;display:grid}.subv-phrase-staves .ext-chain-staff{margin-top:0}.subv-melody-picker{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.subv-note-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;padding:.5rem .85rem;font-family:inherit;font-size:.88rem;font-weight:700}.subv-note-btn:hover{color:var(--ink-primary)}.subv-note-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.subv-note-btn--libre{border-bottom:3px solid var(--accent-tonic)}.subv-note-btn--cuidado{border-bottom:3px solid var(--status-warning)}.subv-note-btn--bloqueado{border-bottom:3px solid var(--status-error)}.subv-note-btn--active{background:var(--bg-raised);color:var(--ink-primary);border-color:var(--ink-muted)}.subv-melody-result{flex-direction:column;gap:12px;display:flex}.subv-melody-compare{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.subv-melody-side{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--accent-dominant) 35%, transparent);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:1rem;display:flex}.subv-melody-side--sub{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.subv-melody-side__head{color:var(--ink-muted);font-size:.8rem;font-weight:700}.subv-melody-degree{font-size:1.05rem}.subv-melody-legend{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.subv-legend-item{color:var(--ink-muted);align-items:center;gap:7px;font-size:.8rem;display:inline-flex}.subv-legend-item:before{content:"";border-radius:2px;width:14px;height:3px}.subv-legend-item--libre:before{background:var(--accent-tonic)}.subv-legend-item--cuidado:before{background:var(--status-warning)}.subv-legend-item--bloqueado:before{background:var(--status-error)}.subv-fineprint{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin-top:14px;padding-top:12px;font-size:.84rem}.subv-notation-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0;display:grid}.subv-notation-cell{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:.9rem .6rem;display:flex}.subv-notation-cell__roman{color:var(--status-error);font-size:.95rem;font-weight:800}.subv-notation-cell__symbol{color:var(--accent-minor);font-size:1.35rem;font-weight:800}.subv-notation-cell__label{color:var(--ink-muted);text-align:center;font-size:.74rem}.subv-tension-compare{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0;display:grid}.subv-tension-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:5px;padding:1rem;display:flex}.subv-tension-card p{color:var(--ink-muted);margin:6px 0 0;font-size:.85rem;line-height:1.55}.subv-tension-card__head{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;font-weight:800}.subv-tension-card__tensions{font-size:1.5rem;font-weight:800}.subv-tension-card__scale{font-size:.85rem;font-weight:600}.subv-tension-card--dom{border-color:color-mix(in srgb, var(--accent-dominant) 40%, transparent)}.subv-tension-card--dom .subv-tension-card__tensions{color:var(--accent-dominant)}.subv-tension-card--sub{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.subv-tension-card--sub .subv-tension-card__tensions{color:var(--accent-minor)}.subv-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.subv-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;align-items:center;gap:14px;padding:1.2rem 1.6rem;display:flex}.subv-drill__prompt .subv-chip{padding:.5rem 1rem;font-size:1.35rem}.subv-drill__arrow{color:var(--ink-muted);font-size:1.4rem}.subv-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.subv-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:96px;color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:.7rem 1.1rem;font-family:inherit;font-size:1.05rem;font-weight:700;display:inline-flex}.subv-drill__option:hover:not(:disabled){border-color:var(--accent-dominant)}.subv-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.subv-drill__option:disabled{cursor:default}.subv-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.subv-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.subv-drill__option--dim{opacity:.45}.subv-drill__feedback{text-align:center;max-width:620px}.subv-drill__feedback p{color:var(--ink-muted);margin:0 0 14px;font-size:.92rem;line-height:1.6}.subv-drill__actions{justify-content:center;gap:10px;display:flex}.subv-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.subv-melody-staves{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin-top:16px;display:grid}.subv-voicing-for{color:var(--ink-muted);margin-bottom:14px;font-size:.88rem}.mix-page{flex-direction:column;gap:24px;display:flex}.mix-chip{background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.4rem .75rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex}.mix-chip em{letter-spacing:.03em;color:var(--ink-muted);font-size:.68rem;font-style:normal;font-weight:600}.mix-chip--big{padding:.7rem 1.4rem;font-size:1.5rem}.mix-chip--neutral{border-color:var(--ink-muted)}.mix-chip--tonic{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);color:var(--accent-tonic)}.mix-chip--subdominant{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);color:var(--accent-subdominant)}.mix-chip--dominant{border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent);color:var(--accent-dominant)}.mix-chip--minor{border-color:color-mix(in srgb, var(--accent-minor) 50%, transparent);color:var(--accent-minor)}.mix-chip--borrowed{border-style:dashed;border-width:2px}.mix-chip--playing{background:color-mix(in srgb, var(--accent-minor) 26%, var(--bg-raised));border-color:var(--accent-minor);color:var(--ink-primary)}.mix-chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mix-hero__lead{margin-bottom:1rem;font-size:1.02rem;line-height:1.6}.mix-scale-compare{flex-direction:column;gap:10px;margin-top:14px;display:flex}.mix-scale-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.85rem 1rem;display:flex}.mix-scale-row__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);flex:0 0 150px;font-size:.8rem;font-weight:800}.mix-scale-row__notes{flex-wrap:wrap;flex:auto;gap:6px;display:flex}.mix-note{text-align:center;background:var(--bg-raised);min-width:52px;color:var(--ink-muted);border-radius:8px;padding:.55rem .4rem .32rem;font-size:.9rem;font-weight:700;position:relative}.mix-note em{opacity:.6;font-size:.6rem;font-style:normal;font-weight:700;position:absolute;top:2px;left:5px}.mix-note--shared{color:var(--ink-muted)}.mix-note--changed{background:color-mix(in srgb, var(--accent-minor) 20%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--accent-minor) 55%, transparent);color:var(--accent-minor)}.mix-scale-legend{flex-wrap:wrap;gap:14px;margin:4px 0 0;display:flex}.mix-legend-chip{color:var(--ink-muted);align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.mix-legend-chip:before{content:"";background:var(--bg-raised);border-radius:3px;width:12px;height:12px}.mix-legend-chip--changed:before{background:color-mix(in srgb, var(--accent-minor) 20%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--accent-minor) 55%, transparent)}.mix-compare-stack{flex-direction:column;gap:10px;margin:14px 0;display:flex}.mix-compare-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:.85rem 1rem;display:flex}.mix-compare-row--focus{border-color:color-mix(in srgb, var(--accent-minor) 40%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.mix-compare-row__body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mix-compare-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;font-weight:800}.mix-hero-staves,.mix-phrase-staves{grid-template-columns:1fr;gap:14px;margin-top:14px;display:grid}.mix-hero-staves .ext-chain-staff,.mix-phrase-staves .ext-chain-staff{margin-top:0}.mix-machine-controls{flex-direction:column;gap:16px;margin:18px 0;display:flex}.mix-field{color:var(--ink-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:inline-flex}.mix-field--inline{margin-left:auto}.mix-switches{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.mix-switch{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);text-align:left;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:12px;align-items:center;gap:12px;padding:.8rem 1rem;font-family:inherit;display:flex}.mix-switch:hover{border-color:var(--ink-muted)}.mix-switch:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mix-switch--on{border-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 10%, var(--bg-surface));color:var(--ink-primary)}.mix-switch__symbol{background:var(--bg-raised);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:1.1rem;font-weight:800;display:grid}.mix-switch--on .mix-switch__symbol{background:var(--accent-minor);color:var(--bg-canvas)}.mix-switch__label{font-size:.76rem;font-weight:600;line-height:1.45}.mix-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mix-presets__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:800}.mix-preset{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:999px;padding:.4rem .8rem;font-family:inherit;font-size:.8rem;font-weight:700}.mix-preset:hover{color:var(--ink-primary);border-color:var(--ink-muted)}.mix-preset:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mix-preset--active{background:var(--accent-minor);border-color:var(--accent-minor);color:var(--bg-canvas)}.mix-scale-readout{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--accent-minor) 35%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding:1rem 1.1rem;display:flex}.mix-scale-readout--modal{border-color:var(--bg-raised);border-style:dashed}.mix-scale-readout__head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mix-scale-readout__name{font-size:1.15rem;font-weight:800}.mix-scale-readout__tag{background:var(--bg-raised);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.mix-scale-readout__head .modes-button{margin-left:auto}.mix-scale-readout__note{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.mix-chord-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0;display:grid}.mix-chord-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left-width:3px;border-radius:12px;flex-direction:column;gap:3px;padding:.8rem .9rem;display:flex}.mix-chord-card--tonic{border-left-color:var(--accent-tonic)}.mix-chord-card--subdominant{border-left-color:var(--accent-subdominant)}.mix-chord-card--dominant{border-left-color:var(--accent-dominant)}.mix-chord-card--minor{border-left-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.mix-chord-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mix-chord-card__roman{color:var(--status-error);font-size:.88rem;font-weight:800}.mix-chord-card__play{background:var(--bg-raised);width:24px;height:24px;color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;place-items:center;display:grid}.mix-chord-card__play:hover{color:var(--ink-primary)}.mix-chord-card__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mix-chord-card__symbol{font-size:1.2rem;font-weight:800}.mix-chord-card__notes{color:var(--ink-muted);font-size:.8rem}.mix-chord-card__fn{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin-top:4px;font-size:.72rem;font-weight:800}.mix-chord-card__changes{color:var(--accent-minor);font-size:.75rem;font-weight:700}.mix-machine-footer{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mix-machine-footer__note{color:var(--ink-muted);margin:0;font-size:.85rem}.mix-source-toggle{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.mix-segmented{background:var(--bg-raised);border-radius:10px;padding:3px;display:inline-flex}.mix-seg__btn{color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:8px;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:700}.mix-source-toggle .mix-seg__btn{background:var(--bg-raised)}.mix-seg__btn:hover{color:var(--ink-primary)}.mix-seg__btn--active,.mix-source-toggle .mix-seg__btn--active{background:var(--accent-minor);color:var(--bg-canvas)}.mix-seg__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mix-staff-wrap{margin-bottom:14px;overflow-x:auto}.mix-function-groups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0;display:grid}.mix-function-group{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top-width:3px;border-radius:12px;padding:.9rem 1rem}.mix-function-group--tonic{border-top-color:var(--accent-tonic)}.mix-function-group--subdominant{border-top-color:var(--accent-subdominant)}.mix-function-group--dominant{border-top-color:var(--accent-dominant)}.mix-function-group--minor{border-top-color:var(--accent-minor)}.mix-function-group__title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.78rem;font-weight:800}.mix-function-group__chords{flex-wrap:wrap;gap:8px;display:flex}.mix-version-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.mix-sheet{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=720px){.mix-sheet{grid-template-columns:repeat(2,1fr)}}.mix-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;min-height:88px;padding:1.2rem .5rem .6rem;position:relative}.mix-bar__n{color:var(--ink-muted);font-size:.68rem;font-weight:800;position:absolute;top:5px;left:8px}.mix-bar__slots{justify-content:center;gap:6px;display:flex}.mix-slot{background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:.4rem .2rem;display:flex}.mix-slot__symbol{text-align:center;font-size:.92rem;font-weight:800}.mix-slot__roman{color:var(--ink-muted);text-align:center;font-size:.66rem;font-weight:700}.mix-slot--tonic .mix-slot__symbol{color:var(--accent-tonic)}.mix-slot--subdominant .mix-slot__symbol{color:var(--accent-subdominant)}.mix-slot--dominant .mix-slot__symbol{color:var(--accent-dominant)}.mix-slot--borrowed{border-style:dashed;border-color:color-mix(in srgb, var(--accent-minor) 55%, transparent);background:color-mix(in srgb, var(--accent-minor) 10%, var(--bg-raised))}.mix-slot--playing{border-style:solid;border-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 26%, var(--bg-raised))}.mix-bassline{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:.7rem .9rem;display:flex;overflow-x:auto}.mix-bassline__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);flex:none;font-size:.72rem;font-weight:800}.mix-bassline__notes{gap:6px;display:flex}.mix-bassnote{text-align:center;background:var(--bg-raised);min-width:44px;color:var(--ink-muted);border-radius:6px;padding:.3rem .5rem;font-size:.85rem;font-weight:700}.mix-bassnote--borrowed{background:color-mix(in srgb, var(--accent-minor) 22%, var(--bg-raised));color:var(--ink-primary)}.mix-bass-compare{flex-direction:column;gap:10px;margin-top:14px;display:flex}.mix-bass-compare__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:.7rem .9rem;display:flex;overflow-x:auto}.mix-bass-compare__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex:0 0 130px;font-size:.75rem;font-weight:800}.mix-verdict{background:var(--bg-surface);border-left:3px solid var(--ink-muted);border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:.8rem 1rem;font-size:.92rem;line-height:1.6;display:flex}.mix-verdict svg{flex:none;margin-top:3px}.mix-verdict--suave{border-left-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-surface))}.mix-verdict--abierta{border-left-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 8%, var(--bg-surface))}.mix-boundary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:16px 0;display:grid}.mix-boundary{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:1rem;display:flex}.mix-boundary--focus{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.mix-boundary h3{margin:0;font-size:1rem}.mix-boundary p{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.mix-boundary__answer{font-weight:800;color:var(--ink-primary)!important}.mix-boundary__example{background:var(--bg-raised);text-align:center;border-radius:8px;margin-top:6px;padding:.4rem .6rem;font-size:.85rem;font-weight:700}.mix-quote{border-left:3px solid var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 8%, var(--bg-surface));border-radius:12px;margin:16px 0;padding:1rem 1.2rem;font-size:1.08rem;line-height:1.6}.mix-combos{border-top:1px solid var(--bg-raised);margin-top:18px;padding-top:16px}.mix-combos__title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 12px;font-size:.8rem;font-weight:800}.mix-combos__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:14px;display:grid}.mix-combo{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:3px;padding:.7rem .8rem;display:flex}.mix-combo--source{border-color:color-mix(in srgb, var(--accent-minor) 40%, transparent)}.mix-combo--mode{opacity:.72;border-style:dashed}.mix-combo__switches{color:var(--accent-minor);font-size:.95rem;font-weight:800}.mix-combo--mode .mix-combo__switches{color:var(--ink-muted)}.mix-combo__label{font-size:.88rem;font-weight:700}.mix-combo__tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:.68rem;font-weight:700}.mix-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.mix-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;align-items:center;gap:14px;padding:1.2rem 1.6rem;display:flex}.mix-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mix-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.mix-drill__option:hover:not(:disabled){border-color:var(--accent-minor)}.mix-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.mix-drill__option:disabled{cursor:default}.mix-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.mix-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.mix-drill__option--dim{opacity:.45}.mix-drill__feedback{text-align:center;max-width:620px}.mix-drill__feedback p{color:var(--ink-muted);margin:0 0 14px;font-size:.92rem;line-height:1.6}.mix-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.mix-staff{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin:0;padding:1rem;display:flex}.mix-staff__title{align-self:flex-start;font-size:.9rem;font-weight:800}.mix-staff__canvas{justify-content:center;width:100%;display:flex;overflow-x:auto}.mix-staff__caption{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.55}.sdm-page{flex-direction:column;gap:24px;display:flex}.sdm-note{text-align:center;background:var(--bg-raised);min-width:48px;color:var(--ink-muted);border:1px solid #0000;border-radius:8px;padding:.4rem .55rem;font-size:.9rem;font-weight:700;display:inline-block}.sdm-note--characteristic{background:color-mix(in srgb, var(--accent-minor) 20%, var(--bg-raised));border-color:color-mix(in srgb, var(--accent-minor) 55%, transparent);color:var(--accent-minor)}.sdm-field{color:var(--ink-muted);align-items:center;gap:10px;margin:16px 0;font-size:.85rem;font-weight:700;display:inline-flex}.sdm-list{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0 0 14px;padding-left:1.2rem;font-size:.9rem;line-height:1.6;display:flex}.sdm-triads{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0;display:grid}.sdm-triad{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:1rem;display:flex}.sdm-triad--focus{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.sdm-triad__label{letter-spacing:.04em;color:var(--ink-muted);font-size:.82rem;font-weight:800}.sdm-triad__notes{flex-wrap:wrap;gap:6px;display:flex}.sdm-triad__tag{font-size:.85rem;font-weight:700}.sdm-triad--focus .sdm-triad__tag{color:var(--accent-minor)}.sdm-line{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;padding:1rem;display:flex}.sdm-line__step{align-items:center;gap:8px;display:inline-flex}.sdm-line__step em{color:var(--ink-muted);font-size:.72rem;font-style:normal;font-weight:800}.sdm-line__arrow{color:var(--accent-minor);margin-left:4px;font-size:.8rem;font-weight:800}.sdm-line-staves{grid-template-columns:1fr;gap:14px;margin-top:16px;display:grid}.sdm-catalog{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.sdm-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-left:3px solid var(--accent-minor);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:1rem;display:flex}.sdm-card__head{align-items:baseline;gap:10px;display:flex}.sdm-card__roman{color:var(--status-error);font-size:.9rem;font-weight:800}.sdm-card__symbol{font-size:1.3rem;font-weight:800}.sdm-card__notes{color:var(--ink-muted);font-size:.85rem}.sdm-card__where{color:var(--accent-minor);margin:4px 0 0;font-size:.85rem}.sdm-card__tensions{color:var(--ink-muted);font-size:.78rem;font-weight:700}.sdm-card__note{color:var(--ink-muted);margin:4px 0 6px;font-size:.85rem;line-height:1.55}.sdm-identity{flex-direction:column;gap:10px;margin-top:14px;display:flex}.sdm-identity__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:.7rem .9rem;display:flex}.sdm-identity__label{flex:0 0 96px;font-size:.9rem;font-weight:800}.sdm-variant-picker{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.sdm-variant-btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.6rem 1rem;font-family:inherit;display:flex}.sdm-variant-btn:hover{border-color:var(--accent-minor)}.sdm-variant-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.sdm-variant-btn--active{border-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 14%, var(--bg-surface))}.sdm-variant-btn__symbol{font-size:1.02rem;font-weight:800}.sdm-variant-btn__roman{color:var(--ink-muted);font-size:.7rem;font-weight:700}.sdm-variant-detail{background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-minor) 35%, transparent);border-radius:12px;padding:1rem}.sdm-variant-detail__head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sdm-variant-detail__symbol{color:var(--accent-minor);font-size:1.4rem;font-weight:800}.sdm-variant-detail__meta{color:var(--ink-muted);font-size:.88rem}.sdm-variant-detail__borrowed{background:var(--bg-raised);letter-spacing:.03em;color:var(--ink-muted);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.sdm-variant-detail__borrowed--dark{background:color-mix(in srgb, var(--accent-minor) 22%, var(--bg-raised));color:var(--accent-minor)}.sdm-variant-detail__head .modes-button{margin-left:auto}.sdm-variant-detail__when{margin:10px 0 0;font-size:.9rem;line-height:1.6}.sdm-fineprint{border-top:1px solid var(--bg-raised);color:var(--ink-muted);margin-top:14px;padding-top:12px;font-size:.85rem}.sdm-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.sdm-segmented{background:var(--bg-raised);border-radius:10px;padding:3px;display:inline-flex}.sdm-seg__btn{color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:8px;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:700}.sdm-seg__btn:hover{color:var(--ink-primary)}.sdm-seg__btn--active{background:var(--accent-minor);color:var(--bg-canvas)}.sdm-seg__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.sdm-sheet{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=720px){.sdm-sheet{grid-template-columns:repeat(2,1fr)}}.sdm-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;min-height:88px;padding:1.2rem .5rem .6rem;position:relative}.sdm-bar__n{color:var(--ink-muted);font-size:.68rem;font-weight:800;position:absolute;top:5px;left:8px}.sdm-bar__slots{justify-content:center;gap:6px;display:flex}.sdm-slot{background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:.4rem .2rem;display:flex}.sdm-slot__symbol{text-align:center;font-size:.92rem;font-weight:800}.sdm-slot__roman{color:var(--ink-muted);text-align:center;font-size:.66rem;font-weight:700}.sdm-slot--tonic .sdm-slot__symbol{color:var(--accent-tonic)}.sdm-slot--subdominant .sdm-slot__symbol{color:var(--accent-subdominant)}.sdm-slot--dominant .sdm-slot__symbol{color:var(--accent-dominant)}.sdm-slot--sdm{border-style:dashed;border-color:color-mix(in srgb, var(--accent-minor) 55%, transparent);background:color-mix(in srgb, var(--accent-minor) 10%, var(--bg-raised))}.sdm-slot--sdm .sdm-slot__symbol{color:var(--accent-minor)}.sdm-slot--playing{border-style:solid;border-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 26%, var(--bg-raised))}.sdm-verdict{background:var(--bg-surface);border-left:3px solid var(--ink-muted);border-radius:10px;align-items:flex-start;gap:8px;margin:16px 0 0;padding:.8rem 1rem;font-size:.92rem;line-height:1.6;display:flex}.sdm-verdict svg{flex:none;margin-top:3px}.sdm-verdict--con{border-left-color:var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 8%, var(--bg-surface))}.sdm-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.sdm-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;align-items:center;gap:14px;padding:1.2rem 1.6rem;display:flex}.sdm-drill__chord{font-size:1.6rem;font-weight:800}.sdm-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sdm-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.sdm-drill__option:hover:not(:disabled){border-color:var(--accent-minor)}.sdm-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.sdm-drill__option:disabled{cursor:default}.sdm-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.sdm-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.sdm-drill__option--dim{opacity:.45}.sdm-drill__feedback{text-align:center;max-width:620px}.sdm-drill__feedback p{color:var(--ink-muted);margin:0 0 12px;font-size:.92rem;line-height:1.6}.sdm-drill__notes{justify-content:center;gap:6px;display:flex}.sdm-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.bd-page{flex-direction:column;gap:24px;display:flex}.bd-chip{background:var(--bg-raised);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.4rem .75rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex}.bd-chip em{letter-spacing:.03em;color:var(--ink-muted);font-size:.68rem;font-style:normal;font-weight:600}.bd-chip--tonic{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);color:var(--accent-tonic)}.bd-chip--subdominant{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);color:var(--accent-subdominant)}.bd-chip--dominant{border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent);color:var(--accent-dominant)}.bd-chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bd-route-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.bd-route{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:10px;padding:1rem;display:flex}.bd-route--focus{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.bd-route__label{letter-spacing:.04em;color:var(--ink-muted);font-size:.78rem;font-weight:800}.bd-route .ext-chain-staff{margin-top:0}.bd-field{color:var(--ink-muted);align-items:center;gap:10px;margin:14px 0;font-size:.88rem;font-weight:700;display:flex}.bd-catalog{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.bd-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:1rem;display:flex}.bd-card--used{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.bd-card__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.bd-card__roman{color:var(--ink-muted);font-size:.85rem;font-weight:800}.bd-card__symbol{font-size:1.35rem;font-weight:800}.bd-card--used .bd-card__symbol{color:var(--accent-subdominant)}.bd-card__notes{color:var(--ink-muted);font-size:.88rem;font-weight:600}.bd-card__tag{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);color:var(--accent-subdominant);border-radius:999px;align-self:flex-start;padding:.18rem .55rem;font-size:.68rem;font-weight:800}.bd-compare-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.bd-verdict{background:var(--bg-surface);border-left:3px solid var(--accent-subdominant);border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:.8rem 1rem;font-size:.92rem;line-height:1.6;display:flex}.bd-verdict svg{flex:none;margin-top:3px}.bd-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.bd-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:1.1rem 1.4rem;display:flex}.bd-drill__prompt-item{align-items:center;gap:10px;display:inline-flex}.bd-drill__arrow{color:var(--ink-muted);font-size:1.2rem}.bd-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bd-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.bd-drill__option:hover:not(:disabled){border-color:var(--accent-subdominant)}.bd-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.bd-drill__option:disabled{cursor:default}.bd-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.bd-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.bd-drill__option--dim{opacity:.45}.bd-drill__feedback{text-align:center;max-width:620px}.bd-drill__feedback p{color:var(--ink-muted);margin:0 0 14px;font-size:.92rem;line-height:1.6}.bd-drill__actions{justify-content:center;gap:10px;display:flex}.bd-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.spf-page{flex-direction:column;gap:24px;display:flex}.spf-field{color:var(--ink-muted);align-items:center;gap:10px;margin:16px 0;font-size:.85rem;font-weight:700;display:inline-flex}.spf-keys{flex-direction:column;gap:12px;margin:16px 0;padding:0;list-style:none;display:flex}.spf-key{align-items:flex-start;gap:12px;display:flex}.spf-key__num{background:var(--accent-dominant);color:#fff;border-radius:50%;flex:0 0 26px;place-items:center;height:26px;font-size:.82rem;font-weight:800;display:grid}.spf-key h4{margin:0 0 3px;font-size:.95rem}.spf-key p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.55}.spf-ab{flex-direction:column;gap:10px;margin:16px 0;display:flex}.spf-ab__row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.85rem 1rem;display:flex}.spf-ab__row--focus{border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:color-mix(in srgb, var(--accent-minor) 6%, var(--bg-surface))}.spf-ab__label{color:var(--ink-muted);flex:220px;font-size:.85rem;font-weight:700}.spf-ab__chords{flex-wrap:wrap;gap:6px;display:flex}.spf-chip{background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;padding:.4rem .75rem;font-size:.92rem;font-weight:700}.spf-chip--playing{background:color-mix(in srgb, var(--accent-minor) 28%, var(--bg-raised));color:var(--ink-primary)}.spf-palette{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;display:grid}.spf-column{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top-width:3px;border-radius:12px;padding:.9rem 1rem}.spf-column--tonic{border-top-color:var(--accent-tonic)}.spf-column--subdominant{border-top-color:var(--accent-subdominant)}.spf-column--minor{border-top-color:var(--accent-minor)}.spf-column--dominant{border-top-color:var(--accent-dominant)}.spf-column__title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:.78rem;font-weight:800}.spf-column__chords{flex-direction:column;gap:6px;display:flex}.spf-palette-chip{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);text-align:left;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;flex-direction:column;align-items:flex-start;gap:1px;padding:.5rem .7rem;font-family:inherit;display:flex}.spf-palette-chip:hover{border-color:var(--ink-muted)}.spf-palette-chip:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.spf-palette-chip--borrowed{border-style:dashed;border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:0 0}.spf-palette-chip__symbol{font-size:.98rem;font-weight:800}.spf-palette-chip__roman{color:var(--status-error);font-size:.7rem;font-weight:700}.spf-palette-chip__tensions{color:var(--ink-muted);font-size:.7rem}.spf-legend{flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.spf-legend__solid,.spf-legend__dashed{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:4px;width:20px;height:12px;display:inline-block}.spf-legend__dashed{border-style:dashed;border-color:color-mix(in srgb, var(--accent-minor) 45%, transparent);background:0 0}.spf-reharm-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.spf-presets{flex-wrap:wrap;gap:6px;display:flex}.spf-preset{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:999px;padding:.4rem .85rem;font-family:inherit;font-size:.8rem;font-weight:700}.spf-preset:hover{color:var(--ink-primary)}.spf-preset:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.spf-preset--active{background:var(--accent-dominant);border-color:var(--accent-dominant);color:#fff}.spf-toggle{color:var(--ink-muted);cursor:pointer;align-items:center;gap:8px;font-size:.84rem;display:inline-flex}.spf-toggle input{accent-color:var(--accent-dominant)}.spf-reharm-controls>.modes-button{margin-left:auto}.spf-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.spf-slot{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:.7rem .5rem;font-family:inherit;display:flex}.spf-slot:hover{border-color:var(--ink-muted)}.spf-slot:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.spf-slot--editing{border-color:var(--accent-dominant);box-shadow:0 0 0 1px var(--accent-dominant)}.spf-slot--playing{background:color-mix(in srgb, var(--accent-dominant) 20%, var(--bg-surface))}.spf-slot--veto{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 8%, var(--bg-surface))}.spf-slot__melody{color:var(--ink-muted);font-size:.68rem}.spf-slot__symbol{font-size:1.1rem;font-weight:800}.spf-slot__roman{color:var(--status-error);font-size:.7rem;font-weight:700}.spf-slot__fn{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;margin-top:3px;padding:.12rem .5rem;font-size:.64rem;font-weight:800}.spf-slot__fn--tonic{background:color-mix(in srgb, var(--accent-tonic) 18%, transparent);color:var(--accent-tonic)}.spf-slot__fn--subdominant{background:color-mix(in srgb, var(--accent-subdominant) 18%, transparent);color:var(--accent-subdominant)}.spf-slot__fn--minor{background:color-mix(in srgb, var(--accent-minor) 18%, transparent);color:var(--accent-minor)}.spf-slot__fn--dominant{background:color-mix(in srgb, var(--accent-dominant) 18%, transparent);color:var(--accent-dominant)}.spf-slot__verdict{font-size:.68rem;font-weight:700}.spf-slot__verdict--acorde,.spf-slot__verdict--disponible{color:var(--accent-tonic)}.spf-slot__verdict--cromatica{color:var(--status-warning)}.spf-slot__verdict--choca{color:var(--status-error)}.spf-warning{background:color-mix(in srgb, var(--status-error) 8%, var(--bg-surface));border-left:3px solid var(--status-error);border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:.8rem 1rem;font-size:.9rem;line-height:1.6;display:flex}.spf-warning svg{flex:none;margin-top:3px}.spf-editor{border-top:1px solid var(--bg-raised);margin-top:18px;padding-top:16px}.spf-editor__title{margin:0 0 12px;font-size:.95rem;font-weight:700}.spf-editor__options{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.spf-option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);text-align:left;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-left-width:3px;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:.6rem .8rem;font-family:inherit;display:flex}.spf-option:hover{border-color:var(--ink-muted)}.spf-option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.spf-option--acorde,.spf-option--disponible{border-left-color:var(--accent-tonic)}.spf-option--cromatica{border-left-color:var(--status-warning)}.spf-option--choca{border-left-color:var(--status-error);opacity:.72}.spf-option--chosen{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border-color:var(--accent-dominant)}.spf-option__symbol{font-size:1rem;font-weight:800}.spf-option__roman{color:var(--status-error);font-size:.7rem;font-weight:700}.spf-option__verdict{color:var(--ink-muted);font-size:.7rem}.spf-editor__reason{color:var(--ink-muted);margin:12px 0 0;font-size:.86rem;line-height:1.55}.spf-versions{flex-direction:column;gap:6px;margin:16px 0;display:flex;overflow-x:auto}.spf-versions__head,.spf-versions__row{grid-template-columns:150px repeat(6,minmax(78px,1fr)) auto;align-items:center;gap:6px;min-width:720px;display:grid}.spf-versions__head{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:.66rem;font-weight:800}.spf-versions__head--melody{border-bottom:1px solid var(--bg-raised);padding-bottom:6px}.spf-fn-cell{text-align:center;border-radius:6px;padding:.2rem .3rem}.spf-fn-cell--tonic{background:color-mix(in srgb, var(--accent-tonic) 16%, transparent);color:var(--accent-tonic)}.spf-fn-cell--subdominant{background:color-mix(in srgb, var(--accent-subdominant) 16%, transparent);color:var(--accent-subdominant)}.spf-fn-cell--minor{background:color-mix(in srgb, var(--accent-minor) 16%, transparent);color:var(--accent-minor)}.spf-fn-cell--dominant{background:color-mix(in srgb, var(--accent-dominant) 16%, transparent);color:var(--accent-dominant)}.spf-versions__row{padding:.5rem 0}.spf-versions__label{color:var(--ink-muted);font-size:.78rem;font-weight:800}.spf-version-chip{text-align:center;background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;padding:.4rem .3rem;font-size:.85rem;font-weight:700}.spf-version-chip--playing{background:color-mix(in srgb, var(--accent-dominant) 26%, var(--bg-raised));color:var(--ink-primary)}.spf-version-notes{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:8px;margin:16px 0;padding:.9rem 1rem;display:flex}.spf-version-notes p{color:var(--ink-muted);margin:0;font-size:.87rem;line-height:1.55}.spf-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.spf-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:1.2rem 1.6rem;display:flex}.spf-drill__chord{font-size:1.6rem;font-weight:800}.spf-drill__notes{color:var(--ink-muted);font-size:.85rem}.spf-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spf-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.1rem;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.spf-drill__option:hover:not(:disabled){border-color:var(--accent-dominant)}.spf-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.spf-drill__option:disabled{cursor:default}.spf-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.spf-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.spf-drill__option--dim{opacity:.45}.spf-drill__feedback{text-align:center;max-width:620px}.spf-drill__feedback p{color:var(--ink-muted);margin:0 0 12px;font-size:.92rem;line-height:1.6}.spf-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.tm-page{--tm-fn:var(--ink-muted)}.tm-fn--tonica{--tm-fn:var(--accent-tonic)}.tm-fn--subdominante{--tm-fn:var(--accent-subdominant)}.tm-fn--subdominanteMenor{--tm-fn:var(--accent-minor)}.tm-fn--dominante{--tm-fn:var(--accent-dominant)}.tm-legend{color:var(--ink-muted);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:.88rem;font-weight:600;list-style:none;display:flex}.tm-legend__item{align-items:center;gap:7px;display:inline-flex}.tm-legend__dot{background:var(--tm-fn);border-radius:50%;flex:none;width:9px;height:9px}.tm-field{color:var(--ink-muted);align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:inline-flex}.tm-matrix{box-sizing:border-box;overscroll-behavior-inline:contain;flex-direction:column;gap:6px;inline-size:100%;min-inline-size:0;padding:4px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.tm-matrix__row{border-radius:10px;grid-template-columns:92px repeat(7,minmax(96px,1fr));align-items:stretch;gap:6px;display:grid}.tm-matrix__row--active{z-index:1;outline:2px solid color-mix(in srgb, var(--accent-dominant) 45%, transparent);outline-offset:3px;position:relative}.tm-matrix__row--head .tm-matrix__degree{color:var(--ink-muted);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.tm-matrix__label{color:var(--ink-primary);align-items:center;font-size:.85rem;font-weight:700;display:flex}.tm-matrix__label--button{border:1px solid var(--bg-raised);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);background:0 0;border-radius:9px;padding:6px 10px;font-family:inherit}.tm-matrix__label--button:hover{background:var(--bg-raised)}.tm-cell{border:1px solid #0000;border-left:3px solid var(--tm-fn);background:color-mix(in srgb, var(--tm-fn) 10%, var(--bg-raised));color:var(--ink-primary);cursor:pointer;transition:filter var(--motion-fast) var(--motion-ease);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:9px 6px;font-family:inherit;display:flex}.tm-cell:hover{filter:brightness(1.12)}.tm-cell:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.tm-cell__roman{white-space:nowrap;font-size:.92rem;font-weight:700}.tm-cell__symbol{white-space:nowrap;font-size:.78rem;font-weight:600}.tm-scale-notes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tm-scale-note{border:1px solid var(--bg-raised);background:var(--bg-raised);min-width:52px;color:var(--ink-primary);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:7px 9px;font-family:inherit;display:flex}.tm-scale-note:hover{border-color:var(--accent-dominant)}.tm-scale-note__name{font-size:.95rem;font-weight:700}.tm-scale-note em{color:var(--ink-muted);font-size:.72rem;font-style:normal;font-weight:600}.tm-tritone-key{border-left:3px solid var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-raised));border-radius:10px;flex-direction:column;gap:6px;padding:1rem 1.15rem;display:flex}.tm-tritone-key__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-primary);font-size:.78rem;font-weight:700}.tm-tritone-key__notes{color:var(--ink-primary);font-size:1.35rem;font-weight:700}.tm-tritone-key__note{color:var(--ink-primary);font-size:.95rem;line-height:1.6}.tm-shapes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.tm-shape{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:10px;padding:1rem 1.1rem;display:flex}.tm-shape--true{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-raised))}.tm-shape__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tm-shape__roman{color:var(--ink-primary);font-size:1.15rem;font-weight:800}.tm-shape__symbol{color:var(--ink-muted);font-size:.95rem;font-weight:700}.tm-shape__notes,.tm-shape__scales{color:var(--ink-muted);font-size:.85rem;font-weight:600}.tm-shape__tests{flex-direction:column;gap:6px;margin:0;font-size:.85rem;display:flex}.tm-shape__tests>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.tm-shape__tests dt{color:var(--ink-muted);font-weight:600}.tm-shape__tests dd{color:var(--ink-primary);align-items:center;gap:5px;margin:0;font-weight:700;display:inline-flex}.tm-yes svg{color:var(--accent-tonic)}.tm-no svg{color:var(--status-error)}.tm-shape__fn{background:color-mix(in srgb, var(--tm-fn) 16%, var(--bg-surface));width:fit-content;color:var(--ink-primary);border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.tm-resolution{background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:10px;padding:1rem 1.15rem;display:flex}.tm-resolution__title{color:var(--ink-primary);font-size:1rem;font-weight:700}.tm-resolution__list{color:var(--ink-muted);flex-direction:column;gap:6px;margin:0;padding-left:1.25rem;font-size:.95rem;line-height:1.6;display:flex}.tm-resolution__list strong{color:var(--ink-primary)}.tm-fifths{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.tm-fifth{border-left:3px solid var(--tm-fn);background:color-mix(in srgb, var(--tm-fn) 9%, var(--bg-raised));border-radius:12px;flex-direction:column;gap:8px;padding:1rem 1.1rem;display:flex}.tm-fifth__roman{color:var(--ink-primary);font-size:1.2rem;font-weight:800}.tm-fifth__symbol{color:var(--ink-primary);font-size:.95rem;font-weight:700}.tm-fifth__notes{flex-wrap:wrap;gap:6px;display:flex}.tm-fifth__note{background:var(--bg-surface);color:var(--ink-primary);border-radius:7px;padding:3px 9px;font-size:.85rem;font-weight:700}.tm-fifth__note--focus{outline:2px solid var(--tm-fn);outline-offset:-2px}.tm-fifth__third,.tm-fifth__fn{color:var(--ink-primary);font-size:.85rem;font-weight:600}.tm-fifth__fn{align-items:center;gap:7px;display:inline-flex}.tm-derivation{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.tm-step{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:8px;padding:1rem 1.1rem;display:flex}.tm-step--result{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-raised))}.tm-step__label{color:var(--ink-primary);font-size:1.05rem;font-weight:800}.tm-step__symbol{color:var(--ink-muted);font-size:.9rem;font-weight:700}.tm-step__notes{flex-wrap:wrap;gap:6px;display:flex}.tm-step__note{background:var(--bg-surface);color:var(--ink-primary);border-radius:7px;padding:3px 9px;font-size:.85rem;font-weight:700}.tm-step__note--added{outline:2px solid var(--accent-dominant);outline-offset:-2px}.tm-step__note--dropped{border:1px dashed var(--ink-muted);padding:2px 8px}.tm-step__note-text{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.6}.tm-verdict{border-left:3px solid var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-raised));color:var(--ink-primary);border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:.95rem 1.1rem;font-size:.98rem;line-height:1.65;display:flex}.tm-verdict svg{color:var(--accent-tonic);flex:none;margin-top:3px}.tm-verdict--warn{border-left-color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 12%, var(--bg-raised))}.tm-verdict--warn svg{color:var(--status-warning)}.tm-compare{flex-wrap:wrap;gap:10px;display:flex}.tm-compare__btn{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:.6rem 1.05rem;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.tm-compare__btn:hover{border-color:var(--accent-dominant)}.tm-spread{flex-direction:column;gap:10px;display:flex}.tm-spread__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tm-spread__label{min-width:84px;color:var(--ink-primary);font-size:.85rem;font-weight:700}.tm-spread__chords{flex-wrap:wrap;gap:6px;display:flex}.tm-spread__chord{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;font-family:inherit;display:flex}.tm-spread__chord--exclusive{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-raised))}.tm-spread__roman{white-space:nowrap;font-size:.88rem;font-weight:700}.tm-spread__count{color:var(--ink-muted);font-size:.7rem;font-weight:600}.tm-spread__chord--exclusive .tm-spread__count{color:var(--ink-primary)}.tm-seventh{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tm-seventh__item{border-left:3px solid var(--tm-fn);background:color-mix(in srgb, var(--tm-fn) 9%, var(--bg-raised));border-radius:11px;flex-direction:column;gap:4px;padding:.9rem 1rem;display:flex}.tm-seventh__scale{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.76rem;font-weight:700}.tm-seventh__roman{color:var(--ink-primary);font-size:1.1rem;font-weight:800}.tm-seventh__symbol{color:var(--ink-primary);font-size:.88rem;font-weight:700}.tm-seventh__fn{color:var(--ink-primary);align-items:center;gap:7px;font-size:.8rem;font-weight:600;display:inline-flex}.tm-sheet{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.tm-bar{flex-direction:column;gap:6px;display:flex}.tm-bar__n{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.74rem;font-weight:700}.tm-bar__beats{gap:6px;min-height:92px;display:flex}.tm-beat{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;min-width:0;padding:.7rem .8rem;display:flex}.tm-beat--strong{border-left:4px solid var(--ink-muted)}.tm-beat--playing{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 16%, var(--bg-raised))}.tm-beat__chord{color:var(--ink-primary);align-items:center;gap:7px;font-size:.95rem;font-weight:800;display:inline-flex}.tm-beat__roman{color:var(--ink-primary);font-size:.82rem;font-weight:700}.tm-beat__pulse{color:var(--ink-muted);font-size:.72rem;font-weight:600}.tm-secondaries{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.tm-secondary{border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:12px;flex-direction:column;gap:7px;padding:1rem 1.1rem;display:flex}.tm-secondary--clash{border-color:color-mix(in srgb, var(--status-warning) 55%, transparent);background:color-mix(in srgb, var(--status-warning) 10%, var(--bg-raised))}.tm-secondary__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tm-secondary__roman{color:var(--ink-primary);font-size:1.05rem;font-weight:800}.tm-secondary__symbol{color:var(--ink-primary);font-size:.92rem;font-weight:700}.tm-secondary__target,.tm-secondary__ninth{color:var(--ink-muted);font-size:.86rem;font-weight:600}.tm-secondary__target strong,.tm-secondary__ninth strong{color:var(--ink-primary)}.tm-secondary__reason{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.6}.tm-secondary__clash{background:var(--bg-surface);color:var(--ink-primary);border-radius:9px;margin:0;padding:.6rem .75rem;font-size:.85rem;line-height:1.6}.tm-chain{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.tm-chain__link{border-left:3px solid var(--tm-fn);background:color-mix(in srgb, var(--tm-fn) 10%, var(--bg-raised));border-radius:10px;flex-direction:column;gap:3px;min-width:108px;padding:.75rem .9rem;display:flex}.tm-chain__link--extendido{--tm-fn:var(--status-warning)}.tm-chain__link--secundario{--tm-fn:var(--accent-subdominant)}.tm-chain__link--primario{--tm-fn:var(--accent-dominant)}.tm-chain__link--tonica{--tm-fn:var(--accent-tonic)}.tm-chain__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.68rem;font-weight:700}.tm-chain__symbol{color:var(--ink-primary);font-size:1.05rem;font-weight:800}.tm-chain__roman{color:var(--ink-primary);font-size:.8rem;font-weight:700}@media (width<=640px){.tm-matrix{padding-inline:8px;scroll-padding-inline:8px}.tm-matrix__row{grid-template-columns:78px repeat(7,minmax(82px,1fr))}.tm-sheet{grid-template-columns:1fr}}.blues-page{flex-direction:column;gap:24px;display:flex}.blues-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.blues-field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.blues-switch{flex-wrap:wrap;gap:8px;display:flex}.blues-switch__btn{cursor:pointer;color:var(--ink-muted);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700}.blues-switch__btn:hover{color:var(--ink-primary)}.blues-switch__btn--on{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.blues-chip{background:var(--bg-raised);min-width:74px;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .7rem;display:inline-flex}.blues-chip__roman{letter-spacing:.04em;color:var(--ink-muted);font-size:.78rem;font-weight:700}.blues-chip__symbol{color:var(--ink-primary);font-size:1rem;font-weight:800}.blues-chip--tonic{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-raised))}.blues-chip--subdominant{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-raised))}.blues-chip--dominant{border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-raised))}.blues-chip--playing{box-shadow:0 0 0 2px var(--accent-dominant);transform:translateY(-2px)}.blues-cadences{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.blues-cadence{background:var(--bg-raised);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:12px;padding:1.1rem 1.2rem;display:flex}.blues-cadence--focus{background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-raised));border-color:color-mix(in srgb, var(--accent-subdominant) 35%, transparent)}.blues-cadence__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.blues-cadence__title{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:700}.blues-cadence__chords{gap:10px;display:flex}.blues-cadence__note{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.blues-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.blues-bar{box-sizing:border-box;background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-left-width:3px;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.9rem .5rem .7rem;display:flex;position:relative}.blues-bar--tonic{border-left-color:var(--accent-tonic)}.blues-bar--subdominant{border-left-color:var(--accent-subdominant)}.blues-bar--dominant{border-left-color:var(--accent-dominant)}.blues-bar__number{color:var(--ink-muted);font-size:.7rem;font-weight:700;position:absolute;top:4px;left:8px}.blues-bar__roman{color:var(--ink-muted);font-size:.8rem;font-weight:700}.blues-bar__symbol{color:var(--ink-primary);font-size:1.05rem;font-weight:800}.blues-bar__block{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);background:var(--bg-surface);border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.68rem;font-weight:700}.blues-bar--playing{background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-raised));border-color:var(--accent-dominant);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-dominant) 55%, transparent)}.blues-blocks{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.blues-block{align-items:flex-start;gap:14px;display:flex}.blues-block h4{color:var(--ink-primary);margin:0 0 3px;font-size:.95rem;font-weight:700}.blues-block p{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.blues-block__badge{box-sizing:border-box;text-align:center;letter-spacing:.03em;min-width:118px;color:var(--ink-primary);background:var(--bg-surface);border:1px solid #0000;border-radius:999px;flex:none;padding:5px 10px;font-size:.78rem;font-weight:800}.blues-block__badge--tonic{background:color-mix(in srgb, var(--accent-tonic) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-tonic) 55%, transparent)}.blues-block__badge--subdominant{background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-subdominant) 55%, transparent)}.blues-block__badge--dominant{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-dominant) 55%, transparent)}.blues-expositions{flex-direction:column;gap:14px;display:flex}.blues-exposition{background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:12px;padding:1.1rem 1.2rem;display:flex}.blues-exposition__head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.blues-exposition__num{box-sizing:border-box;width:28px;height:28px;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 55%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex}.blues-exposition__title{color:var(--ink-primary);flex:1;margin:0;font-size:.98rem;font-weight:700}.blues-exposition__bars{flex-wrap:wrap;gap:8px;display:flex}.blues-exposition__note{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.blues-sources{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.blues-source{background:var(--bg-raised);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:12px;padding:1.1rem 1.2rem;display:flex}.blues-source--blues{border-color:color-mix(in srgb, var(--staff-ink-chromatic) 40%, transparent)}.blues-source--blues .blues-source__title{color:var(--staff-ink-chromatic)}.blues-source--mayor{border-color:color-mix(in srgb, var(--staff-ink-diatonic) 40%, transparent)}.blues-source--mayor .blues-source__title{color:var(--staff-ink-diatonic)}.blues-source__title{margin:0;font-size:.98rem;font-weight:700}.blues-source__pool{flex-wrap:wrap;gap:6px;margin:0;display:flex}.blues-note{text-align:center;min-width:34px;color:var(--ink-primary);background:var(--bg-surface);border-radius:7px;padding:.28rem .45rem;font-size:.85rem;font-weight:700;display:inline-block}.blues-source__result{color:var(--ink-primary);margin:0;padding-top:4px;font-size:1.05rem;font-weight:800}.blues-verdicts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blues-verdict{background:var(--bg-surface);border-radius:9px;grid-template-columns:18px 42px 44px 1fr;align-items:baseline;gap:8px;padding:.5rem .6rem;font-size:.86rem;line-height:1.5;display:grid}.blues-verdict__icon{align-self:center;display:inline-flex}.blues-verdict__label{font-size:.95rem;font-weight:800}.blues-verdict__note{color:var(--ink-primary);font-weight:700}.blues-verdict__reason{color:var(--ink-muted)}.blues-verdict--tension{background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-tonic) 40%, transparent)}.blues-verdict--tension .blues-verdict__icon{color:var(--accent-tonic)}.blues-verdict--tension .blues-verdict__label{color:var(--ink-primary)}.blues-verdict--choca .blues-verdict__icon,.blues-verdict--choca .blues-verdict__label{color:var(--status-error)}.blues-keys{counter-reset:none;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blues-key{align-items:flex-start;gap:13px;display:flex}.blues-key__num{box-sizing:border-box;width:28px;height:28px;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 55%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:inline-flex}.blues-key h4{color:var(--ink-primary);margin:0 0 4px;font-size:.96rem;font-weight:700}.blues-key p{color:var(--ink-muted);margin:0;font-size:.94rem;line-height:1.65}.blues-key a{color:var(--accent-dominant);border-bottom:1px solid color-mix(in srgb, var(--accent-dominant) 40%, transparent);text-decoration:none}.blues-key a:hover{border-bottom-color:var(--accent-dominant)}.blues-voicings{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.blues-voicing{min-width:0;overflow-x:auto}.blues-origin{margin-right:10px;font-size:.82rem;font-weight:700;display:inline-block}.blues-origin--blues{color:var(--staff-ink-chromatic)}.blues-origin--mayor{color:var(--staff-ink-diatonic)}.blues-drill{background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:16px;padding:1.2rem 1.3rem;display:flex}.blues-drill__question{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.blues-drill__note{color:var(--ink-primary);font-size:2rem;font-weight:800}.blues-drill__over{color:var(--ink-muted);font-size:.9rem}.blues-drill__options{flex-wrap:wrap;gap:10px;display:flex}.blues-option{cursor:pointer;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;padding:.6rem 1rem;font-family:inherit;font-size:.92rem;font-weight:700}.blues-option:disabled{cursor:default}.blues-option--right{color:var(--ink-primary);background:color-mix(in srgb, var(--accent-tonic) 12%, var(--bg-surface));border-color:var(--accent-tonic)}.blues-option--wrong{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 14%, var(--bg-surface));border-color:var(--status-error)}.blues-drill__feedback{background:var(--bg-surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:1rem 1.1rem;display:flex}.blues-drill__verdict{color:var(--ink-primary);align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.blues-drill__reason{color:var(--ink-muted);margin:0;font-size:.93rem;line-height:1.65}.blues-drill__tally{color:var(--ink-muted);margin:0;font-size:.85rem;font-weight:600}@media (width<=720px){.blues-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blues-verdict{grid-template-columns:18px 42px 44px}.blues-verdict__reason{grid-column:1/-1}.blues-block__badge{min-width:96px}}.esc-page{flex-direction:column;gap:24px;display:flex}.esc-controls{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.esc-field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.esc-switch{flex-wrap:wrap;gap:7px;display:flex}.esc-switch__btn{cursor:pointer;color:var(--ink-muted);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;padding:8px 13px;font-family:inherit;font-size:.88rem;font-weight:700}.esc-switch__btn:hover{color:var(--ink-primary)}.esc-switch__btn--on{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.esc-switch__btn--blue.esc-switch__btn--on{color:var(--staff-ink-chromatic);background:var(--bg-surface);border-color:var(--staff-ink-chromatic)}.esc-staff{overflow-x:auto}.esc-degrees{flex-wrap:wrap;gap:10px;display:flex}.esc-degree{background:var(--bg-raised);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:.7rem .8rem;display:flex}.esc-degree--blue{border-color:var(--staff-ink-chromatic)}.esc-degree__number{letter-spacing:.03em;color:var(--ink-muted);font-size:.8rem;font-weight:800}.esc-degree--blue .esc-degree__number{color:var(--staff-ink-chromatic)}.esc-degree__note{color:var(--ink-primary);font-size:1.25rem;font-weight:800}.esc-degree__spanish{color:var(--ink-muted);font-size:.8rem}.esc-contrast{flex-direction:column;gap:10px;display:flex}.esc-contrast__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.esc-contrast__label{min-width:150px;color:var(--ink-muted);font-size:.88rem;font-weight:700}.esc-contrast__notes{flex-wrap:wrap;gap:6px;display:flex}.esc-note{text-align:center;background:var(--bg-raised);min-width:38px;color:var(--ink-primary);border:1px solid #0000;border-radius:8px;padding:.32rem .5rem;font-size:.9rem;font-weight:700;display:inline-block}.esc-note--shared{color:var(--ink-muted)}.esc-note--absent{color:var(--ink-muted);opacity:.45;text-decoration:line-through}.esc-note--blue{color:var(--staff-ink-chromatic);border-color:var(--staff-ink-chromatic)}.esc-blues-notes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.esc-blue{background:color-mix(in srgb, var(--staff-ink-chromatic) 8%, var(--bg-raised));border:1px solid color-mix(in srgb, var(--staff-ink-chromatic) 40%, transparent);border-radius:14px;align-items:flex-start;gap:14px;padding:1.1rem 1.2rem;display:flex}.esc-blue__degree{min-width:44px;color:var(--staff-ink-chromatic);background:var(--bg-surface);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:6px 8px;font-size:.9rem;font-weight:800;display:inline-flex}.esc-blue h3{color:var(--ink-primary);margin:0 0 5px;font-size:1rem;font-weight:700}.esc-blue p{color:var(--ink-muted);margin:0;font-size:.93rem;line-height:1.65}.esc-over-chords{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.esc-over{cursor:pointer;background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:1rem .8rem;font-family:inherit;display:flex}.esc-over:hover{border-color:color-mix(in srgb, var(--accent-dominant) 40%, transparent)}.esc-over--playing{background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-raised));border-color:var(--accent-dominant);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.esc-over__roman{color:var(--ink-muted);font-size:.8rem;font-weight:700}.esc-over__symbol{color:var(--ink-primary);font-size:1.3rem;font-weight:800}.esc-over__play{color:var(--accent-dominant);align-items:center;gap:6px;margin-top:4px;font-size:.82rem;font-weight:700;display:inline-flex}.esc-table-wrap{min-width:0;overflow-x:auto}.esc-table{border-collapse:separate;border-spacing:6px;width:100%;min-width:520px}.esc-table th,.esc-table td{text-align:left;vertical-align:top}.esc-table thead th{color:var(--ink-muted);padding:.5rem .7rem;font-size:.85rem;font-weight:700}.esc-table__roman{color:var(--accent-dominant);font-size:.78rem;font-weight:700;display:block}.esc-table__symbol{color:var(--ink-primary);font-size:1rem;font-weight:800;display:block}.esc-table tbody th{background:var(--bg-raised);white-space:nowrap;border-radius:10px;padding:.7rem .8rem}.esc-cell__degree{color:var(--ink-muted);font-size:.8rem;font-weight:800;display:block}.esc-cell__degree--blue{color:var(--staff-ink-chromatic)}.esc-cell__name{color:var(--ink-primary);font-size:1.05rem;font-weight:800;display:block}.esc-cell{background:var(--bg-raised);border:1px solid #0000;border-radius:10px;padding:.7rem .8rem}.esc-cell__label{color:var(--ink-primary);font-size:1.05rem;font-weight:800;display:block}.esc-cell__spelled{color:var(--ink-muted);font-size:.85rem;font-weight:700;display:block}.esc-cell__verdict{color:var(--ink-muted);margin-top:3px;font-size:.78rem;line-height:1.4;display:block}.esc-cell--acorde{background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-raised));border-color:var(--accent-subdominant)}.esc-cell--tension{background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-raised));border-color:color-mix(in srgb, var(--accent-tonic) 55%, transparent)}.esc-cell--choca .esc-cell__label,.esc-cell--choca .esc-cell__verdict{color:var(--status-error)}.esc-cell--renamed{border-color:var(--staff-ink-chromatic)}.esc-cell--renamed .esc-cell__label{color:var(--staff-ink-chromatic)}.esc-evidence{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.esc-evidence__item{background:var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:.9rem 1rem;display:flex}.esc-evidence__degree{min-width:42px;color:var(--staff-ink-chromatic);background:var(--bg-surface);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:5px 8px;font-size:.88rem;font-weight:800;display:inline-flex}.esc-evidence__text{min-width:220px;color:var(--ink-muted);flex:1;font-size:.94rem;line-height:1.6}.esc-evidence__text strong{color:var(--ink-primary)}.esc-spelling{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.esc-spelling__side{background:var(--bg-raised);border:1px solid var(--staff-ink-chromatic);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:1.2rem 1.3rem;display:flex}.esc-spelling__side--chord{border-color:var(--accent-dominant)}.esc-spelling__side h3{color:var(--ink-muted);margin:0;font-size:.9rem;font-weight:700}.esc-spelling__big{color:var(--staff-ink-chromatic);font-size:2.6rem;font-weight:800;line-height:1.1}.esc-spelling__side--chord .esc-spelling__big{color:var(--accent-dominant)}.esc-spelling__side p{color:var(--ink-muted);margin:0;font-size:.93rem;line-height:1.65}.esc-spelling__side p strong{color:var(--ink-primary)}.esc-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.esc-lab__verdict{background:var(--bg-raised);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:10px;padding:1.2rem 1.3rem;display:flex}.esc-lab__verdict--acorde{border-color:color-mix(in srgb, var(--accent-subdominant) 40%, transparent)}.esc-lab__verdict--tension{border-color:color-mix(in srgb, var(--accent-tonic) 40%, transparent)}.esc-lab__verdict--choca{border-color:color-mix(in srgb, var(--status-error) 40%, transparent)}.esc-lab__headline{color:var(--ink-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:1.02rem;display:flex}.esc-lab__verdict--choca .esc-lab__headline{color:var(--status-error)}.esc-lab__tag{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-surface);border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:800}.esc-lab__reason,.esc-lab__spelling{color:var(--ink-muted);margin:0;font-size:.94rem;line-height:1.65}.esc-lab__spelling strong{color:var(--ink-primary)}@media (width<=860px){.esc-lab{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.esc-contrast__label{min-width:0}.esc-spelling__big{font-size:2.1rem}}.pf-page{flex-direction:column;gap:28px;display:flex}.pf-banner{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 20px #00000026}.pf-banner__info h2{color:var(--ink-primary);margin:0 0 6px;font-size:1.3rem;font-weight:700}.pf-banner__info p{color:var(--ink-muted);margin:0;font-size:.92rem}.pf-banner__stats{align-items:center;gap:18px;display:flex}.pf-stat-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;align-items:center;min-width:90px;padding:10px 18px;display:flex}.pf-stat-box__val{color:var(--accent-dominant);font-family:monospace;font-size:1.5rem;font-weight:800}.pf-stat-box__label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.75rem;font-weight:600}.pf-progress-bar{background:var(--bg-raised);border-radius:9999px;width:100%;height:8px;margin-top:14px;overflow:hidden}.pf-progress-bar__fill{background:linear-gradient(90deg, var(--accent-subdominant), var(--accent-tonic));height:100%;transition:width var(--motion-slow) var(--motion-ease)}.pf-quiz-list{flex-direction:column;gap:24px;margin-top:16px;display:flex}.pf-quiz-card{background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:12px;flex-direction:column;gap:16px;padding:22px;display:flex}.pf-quiz-card--answered-ok{border-left:4px solid var(--accent-tonic)}.pf-quiz-card--answered-fail{border-left:4px solid var(--status-error)}.pf-quiz-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pf-quiz-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--accent-dominant) 16%, transparent);color:var(--accent-dominant);border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700}.pf-quiz-question{color:var(--ink-primary);margin:4px 0 0;font-size:1.05rem;font-weight:600;line-height:1.45}.pf-quiz-audio{align-items:center;gap:12px;margin-top:4px;display:flex}.pf-audio-btn{cursor:pointer;background:var(--bg-raised);color:var(--ink-primary);border:1px solid color-mix(in srgb, var(--ink-muted) 20%, transparent);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:700;display:inline-flex}.pf-audio-btn:hover{background:color-mix(in srgb, var(--accent-dominant) 20%, var(--bg-raised));border-color:var(--accent-dominant);color:var(--ink-primary)}.pf-audio-btn--playing{background:var(--accent-dominant);color:var(--ink-on-dominant);border-color:var(--accent-dominant)}.pf-options-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:8px;display:grid}.pf-option-btn{text-align:left;cursor:pointer;background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.92rem;display:flex}.pf-option-btn:hover:not(:disabled){border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-canvas))}.pf-option-btn--selected-ok{font-weight:700;background:color-mix(in srgb, var(--accent-tonic) 15%, var(--bg-canvas))!important;border-color:var(--accent-tonic)!important;color:var(--ink-primary)!important}.pf-option-btn--selected-fail{background:color-mix(in srgb, var(--status-error) 15%, var(--bg-canvas))!important;border-color:var(--status-error)!important;color:var(--ink-primary)!important}.pf-option-btn--correct-reveal{font-weight:600;border-color:var(--accent-tonic)!important;color:var(--accent-tonic)!important}.pf-feedback{border-radius:8px;flex-direction:column;gap:6px;margin-top:8px;padding:14px 18px;font-size:.88rem;line-height:1.5;display:flex}.pf-feedback--ok{background:color-mix(in srgb, var(--accent-tonic) 12%, var(--bg-canvas));border:1px solid var(--accent-tonic);color:var(--ink-primary)}.pf-feedback--fail{background:color-mix(in srgb, var(--status-error) 12%, var(--bg-canvas));border:1px solid var(--status-error);color:var(--ink-primary)}.pf-feedback__title{align-items:center;gap:8px;font-weight:700;display:flex}.pf-certificate{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface)), var(--bg-surface));border:2px solid var(--accent-dominant);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:20px;margin-top:32px;padding:36px 30px;display:flex;box-shadow:0 10px 30px #0000004d}.pf-certificate__badge{background:var(--accent-dominant);width:72px;height:72px;color:var(--ink-on-dominant);box-shadow:0 4px 14px color-mix(in srgb, var(--accent-dominant) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.pf-certificate__title{color:var(--ink-primary);margin:0;font-size:1.6rem;font-weight:800}.pf-certificate__desc{color:var(--ink-muted);max-width:580px;margin:0;font-size:1rem;line-height:1.5}.pf-certificate__breakdown{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%;max-width:620px;margin-top:10px;display:grid}.pf-certificate__item{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.pf-certificate__item-title{color:var(--ink-muted);text-transform:uppercase;font-size:.74rem;font-weight:600}.pf-certificate__item-val{color:var(--ink-primary);font-size:1.1rem;font-weight:700}.pf-reset-btn{cursor:pointer;background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;margin-top:14px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:700}.pf-reset-btn:hover{border-color:var(--accent-dominant);color:var(--accent-dominant)}.csa{--csa-accent:var(--accent-subdominant);--csa-ink:var(--accent-subdominant-ink);flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.csa__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.csa__phase,.csa__run,.csa__hear{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:7px 13px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.csa__phase:hover,.csa__run:hover,.csa__hear:hover{color:var(--ink-primary);border-color:color-mix(in srgb, var(--csa-accent) 40%, var(--bg-raised))}.csa__phase--active{color:var(--csa-ink);background:color-mix(in srgb, var(--csa-accent) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--csa-accent) 34%, transparent)}.csa__phase-num{background:color-mix(in srgb, var(--csa-accent) 18%, transparent);width:18px;height:18px;color:var(--csa-ink);border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:inline-grid}.csa__phase--active .csa__phase-num{background:var(--csa-accent);color:var(--ink-on-accent)}.csa__run[aria-pressed=true]{color:var(--status-warning);border-color:color-mix(in srgb, var(--status-warning) 40%, transparent);background:color-mix(in srgb, var(--status-warning) 10%, var(--bg-surface))}.csa__hear{align-self:flex-start;font-size:.84rem}.csa__stage{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.csa__svg{width:100%;height:auto;display:block;overflow:visible}.csa__ring{fill:none;stroke:var(--bg-raised);stroke-width:1.5px}.csa__hub{fill:var(--ink-muted);opacity:.55}.csa__disc{fill:var(--csa-accent);transition:r var(--motion-slow) var(--motion-ease), opacity var(--motion-slow) var(--motion-ease), fill var(--motion-slow) var(--motion-ease)}.csa__node--off .csa__disc{fill:var(--ink-muted)}.csa__node--tonic .csa__disc{fill:var(--accent-tonic)}.csa__tonic-ring{fill:none;stroke:var(--accent-tonic);stroke-width:2px;stroke-dasharray:3 4;opacity:.85;transform-box:fill-box;transform-origin:50%;animation:14s linear infinite csa-tonic-spin}@keyframes csa-tonic-spin{to{transform:rotate(360deg)}}.csa__label{fill:var(--ink-primary);font-family:var(--font-ui);text-anchor:middle;pointer-events:none;font-size:.68rem;font-weight:700}.csa__node--off .csa__label{fill:var(--ink-muted);opacity:.6}.csa__node--tonic .csa__label{fill:var(--accent-tonic-ink);font-weight:800}.csa__vector{transition:opacity var(--motion-slow) var(--motion-ease)}.csa__vector-line{stroke:var(--status-error);stroke-width:3px;stroke-linecap:round;transition:x2 var(--motion-slow) var(--motion-ease), y2 var(--motion-slow) var(--motion-ease)}.csa__vector-head{fill:var(--status-error);transition:opacity var(--motion-slow) var(--motion-ease)}.csa__vector--gone{opacity:0}.csa__readout{flex-direction:column;gap:12px;min-width:0;display:flex}.csa__step{text-transform:uppercase;letter-spacing:.05em;color:var(--csa-ink);align-items:center;gap:7px;margin:0;font-size:.8rem;font-weight:700;display:flex}.csa__caption{color:var(--ink-muted);margin:0;font-size:.98rem;line-height:1.65}.csa__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.csa__stats div{background:var(--bg-raised);border-radius:10px;padding:9px 12px}.csa__stats dt{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin:0;font-size:.7rem;font-weight:700}.csa__stats dd{color:var(--ink-primary);margin:3px 0 0;font-size:.98rem;font-weight:700}@media (width<=780px){.csa__stage{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.csa__disc,.csa__vector,.csa__vector-line,.csa__vector-head,.csa__phase,.csa__run,.csa__hear{transition:none}.csa__tonic-ring{animation:none}}.ruptura-page{--rup:var(--accent-subdominant);--rup-ink:var(--accent-subdominant-ink)}.ruptura-page .modos-card__text a,.ruptura-page .modos-list a{color:var(--rup-ink);border-bottom-color:color-mix(in srgb, var(--rup) 40%, transparent)}.ruptura-page .modos-card__text a:hover,.ruptura-page .modos-list a:hover{border-bottom-color:var(--rup-ink)}.ruptura-page .modos-steps li::marker{color:var(--rup-ink)}.ruptura-page .modos-list li::marker{color:var(--rup-ink)}.rup-lead{color:var(--ink-primary);margin:0;font-size:1.06rem;line-height:1.72}.rup-lead strong{color:var(--rup-ink)}.rup-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rup-scroll{width:100%;min-width:0;overflow-x:auto}.rup-actions{flex-wrap:wrap;gap:9px;display:flex}.rup-btn{border:1px solid color-mix(in srgb, var(--rup) 30%, var(--bg-raised));background:color-mix(in srgb, var(--rup) 8%, var(--bg-surface));color:var(--rup-ink);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:8px;padding:8px 15px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.rup-btn:hover{background:color-mix(in srgb, var(--rup) 16%, var(--bg-surface));border-color:var(--rup-ink)}.rup-promises{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.rup-promise{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-raised);border-radius:13px;flex-direction:column;gap:10px;min-width:0;padding:18px 18px 18px 20px;display:flex;position:relative}.rup-promise__num{background:var(--rup);width:24px;height:24px;color:var(--ink-on-accent);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.rup-promise__title{color:var(--ink-primary);margin:0;font-size:1.04rem;font-weight:700}.rup-promise__kept,.rup-promise__lost{color:var(--ink-muted);gap:8px;margin:0;font-size:.93rem;line-height:1.6;display:flex}.rup-promise__kept svg,.rup-promise__lost svg{flex:none;margin-top:4px}.rup-promise__kept svg{color:var(--accent-tonic)}.rup-promise__lost svg{color:var(--status-error)}.rup-promise__lost{border-top:1px dashed color-mix(in srgb, var(--ink-muted) 30%, transparent);padding-top:10px}.rup-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem}.rup-table__caption{text-align:left;color:var(--ink-muted);padding-bottom:9px;font-size:.84rem;line-height:1.5}.rup-table th,.rup-table td{text-align:left;border-bottom:1px solid var(--bg-raised);color:var(--ink-muted);padding:9px 12px}.rup-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--rup-ink);font-size:.74rem;font-weight:700}.rup-table tbody th{color:var(--ink-primary);white-space:nowrap;font-weight:700}.rup-table__row--on{background:color-mix(in srgb, var(--rup) 14%, transparent)}.rup-count{min-width:22px;color:var(--ink-primary);font-weight:800;display:inline-block}.rup-none{opacity:.75;font-style:italic}.rup-aggregate{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:9px;display:grid}.rup-agg{box-sizing:border-box;background:var(--bg-raised);border-left:3px solid color-mix(in srgb, var(--rup) 45%, transparent);border-radius:10px;flex-direction:column;gap:3px;min-width:0;padding:9px 11px;display:flex}.rup-agg[data-order="4"],.rup-agg[data-order="5"],.rup-agg[data-order="6"]{border-left-color:var(--status-warning)}.rup-agg__name{color:var(--ink-primary);font-size:.9rem;font-weight:700}.rup-agg__from{color:var(--ink-muted);font-size:.78rem}.rup-picker{flex-wrap:wrap;gap:9px;display:flex}.rup-pick{border:1px solid var(--bg-raised);background:var(--bg-surface);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;font-family:inherit;display:flex}.rup-pick:hover{border-color:color-mix(in srgb, var(--rup) 40%, var(--bg-raised))}.rup-pick--on{border-color:color-mix(in srgb, var(--rup) 45%, transparent);background:color-mix(in srgb, var(--rup) 10%, var(--bg-surface))}.rup-pick__symbol{color:var(--ink-primary);font-size:1rem;font-weight:800}.rup-pick--on .rup-pick__symbol{color:var(--rup-ink)}.rup-pick__label{color:var(--ink-muted);font-size:.78rem}.rup-errant{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:20px;display:grid}.rup-errant__info{flex-direction:column;gap:11px;min-width:0;display:flex}.rup-errant__recipe{color:var(--ink-primary);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:.95rem;display:flex}.rup-flag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700}.rup-flag--sym{color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 15%, transparent)}.rup-flag--asym{color:var(--ink-muted);background:color-mix(in srgb, var(--ink-muted) 15%, transparent)}.rup-fan{width:100%;min-width:520px;height:auto;display:block;overflow:visible}.rup-fan__path{stroke:color-mix(in srgb, var(--ink-muted) 55%, transparent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:rup-draw .7s var(--motion-ease) forwards}.rup-fan__arm{animation:rup-fan-in .5s var(--motion-ease) backwards}.rup-fan__arm .rup-fan__path{animation-delay:inherit}.rup-fan__arm--on .rup-fan__path{stroke:var(--rup);stroke-width:3px}.rup-fan__dot{fill:color-mix(in srgb, var(--ink-muted) 70%, transparent)}.rup-fan__arm--on .rup-fan__dot{fill:var(--rup)}.rup-fan__key{fill:var(--ink-muted);font-family:var(--font-ui);font-size:.72rem;font-weight:600}.rup-fan__arm--on .rup-fan__key{fill:var(--ink-primary);font-weight:800}.rup-fan__source rect{fill:color-mix(in srgb, var(--rup) 18%, var(--bg-surface));stroke:color-mix(in srgb, var(--rup) 45%, transparent);stroke-width:1.5px}.rup-fan__source text{fill:var(--ink-primary);font-family:var(--font-ui);text-anchor:middle;font-size:.84rem;font-weight:800}@keyframes rup-draw{to{stroke-dashoffset:0}}@keyframes rup-fan-in{0%{opacity:0}to{opacity:1}}.rup-res{flex-wrap:wrap;gap:9px;display:flex}.rup-res__btn{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:9px;padding:9px 14px;font-family:inherit;display:inline-flex}.rup-res__btn:hover{border-color:color-mix(in srgb, var(--rup) 40%, var(--bg-raised))}.rup-res__btn--on{border-color:color-mix(in srgb, var(--rup) 45%, transparent);background:color-mix(in srgb, var(--rup) 10%, var(--bg-surface));color:var(--ink-primary)}.rup-res__key{font-size:.9rem;font-weight:700;display:block}.rup-res__target{color:var(--ink-muted);font-size:.78rem;display:block}.rup-reading{box-sizing:border-box;background:var(--bg-raised);border-radius:13px;flex-direction:column;gap:11px;min-width:0;padding:16px 18px;display:flex}.rup-reading__label{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.93rem;display:flex}.rup-reading__label svg{color:var(--rup-ink);flex:none}.rup-reading__label strong{color:var(--ink-primary)}.rup-timeline{flex-direction:column;gap:18px;margin:0;padding:4px 0 4px 26px;list-style:none;display:flex;position:relative}.rup-timeline:before{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--rup) 65%, transparent), color-mix(in srgb, var(--status-error) 55%, transparent));transform-origin:top;width:2px;transition:transform 1.1s var(--motion-ease);position:absolute;top:6px;bottom:6px;left:6px;transform:scaleY(0)}.rup-timeline--in:before{transform:scaleY(1)}.rup-event{opacity:0;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:14px;display:grid;position:relative}.rup-timeline--in .rup-event{animation:rup-event-in .5s var(--motion-ease) forwards}.rup-event:before{content:"";background:var(--bg-canvas);border:2px solid var(--ink-muted);border-radius:50%;width:11px;height:11px;position:absolute;top:7px;left:-25px}.rup-event[data-kind=cromatismo]:before{border-color:var(--accent-dominant)}.rup-event[data-kind=otra-via]:before{border-color:var(--accent-tonic)}.rup-event[data-kind=corte]:before{border-color:var(--status-error);background:var(--status-error)}.rup-event[data-kind=teoria]:before{border-color:var(--status-warning)}.rup-event__year{color:var(--rup-ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.rup-event__body{min-width:0}.rup-event__title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 5px;font-size:1rem;display:flex}.rup-event__composer{color:var(--ink-primary);font-weight:700}.rup-event__work{color:var(--ink-muted);font-size:.92rem;font-weight:500}.rup-event__text{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.65}@keyframes rup-event-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rup-legend{color:var(--ink-muted);flex-wrap:wrap;gap:8px 18px;margin:4px 0 0;font-size:.78rem;display:flex}.rup-legend span{align-items:center;gap:7px;display:inline-flex}.rup-legend span:before{content:"";border:2px solid var(--ink-muted);border-radius:50%;width:9px;height:9px}.rup-legend span[data-kind=cromatismo]:before{border-color:var(--accent-dominant)}.rup-legend span[data-kind=otra-via]:before{border-color:var(--accent-tonic)}.rup-legend span[data-kind=corte]:before{border-color:var(--status-error);background:var(--status-error)}.rup-legend span[data-kind=teoria]:before{border-color:var(--status-warning)}.rup-exits{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.rup-exit{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-surface);border-top:3px solid var(--rup);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:20px 22px;display:flex}.rup-exit[data-exit=debussy]{border-top-color:var(--accent-subdominant)}.rup-exit[data-exit=schoenberg]{border-top-color:var(--status-error)}.rup-exit[data-exit=stravinsky]{border-top-color:var(--accent-minor)}.rup-exit[data-exit=bartok]{border-top-color:var(--accent-tonic)}.rup-exit[data-exit=scriabin]{border-top-color:var(--accent-dominant)}.rup-exit[data-exit=satie-ives]{border-top-color:var(--status-warning)}.rup-exit__head{flex-direction:column;gap:5px;display:flex}.rup-exit__composer{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.74rem;font-weight:800}.rup-exit__title{letter-spacing:-.01em;color:var(--ink-primary);margin:0;font-size:1.1rem;font-weight:700}.rup-exit__move{color:var(--ink-muted);align-items:center;gap:7px;margin:2px 0 0;font-size:.86rem;font-style:italic;display:flex}.rup-exit__move svg{flex:none}.rup-exit__text{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.68}.rup-exit__links{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.rup-exit__link{border:1px solid color-mix(in srgb, var(--rup) 30%, var(--bg-raised));background:color-mix(in srgb, var(--rup) 7%, transparent);color:var(--rup-ink);transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none}.rup-exit__link:hover{background:color-mix(in srgb, var(--rup) 16%, transparent);border-color:var(--rup-ink)}.rup-close{border-color:color-mix(in srgb, var(--rup) 28%, transparent);background:color-mix(in srgb, var(--rup) 5%, var(--bg-surface))}.rup-next{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.rup-next__link{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:13px;flex-direction:column;gap:4px;padding:15px 18px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.rup-next__link:hover{border-color:var(--rup-ink);transform:translateY(-2px)}.rup-next__kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.rup-next__link--fwd{border-color:color-mix(in srgb, var(--rup) 35%, transparent);background:color-mix(in srgb, var(--rup) 9%, var(--bg-surface))}.rup-next__link--fwd .rup-next__kicker{color:var(--rup-ink)}@media (width<=860px){.rup-errant{grid-template-columns:1fr}}@media (width<=560px){.rup-event{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.rup-timeline:before{transition:none;transform:scaleY(1)}.rup-event{opacity:1}.rup-timeline--in .rup-event{animation:none}.rup-fan__path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.rup-fan__arm{opacity:1;animation:none}.rup-btn,.rup-pick,.rup-res__btn,.rup-exit__link,.rup-next__link{transition:none}.rup-next__link:hover{transform:none}}.pcc{flex-direction:column;gap:16px;min-width:0;display:flex}.pcc__stage{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.pcc__dial{flex:0 340px;width:100%;max-width:340px;height:auto;overflow:visible}.pcc__ring{stroke:var(--bg-raised);stroke-width:2px}.pcc__tick{stroke:color-mix(in srgb, var(--ink-muted) 45%, transparent);stroke-width:2px;stroke-linecap:round}.pcc__node{cursor:pointer}.pcc__disc{fill:var(--bg-raised);stroke:color-mix(in srgb, var(--ink-muted) 30%, transparent);stroke-width:1px;transition:fill var(--motion-slow) var(--motion-ease), stroke var(--motion-slow) var(--motion-ease)}.pcc__node:hover .pcc__disc{stroke:var(--accent-subdominant)}.pcc__node:focus-visible{outline:none}.pcc__node:focus-visible .pcc__disc{stroke:var(--ink-primary);stroke-width:2.5px}.pcc__int{fill:var(--ink-primary);font-family:var(--font-ui);pointer-events:none;font-size:17px;font-weight:800}.pcc__name{fill:var(--ink-muted);font-family:var(--font-ui);pointer-events:none;font-size:12px;font-weight:600}.pcc__node--on .pcc__disc{fill:var(--accent-subdominant);stroke:var(--accent-subdominant)}.pcc__node--on .pcc__int{fill:var(--ink-on-accent)}.pcc__node--on .pcc__name{fill:var(--ink-primary);font-weight:700}.pcc__node--result .pcc__disc{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.pcc__node--second .pcc__disc{fill:var(--accent-minor);stroke:var(--accent-minor)}.pcc__needle{stroke:var(--accent-subdominant);stroke-width:4px;stroke-linecap:round;transform-box:view-box;transform-origin:50%;transition-property:transform;transition-timing-function:cubic-bezier(.33,0,.25,1)}.pcc__hub{fill:var(--accent-subdominant)}.pcc__arc{stroke-width:5px;stroke-linecap:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100px;transition-property:stroke-dashoffset;transition-duration:.7s;transition-timing-function:var(--motion-ease)}.pcc__arcs--on .pcc__arc{stroke-dashoffset:0}.pcc__arc--short{stroke:var(--accent-tonic)}.pcc__arc--long{stroke:color-mix(in srgb, var(--ink-muted) 70%, transparent);stroke-dasharray:100}.pcc__arc--turn{stroke:var(--accent-subdominant)}.pcc__arc-label{fill:var(--ink-primary);font-family:var(--font-ui);paint-order:stroke;stroke:var(--bg-surface);stroke-width:4px;stroke-linejoin:round;font-size:15px;font-weight:800}.pcc__readout{flex-direction:column;flex:220px;gap:10px;min-width:0;display:flex}.pcc__big{letter-spacing:-.03em;color:var(--accent-subdominant-ink);margin:0;font-size:3.4rem;font-weight:800;line-height:1}.pcc__note{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.pcc__aside{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.pcc__facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.pcc__facts div{background:var(--bg-raised);border-radius:10px;padding:.55rem .7rem}.pcc__facts dt{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin:0;font-size:.72rem;font-weight:700}.pcc__facts dd{color:var(--ink-primary);margin:2px 0 0;font-size:1.15rem;font-weight:800}.pcc__facts dd small{color:var(--ink-muted);font-size:.8rem;font-weight:700}.pcc__facts-ic{border:1px solid var(--accent-tonic)}.pcc__facts-ic dd{color:var(--accent-tonic-ink)}.pcc__equation{color:var(--ink-primary);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:1.6rem;font-weight:800;display:flex}.pcc__op{color:var(--ink-muted)}.pcc__raw{color:var(--status-warning-ink)}.pcc__octaves{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pcc__octave{background:var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:1px;padding:.45rem .7rem;display:flex}.pcc__octave--on{border-color:var(--accent-subdominant);transform:translateY(-2px)}.pcc__octave-name{color:var(--ink-primary);font-size:1rem;font-weight:800}.pcc__octave-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.68rem;font-weight:700}.pcc__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pcc__btn{cursor:pointer;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.pcc__btn:hover{border-color:var(--accent-subdominant)}.pcc__btn--primary{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}.pcc__btn--on{color:var(--accent-tonic-ink);border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 12%, var(--bg-surface))}.pcc__group{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.pcc__chip{cursor:pointer;color:var(--ink-muted);transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 11px;font-family:inherit;font-size:.85rem;font-weight:700}.pcc__chip--num{min-width:34px}.pcc__chip:hover{color:var(--ink-primary)}.pcc__chip--on{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}.pcc__foot{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.6}@media (width<=720px){.pcc__stage{gap:14px}.pcc__big{font-size:2.6rem}}@media (prefers-reduced-motion:reduce){.pcc__needle,.pcc__arc,.pcc__disc,.pcc__octave,.pcc__btn,.pcc__chip{transition:none}}.kostka-fz-container{gap:var(--space-6,1.5rem);margin:var(--space-4,1rem) 0;color:var(--ink-primary);flex-direction:column;display:flex}.kostka-fz-card{background:var(--bg-surface);padding:var(--space-5,1.25rem);gap:var(--space-4,1rem);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 4px 20px #00000040}.kostka-fz-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;display:flex}.kostka-fz-title{font-family:var(--font-ui);color:var(--ink-primary);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.kostka-fz-source{font-family:var(--font-ui);color:var(--accent-subdominant);background:#38bdf81a;border:1px solid #38bdf833;border-radius:9999px;padding:.2rem .6rem;font-size:.8rem}.kostka-fz-desc{font-family:var(--font-ui);color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.kostka-fz-table-wrapper{background:var(--bg-canvas);-webkit-overflow-scrolling:touch;border:1px solid #ffffff1a;border-radius:8px;overflow-x:auto}.kostka-fz-table{border-collapse:collapse;text-align:center;width:100%;min-width:680px;font-family:var(--font-ui)}.kostka-fz-table th,.kostka-fz-table td{transition:background var(--motion-fast);border:1px solid #ffffff12;padding:.65rem .45rem;font-size:.95rem}.kostka-fz-header-row th{color:var(--ink-primary);background:#f4a2611f;font-weight:700}.kostka-fz-header-row th.header-label{text-align:left;color:#f43f5e;width:145px;padding-left:.85rem;font-size:1rem;font-weight:800}.kostka-fz-int-btn{color:inherit;cursor:pointer;width:100%;transition:all var(--motion-fast);background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-family:inherit;font-size:1.1rem;font-weight:800}.kostka-fz-int-btn:hover{background:#f4a26140;transform:translateY(-1px)}.kostka-fz-table th.col-active,.kostka-fz-table td.col-active{border-color:#38bdf866;background:#38bdf829!important}.kostka-fz-header-row th.col-active{background:#38bdf847!important}.row-label{text-align:left;color:var(--ink-muted);background:#ffffff05;padding-left:.85rem;font-weight:600}.row-natural td{color:#38bdf8;font-weight:700}.row-sharp td{color:#34d399;font-weight:600}.row-flat td{color:#fb923c;font-weight:600}.row-double td{color:#a78bfa;background:#a78bfa0d;font-size:.82rem}.empty-cell{color:#ffffff26;font-weight:300}.kostka-fz-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.kostka-fz-toggle-btn{background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast);border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;display:inline-flex}.kostka-fz-toggle-btn:hover{border-color:var(--accent-subdominant);background:#38bdf81a}.kostka-fz-footnote{font-family:var(--font-ui);color:var(--ink-muted);margin-top:.25rem;font-size:.8rem;font-style:italic}.kostka-fz-selected-box{background:var(--bg-raised);border:1px solid #38bdf84d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.kostka-fz-selected-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.kostka-fz-selected-badge{color:var(--ink-on-accent);background:var(--accent-subdominant);border-radius:6px;padding:.2rem .7rem;font-size:1.25rem;font-weight:800}.kostka-fz-selected-names{font-size:.95rem}.kostka-fz-play-btn{background:var(--accent-tonic);color:var(--ink-on-accent);cursor:pointer;transition:all var(--motion-fast);border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.kostka-fz-play-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.kostka-segmentation-table{border-collapse:collapse;width:100%;font-family:var(--font-ui);background:var(--bg-canvas);border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.kostka-segmentation-table th,.kostka-segmentation-table td{border:1px solid #ffffff14;padding:.75rem 1rem;font-size:.95rem}.kostka-segmentation-table th{color:#f43f5e;text-align:left;background:#f43f5e1a;font-weight:800}.kostka-segmentation-table tr:hover td{background:#ffffff05}.kostka-set-letters{font-family:var(--font-ui);color:var(--ink-primary);font-size:1.05rem;font-weight:700}.kostka-set-integers{font-family:var(--font-ui);color:var(--accent-dominant);font-size:1.05rem;font-weight:800}.kostka-set-role{color:var(--ink-muted);font-size:.85rem}.kostka-set-actions{gap:.4rem;display:flex}.kostka-btn-mini{background:var(--bg-raised);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast);border:1px solid #ffffff26;border-radius:5px;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.8rem;display:inline-flex}.kostka-btn-mini:hover{border-color:var(--accent-subdominant);background:#38bdf826}.kostka-unordered-demo{background:var(--bg-raised);border:1px dashed #f4a26166;border-radius:8px;flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.kostka-unordered-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kostka-unordered-tags{flex-wrap:wrap;gap:.5rem;display:flex}.kostka-unordered-chip{color:var(--accent-subdominant);cursor:pointer;transition:all var(--motion-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:.3rem .6rem;font-family:monospace;font-size:.95rem}.kostka-unordered-chip--active{border-color:var(--accent-dominant);color:var(--accent-dominant);background:#f4a26133;font-weight:700}.cla-page{gap:24px}.cla-page .modos-card__text a,.cla-page .modos-list a{color:var(--accent-subdominant-ink);border-bottom-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent)}.cla-page .modos-card__text a:hover,.cla-page .modos-list a:hover{border-bottom-color:var(--accent-subdominant)}.cla-page .modos-steps li::marker{color:var(--accent-subdominant-ink)}.cla-page .modos-list li::marker{color:var(--accent-subdominant-ink)}.cla-page code{color:var(--ink-primary);background:var(--bg-raised);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}.cla-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.cla-btn:hover{border-color:var(--accent-subdominant)}.cla-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.cla-grid__cell{background:var(--bg-raised);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.6rem .4rem;display:flex}.cla-grid__cell:first-child{border-color:var(--accent-subdominant)}.cla-grid__int{color:var(--accent-subdominant-ink);font-size:1.5rem;font-weight:800;line-height:1.1}.cla-grid__name{text-align:center;color:var(--ink-muted);font-size:.8rem;font-weight:600}.cla-fall{flex-direction:column;gap:12px;display:flex}.cla-fall__stage{background:var(--bg-raised);border-radius:12px;height:148px;position:relative;overflow:hidden}.cla-fall__name{white-space:nowrap;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-canvas);border-radius:9px;padding:6px 12px;font-size:1.05rem;font-weight:800;position:absolute;top:14px;left:50%}.cla-fall__name--left{transform:translate(calc(-50% - 78px))}.cla-fall__name--right{transform:translate(calc(78px - 50%))}.cla-fall__disc{width:52px;height:52px;color:var(--ink-on-accent);background:var(--accent-subdominant);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:800;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cla-fall__stage[data-run=on] .cla-fall__name--left{animation:cla-fall-left 1.4s var(--motion-ease) forwards}.cla-fall__stage[data-run=on] .cla-fall__name--right{animation:cla-fall-right 1.4s var(--motion-ease) forwards}.cla-fall__stage[data-run=on] .cla-fall__disc{animation:cla-fall-pulse 1.4s var(--motion-ease)}@keyframes cla-fall-left{0%{opacity:1;transform:translate(calc(-50% - 78px))translateY(0)}to{opacity:.18;transform:translate(-50%)translateY(74px)}}@keyframes cla-fall-right{0%{opacity:1;transform:translate(calc(78px - 50%))translateY(0)}to{opacity:.18;transform:translate(-50%)translateY(74px)}}@keyframes cla-fall-pulse{0%,60%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-subdominant) 55%, transparent)}80%{box-shadow:0 0 0 14px color-mix(in srgb, var(--accent-subdominant) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-subdominant) 0%, transparent)}}.cla-enar{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cla-enar__row{background:var(--bg-raised);border-radius:10px;align-items:center;gap:12px;padding:.55rem .8rem;display:flex}.cla-enar__int{width:34px;height:34px;color:var(--ink-on-accent);background:var(--accent-subdominant);border-radius:8px;flex:none;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.cla-enar__names{color:var(--ink-primary);font-size:1rem;font-weight:700}.cla-comp{flex-direction:column;gap:12px;display:flex}.cla-comp__field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.cla-comp__field input{accent-color:var(--accent-subdominant);max-width:320px}.cla-comp__track{gap:4px;height:46px;display:flex}.cla-comp__seg{min-width:0;color:var(--ink-on-accent);transition:flex-basis var(--motion-slow) var(--motion-ease);border-radius:9px;flex-grow:0;flex-shrink:1;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.cla-comp__seg--a{background:var(--accent-subdominant)}.cla-comp__seg--b{background:var(--accent-tonic)}.cla-ic{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.cla-ic__card{background:var(--bg-raised);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:8px;padding:1rem 1.1rem;display:flex}.cla-ic__card--wide{border-color:color-mix(in srgb, var(--accent-tonic) 40%, transparent);grid-column:1/-1}.cla-ic__head{color:var(--ink-primary);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:1.05rem;font-weight:800;display:flex}.cla-ic__head span{color:var(--ink-muted);font-size:.8rem;font-weight:700}.cla-ic__ic{color:var(--accent-tonic-ink);margin:0;font-size:1.6rem;font-weight:800;line-height:1}.cla-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cla-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}@media (width<=640px){.cla-fall__stage{height:160px}.cla-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}@media (prefers-reduced-motion:reduce){.cla-fall__stage[data-run=on] .cla-fall__name--left,.cla-fall__stage[data-run=on] .cla-fall__name--right,.cla-fall__stage[data-run=on] .cla-fall__disc{animation:none}.cla-comp__seg,.cla-btn{transition:none}}.sym-anim{width:100%;height:100%;position:relative}.sym-anim svg{width:100%;height:100%;display:block}.sym-anim__glyph{fill:var(--sym-card-accent)}.sym-anim__glyph--dim{fill:color-mix(in srgb, var(--sym-card-accent) 42%, transparent)}.sym-anim__axis{stroke:var(--ink-primary);stroke-width:2px;stroke-linecap:round;stroke-dasharray:7 6}.sym-anim__orbit,.sym-anim__track{fill:none;stroke:var(--ink-muted);stroke-width:1.4px;stroke-dasharray:4 5}.sym-anim__tick{stroke:var(--ink-muted);stroke-width:1.4px;stroke-linecap:round}.sym-anim__center,.sym-anim__cursor{fill:var(--sym-card-accent)}.sym-anim__tag{fill:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-family:inherit;font-size:10px;font-weight:700}.sym-anim__replay{width:26px;height:26px;color:var(--ink-muted);background:color-mix(in srgb, var(--bg-canvas) 70%, transparent);border:1px solid var(--bg-raised);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s,opacity .15s;display:grid;position:absolute;top:.5rem;right:.6rem}.sym-anim__replay:hover:not(:disabled){color:var(--sym-card-accent);border-color:var(--sym-card-accent)}.sym-anim__replay:focus-visible{outline:2px solid var(--sym-card-accent);outline-offset:2px}.sym-anim__replay:disabled{opacity:.3;cursor:default}.sym-page{--sym-cyan:var(--accent-subdominant);--sym-cyan-ink:var(--accent-subdominant-ink);--sym-orange:var(--accent-minor);--sym-orange-ink:var(--accent-minor-ink);--sym-violet:var(--accent-dominant)}.sym-transform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2.75rem;display:grid}.sym-transform-card{--sym-card-accent:var(--sym-cyan);--sym-card-ink:var(--sym-cyan-ink);background:var(--bg-surface);border:1px solid var(--bg-raised);border-top:3px solid var(--sym-card-accent);border-radius:14px;flex-direction:column;gap:.62rem;padding:0 1.15rem 1.2rem;display:flex;position:relative;overflow:hidden}.sym-transform-card--rotation{--sym-card-accent:var(--sym-orange);--sym-card-ink:var(--sym-orange-ink)}.sym-transform-card--translation{--sym-card-accent:var(--sym-violet);--sym-card-ink:var(--sym-violet)}.sym-transform-visual{background:linear-gradient(180deg, color-mix(in srgb, var(--sym-card-accent) 10%, transparent), transparent), var(--bg-canvas);height:138px;margin:0 -1.15rem .35rem;position:relative;overflow:hidden}.sym-transform-card__number{color:var(--sym-card-ink);letter-spacing:.13em;font-size:.7rem;font-weight:850}.sym-transform-card h3{color:var(--ink-primary);margin:0;font-size:1.2rem;font-weight:780}.sym-transform-card p{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.55}.sym-transform-card p strong{color:var(--ink-primary)}.sym-transform-card__geometry{border-bottom:1px solid var(--bg-raised);padding-bottom:.6rem}.sym-music-example{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:auto;padding-top:.35rem;display:flex}.sym-music-example span{color:var(--ink-primary);background:color-mix(in srgb, var(--sym-card-accent) 12%, transparent);white-space:nowrap;border-radius:6px;padding:.3rem .48rem;font-size:.76rem;font-weight:750}.sym-music-example b{color:var(--ink-muted);font-size:.68rem;font-weight:600}.sym-music-example--cycle{gap:.3rem}.sym-music-example span{transition:background .2s,box-shadow .2s,transform .2s}.sym-music-example span.is-active{background:color-mix(in srgb, var(--sym-card-accent) 32%, transparent);box-shadow:0 0 0 1px var(--sym-card-accent);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.sym-music-example span{transition:none}.sym-music-example span.is-active{transform:none}}.sym-pattern-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.sym-pattern-compare article{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:1.2rem}.sym-pattern-compare__tag{color:var(--sym-cyan-ink);background:color-mix(in srgb, var(--sym-cyan) 10%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;margin-bottom:.7rem;padding:.22rem .55rem;font-size:.7rem;font-weight:850;display:inline-flex}.sym-pattern-compare__tag--tonal{color:var(--sym-orange-ink);background:color-mix(in srgb, var(--sym-orange) 10%, transparent)}.sym-pattern-compare h3{color:var(--ink-primary);margin:0 0 .4rem;font-size:1rem}.sym-pattern-compare p{color:var(--ink-muted);margin:0;font-size:.83rem;line-height:1.5}.sym-pattern-line{gap:.5rem;margin-top:.9rem;display:flex}.sym-pattern-line span{color:var(--ink-primary);background:var(--bg-canvas);text-align:center;border-radius:7px;flex:1;padding:.55rem;font-size:.82rem;font-weight:750}@media (width<=900px){.sym-transform-grid,.sym-pattern-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.sym-transform-grid,.sym-pattern-compare{grid-template-columns:minmax(0,1fr)}}.sym-chord-card{background:var(--bg-surface);border:1px solid var(--bg-raised);box-shadow:0 4px 20px var(--bg-canvas);border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;transition:border-color .2s,transform .2s;display:flex}.sym-chord-card:hover{border-color:color-mix(in srgb, var(--ink-muted) 45%, transparent)}.sym-chord-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sym-chord-card__badge-row{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.sym-badge{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.sym-badge--accent{background:color-mix(in srgb, var(--accent-subdominant) 14%, var(--bg-surface));color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 32%, transparent)}.sym-badge--neutral{background:var(--bg-raised);color:var(--ink-muted)}.sym-chord-card__title{color:var(--ink-primary);margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.sym-chord-card__lead-sheet{color:var(--ink-muted);margin:0;font-size:.9rem}.sym-chord-card__lead-sheet strong{color:var(--accent-subdominant-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.sym-chord-card__voicing-toggle{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;padding:3px;display:flex}.btn-sym-toggle{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-sym-toggle--active{background:var(--bg-raised);color:var(--ink-primary);box-shadow:0 2px 6px var(--bg-canvas)}.sym-chord-card__score-wrap{background:var(--bg-canvas);border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex;overflow-x:auto}.sym-chord-staff__canvas{justify-content:center;display:flex}.sym-intervals-flow{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.sym-intervals-flow__label{color:var(--ink-muted);font-weight:600}.sym-interval-pill{border-radius:4px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:700}.sym-interval-pill--major{background:color-mix(in srgb, var(--accent-subdominant) 14%, var(--bg-surface));color:var(--accent-subdominant-ink);border:1px solid color-mix(in srgb, var(--accent-subdominant) 28%, transparent)}.sym-interval-pill--minor{background:color-mix(in srgb, var(--accent-minor) 14%, var(--bg-surface));color:var(--accent-minor-ink);border:1px solid color-mix(in srgb, var(--accent-minor) 28%, transparent)}.sym-triads-box{background:var(--bg-canvas);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.sym-triads-box__title{color:var(--ink-muted);font-size:.8rem;font-weight:600}.sym-triads-box__list{flex-wrap:wrap;gap:.5rem;display:flex}.sym-triad-chip{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.sym-triad-chip[data-quality=mayor]{border-color:color-mix(in srgb, var(--accent-subdominant) 40%, transparent);color:var(--accent-subdominant-ink)}.sym-triad-chip[data-quality=menor]{border-color:color-mix(in srgb, var(--accent-dominant) 40%, transparent);color:var(--accent-dominant)}.sym-triad-chip[data-quality=disminuida]{border-color:color-mix(in srgb, var(--accent-minor) 40%, transparent);color:var(--accent-minor-ink)}.sym-triad-chip__notes{opacity:.8;font-size:.7rem;font-weight:400}.sym-chord-card__desc{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.5}.sym-chord-card__footer{border-top:1px solid var(--bg-raised);justify-content:flex-start;gap:.75rem;padding-top:.5rem;display:flex}.sym-chord-card__audio-controls{flex-wrap:wrap;gap:.5rem;display:flex}.sym-audio-btn{border-radius:6px;padding:.4rem .85rem;font-size:.82rem}.sym-inversion-lab{flex-direction:column;gap:1.5rem;margin:1.5rem 0;display:flex}.sym-inversion-lab__toolbar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.sym-inversion-lab__control-group{align-items:center;gap:.6rem;display:flex}.sym-inversion-lab__label{color:var(--ink-muted);font-size:.85rem;font-weight:600}.sym-inversion-lab__select{background:var(--bg-raised);color:var(--ink-primary);border:1px solid color-mix(in srgb, var(--ink-muted) 45%, transparent);cursor:pointer;border-radius:6px;outline:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.sym-inversion-lab__pill-group{background:var(--bg-canvas);border-radius:8px;gap:.35rem;padding:3px;display:flex}.sym-pill-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:all .15s}.sym-pill-btn--active{background:var(--bg-raised);color:var(--accent-subdominant-ink);box-shadow:0 2px 6px var(--bg-canvas)}.sym-inversion-lab__play-seq-btn{border-radius:6px;padding:.45rem 1rem;font-size:.85rem}.sym-inversion-lab__grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;min-width:0;display:grid}@media (width<=900px){.sym-inversion-lab__grid{grid-template-columns:1fr}}.sym-inversion-lab__col{flex-direction:column;gap:.75rem;min-width:0;display:flex}.sym-col-header{border-radius:8px;flex-direction:column;gap:.2rem;padding:.5rem .75rem;display:flex}.sym-col-header--orig{background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface));border-left:3px solid var(--accent-subdominant)}.sym-col-header--inv{background:color-mix(in srgb, var(--accent-dominant) 12%, var(--bg-surface));border-left:3px solid var(--accent-dominant)}.sym-col-header__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.sym-col-header__name{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:700}.sym-inversion-lab__center-axis{justify-content:center;align-items:center;padding:1rem 0;display:flex}.sym-axis-indicator{background:var(--bg-canvas);border:1px dashed var(--bg-raised);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;display:flex}.sym-axis-icon{color:var(--status-warning)}.sym-axis-text{color:var(--ink-primary);font-size:.8rem;font-weight:700}.sym-axis-sub{color:var(--status-warning);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.sym-mirror-table-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;padding:1.25rem}.sym-mirror-table-box__title{color:var(--ink-primary);align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:1.05rem;font-weight:700;display:flex}.sym-mirror-table-box__sub{color:var(--ink-muted);margin:0 0 1rem;font-size:.85rem}.sym-mirror-table-wrap{overflow-x:auto}.sym-mirror-table{border-collapse:collapse;width:100%;font-size:.85rem}.sym-mirror-table th,.sym-mirror-table td{border-bottom:1px solid var(--bg-raised);text-align:left;padding:.6rem .85rem}.sym-mirror-table th{background:var(--bg-canvas);color:var(--ink-muted);font-weight:600}.sym-cell-orig{color:var(--accent-subdominant-ink);font-weight:700}.sym-cell-inv{color:var(--accent-dominant);font-weight:700}.sym-interval-badge{background:var(--bg-raised);border-radius:4px;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.sym-cycle-box{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.sym-cycle-box__header{color:var(--accent-subdominant-ink);align-items:flex-start;gap:.75rem;display:flex}.sym-cycle-box__title{color:var(--ink-primary);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.sym-cycle-box__desc{color:var(--ink-muted);margin:0;font-size:.85rem}.sym-cycle-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;display:grid}.sym-cycle-node{background:var(--bg-canvas);border:1px solid var(--bg-raised);cursor:pointer;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;transition:all .2s;display:flex}.sym-cycle-node:hover{border-color:var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-surface));transform:translateY(-2px)}.sym-cycle-node__step{color:var(--ink-muted,var(--ink-muted));text-transform:uppercase;font-size:.7rem;font-weight:600}.sym-cycle-node__root{color:var(--ink-primary);font-size:1.2rem;font-weight:800}.sym-cycle-node__quality{color:var(--accent-subdominant-ink);font-size:.75rem;font-weight:600}.sym-cycle-node[data-quality=minor] .sym-cycle-node__quality{color:var(--accent-dominant)}.sym-cycle-node__triads{color:var(--ink-muted);margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.nrc{flex-direction:column;gap:.7rem;display:flex}.nrc__scroll{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:.6rem;overflow-x:auto}.nrc-svg{width:100%;height:auto;display:block}.nrc-label{fill:var(--ink-muted);font-family:var(--font-ui);font-size:15px;font-weight:600}.nrc-op{fill:var(--ink-primary);font-family:var(--font-ui);letter-spacing:.04em;font-size:15px;font-weight:800}.nrc__play{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);cursor:pointer;transition:background var(--motion-fast,.12s) var(--motion-ease,ease);border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:650;display:inline-flex}.nrc__play:hover{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent)}.nrc__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nrc-chord{transition:opacity var(--motion-slow,.18s) var(--motion-ease,ease)}.nrc-chord.is-active path,.nrc-chord.is-active text,.nrc-chord.is-active rect{fill:var(--accent-minor)!important;stroke:var(--accent-minor)!important}.nrc-chord.is-active{transform-box:fill-box;transform-origin:50%;animation:nrc-pulse .26s var(--motion-ease,ease) 1}@keyframes nrc-pulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.nrc-chord.is-past{opacity:.42}@media (prefers-reduced-motion:reduce){.nrc__play,.nrc-chord{transition:none}.nrc-chord.is-active{animation:none}}.cyc{flex-direction:column;gap:1.1rem;display:flex}.cyc__scroll{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:.6rem;overflow-x:auto;container-type:inline-size}@container (width<=560px){.cyc__canvas{min-width:560px}}.cyc-svg{width:100%;height:auto;display:block}.cyc-arrow{stroke:var(--ink-muted);stroke-width:1.4px;fill:none}.cyc-label{fill:var(--ink-primary);font-family:var(--font-ui);font-size:22px;font-weight:700}.cyc-label-alt{fill:var(--ink-muted);font-family:var(--font-ui);font-size:15px;font-weight:500}.cyc-direction{fill:var(--ink-muted);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:800}.cyc__controls{flex-wrap:wrap;gap:.7rem;display:flex}.cyc__play{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:650;transition:background .15s;display:inline-flex}.cyc__play:hover{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent)}.cyc__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cyc__closure,.cyc__spelling{box-sizing:border-box;color:var(--ink-muted);border-radius:12px;margin:0;padding:1rem 1.2rem;font-size:.93rem;line-height:1.65}.cyc__closure{background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-surface));border-left:3px solid var(--accent-subdominant)}.cyc__spelling{background:var(--bg-surface);border:1px solid var(--bg-raised)}@media (prefers-reduced-motion:reduce){.cyc__play{transition:none}}.cyc-chord{transition:opacity var(--motion-slow,.18s) var(--motion-ease,ease)}.cyc-chord.is-active path,.cyc-chord.is-active text,.cyc-chord.is-active rect{fill:var(--accent-minor)!important;stroke:var(--accent-minor)!important}.cyc-chord.is-active{transform-box:fill-box;transform-origin:50%;animation:cyc-pulse var(--beat,1.5s) var(--motion-ease,ease) 1}@keyframes cyc-pulse{0%{transform:scale(1)}18%{transform:scale(1.07)}to{transform:scale(1)}}.cyc-chord.is-past{opacity:.42}.cyc-arrow.is-drawing{stroke:var(--accent-minor);stroke-width:2px;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:cyc-draw var(--beat,1.5s) var(--motion-ease,ease) forwards}@keyframes cyc-draw{to{stroke-dashoffset:0}}.cyc-arrow.is-done{stroke:var(--accent-minor);stroke-width:1.8px;opacity:.55}@media (prefers-reduced-motion:reduce){.cyc-chord.is-active{animation:none}.cyc-arrow.is-drawing{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.und{flex-direction:column;gap:1rem;display:flex}.und__controls{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.und__variants{background:var(--bg-canvas);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.und__variant{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.84rem;font-weight:650}.und__variant--active{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface))}.und__actions{flex-wrap:wrap;gap:.5rem;display:flex}.und__btn{color:var(--ink-muted);border:1px solid var(--bg-raised);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .85rem;font-family:inherit;font-size:.82rem;font-weight:650;display:inline-flex}.und__btn--audio{color:var(--accent-subdominant-ink);border-color:color-mix(in srgb, var(--accent-subdominant) 32%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 10%, transparent)}.und__variant:focus-visible,.und__btn:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.und__scroll{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:.5rem;overflow-x:auto;container-type:inline-size}@container (width<=630px){.und__canvas{min-width:630px}}.und-svg{width:100%;height:auto;display:block}.und__canvas.is-running .und-item{opacity:0;animation-duration:.42s;animation-fill-mode:forwards;animation-timing-function:var(--motion-ease,cubic-bezier(.4, 0, .2, 1))}.und__canvas.is-running .und-chord{animation-name:und-appear;animation-delay:.1s}.und__canvas.is-running .und-arp{transform-box:fill-box;animation-name:und-from-right;animation-delay:calc(.9s + var(--i) * .26s)}.und__canvas.is-running .und-bracket,.und__canvas.is-running .und-bracket-label{animation-name:und-appear;animation-delay:calc(2.5s + var(--i) * .2s)}.und__canvas.is-running .und-scale{transform-box:fill-box;animation-name:und-from-left;animation-delay:calc(3.6s + var(--i) * .26s)}@keyframes und-appear{0%{opacity:0}to{opacity:1}}@keyframes und-from-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes und-from-left{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}.und__canvas.is-still .und-item{opacity:1}.und-bracket{fill:none;stroke:var(--ink-muted);stroke-width:1.3px}.und-bracket-label{font-family:var(--font-ui);font-size:17px;font-weight:750}.und-bracket-label.is-major{fill:var(--accent-subdominant-ink)}.und-bracket-label.is-minor{fill:var(--accent-minor-ink)}.und-title{fill:var(--ink-muted);font-family:var(--font-ui);letter-spacing:.02em;font-size:16px;font-weight:700}.und__legend{box-sizing:border-box;background:color-mix(in srgb, var(--accent-dominant) 7%, var(--bg-surface));border-left:3px solid var(--accent-dominant);color:var(--ink-muted);border-radius:12px;margin:0;padding:1rem 1.2rem;font-size:.93rem;line-height:1.65}.und__legend strong{color:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.und__canvas.is-running .und-item{opacity:1;animation:none}}.und__root{align-items:center;gap:.45rem;display:inline-flex}.und__root span{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.und__root select{color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);cursor:pointer;border-radius:8px;padding:.35rem .55rem;font-family:inherit;font-size:.85rem;font-weight:650}.und__root select:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.tri{flex-direction:column;gap:1rem;display:flex}.tri__controls{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.tri__variants{background:var(--bg-canvas);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tri__variant{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.84rem;font-weight:650}.tri__variant--active{color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface))}.tri__actions{flex-wrap:wrap;gap:.5rem;display:flex}.tri__btn{color:var(--ink-muted);border:1px solid var(--bg-raised);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .85rem;font-family:inherit;font-size:.82rem;font-weight:650;display:inline-flex}.tri__btn--audio{color:var(--accent-subdominant-ink);border-color:color-mix(in srgb, var(--accent-subdominant) 32%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 10%, transparent)}.tri__variant:focus-visible,.tri__btn:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.tri__scroll{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:.5rem;overflow-x:auto;container-type:inline-size}@container (width<=540px){.tri__canvas{min-width:540px}}.tri-svg{width:100%;height:auto;display:block}.tri__canvas.is-running .tri-item{opacity:0;animation-duration:.45s;animation-fill-mode:forwards;animation-timing-function:var(--motion-ease,cubic-bezier(.4, 0, .2, 1));animation-name:tri-appear}.tri__canvas.is-running .tri-full{animation-delay:.1s}.tri__canvas.is-running .tri-bracket,.tri__canvas.is-running .tri-bracket-label{animation-delay:calc(.9s + var(--i) * 1.1s)}.tri__canvas.is-running .tri-piece{transform-box:fill-box;animation-name:tri-from-left;animation-delay:calc(1.15s + var(--i) * 1.1s)}@keyframes tri-appear{0%{opacity:0}to{opacity:1}}@keyframes tri-from-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.tri__canvas.is-still .tri-item{opacity:1}.tri-bracket{fill:none;stroke-width:2px}.tri-bracket--0{stroke:var(--accent-tonic)}.tri-bracket--1{stroke:var(--accent-subdominant)}.tri-bracket--2{stroke:var(--accent-minor)}.tri-bracket-label{font-family:var(--font-ui);font-size:15px;font-weight:750}.tri-bracket-label--0{fill:var(--accent-tonic-ink)}.tri-bracket-label--1{fill:var(--accent-subdominant-ink)}.tri-bracket-label--2{fill:var(--accent-minor-ink)}.tri-piece--0 path,.tri-piece--0 text{fill:var(--accent-tonic)!important;stroke:var(--accent-tonic)!important}.tri-piece--1 path,.tri-piece--1 text{fill:var(--accent-subdominant)!important;stroke:var(--accent-subdominant)!important}.tri-piece--2 path,.tri-piece--2 text{fill:var(--accent-minor)!important;stroke:var(--accent-minor)!important}.tri-title{fill:var(--ink-muted);font-family:var(--font-ui);font-size:16px;font-weight:700}.tri__legend{box-sizing:border-box;background:color-mix(in srgb, var(--accent-dominant) 7%, var(--bg-surface));border-left:3px solid var(--accent-dominant);color:var(--ink-muted);border-radius:12px;margin:0;padding:1rem 1.2rem;font-size:.93rem;line-height:1.65}.tri__legend strong{color:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.tri__canvas.is-running .tri-item{opacity:1;animation:none}}.tri__root{align-items:center;gap:.45rem;display:inline-flex}.tri__root span{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.tri__root select{color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);cursor:pointer;border-radius:8px;padding:.35rem .55rem;font-family:inherit;font-size:.85rem;font-weight:650}.tri__root select:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.inv-principle-card{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--accent-subdominant) 25%, transparent);border-radius:12px;margin:1.5rem 0;padding:1.25rem 1.5rem}.inv-principle-card h3{color:var(--accent-subdominant-ink);margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.inv-principle-card p{color:var(--ink-muted);margin:0;font-size:.95rem;font-style:italic;line-height:1.6}.inv-rules-comparison{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.inv-rule-box{border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.inv-rule-box--major{background:color-mix(in srgb, var(--accent-subdominant) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 25%, transparent)}.inv-rule-box--minor{background:color-mix(in srgb, var(--accent-dominant) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-dominant) 25%, transparent)}.inv-rule-box h4{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:700}.inv-rule-box p{color:var(--ink-muted);margin:0;font-size:.85rem}.inv-formula-row{background:var(--bg-canvas);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;display:flex}.inv-formula-row span{color:var(--accent-subdominant-ink);font-weight:600}.inv-formula-row small{color:var(--ink-muted);font-size:.72rem}.inv-formula-summary{font-weight:600;color:var(--ink-primary)!important;font-size:.82rem!important}.inv-cycle-diagram-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:1.25rem;margin:1.5rem 0;padding:1.5rem;display:flex}.inv-cycle-diagram-card h3{color:var(--accent-subdominant-ink);margin:0;font-size:1.1rem;font-weight:700}.inv-cycle-steps{color:var(--ink-muted);flex-direction:column;gap:.75rem;margin:0;padding-left:1.25rem;font-size:.9rem;display:flex}.inv-cycle-steps li strong{color:var(--ink-primary)}.inv-cycle-insight{background:color-mix(in srgb, var(--accent-subdominant) 8%, transparent);border-left:3px solid var(--accent-subdominant);color:var(--ink-muted);border-radius:6px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.55;display:flex}.inv-cycle-insight svg{color:var(--accent-subdominant-ink);flex-shrink:0;margin-top:2px}.inv-works-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.inv-work-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .2s;display:flex}.inv-work-card:hover{border-color:color-mix(in srgb, var(--accent-subdominant) 30%, transparent);transform:translateY(-2px)}.inv-work-card__composer{text-transform:uppercase;color:var(--accent-subdominant-ink);letter-spacing:.04em;font-size:.75rem;font-weight:700}.inv-work-card h3{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:700}.inv-work-card p{color:var(--ink-muted);margin:0;font-size:.85rem;line-height:1.55}.inv-principle-card__note{color:var(--ink-muted);font-size:.88rem;font-style:normal;margin-top:.7rem!important}.inv-start-grid,.inv-rules-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;display:grid}.inv-start-card,.inv-rule-card{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:1.2rem 1.3rem;position:relative}.inv-start-card h3,.inv-rule-card h4{color:var(--ink-primary);margin:0 0 .5rem;font-size:1rem;font-weight:700}.inv-start-card p,.inv-rule-card p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.inv-rule-card{padding-top:2.4rem}.inv-rule-card__num{width:22px;height:22px;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-dominant) 34%, transparent);border-radius:50%;place-items:center;font-size:.75rem;font-weight:850;display:grid;position:absolute;top:.85rem;left:1.3rem}.inv-facts{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:.8rem;margin:0;display:grid}.inv-facts>div{box-sizing:border-box;background:var(--bg-canvas);border-left:3px solid var(--accent-dominant);border-radius:0 10px 10px 0;padding:.9rem 1rem}.inv-facts dt{color:var(--accent-dominant);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:850}.inv-facts dd{color:var(--ink-muted);margin:.3rem 0 0;font-size:.88rem;line-height:1.55}.inv-quote{box-sizing:border-box;background:color-mix(in srgb, var(--accent-dominant) 8%, var(--bg-surface));border-left:3px solid var(--accent-dominant);color:var(--ink-primary);border-radius:0 12px 12px 0;margin:1rem 0 0;padding:1rem 1.3rem;font-size:1rem;font-weight:600;line-height:1.6}.inv-formulas{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;padding:1.2rem 1.4rem}.inv-formulas h3{margin:0 0 .7rem;font-size:1rem;font-weight:700}.inv-formulas ul{gap:.45rem;margin:0;padding-left:1.2rem;display:grid}.inv-formulas li{color:var(--ink-muted);font-size:.92rem;line-height:1.55}.inv-formulas li strong{color:var(--ink-primary)}.inv-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:1.2rem;display:grid}.inv-showcase-col,.inv-showcase-single{flex-direction:column;gap:.8rem;min-width:0;display:flex}.inv-tag-header{box-sizing:border-box;border-left:3px solid var(--accent-dominant);background:var(--bg-surface);border-radius:12px;padding:.8rem 1rem}.inv-tag-header--real{border-left-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface))}.inv-tag-header--mixed{border-left-color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 8%, var(--bg-surface))}.inv-tag-header h3{color:var(--ink-primary);margin:0 0 .2rem;font-size:1rem;font-weight:700}.inv-tag-header p{color:var(--ink-muted);margin:0;font-size:.85rem}.inv-callout{box-sizing:border-box;color:var(--ink-muted);border-radius:10px;align-items:flex-start;gap:.7rem;padding:.85rem 1rem;font-size:.86rem;line-height:1.6;display:flex}.inv-callout svg{flex-shrink:0;margin-top:2px}.inv-callout strong{color:var(--ink-primary)}.inv-callout--ok{background:color-mix(in srgb, var(--accent-tonic) 9%, transparent);border:1px solid color-mix(in srgb, var(--accent-tonic) 24%, transparent)}.inv-callout--ok svg{color:var(--accent-tonic-ink)}.inv-callout--warn{background:color-mix(in srgb, var(--status-warning) 9%, transparent);border:1px solid color-mix(in srgb, var(--status-warning) 24%, transparent)}.inv-callout--warn svg{color:var(--status-warning-ink)}.inv-quiz-stack{gap:2rem;display:grid}.ssw{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:16px;flex-direction:column;gap:.85rem;margin:0;padding:1rem;display:flex}.ssw__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.ssw__label{color:var(--ink-primary);font-family:var(--font-ui);font-size:1rem;font-weight:750}.ssw__count{color:var(--ink-muted);font-size:.8rem;font-weight:650}.ssw__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.ssw__modes{background:var(--bg-canvas);border-radius:999px;gap:4px;padding:4px;display:flex}.ssw__mode{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.34rem .8rem;font-family:inherit;font-size:.82rem;font-weight:650}.ssw__mode--active{color:color-mix(in srgb, var(--accent-dominant) 78%, var(--ink-primary));background:color-mix(in srgb, var(--accent-dominant) 16%, var(--bg-surface))}.ssw__mode:focus-visible,.ssw__slider input:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.ssw__slider{color:var(--ink-muted);flex-direction:column;flex:190px;gap:.25rem;font-size:.78rem;font-weight:650;display:flex}.ssw__slider strong{color:var(--ink-primary)}.ssw__slider input{width:100%;accent-color:var(--accent-dominant)}.ssw__svg{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.ssw__ring{fill:none;stroke:var(--bg-raised);stroke-width:1.5px}.ssw__shape{stroke-linejoin:round}.ssw__shape--base{fill:color-mix(in srgb, var(--ink-muted) 14%, transparent);stroke:var(--ink-muted);stroke-width:1.2px;stroke-dasharray:4 4}.ssw__shape--moved{fill:color-mix(in srgb, var(--accent-dominant) 18%, transparent);stroke:var(--accent-dominant);stroke-width:2.2px}.ssw__dot{fill:var(--accent-dominant)}.ssw__moving.is-match .ssw__shape--moved{fill:color-mix(in srgb, var(--accent-tonic) 22%, transparent);stroke:var(--accent-tonic)}.ssw__moving.is-match .ssw__dot{fill:var(--accent-tonic)}.ssw__moving{transition:transform .42s var(--motion-ease)}.ssw__axis{stroke:var(--accent-minor);stroke-width:1.6px;stroke-dasharray:6 5}.ssw__node circle{fill:var(--bg-canvas);stroke:var(--bg-raised);stroke-width:1.2px}.ssw__node.is-in circle{stroke:var(--ink-muted)}.ssw__node text{fill:var(--ink-muted);font-family:var(--font-ui);text-anchor:middle;font-size:9.5px;font-weight:700}.ssw__node.is-in text{fill:var(--ink-primary)}.ssw__verdict,.ssw__tally{margin:0;font-size:.88rem;line-height:1.6}.ssw__verdict{box-sizing:border-box;color:var(--ink-muted);border-radius:10px;padding:.6rem .85rem}.ssw__verdict.is-match{color:var(--accent-tonic-ink);background:color-mix(in srgb, var(--accent-tonic) 12%, var(--bg-surface))}.ssw__verdict.is-miss{background:var(--bg-canvas)}.ssw__verdict strong{color:inherit}.ssw__tally{color:var(--ink-muted)}.ssw__tally strong{color:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.ssw__moving{transition:none}}.tl-page{--modos-accent:var(--accent-dominant)}.tl-table-wrap{margin:1.2rem 0;overflow-x:auto}.tl-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9rem}.tl-table caption{color:var(--ink-muted);text-align:left;margin-bottom:.6rem;font-size:.82rem}.tl-table th,.tl-table td{border-bottom:1px solid var(--bg-raised);text-align:center;padding:.55rem .7rem}.tl-table thead th{color:var(--ink-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.76rem;font-weight:750}.tl-table tbody th{color:var(--ink-primary);text-align:left;white-space:nowrap;font-weight:650}.tl-table tbody td{color:var(--ink-muted)}.tl-table tbody td strong{color:var(--ink-primary);font-size:1.02rem}.tl-table tbody tr.is-limited th{box-shadow:inset 3px 0 0 var(--accent-tonic);padding-left:.95rem}.tl-table tbody tr.is-limited td strong{color:var(--accent-tonic-ink)}.tl-modes{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;margin:1.2rem 0;display:grid}.tl-mode{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-direction:column;gap:.55rem;padding:.95rem 1.05rem;display:flex}.tl-mode__head{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.tl-mode__title{color:var(--ink-primary);flex-direction:column;gap:.15rem;margin:0;font-size:1rem;font-weight:750;display:flex}.tl-mode__alias{color:var(--ink-muted);font-size:.78rem;font-weight:600}.tl-mode__badge{background:color-mix(in srgb, var(--accent-dominant) 14%, var(--bg-surface));color:var(--accent-dominant);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.22rem .6rem;font-size:.74rem;font-weight:750}.tl-mode__steps{flex-wrap:wrap;gap:3px;margin:0;display:flex}.tl-step{height:22px;color:var(--ink-primary);border-radius:5px;justify-content:center;align-items:center;font-size:.74rem;font-weight:750;display:inline-flex}.tl-step--1{background:color-mix(in srgb, var(--accent-minor) 24%, var(--bg-raised));width:20px}.tl-step--2{background:color-mix(in srgb, var(--accent-subdominant) 24%, var(--bg-raised));width:34px}.tl-step--3{background:color-mix(in srgb, var(--accent-tonic) 24%, var(--bg-raised));width:48px}.tl-step--4{background:color-mix(in srgb, var(--accent-dominant) 24%, var(--bg-raised));width:62px}.tl-mode__notes{color:var(--ink-primary);margin:0;font-size:.86rem;font-weight:600}.tl-mode__note{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.6}.tl-wheels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:1.2rem 0;display:grid}@media (width<=520px){.tl-modes,.tl-wheels{grid-template-columns:1fr}}.ej-page{--modos-accent:var(--accent-dominant)}.ej-page .modos-prose>p,.ej-page .modos-prose>h3{max-width:100%}.ej-example__head{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem 1.6rem;padding-bottom:1rem;display:flex}.ej-example__by{color:var(--ink-muted);margin:0;font-size:.86rem;font-weight:600}.ej-example__claim{box-sizing:border-box;background:color-mix(in srgb, var(--accent-dominant) 9%, var(--bg-canvas));border-left:3px solid var(--accent-dominant);max-width:42ch;color:var(--ink-primary);border-radius:0 10px 10px 0;flex:260px;margin:0;padding:.6rem .9rem;font-size:.9rem;font-weight:600;line-height:1.55}.ej-sections{grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:.8rem;margin:1.2rem 0;display:grid}.ej-section{box-sizing:border-box;background:var(--bg-canvas);border:1px solid var(--bg-raised);border-left:3px solid var(--ink-muted);border-radius:12px;padding:.9rem 1rem}.ej-section--wholeTone{border-left-color:var(--accent-subdominant)}.ej-section--pentatonic{border-left-color:var(--accent-minor)}.ej-section__bars{color:var(--ink-muted);letter-spacing:.04em;font-size:.75rem;font-weight:750;display:block}.ej-section h3{color:var(--ink-primary);margin:.2rem 0 .1rem;font-size:.98rem;font-weight:750}.ej-section__marking{color:var(--ink-muted);margin-bottom:.5rem;font-size:.78rem;font-style:italic;display:block}.ej-section p{color:var(--ink-muted);margin:0;font-size:.87rem;line-height:1.65}.ej-provenance{box-sizing:border-box;background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:12px;padding:.75rem 1rem}.ej-provenance summary:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.ej-provenance summary{color:var(--ink-muted);cursor:pointer;font-size:.85rem;font-weight:700}.ej-provenance p{color:var(--ink-muted);max-width:74ch;margin:.7rem 0 0;font-size:.85rem;line-height:1.65}@media (width<=560px){.ej-sections{grid-template-columns:1fr}}.fyt-page{flex-direction:column;gap:24px;display:flex}.fyt-chip{background:var(--bg-raised);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.4rem .75rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex}.fyt-chip em{letter-spacing:.03em;color:var(--ink-muted);font-size:.68rem;font-style:normal;font-weight:600}.fyt-chip--tonic{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);color:var(--accent-tonic)}.fyt-chip--subdominant{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);color:var(--accent-subdominant)}.fyt-chip--dominant{border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent);color:var(--accent-dominant)}.fyt-formmap{flex-direction:column;gap:8px;margin:16px 0;display:flex}.fyt-formmap__label{letter-spacing:.04em;color:var(--ink-muted);font-size:.78rem;font-weight:800}.fyt-formmap__label a{color:var(--accent-dominant);border-bottom:1px solid color-mix(in srgb, var(--accent-dominant) 40%, transparent);text-decoration:none}.fyt-formmap__label a:hover{border-bottom-color:var(--accent-dominant)}.fyt-formmap__bars{gap:3px;display:flex}.fyt-formbar{background:var(--bg-raised);border-radius:6px;flex:1;min-width:0;height:40px}.fyt-formbar--tonica{background:color-mix(in srgb, var(--accent-tonic) 30%, var(--bg-raised))}.fyt-formbar--subdominante{background:color-mix(in srgb, var(--accent-subdominant) 30%, var(--bg-raised))}.fyt-formbar--cadencia{background:color-mix(in srgb, var(--accent-dominant) 30%, var(--bg-raised))}.fyt-formbar--a{background:color-mix(in srgb, var(--accent-tonic) 30%, var(--bg-raised))}.fyt-formbar--b{background:color-mix(in srgb, var(--status-warning) 30%, var(--bg-raised))}.fyt-formmap__blocks{gap:3px;display:flex}.fyt-formmap__block{text-align:center;color:var(--ink-muted);flex-shrink:0;font-size:.72rem;font-weight:700}.fyt-route-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.fyt-route{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:10px;padding:1rem;display:flex}.fyt-route--focus{border-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface))}.fyt-route--closed{border-color:color-mix(in srgb, var(--accent-tonic) 45%, transparent);background:color-mix(in srgb, var(--accent-tonic) 6%, var(--bg-surface))}.fyt-route__label{letter-spacing:.04em;color:var(--ink-muted);align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.fyt-route .ext-chain-staff{margin-top:0}.fyt-verdict{background:var(--bg-surface);border-left:3px solid var(--accent-subdominant);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:.8rem 1rem;font-size:.9rem;line-height:1.6;display:flex}.fyt-verdict svg{flex:none;margin-top:3px}.fyt-verdict--closed{border-left-color:var(--accent-tonic)}.fyt-drill{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.fyt-drill__prompt{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:1.1rem 1.4rem;display:flex}.fyt-drill__prompt-item{align-items:center;gap:10px;display:inline-flex}.fyt-drill__arrow{color:var(--ink-muted);font-size:1.2rem}.fyt-drill__options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fyt-drill__option{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:10px;align-items:center;gap:7px;padding:.7rem 1.1rem;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.fyt-drill__option:hover:not(:disabled){border-color:var(--accent-subdominant)}.fyt-drill__option:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.fyt-drill__option:disabled{cursor:default}.fyt-drill__option--right{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 16%, var(--bg-surface));color:var(--accent-tonic)}.fyt-drill__option--wrong{border-color:var(--status-error);background:color-mix(in srgb, var(--status-error) 16%, var(--bg-surface));color:var(--status-error)}.fyt-drill__option--dim{opacity:.45}.fyt-drill__feedback{text-align:center;max-width:620px}.fyt-drill__feedback p{color:var(--ink-muted);margin:0 0 14px;font-size:.92rem;line-height:1.6}.fyt-drill__actions{justify-content:center;gap:10px;display:flex}.fyt-drill__score{color:var(--ink-muted);margin:0;font-size:.85rem}.form-map{flex-direction:column;gap:6px;margin-top:18px;display:flex}.form-map__fila{grid-template-columns:5.5rem 1fr;align-items:center;gap:10px;display:grid}.form-map__etiqueta{color:var(--ink-muted);letter-spacing:.03em;text-transform:uppercase;text-align:end;font-size:.74rem;font-weight:700}.form-map__pista{gap:3px;display:grid}.form-map__unidad{border:1px solid hsl(var(--tono) 55% 55% / 55%);background:hsl(var(--tono) 55% 50% / 16%);min-height:38px;color:var(--ink-primary);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;font-family:inherit;display:flex}.form-map__unidad:hover{background:hsl(var(--tono) 55% 50% / 30%)}.form-map__unidad:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.form-map__unidad[data-variante=true]{background:repeating-linear-gradient(45deg, hsl(var(--tono) 55% 50% / 22%) 0 5px, transparent 5px 10px), hsl(var(--tono) 55% 50% / 8%);border-style:dashed}.form-map__letra{font-size:.95rem;font-weight:800;line-height:1}.form-map__rango{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.66rem}.form-map__compas{background:var(--bg-raised);border-radius:3px;height:16px;position:relative}.form-map__compas[data-motivo=true]{background:var(--staff-ink-chromatic)}.form-map__compas[data-sonando=true]{outline:2px solid var(--staff-ink-degree);outline-offset:1px}.form-map__compas[data-numero]:after{content:attr(data-numero);top:100%;color:var(--ink-muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.62rem;position:absolute;inset-inline-start:0}.form-map__fila:last-child{margin-bottom:14px}@media (width<=620px){.form-map__fila{grid-template-columns:1fr;gap:3px}.form-map__etiqueta{text-align:start}.form-map__rango{display:none}.form-map__unidad{min-height:32px;padding:3px 0}.form-map__letra{font-size:.72rem}}.form-map__unidad[data-sonando=true]{outline:2px solid var(--staff-ink-degree);outline-offset:1px}.analisis-obras__bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.analisis-obras__meta{flex-direction:column;gap:2px;display:flex}.analisis-obras__meta strong{color:var(--ink-primary);font-size:.95rem}.analisis-obras__meta span{color:var(--ink-muted);font-size:.82rem}.analisis-obras__controls{flex-wrap:wrap;gap:8px;display:flex}.analisis-obras__hint{color:var(--ink-muted);margin:16px 0 0;font-size:.85rem;line-height:1.6}.analisis-obras__legend{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.analisis-obras__legend-item{background:var(--bg-raised);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.analisis-obras__legend-item strong{color:var(--ink-primary);margin-bottom:4px;font-size:.9rem;display:block}.analisis-obras__legend-item p{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.55}.analisis-obras__dot{border-radius:50%;flex:none;width:14px;height:14px;margin-top:3px}.analisis-obras__dot--estable{background:var(--staff-ink-diatonic);animation:3.2s ease-in-out infinite analisisAuraEstable}.analisis-obras__dot--tension{background:var(--staff-ink-chromatic);animation:1.15s ease-in-out infinite analisisAuraTension}@keyframes analisisAuraEstable{0%,to{box-shadow:0 0 #38bdf866}50%{box-shadow:0 0 0 6px #38bdf800}}@keyframes analisisAuraTension{0%,to{box-shadow:0 0 #f973168c}50%{box-shadow:0 0 0 7px #f9731600}}@media (prefers-reduced-motion:reduce){.analisis-obras__dot--estable,.analisis-obras__dot--tension{animation:none}}.analisis-obras__detail .modos-card__title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.analisis-obras__symbol{letter-spacing:-.01em;font-size:1.6rem;font-weight:800}.analisis-obras__category{letter-spacing:.02em;border-radius:999px;align-self:flex-start;width:fit-content;margin:0 0 12px;padding:3px 10px;font-size:.78rem;font-weight:700}.analisis-obras__category[data-aura=estable]{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 16%, transparent)}.analisis-obras__category[data-aura=tension]{color:var(--staff-ink-chromatic);background:color-mix(in srgb, var(--accent-minor) 16%, transparent)}.analisis-obras__second{border-inline-start:3px solid var(--accent-dominant);background:var(--bg-raised);color:var(--ink-muted);border-radius:0 8px 8px 0;margin:12px 0 16px;padding:12px 14px;font-size:.86rem;line-height:1.6}.analisis-obras__second strong{color:var(--ink-primary)}.analisis-obras__detail .modes-button{align-self:flex-start}.analisis-obras__compare{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0;display:grid}.analisis-obras__compare-side{background:var(--bg-raised);border-radius:10px;padding:16px}.analisis-obras__compare-side h3{color:var(--accent-subdominant-ink);margin:0 0 8px;font-size:.92rem}.analisis-obras__compare-side p{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.6}.analisis-obras__chains{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.analisis-obras__chains li{background:var(--bg-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.analisis-obras__chain-path{color:var(--staff-ink-chromatic);font-size:.98rem;font-weight:700}.analisis-obras__chain-bars{color:var(--ink-muted);flex:auto;font-size:.8rem}.analisis-obras__inventory{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:18px;display:grid}.analisis-obras__column ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.analisis-obras__column-title{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;font-size:.9rem;display:flex}.analisis-obras__column-title span{background:var(--bg-raised);color:var(--ink-muted);border-radius:999px;padding:1px 9px;font-size:.76rem;font-weight:700}.analisis-obras__column-title[data-aura=estable]{color:var(--accent-subdominant-ink)}.analisis-obras__column-title[data-aura=tension]{color:var(--staff-ink-chromatic)}.analisis-obras__row{background:var(--bg-raised);width:100%;color:var(--ink-primary);text-align:start;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);border:0;border-radius:8px;grid-template-columns:4.5rem 3.5rem 1fr auto;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;display:grid}.analisis-obras__row:hover{background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-raised))}.analisis-obras__row:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.analisis-obras__row-symbol{font-size:.95rem;font-weight:800}.analisis-obras__row-category{color:var(--ink-muted);font-size:.8rem}.analisis-obras__row-bars{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.76rem}@media (width<=560px){.analisis-obras__row{grid-template-columns:4.5rem 3.5rem 1fr}.analisis-obras__row-category{grid-column:1/-1}}.analisis-obras__footer{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;margin-top:28px;padding:16px 18px}.analisis-obras__footer p{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.65}.analisis-obras__footer a,.analisis-obras__compare-side a{color:var(--accent-subdominant-ink);text-underline-offset:2px;text-decoration:underline}.analisis-obras__footer a:hover,.analisis-obras__compare-side a:hover{color:var(--ink-primary)}.analisis-obras__pending{border-inline-start:3px solid var(--status-warning);background:color-mix(in srgb, var(--status-warning) 10%, transparent);color:var(--ink-muted);border-radius:0 8px 8px 0;margin:12px 0 0;padding:10px 14px;font-size:.82rem;line-height:1.6}.analisis-obras__pending strong{color:var(--status-warning-ink)}.analisis-obras__preguntas{color:var(--ink-muted);flex-direction:column;gap:10px;margin:4px 0 0;padding-inline-start:1.35rem;font-size:.88rem;line-height:1.6;display:flex}.analisis-obras__preguntas strong{color:var(--ink-primary)}.analisis-obras__hallazgos{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.analisis-obras__hallazgos li{background:var(--bg-raised);color:var(--ink-muted);border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;font-size:.82rem;line-height:1.4;display:flex}.analisis-obras__hallazgo-num{color:var(--ink-primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1}.analisis-obras__conclusiones{color:var(--ink-muted);flex-direction:column;gap:12px;margin:10px 0 0;padding-inline-start:1.35rem;font-size:.88rem;line-height:1.6;display:flex}.analisis-obras__conclusiones strong{color:var(--ink-primary)}.analisis-obras__backing{background:var(--bg-raised);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 20px;padding:14px 16px;display:flex}.analisis-obras__knob{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.analisis-obras__knob input[type=range]{width:110px;accent-color:var(--accent-subdominant)}.analisis-obras__knob input[type=range]:disabled{opacity:.45}.analisis-obras__knob span{min-width:4.5rem;color:var(--ink-primary);font-variant-numeric:tabular-nums}.analisis-obras__parts{gap:6px;display:flex}.analisis-obras__part{border:1px solid var(--bg-surface);color:var(--ink-muted);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:700}.analisis-obras__part[aria-pressed=true]{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent);border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.analisis-obras__part:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.analisis-obras__signos{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.analisis-obras__signo{background:var(--bg-raised);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.analisis-obras__signo svg{color:var(--ink-primary);flex:none}.analisis-obras__signo strong{color:var(--ink-primary);margin-bottom:4px;font-size:.9rem;display:block}.analisis-obras__signo p{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.55}.realbook{--paper:#1e2027;--paper-edge:#343842;border:1px solid var(--paper-edge);background:var(--paper);border-radius:4px;padding:clamp(14px,3vw,26px) clamp(10px,2.5vw,22px) 14px;box-shadow:0 1px 2px #00000059,0 12px 30px -14px #0009}:root[data-theme=light] .realbook{--paper:#f4f4f0;--paper-edge:#dedbd2;box-shadow:0 1px 2px #0000001f,0 10px 26px -14px #0000004d}.realbook__head{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:clamp(10px,2vw,18px);display:grid}.realbook__tempo{border:2px solid var(--ink-primary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:2px;justify-self:start;padding:3px 10px 1px;font-family:Caveat,Comic Sans MS,cursive;font-size:clamp(.9rem,2vw,1.05rem);font-weight:700;line-height:1.2}.realbook__title{border-bottom:3px solid var(--ink-primary);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;margin:0;padding-bottom:3px;font-family:Caveat,Comic Sans MS,cursive;font-size:clamp(1.6rem,4.5vw,2.7rem);font-weight:700;line-height:1}.realbook__composer{text-align:end;justify-self:end;font-family:Caveat,Comic Sans MS,cursive;font-size:clamp(.85rem,2vw,1.05rem);font-weight:600;line-height:1.25}@media (width<=680px){.realbook__head{grid-template-columns:1fr;justify-items:center;gap:6px}.realbook__title{order:-1}.realbook__composer{text-align:center}}.analisis-obras__subtitulo{color:var(--accent-subdominant-ink);margin:6px 0 0;font-size:.92rem}.analisis-obras__lectura{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding-inline-start:1.35rem;font-size:.88rem;line-height:1.6;display:flex}.analisis-obras__lectura strong{color:var(--ink-primary)}.realbook{position:relative}.analisis-obras__globo{z-index:5;border:1px solid var(--bg-raised);background:var(--bg-surface);pointer-events:none;width:max-content;max-width:min(320px,78vw);animation:globoEntra .14s var(--motion-ease);border-radius:10px;padding:10px 13px 11px;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 10px 26px -10px #0000008c}.analisis-obras__globo:after{content:"";inset-inline-start:50%;border-inline-end:1px solid var(--bg-raised);border-block-end:1px solid var(--bg-raised);background:var(--bg-surface);width:10px;height:10px;position:absolute;top:100%;transform:translate(-50%)translateY(-6px)rotate(45deg)}@keyframes globoEntra{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 12px))}}@media (prefers-reduced-motion:reduce){.analisis-obras__globo{animation:none}}.analisis-obras__globo-cat{letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.analisis-obras__globo[data-aura=estable] .analisis-obras__globo-cat{color:var(--accent-subdominant-ink)}.analisis-obras__globo[data-aura=tension] .analisis-obras__globo-cat{color:var(--staff-ink-chromatic)}.analisis-obras__globo-titulo{color:var(--ink-primary);align-items:baseline;gap:7px;margin-bottom:5px;font-size:1rem;display:flex}.analisis-obras__globo p{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.5}.analisis-obras__globo-extra{border-top:1px solid var(--bg-raised);padding-top:6px;margin-top:6px!important}.analisis-obras__globo[data-debajo=true]{animation-name:globoEntraDebajo;transform:translate(-50%,12px)}.analisis-obras__globo[data-debajo=true]:after{border:0;border-inline-start:1px solid var(--bg-raised);border-block-start:1px solid var(--bg-raised);top:auto;bottom:100%;transform:translate(-50%)translateY(6px)rotate(45deg)}@keyframes globoEntraDebajo{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,12px)}}.analisis-obras__motivo{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.analisis-obras__firmas{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:5px;margin-top:16px;display:grid}.analisis-obras__firma{background:var(--bg-raised);border-radius:6px;align-items:baseline;gap:7px;padding:5px 9px;font-size:.76rem;display:flex}.analisis-obras__firma[data-motivo=true]{background:color-mix(in srgb, var(--staff-ink-chromatic) 22%, var(--bg-raised))}.analisis-obras__firma-num{min-width:1.4rem;color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:end}.analisis-obras__firma-ritmo{color:var(--ink-primary);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.analisis-obras__firma[data-motivo=true] .analisis-obras__firma-ritmo{font-weight:700}.biblioteca-page{width:100%;min-width:0}.biblioteca-study-layout{grid-template-columns:minmax(0,1fr) minmax(290px,340px);align-items:start;gap:clamp(18px,2vw,28px);min-width:0;display:grid}.biblioteca-study-main{flex-direction:column;gap:20px;min-width:0;display:flex}.biblioteca-study-main>*{width:100%}.biblioteca-study-tabs{box-sizing:border-box}.biblioteca-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:16px}.biblioteca-catalogo-card,.biblioteca-standard-hero{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--paper-edge,#ffffff14);border-radius:16px}.biblioteca-catalogo-card{padding:16px}:root[data-theme=light] .biblioteca-catalogo-card,:root[data-theme=light] .biblioteca-standard-hero{border-color:#0000001a;box-shadow:0 2px 8px #0000000a}.biblioteca-catalogo-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.biblioteca-catalogo-card__head h2{color:var(--ink-primary);margin:2px 0 0;font-size:1.05rem}.biblioteca-catalogo-card__count{min-width:28px;height:28px;color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 12%, transparent);border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.biblioteca-filters{flex-direction:column;gap:10px;min-width:0;margin-bottom:12px;display:flex}.biblioteca-search{gap:6px;min-width:0;display:grid}.biblioteca-search__label{color:var(--ink-muted);font-size:.78rem;font-weight:650}.biblioteca-search__input{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid var(--border-subtle,#ffffff26);background:var(--bg-raised);color:var(--ink-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:.88rem;transition:border-color .2s,background-color .2s}:root[data-theme=light] .biblioteca-search__input{background:#f1f5f9;border-color:#00000026}.biblioteca-search__input:focus{border-color:var(--accent-dominant);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-dominant) 18%, transparent)}.biblioteca-form-tabs{flex-wrap:wrap;gap:6px;display:flex}.biblioteca-form-filter{border:1px solid var(--bg-raised);min-height:30px;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:650;transition:color .16s,border-color .16s,background-color .16s}.biblioteca-form-filter:hover,.biblioteca-form-filter:focus-visible{color:var(--ink-primary);border-color:var(--accent-dominant)}.biblioteca-form-filter--active{color:var(--accent-dominant);border-color:color-mix(in srgb, var(--accent-dominant) 45%, transparent);background:color-mix(in srgb, var(--accent-dominant) 12%, transparent)}.biblioteca-grid{overscroll-behavior:contain;flex-direction:column;gap:7px;max-height:min(46vh,460px);padding-right:3px;display:flex;overflow-y:auto}.biblioteca-card{box-sizing:border-box;text-align:left;background:var(--bg-raised);border:1px solid var(--border-subtle,#ffffff14);cursor:pointer;width:100%;min-width:0;color:var(--ink-primary);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;padding:10px 11px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}:root[data-theme=light] .biblioteca-card{background:#fff;border-color:#00000014;box-shadow:0 1px 4px #0000000a}.biblioteca-card:hover{border-color:var(--accent-dominant);transform:translate(-2px)}:root[data-theme=light] .biblioteca-card:hover{box-shadow:0 6px 16px #00000014}.biblioteca-card--active{border-color:var(--accent-dominant)!important;box-shadow:0 0 0 1px var(--accent-dominant)!important;background:#a78bfa1f!important}:root[data-theme=light] .biblioteca-card--active{background:#7c3aed14!important}.biblioteca-card__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-primary);font-size:.9rem;font-weight:700;overflow:hidden}.biblioteca-card__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-muted);grid-column:1/-1;font-size:.74rem;overflow:hidden}.biblioteca-card__tags{grid-area:1/2;gap:4px;display:flex}.biblioteca-tag{color:var(--ink-muted);background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.68rem;display:none}:root[data-theme=light] .biblioteca-tag{color:#475569;background:#f1f5f9}.biblioteca-tag--form{color:var(--accent-subdominant);background:#38bdf826;font-weight:600;display:inline-flex}:root[data-theme=light] .biblioteca-tag--form{color:#0369a1;background:#0284c71f}.biblioteca-standard-hero{background:linear-gradient(135deg, #a78bfa14 0%, var(--bg-surface) 100%);padding:16px}:root[data-theme=light] .biblioteca-standard-hero{background:linear-gradient(135deg,#7c3aed0f 0%,#fff 100%);border-color:#00000014;box-shadow:0 2px 8px #00000008}.biblioteca-standard-hero h2{color:var(--ink-primary);margin:3px 0 4px;font-size:1.28rem}.biblioteca-standard-hero__eyebrow{color:var(--accent-dominant);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:750}.biblioteca-standard-hero__composers{color:var(--ink-muted);margin:0 0 .8rem;font-size:.78rem}.biblioteca-standard-hero__desc{color:var(--ink-primary);margin-bottom:1rem;font-size:.82rem;line-height:1.45}.biblioteca-standard-hero__concepts{background:var(--bg-raised);border-left:3px solid var(--accent-dominant);border-radius:8px;padding:.8rem 1.2rem;font-size:.78rem}:root[data-theme=light] .biblioteca-standard-hero__concepts{border-left-color:var(--accent-dominant);background:#f8fafc}.biblioteca-standard-hero__concepts strong{color:var(--accent-dominant);margin-bottom:.4rem;display:block}:root[data-theme=light] .biblioteca-standard-hero__concepts strong{color:#6d28d9}.biblioteca-standard-hero__concepts ul{color:var(--ink-primary);margin:0;padding-left:1.2rem}.biblioteca-analysis-detail{background:var(--bg-raised);border-radius:12px;margin-top:4px;padding:16px}.biblioteca-analysis-detail__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.biblioteca-analysis-detail__head .modos-card__title{margin:0}.biblioteca-analysis-detail__lesson{align-self:flex-start;margin-top:6px}.biblioteca-catalogo-card__empty{color:var(--ink-muted);text-align:center;margin:8px 0;font-size:.82rem}@media (width<=1100px){.biblioteca-study-layout{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=900px){.biblioteca-study-layout{flex-direction:column;display:flex}.biblioteca-study-main,.biblioteca-sidebar{width:100%}.biblioteca-sidebar{position:static}.biblioteca-standard-hero{order:1}.biblioteca-catalogo-card{order:2}.biblioteca-grid{max-height:360px}}@media (width<=600px){.biblioteca-study-tabs{flex-wrap:nowrap;overflow-x:auto}.biblioteca-study-tabs .modos-toggle__btn{flex:none;padding-inline:12px}.biblioteca-study-main .modos-card{padding:16px 14px}.biblioteca-analysis-detail__head{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.biblioteca-card,.biblioteca-form-filter,.biblioteca-search__input{transition:none}}.analisis-obras__popup-fixed{background:var(--bg-surface);border:1px solid var(--accent-dominant);border-radius:8px;margin-top:1rem;padding:1rem 1.2rem;box-shadow:0 4px 16px #0003}:root[data-theme=light] .analisis-obras__popup-fixed{border-color:var(--accent-dominant);background:#fff;box-shadow:0 4px 16px #00000014}.analisis-obras__popup-fixed h4{color:var(--accent-dominant);margin:0 0 .4rem;font-size:1rem}:root[data-theme=light] .analisis-obras__popup-fixed h4{color:#6d28d9}.analisis-obras__popup-fixed p{color:var(--ink-primary);margin:.2rem 0;font-size:.88rem}.analisis-obras__enlaces{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.analisis-obras__enlaces li{background:var(--bg-raised);border-radius:10px;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;padding:10px 14px;display:grid}.analisis-obras__enlace-grados{color:var(--ink-muted);flex-wrap:wrap;grid-column:1/-1;gap:14px;display:flex}.analisis-obras__aires{border-left:1px solid var(--bg-surface);gap:6px;margin-left:6px;padding-left:12px;display:flex}.analisis-obras__aires .analisis-obras__part:disabled{opacity:.45;cursor:not-allowed}.analisis-obras__secciones{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.analisis-obras__seccion{background:var(--bg-raised);color:var(--ink-muted);border-radius:999px;padding:6px 14px;font-size:.85rem}.analisis-obras__seccion strong{color:var(--ink-primary);margin-right:6px}.analisis-obras__aire-fijo{border-left:1px solid var(--bg-surface);color:var(--ink-muted);margin-left:6px;padding:5px 12px 5px 18px;font-size:.85rem}.biblioteca-grand-staff-note{color:var(--ink-muted);text-align:center;margin:10px 0 2px;font-size:12px}.neg-score{border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);background:var(--bg-canvas);border-radius:10px;margin:.75rem 0;padding:.75rem .75rem 0;overflow:hidden}.neg-score__header{border-bottom:1px solid color-mix(in srgb, var(--ink-primary) 10%, transparent);color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0 .6rem .4rem;font-size:.72rem;display:flex}.neg-score__svg-container{width:100%;overflow-x:auto}.neg-score__svg-container svg{display:block}.neg-score-note--active{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--status-warning) 70%, transparent))}.neg-score-note--active .vf-notehead{fill:var(--status-warning-ink);stroke:var(--status-warning-ink)}.neg-score-note--active text{fill:var(--status-warning-ink)}.neg-contour{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--ink-primary) 4%, transparent);border-radius:12px;margin:1.5rem 0;padding:1.25rem}.neg-contour__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.neg-contour__title{color:var(--ink-primary);margin:0;font-size:1.05rem;font-weight:700}.neg-contour__caption{color:var(--ink-muted);max-width:540px;margin:.25rem 0 0;font-size:.85rem;line-height:1.45}.neg-contour__legend{flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.neg-contour__legend-item{color:var(--ink-muted);align-items:center;gap:.4rem;display:flex}.neg-contour__legend-dot{border-radius:50%;width:10px;height:10px}.neg-contour__legend-dot--orig{background:var(--neg-original,var(--accent-subdominant));box-shadow:0 0 8px color-mix(in srgb, var(--neg-original,var(--accent-subdominant)) 50%, transparent)}.neg-contour__legend-dot--neg{background:var(--neg-reflejo,#f472b6);box-shadow:0 0 8px color-mix(in srgb, var(--neg-reflejo,#f472b6) 50%, transparent)}.neg-contour__legend-line--axis{background:var(--status-error);width:18px;height:2px;display:inline-block}.neg-contour__svg-wrap{width:100%;overflow-x:auto}.neg-contour__svg{width:100%;max-width:860px;margin:0 auto;display:block}.neg-contour__bg{fill:var(--bg-canvas);stroke:color-mix(in srgb, var(--ink-primary) 10%, transparent);stroke-width:1px;rx:6px}.neg-contour__grid-line line{stroke:color-mix(in srgb, var(--ink-primary) 10%, transparent);stroke-dasharray:2 4}.neg-contour__y-label{fill:var(--ink-muted);font-size:10px;font-family:var(--font-mono,monospace)}.neg-contour__axis-line{stroke:var(--status-error);stroke-width:1.5px;stroke-dasharray:4 3}.neg-contour__axis-text{fill:var(--status-error);font-size:10px;font-weight:700}.neg-contour__path--orig{fill:none;stroke:var(--neg-original,var(--accent-subdominant));stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px color-mix(in srgb, var(--neg-original,var(--accent-subdominant)) 40%, transparent))}.neg-contour__path--neg{fill:none;stroke:var(--neg-reflejo,#f472b6);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px color-mix(in srgb, var(--neg-reflejo,#f472b6) 40%, transparent))}.neg-contour__connector{stroke:color-mix(in srgb, var(--ink-primary) 20%, transparent);stroke-dasharray:2 2;stroke-width:1px;transition:stroke .15s}.neg-contour__connector--active{stroke:var(--status-warning);stroke-width:1.5px}.neg-contour__dot{cursor:pointer;transition:r .15s,filter .15s}.neg-contour__dot--orig{fill:var(--neg-original,var(--accent-subdominant));stroke:var(--bg-surface);stroke-width:1.5px}.neg-contour__dot--neg{fill:var(--neg-reflejo,#f472b6);stroke:var(--bg-surface);stroke-width:1.5px}.neg-contour__dot--active{r:7;stroke:var(--ink-primary);stroke-width:2px}.neg-contour__x-text{fill:var(--ink-muted);font-size:11px}.neg-contour__x-text--active{fill:var(--status-warning-ink);font-weight:700}.neg-contour__detail{background:var(--bg-canvas);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);border-radius:8px;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;padding:.85rem 1.25rem;display:flex}.neg-contour__detail-col{flex-direction:column;align-items:center;gap:.2rem;display:flex}.neg-contour__detail-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.18rem .5rem;font-size:.72rem;font-weight:700}.neg-contour__detail-tag--orig{background:color-mix(in srgb, var(--neg-original,var(--accent-subdominant)) 15%, transparent);color:var(--accent-subdominant-ink)}.neg-contour__detail-tag--neg{background:color-mix(in srgb, var(--neg-reflejo,#f472b6) 15%, transparent);color:var(--neg-reflejo,#f472b6)}.neg-contour__detail-val{color:var(--ink-primary);font-size:1.05rem;font-weight:700}.neg-contour__detail-sub{color:var(--ink-muted);font-size:.75rem;font-family:var(--font-mono,monospace)}.neg-contour__detail-arrow{flex-direction:column;align-items:center;gap:.25rem;display:flex}.neg-contour__detail-arrow-icon{color:var(--status-error);font-size:1.25rem}.neg-contour__detail-arrow-formula{font-size:.8rem;font-family:var(--font-mono,monospace);color:var(--status-warning-ink);background:color-mix(in srgb, var(--status-warning) 12%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--status-warning) 25%, transparent);border-radius:4px;padding:.2rem .55rem}.negative-foundations{--neg-borde:color-mix(in srgb, var(--ink-primary) 12%, transparent)}.negative-foundations>header{margin:0 0 1.25rem}.negative-foundations>header>span{color:var(--accent-subdominant-ink);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700}.negative-foundations>header h3{letter-spacing:-.01em;color:var(--ink-primary);margin:.5rem 0;font-size:1.42rem;font-weight:750}.negative-foundations>header p{max-width:68ch;color:var(--ink-muted);margin:0;font-size:.94rem;line-height:1.65}.negative-foundations__tabs{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.negative-foundations__tabs button{border:1px solid var(--neg-borde);background:var(--bg-surface);color:var(--ink-muted);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:8px;flex:220px;padding:.72rem 1rem;font-size:.88rem;font-weight:650}.negative-foundations__tabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--modos-accent,var(--accent-subdominant)) 45%, transparent);background:color-mix(in srgb, var(--modos-accent,var(--accent-subdominant)) 14%, var(--bg-surface));color:var(--accent-subdominant-ink)}.negative-foundations__panel{min-width:0}.negative-motion-card{border:1px solid var(--neg-borde);background:var(--bg-surface);border-radius:12px;min-width:0;overflow:hidden}.negative-motion-card header{padding:1.25rem 1.35rem .6rem}.negative-motion-card h4{color:var(--ink-primary);margin:0 0 .45rem;font-size:1.05rem;font-weight:700}.negative-motion-card header p{color:var(--ink-muted);margin:0;font-size:.78rem}.negative-motion-card iframe{aspect-ratio:720/440;background:var(--bg-canvas);border:0;width:100%;display:block}.negative-motion-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:.9rem 1rem 0;display:grid}.negative-motion-steps button{border:0;border-bottom:2px solid var(--neg-borde);color:var(--ink-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;padding:.5rem .25rem;font-size:.7rem;line-height:1.4}.negative-motion-steps span{font-family:var(--font-mono,ui-monospace, monospace);margin-bottom:5px;display:block}.negative-motion-steps button[aria-pressed=true]{border-color:var(--modos-accent,var(--accent-subdominant));color:var(--accent-subdominant-ink);font-weight:700}.negative-motion-note{min-height:64px;color:var(--ink-primary);margin:.9rem 0;padding:0 1.25rem;font-size:.82rem;line-height:1.6}.negative-motion-controls{border-top:1px solid var(--neg-borde);align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.negative-motion-controls button{background:var(--modos-accent,var(--accent-subdominant));min-width:85px;color:var(--ink-on-accent);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:.6rem .8rem;font-size:.76rem;font-weight:600}.negative-motion-controls input{min-width:20px;accent-color:var(--modos-accent,var(--accent-subdominant));flex:1}.negative-motion-controls>span{color:var(--ink-muted);white-space:nowrap;font-size:.65rem}.negative-foundations button:focus-visible,.negative-foundations input:focus-visible{outline:3px solid var(--modos-accent,var(--accent-subdominant));outline-offset:3px}@media (width<=900px){.negative-motion-card iframe{max-height:360px}.negative-motion-note{min-height:0}}.negative-construction{border:1px solid var(--neg-borde);background:var(--bg-surface);border-radius:12px;min-width:0;overflow:hidden}.negative-construction>header{padding:1.25rem 1.35rem .75rem}.negative-construction__eyebrow{color:var(--accent-subdominant-ink);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.negative-construction h4{color:var(--ink-primary);margin:.4rem 0;font-size:1.15rem;font-weight:700}.negative-construction>header p{color:var(--ink-muted);margin:0;font-size:.78rem}.negative-construction__switch{flex-wrap:wrap;gap:6px;padding:0 1.25rem .9rem;display:flex}.negative-construction__switch button{border:1px solid var(--neg-borde);color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border-radius:7px;flex:1;padding:.6rem;font-size:.78rem}.negative-construction__switch button[aria-pressed=true]{border-color:color-mix(in srgb, var(--modos-accent,var(--accent-subdominant)) 45%, transparent);background:color-mix(in srgb, var(--modos-accent,var(--accent-subdominant)) 14%, var(--bg-surface));color:var(--accent-subdominant-ink);font-weight:700}.negative-motion-card--embedded{border:0;border-radius:0;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.negative-motion-card--embedded>header{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.negative-motion-card--embedded iframe{aspect-ratio:auto;grid-area:1/1/3;height:260px;max-height:305px}.negative-motion-card--embedded .negative-motion-steps{grid-area:1/2;grid-template-columns:repeat(2,minmax(0,1fr));padding:.65rem .75rem 0}.negative-motion-card--embedded .negative-motion-note{grid-area:2/2;min-height:0;padding:0 .9rem;font-size:.78rem}.negative-motion-card--embedded .negative-motion-controls{grid-area:3/1/auto/-1}.negative-correspondences{padding:.15rem 1.25rem 1.15rem}.negative-correspondences h5{color:var(--ink-primary);margin:1.05rem 0 .2rem;font-size:.95rem;font-weight:700}.negative-correspondences p{color:var(--ink-muted);margin:0 0 .55rem;font-size:.72rem}.negative-correspondences__scroll{border:1px solid var(--neg-borde);border-radius:6px;overflow-x:auto}.negative-correspondences table{table-layout:fixed;border-collapse:collapse;text-align:center;width:100%;color:var(--ink-primary);font-size:.8rem}.negative-correspondences th,.negative-correspondences td{border-right:1px solid var(--neg-borde);white-space:nowrap;padding:8px 3px}.negative-correspondences th:last-child,.negative-correspondences td:last-child{border-right:0}.negative-correspondences thead{background:color-mix(in srgb, var(--neg-original,var(--accent-subdominant)) 16%, var(--bg-surface))}.negative-correspondences thead th{color:var(--accent-subdominant-ink);font-weight:700}.negative-correspondences tbody tr:first-child{background:color-mix(in srgb, var(--neg-reflejo,#f472b6) 14%, var(--bg-surface))}.negative-correspondences tbody tr:nth-child(2){background:var(--bg-raised);color:var(--ink-muted)}.negative-correspondences__sevenths{min-width:530px}.negative-correspondences .negative-correspondences__insight{color:var(--ink-muted);margin-top:.75rem;font-size:.82rem;line-height:1.6}@media (width<=550px){.negative-correspondences{padding-inline:.75rem}.negative-correspondences table{font-size:.7rem}.negative-construction__switch{padding-inline:.75rem}.negative-correspondences__sevenths{min-width:490px}}@media (width<=1100px) and (width>=901px),(width<=550px){.negative-motion-card--embedded{display:block}.negative-motion-card--embedded iframe{aspect-ratio:720/440;height:auto;max-height:240px}.negative-motion-card--embedded .negative-motion-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.mirror-studio{--mirror-blue:var(--neg-original,var(--accent-subdominant));--mirror-rose:var(--neg-reflejo,#f472b6);--mirror-gold:var(--status-warning);--mirror-gold-ink:var(--status-warning-ink);--line:color-mix(in srgb, var(--ink-primary) 12%, transparent);border:1px solid var(--line);background:var(--bg-surface);color:var(--ink-primary);border-radius:18px;overflow:hidden}.mirror-studio__header{justify-content:space-between;align-items:center;gap:24px;padding:24px 28px 18px;display:flex}.mirror-eyebrow{color:var(--mirror-blue);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.mirror-studio__header h2{font-family:var(--font-display,inherit);margin:8px 0;font-size:clamp(20px,2.2vw,29px)}.mirror-studio__header p{color:var(--ink-muted);margin:0;font-size:14px}.mirror-equation{font-family:var(--font-mono,monospace);white-space:nowrap;color:var(--mirror-rose);font-size:15px}.mirror-equation small{color:var(--ink-muted);margin-top:8px;font-family:inherit;display:block}.mirror-toolbar{background:color-mix(in srgb,var(--mirror-blue) 4%,var(--bg-surface));border-block:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:12px;padding:16px 28px;display:flex}.mirror-toolbar label{color:var(--ink-muted);gap:5px;font-size:11px;font-weight:700;display:grid}.mirror-studio button,.mirror-studio select{font:inherit;cursor:pointer;border:1px solid color-mix(in srgb,var(--ink-primary) 20%,transparent);background:var(--bg-surface);color:var(--ink-primary);border-radius:7px;min-height:38px;padding:9px 12px;font-size:13px;transition:background .2s,color .2s}.mirror-studio button:focus-visible,.mirror-studio select:focus-visible{outline:3px solid var(--mirror-blue);outline-offset:3px}.mirror-segment,.mirror-degrees{flex-wrap:wrap;gap:4px;display:flex}.mirror-degrees{margin-left:auto}.mirror-studio button[aria-pressed=true],.mirror-studio .mirror-primary{background:var(--mirror-blue);color:var(--ink-on-accent);border-color:var(--mirror-blue)}.mirror-workspace{grid-template-columns:minmax(300px,.95fr) minmax(360px,1.15fr);display:grid}.mirror-dial-panel{background:color-mix(in srgb,var(--mirror-blue) 2%,var(--bg-surface));border-right:1px solid var(--line);padding:20px 24px}.mirror-dial-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.mirror-dial-heading button{padding:6px 9px;font-size:11px}.mirror-dial{width:100%;max-width:405px;margin:0 auto;display:block;overflow:visible}.mirror-ring{fill:none;stroke:color-mix(in srgb,var(--ink-primary) 18%,transparent);stroke-width:1px}.mirror-inner-ring{fill:none;stroke:color-mix(in srgb,var(--ink-primary) 10%,transparent);stroke-dasharray:2 5}.mirror-axis{stroke:var(--mirror-gold);stroke-width:2px;stroke-dasharray:5 5}.mirror-poly-original{fill:color-mix(in srgb,var(--mirror-blue) 9%,transparent);stroke:var(--mirror-blue);stroke-width:2px}.mirror-poly-negative{fill:color-mix(in srgb,var(--mirror-rose) 9%,transparent);stroke:var(--mirror-rose);stroke-width:2px;animation:1.2s both mirror-reveal}.mirror-ray{stroke:var(--mirror-rose);stroke-width:1px;opacity:.45;stroke-dasharray:1;animation:1.3s both mirror-trace}.mirror-ray.is-active{opacity:1;stroke-width:4px}.mirror-node circle{fill:var(--bg-surface);stroke:color-mix(in srgb,var(--ink-primary) 20%,transparent);stroke-width:1.2px;transition:fill .3s,stroke .3s}.mirror-node text{fill:var(--ink-primary);font-size:12px;font-weight:700}.mirror-node .mirror-pc{font-size:9px;font-weight:400}.mirror-node.is-original circle{fill:color-mix(in srgb,var(--mirror-blue) 20%,var(--bg-surface));stroke:var(--mirror-blue)}.mirror-node.is-negative circle{fill:color-mix(in srgb,var(--mirror-rose) 20%,var(--bg-surface));stroke:var(--mirror-rose)}.mirror-node.is-original.is-negative circle{fill:color-mix(in srgb,var(--mirror-gold) 20%,var(--bg-surface));stroke:var(--mirror-gold)}.mirror-node.is-active circle{stroke-width:4px}.mirror-legend{flex-wrap:wrap;justify-content:center;gap:14px;font-size:11px;display:flex}.mirror-legend span:first-child{color:var(--mirror-blue)}.mirror-legend span:nth-child(2){color:var(--mirror-rose)}.mirror-legend span:nth-child(3){color:var(--mirror-gold-ink)}.mirror-dial-caption{text-align:center;color:var(--ink-muted);margin:9px 0 0;font-size:11px}.mirror-result{min-width:0;padding:24px}.mirror-result>strong,.mirror-listen>strong{font-size:13px}.mirror-identities{grid-template-columns:1fr 20px 1fr;align-items:center;gap:12px;margin:18px 0;display:grid}.mirror-identities small{text-transform:uppercase;letter-spacing:.1em;font-size:11px}.mirror-identities h3{margin:6px 0;font-size:21px;line-height:1.2}.mirror-identities div:first-child{color:var(--mirror-blue)}.mirror-identities div:last-child{color:var(--mirror-rose)}.mirror-identities div>span{font-size:12px}.mirror-voices{gap:5px;display:grid}.mirror-voices button{text-align:left;grid-template-columns:1fr 1.7fr 20px 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.mirror-voices small{opacity:.65;font-weight:400}.mirror-voices code{color:var(--ink-muted);font-size:11px}.mirror-voices b:first-child{color:var(--mirror-blue)}.mirror-voices b:last-child{color:var(--mirror-rose)}.mirror-voices button.is-active{background:color-mix(in srgb,var(--mirror-gold) 12%,var(--bg-surface))}.mirror-takeaway{color:var(--ink-muted);border-left:2px solid var(--mirror-gold);margin:16px 0;padding-left:12px;font-size:12px;line-height:1.6}.mirror-listen>div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mirror-studio .mirror-replay{color:var(--ink-muted);border:0;padding-left:0;font-size:11px}@keyframes mirror-trace{0%{stroke-dashoffset:1px;opacity:0}to{stroke-dashoffset:0}}@keyframes mirror-reveal{0%{opacity:0}to{opacity:1}}@media (width<=1050px){.mirror-studio__header{flex-direction:column;align-items:start;gap:12px}.mirror-equation small{margin-left:12px;display:inline}.mirror-degrees{margin-left:0}}@media (width<=760px){.mirror-workspace{grid-template-columns:1fr}.mirror-dial-panel{border-right:0;border-bottom:1px solid var(--line)}.mirror-studio__header,.mirror-toolbar,.mirror-result{padding:18px}.mirror-equation{white-space:normal}.mirror-dial{max-width:340px}}@media (prefers-reduced-motion:reduce){.mirror-studio *,.mirror-studio :before{transition:none!important;animation:none!important}}.an-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.an-player__eyebrow,.an-composition__eyebrow{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.an-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.an-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.an-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.an-player__chapter:hover,.an-player__chapter--active{border-color:var(--accent-dominant);background:var(--bg-raised);color:var(--ink-primary)}.an-player__chapter:focus-visible,.an-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.an-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.an-player__corner-play{border:1px solid var(--accent-dominant);background:var(--accent-dominant);width:100%;height:100%;color:var(--ink-on-dominant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.an-player__corner-play:hover{transform:scale(1.06)}.an-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.an-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.an-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.an-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.an-composition__rule--sounding{border-color:var(--accent-dominant)}.an-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.an-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.an-ink-neg{color:var(--accent-subdominant-ink)}.an-ink-orig{color:var(--accent-tonic-ink)}.an-stack{flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;display:flex}.an-lead{font:600 1.1rem/1.4 var(--font-ui);text-align:center;margin:0}.an-roll{flex:1;width:100%;min-height:0}.an-roll__bar{fill:var(--bg-surface);stroke:var(--bg-raised)}.an-roll__bar--sounding{stroke:var(--accent-dominant);stroke-width:2px}.an-roll__chord{font:800 17px var(--font-ui)}.an-roll__chord--neg{fill:var(--accent-subdominant-ink)}.an-roll__chord--orig{fill:var(--accent-tonic-ink)}.an-roll__axis line{stroke:var(--accent-dominant);stroke-width:2px;stroke-dasharray:8 5}.an-roll__axis text{fill:var(--accent-dominant);font:700 11px var(--font-ui)}.an-note rect{stroke-width:1.5px;transition:fill .1s}.an-note text{fill:var(--ink-primary);font:700 10px var(--font-ui);pointer-events:none}.an-note--neg rect{fill:color-mix(in srgb, var(--accent-subdominant) 28%, var(--bg-surface));stroke:var(--accent-subdominant)}.an-note--orig rect{fill:color-mix(in srgb, var(--accent-tonic) 28%, var(--bg-surface));stroke:var(--accent-tonic)}.an-note--ghost{opacity:.35}.an-note--neg.an-note--sounding rect{fill:var(--accent-subdominant)}.an-note--orig.an-note--sounding rect{fill:var(--accent-tonic)}.an-note--sounding text{fill:var(--ink-on-accent)}.an-sym{width:100%;height:100%}.an-sym__axis{stroke:var(--accent-dominant);stroke-width:2px;stroke-dasharray:8 5}.an-sym__axis-label{fill:var(--accent-dominant);font:700 13px var(--font-ui)}.an-sym__center{fill:var(--bg-surface);stroke:var(--ink-muted);stroke-width:2px}.an-sym__name{fill:var(--ink-primary);font:800 13px var(--font-ui)}.an-sym__arrow{stroke-width:3px}.an-sym__arrow--up{stroke:var(--accent-tonic)}.an-sym__arrow--down{stroke:var(--accent-subdominant)}.an-sym__note{stroke-width:2px;fill:var(--bg-surface)}.an-sym__note--up{stroke:var(--accent-tonic)}.an-sym__note--down{stroke:var(--accent-subdominant)}.an-sym__tag{fill:var(--ink-muted);font:700 14px var(--font-ui)}.an-sym__question{fill:var(--ink-primary);font:italic 500 26px var(--font-quote)}.an-circle{flex-shrink:0;width:300px;height:300px}.an-circle__ring{fill:none;stroke:var(--bg-raised);stroke-width:2px}.an-circle__axis{stroke:var(--accent-dominant);stroke-width:3px;stroke-dasharray:9 5}.an-circle__pair{stroke:color-mix(in srgb, var(--accent-subdominant) 55%, transparent);stroke-width:1.5px}.an-circle__node{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:1.5px}.an-circle__node--on{stroke:var(--accent-dominant);stroke-width:3px}.an-circle__name{fill:var(--ink-primary);font:800 11px var(--font-ui)}.an-axis,.an-pairs{align-items:center;gap:36px;display:flex}.an-axis__side,.an-pairs__side{flex-direction:column;gap:14px;min-width:380px;display:flex}.an-triad{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;transition:opacity .3s;display:flex}.an-triad__label{color:var(--ink-muted);font:700 .75rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.an-triad__notes{font:800 1.4rem var(--font-ui)}.an-triad__notes--up{color:var(--accent-tonic-ink)}.an-triad__notes--down{color:var(--accent-subdominant-ink)}.an-triad strong{font:600 .95rem var(--font-ui)}.an-axis__credits{font:600 1rem var(--font-ui);flex-direction:column;gap:6px;transition:opacity .3s;display:flex}.an-axis__credits strong{color:var(--accent-dominant)}.an-axis__names{color:var(--ink-muted);font-size:.85rem;transition:opacity .3s}.an-table{border-collapse:collapse;font:800 1.35rem var(--font-ui);transition:opacity .3s}.an-table th{color:var(--ink-muted);font:700 .75rem var(--font-ui);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:4px 12px}.an-table td{padding:6px 12px}.an-table__row--focus td{background:color-mix(in srgb, var(--accent-dominant) 14%, transparent)}.an-table__note{color:var(--accent-dominant);font:700 .85rem var(--font-ui)}.an-cadences{flex-direction:column;gap:18px;display:flex}.an-cadence{font:800 1.3rem var(--font-ui);align-items:center;gap:12px;display:flex}.an-cadence__label{width:130px;color:var(--ink-muted);font:700 .85rem var(--font-ui)}.an-cadence__voice{color:var(--ink-muted);font:600 .85rem var(--font-ui)}.an-box{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;place-items:center;min-width:70px;padding:10px 12px;transition:box-shadow .12s;display:grid}.an-box--orig{border-top:4px solid var(--accent-tonic)}.an-box--neg{border-top:4px solid var(--accent-subdominant)}.an-box--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.an-reveal{max-width:760px;font:500 1rem/1.45 var(--font-ui);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.an-reveal__eyebrow{color:var(--accent-dominant);font:700 .8rem var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.an-reveal__title{font:italic 600 3rem var(--font-quote)}.an-rules{gap:10px;margin-top:10px;display:flex}.an-rules span{border:1px solid var(--accent-tonic);color:var(--accent-tonic-ink);font:700 .9rem var(--font-ui);border-radius:999px;padding:6px 14px}.an-cards{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.an-card{border:1px solid var(--bg-raised);border-top:5px solid var(--accent-dominant);background:var(--bg-surface);font:500 .95rem/1.4 var(--font-ui);border-radius:12px;flex-direction:column;gap:10px;padding:20px;transition:opacity .3s;display:flex}.an-card strong{font:800 1.15rem var(--font-ui)}.an-card__num{background:var(--accent-dominant);width:34px;height:34px;color:var(--ink-on-dominant);font:800 1rem var(--font-ui);border-radius:50%;place-items:center;display:grid}.an-quote{max-width:720px;font:italic 500 2.1rem/1.35 var(--font-quote);text-align:center;margin:0}.neg-page{--modos-accent:var(--accent-subdominant);--neg-original:var(--accent-subdominant);--neg-reflejo:#f472b6;--neg-ink-on-reflejo:var(--ink-on-accent);width:100%;min-width:0;margin:0;padding:0 0 4rem}:root[data-theme=light] .neg-page{--neg-reflejo:#be185d;--neg-ink-on-reflejo:#fff}.neg-page p{max-width:100%}.neg-formula-box{background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-subdominant) 28%, transparent);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;margin:1.25rem 0;padding:1.1rem 1.5rem;display:flex}.neg-formula-box__math{color:var(--accent-subdominant-ink);font-size:1.25rem;font-weight:700;font-family:var(--font-mono,monospace);letter-spacing:.05em}.neg-formula-box__sub{color:var(--ink-muted);font-size:.88rem}.neg-pairs-table-wrap{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);border-radius:12px;margin:2rem 0;padding:1.25rem}.neg-pairs-table-lead{color:var(--ink-muted);margin:0 0 1rem;font-size:.88rem}.neg-rounds-selector{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.neg-round-btn{text-align:left;background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 14%, transparent);cursor:pointer;color:var(--ink-primary);border-radius:10px;flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;transition:all .2s;display:flex}.neg-round-btn:hover{border-color:var(--accent-subdominant);transform:translateY(-2px)}.neg-round-btn--active{background:color-mix(in srgb, var(--accent-subdominant) 10%, var(--bg-surface));border-color:var(--accent-subdominant);box-shadow:0 2px 14px color-mix(in srgb, var(--accent-subdominant) 25%, transparent)}.neg-round-btn__icon{color:var(--accent-subdominant-ink);margin-bottom:.4rem;display:inline-flex}.neg-round-btn__title{color:var(--ink-primary);margin-bottom:.2rem;font-size:1rem;font-weight:700}.neg-round-btn__sub{color:var(--ink-muted);font-size:.8rem}.neg-control-bar{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--ink-primary) 4%, transparent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.neg-control-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.neg-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.neg-action-btn--orig{background:var(--neg-original);color:var(--ink-on-accent)}.neg-action-btn--orig:hover{filter:brightness(.92)}.neg-action-btn--neg{background:var(--neg-reflejo);color:var(--neg-ink-on-reflejo)}.neg-action-btn--neg:hover{filter:brightness(.92)}.neg-action-btn--ab{background:color-mix(in srgb, var(--status-warning) 12%, var(--bg-surface));color:var(--status-warning-ink);border-color:color-mix(in srgb, var(--status-warning) 35%, transparent)}.neg-action-btn--ab:hover{background:color-mix(in srgb, var(--status-warning) 20%, var(--bg-surface))}.neg-action-btn--stop{background:var(--status-error);color:var(--neg-ink-on-reflejo)}.neg-action-btn--stop:hover{filter:brightness(.9)}.neg-action-btn--playing{animation:1.2s infinite alternate negPulse}@keyframes negPulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.15);transform:scale(1.03)}}.neg-track-config,.neg-score-views{align-items:center;gap:.6rem;display:flex}.neg-track-label{color:var(--ink-muted);font-size:.82rem;font-weight:500}.neg-pill-group{background:var(--bg-canvas);border:1px solid color-mix(in srgb, var(--ink-primary) 14%, transparent);border-radius:8px;flex-wrap:wrap;padding:2px;display:inline-flex}.neg-pill-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.38rem .7rem;font-size:.8rem;font-weight:500;transition:all .15s}.neg-pill-btn:hover{color:var(--ink-primary)}.neg-pill-btn--active{background:var(--bg-raised);color:var(--accent-subdominant-ink);box-shadow:0 1px 3px color-mix(in srgb, var(--ink-primary) 8%, transparent);font-weight:600}.neg-evidence-section{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--ink-primary) 4%, transparent);border-radius:12px;margin:2rem 0;overflow:hidden}.neg-evidence-switch{border-bottom:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);background:var(--bg-canvas);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.85rem 1.25rem;display:flex}.neg-evidence-content{padding:1.25rem}.neg-evidence-intro{color:var(--ink-muted);margin:0 0 1rem;font-size:.88rem;line-height:1.5}.neg-table-responsive{width:100%;overflow-x:auto}.neg-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.neg-table th,.neg-table td{border-bottom:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);padding:.7rem .9rem}.neg-table th{color:var(--ink-muted);background:color-mix(in srgb, var(--ink-primary) 5%, var(--bg-canvas));border-bottom:1px solid color-mix(in srgb, var(--ink-primary) 14%, transparent);font-weight:600}.neg-table td{color:var(--ink-primary)}.neg-table tr:hover td{background:color-mix(in srgb, var(--ink-primary) 3%, transparent)}.neg-code{font-family:var(--font-mono,monospace);background:color-mix(in srgb, var(--status-warning) 12%, var(--bg-canvas));color:var(--status-warning-ink);border:1px solid color-mix(in srgb, var(--status-warning) 25%, transparent);border-radius:4px;padding:.18rem .45rem;font-size:.82rem}.neg-syllable-chip{background:color-mix(in srgb, var(--ink-primary) 8%, transparent);color:var(--ink-primary);border-radius:4px;padding:.15rem .5rem;font-size:.8rem;display:inline-block}.text-orig{color:var(--neg-original);font-weight:600}.text-neg{color:var(--neg-reflejo);font-weight:600}.text-muted{color:var(--ink-muted);font-style:italic}.neg-cadence-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.neg-cadence-card{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 12%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--ink-primary) 4%, transparent);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.neg-cadence-card__tag{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-self:flex-start;margin-bottom:.75rem;padding:.22rem .65rem;font-size:.74rem;font-weight:700}.neg-cadence-card__tag--orig{background:color-mix(in srgb, var(--neg-original) 15%, transparent);color:var(--accent-subdominant-ink)}.neg-cadence-card__tag--neg{background:color-mix(in srgb, var(--neg-reflejo) 15%, transparent);color:var(--neg-reflejo)}.neg-cadence-card h3{color:var(--ink-primary);margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.neg-cadence-card p{color:var(--ink-muted);margin:0 0 1rem;font-size:.88rem;line-height:1.55}.neg-cadence-card .cadence-staff-box{margin:0 0 1.25rem}.neg-cadence-card button{margin-top:auto}.neg-dial-wrapper,.neg-quiz-container{margin-top:1.5rem}.axial-composer{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.axial-composer__controls{border-bottom:1px solid var(--bg-raised);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.axial-composer__controls label{color:var(--ink-muted);font:700 .78rem var(--font-ui);align-items:center;gap:8px;display:inline-flex}.axial-composer__controls select{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:34px;color:var(--ink-primary);font:700 .85rem var(--font-ui);border-radius:7px;padding:0 8px}.axial-composer__presets{flex-wrap:wrap;gap:6px;display:inline-flex}.axial-composer__presets button{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:34px;color:var(--ink-muted);font:700 .76rem var(--font-ui);cursor:pointer;border-radius:7px;padding:0 10px}.axial-composer__presets button:hover:not(:disabled){color:var(--ink-primary);border-color:var(--ink-muted)}.axial-composer__play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);min-height:34px;color:var(--ink-on-accent);font:800 .8rem var(--font-ui);cursor:pointer;border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:0 12px;display:inline-flex}.axial-composer button:disabled{opacity:.45;cursor:not-allowed}.axial-composer button:focus-visible,.axial-composer select:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.axial-composer__palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 14px 6px;display:grid}.axial-composer__axis{border:1px solid var(--bg-raised);border-top:4px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:6px;min-width:0;margin:0;padding:10px;display:grid}.axial-composer__axis--t{border-top-color:var(--accent-tonic)}.axial-composer__axis--s{border-top-color:var(--accent-subdominant)}.axial-composer__axis--d{border-top-color:var(--accent-dominant)}.axial-composer__axis legend{color:var(--ink-muted);font:700 .74rem var(--font-ui);padding:0 4px}.axial-composer__axis legend b{color:var(--ink-primary);font-size:.95rem}.axial-composer__root{display:contents}.axial-composer__role{color:var(--ink-muted);font:700 .62rem var(--font-ui);letter-spacing:.04em;text-transform:uppercase}.axial-composer__chord{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-width:0;min-height:36px;color:var(--ink-primary);font:800 .88rem var(--font-ui);cursor:pointer;border-radius:7px;transition:border-color .12s,background .12s;position:relative}.axial-composer__chord:hover:not(:disabled){border-color:var(--ink-muted);background:var(--bg-raised)}.axial-composer__chord.is-suggested{border-color:var(--status-warning)}.axial-composer__chord.is-suggested:after,.axial-composer__dot{content:"";background:var(--status-warning);border-radius:50%;width:7px;height:7px;display:inline-block}.axial-composer__chord.is-suggested:after{position:absolute;top:4px;right:4px}.axial-composer__hint{color:var(--ink-muted);font:500 .8rem/1.5 var(--font-ui);margin:0;padding:0 14px 12px}.axial-composer__progression,.axial-composer__checks,.axial-composer__staff{border-top:1px solid var(--bg-raised);padding:14px}.axial-composer__progression{background:var(--bg-surface)}.axial-composer__label{color:var(--ink-muted);font:800 .72rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.axial-composer__empty{color:var(--ink-muted);font:500 .88rem var(--font-ui);margin:10px 0 0}.axial-composer__progression ol{flex-wrap:wrap;gap:22px 18px;margin:14px 0 0;padding:0;list-style:none;display:flex}.axial-composer__slot{border:1px solid var(--bg-raised);border-top:4px solid var(--bg-raised);background:var(--bg-canvas);border-radius:9px;justify-items:center;gap:2px;min-width:70px;padding:8px 10px;transition:box-shadow .12s;display:grid;position:relative}.axial-composer__slot--t{border-top-color:var(--accent-tonic)}.axial-composer__slot--s{border-top-color:var(--accent-subdominant)}.axial-composer__slot--d{border-top-color:var(--accent-dominant)}.axial-composer__slot.is-sounding{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-warning) 60%, transparent)}.axial-composer__slot strong{color:var(--ink-primary);font:800 1.05rem var(--font-ui)}.axial-composer__fn{color:var(--ink-muted);font:800 .72rem var(--font-ui)}.axial-composer__slot-role{color:var(--ink-muted);font:600 .68rem var(--font-ui)}.axial-composer__link{color:var(--accent-tonic-ink);font:700 .62rem var(--font-ui);white-space:nowrap;position:absolute;top:-18px;left:-14px}.axial-composer__link.is-rough{color:var(--status-warning)}.axial-composer__remove{width:20px;height:20px;color:var(--ink-muted);font:700 .9rem/1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute;top:2px;right:2px}.axial-composer__remove:hover{background:var(--bg-raised);color:var(--ink-primary)}.axial-composer__checks ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.axial-composer__checks li{border:1px solid var(--bg-raised);border-radius:8px;gap:10px;padding:8px 10px;display:flex}.axial-composer__checks li.is-ok{border-color:color-mix(in srgb, var(--accent-tonic) 55%, var(--bg-raised))}.axial-composer__checks li div{flex-direction:column;gap:2px;display:flex}.axial-composer__checks strong{color:var(--ink-primary);font:700 .85rem var(--font-ui)}.axial-composer__checks li span:not(.axial-composer__mark){color:var(--ink-muted);font:400 .78rem/1.45 var(--font-ui)}.axial-composer__mark{background:var(--bg-raised);width:22px;height:22px;color:var(--ink-muted);font:800 .8rem var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.axial-composer__checks li.is-ok .axial-composer__mark{background:var(--accent-tonic);color:var(--ink-on-accent)}@media (width<=780px){.axial-composer__palette,.axial-composer__checks ul{grid-template-columns:1fr}.axial-composer__play{margin-left:0}}@media (prefers-reduced-motion:reduce){.axial-composer__chord,.axial-composer__slot{transition:none}}.bartok-lab{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:14px;overflow:hidden}.bartok-lab--fullscreen{z-index:1000;border-radius:0;position:fixed;inset:0;overflow-y:auto}.bartok-lab__tabs{border-bottom:1px solid var(--bg-raised);background:var(--bg-surface);z-index:1;gap:4px;padding:8px;display:flex;position:sticky;top:0}.bartok-lab__tabs button{min-height:38px;color:var(--ink-muted);font:800 .8rem var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1}.bartok-lab__tabs button.is-active{border-color:var(--accent-tonic);background:var(--accent-tonic);color:var(--ink-on-accent)}.bartok-lab__tabs button.bartok-lab__fullscreen-toggle{flex:none;align-items:center;gap:6px;margin-left:4px;padding:0 12px;display:inline-flex}.bartok-lab__fullscreen-toggle:hover{color:var(--ink-primary)}.bartok-lab__controls{border-bottom:1px solid var(--bg-raised);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.bartok-lab__controls label{color:var(--ink-muted);font:700 .78rem var(--font-ui);align-items:center;gap:8px;display:inline-flex}.bartok-lab__controls select{border:1px solid var(--bg-raised);background:var(--bg-surface);min-height:34px;color:var(--ink-primary);font:700 .85rem var(--font-ui);border-radius:7px;padding:0 8px}.bartok-lab__toggle{border:1px solid var(--bg-raised);border-radius:7px;padding:2px;display:inline-flex}.bartok-lab__toggle button{color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 9px}.bartok-lab__toggle button.is-active{background:var(--bg-raised);color:var(--ink-primary)}.bartok-lab__axis-picker{flex-wrap:wrap;gap:5px;display:inline-flex}.bartok-lab__axis-button{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-muted);font:700 .74rem var(--font-ui);cursor:pointer;border-radius:7px;padding:6px 8px}.bartok-lab__axis-button--t.is-active{border-color:var(--accent-tonic);color:var(--accent-tonic-ink)}.bartok-lab__axis-button--s.is-active{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.bartok-lab__axis-button--d.is-active{border-color:var(--accent-dominant);background:var(--accent-dominant);color:var(--ink-on-dominant)}.bartok-lab__play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);color:var(--ink-on-accent);font:800 .8rem var(--font-ui);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;display:inline-flex}.bartok-lab__play:focus-visible,.bartok-lab__toggle button:focus-visible,.bartok-lab__axis-button:focus-visible,.bartok-lab__tabs button:focus-visible,.bartok-lab__controls select:focus-visible,.bartok-lab__cross-node:focus-visible circle{outline:2px solid var(--accent-subdominant);outline-offset:3px}.bartok-lab__map{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;display:grid}.bartok-lab__cross{width:100%;min-width:0}.bartok-lab__flower{fill:none;stroke:var(--accent-dominant);stroke-width:1px;opacity:.5}.bartok-lab__cross-line{stroke:var(--ink-muted);stroke-width:2px;opacity:.8}.bartok-lab__cross-function{fill:var(--ink-primary);font:800 24px var(--font-ui)}.bartok-lab__cross-caption{fill:var(--ink-muted);font:700 10px var(--font-ui)}.bartok-lab__cross-role{fill:var(--ink-muted);font:700 9px var(--font-ui);text-transform:uppercase;letter-spacing:.05em}.bartok-lab__cross-node{cursor:pointer;outline:none}.bartok-lab__cross-node circle{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:2px}.bartok-lab__cross-node text{fill:var(--ink-primary);font:800 14px var(--font-ui);pointer-events:none}.bartok-lab__cross--t .bartok-lab__cross-node circle{stroke:var(--accent-tonic)}.bartok-lab__cross--s .bartok-lab__cross-node circle{stroke:var(--accent-subdominant)}.bartok-lab__cross--d .bartok-lab__cross-node circle{stroke:var(--accent-dominant)}.bartok-lab__cross-node.is-active circle{fill:var(--status-warning);stroke:var(--status-warning);stroke-width:4px}.bartok-lab__cross-node.is-active text{fill:var(--ink-on-accent)}.bartok-lab__cross-node.is-selected-axis circle{stroke-width:3px}.bartok-lab__readout{border-top:1px solid var(--bg-raised);color:var(--ink-muted);font:400 .85rem/1.6 var(--font-ui);margin:0;padding:13px 15px}.bartok-lab__readout strong{color:var(--ink-primary)}.bartok-lab__progression{border-top:1px solid var(--bg-raised);background:var(--bg-surface);padding:14px}.bartok-lab__progression-label{color:var(--ink-muted);font:800 .72rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.bartok-lab__progression ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.bartok-lab__progression li{border:1px solid var(--bg-raised);border-radius:7px;gap:3px;min-width:0;padding:8px;display:grid}.bartok-lab__progression li span{color:var(--ink-muted);font:700 .68rem var(--font-ui)}.bartok-lab__progression li strong{color:var(--ink-primary);font:800 .9rem var(--font-ui)}.bartok-lab__staff{border-top:1px solid var(--bg-raised);padding:14px}.bartok-lab__evaluation{padding:16px}.bartok-lab__evaluation>p{color:var(--ink-muted);font:400 .9rem/1.6 var(--font-ui);margin:0 0 14px}@media (width<=780px){.bartok-lab__map{grid-template-columns:1fr;max-width:360px;margin:auto}.bartok-lab__progression ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.bartok-motion{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:14px;margin:18px 0;overflow:hidden}.bartok-motion>header{background:var(--bg-surface);padding:16px 18px 0}.bartok-motion>header span{color:var(--accent-tonic-ink);font:800 .72rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase}.bartok-motion h3{color:var(--ink-primary);font:800 1.1rem var(--font-ui);margin:4px 0 14px}.bartok-motion iframe{border:0;width:100%;height:min(52vw,430px);min-height:280px;display:block}.bartok-motion__steps{border-top:1px solid var(--bg-raised);background:var(--bg-surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;display:grid}.bartok-motion__steps button{border:1px solid var(--bg-raised);min-width:0;min-height:42px;color:var(--ink-muted);font:800 .75rem/1.15 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:7px;display:grid}.bartok-motion__steps button[aria-selected=true]{border-color:var(--accent-tonic);color:var(--accent-tonic-ink);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-surface))}.bartok-motion__steps span{background:var(--bg-raised);width:20px;height:20px;color:var(--ink-primary);border-radius:50%;place-items:center;font-size:.68rem;display:grid}.bartok-motion__steps button[aria-selected=true] span{background:var(--accent-tonic);color:var(--ink-on-accent)}.bartok-motion__note{color:var(--ink-primary);font:600 .92rem/1.55 var(--font-ui);margin:0;padding:12px 18px}.bartok-motion__play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);min-height:38px;color:var(--ink-on-accent);font:800 .8rem var(--font-ui);cursor:pointer;border-radius:8px;margin:0 18px 18px;padding:0 13px}.bartok-motion__steps button:focus-visible,.bartok-motion__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}@media (width<=680px){.bartok-motion iframe{height:360px}.bartok-motion__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.ax-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.ax-player__eyebrow,.ax-composition__eyebrow{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.ax-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.ax-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.ax-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ax-player__chapter:hover,.ax-player__chapter--active{border-color:var(--accent-dominant);background:var(--bg-raised);color:var(--ink-primary)}.ax-player__chapter:focus-visible,.ax-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.ax-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.ax-player__corner-play{border:1px solid var(--accent-dominant);background:var(--accent-dominant);width:100%;height:100%;color:var(--ink-on-dominant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.ax-player__corner-play:hover{transform:scale(1.06)}.ax-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.ax-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ax-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.ax-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.ax-composition__rule--sounding{border-color:var(--accent-dominant)}.ax-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.ax-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.ax-ink-t{color:var(--accent-tonic-ink)}.ax-ink-s{color:var(--accent-subdominant-ink)}.ax-ink-d{color:var(--accent-dominant)}.ax-lead{font:600 1.1rem/1.4 var(--font-ui);text-align:center;margin:0}.ax-quote{max-width:720px;font:italic 500 2.1rem/1.35 var(--font-quote);text-align:center;margin:0}.ax-box{border:1px solid var(--bg-raised);border-top:5px solid var(--bg-raised);background:var(--bg-surface);min-width:74px;font:800 1.35rem var(--font-ui);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:9px 12px;transition:box-shadow .12s;display:flex}.ax-box--t{border-top-color:var(--accent-tonic)}.ax-box--s{border-top-color:var(--accent-subdominant)}.ax-box--d{border-top-color:var(--accent-dominant)}.ax-box--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.ax-box__sub{color:var(--ink-muted);font:700 .72rem var(--font-ui)}.ax-row{align-items:center;gap:10px;display:flex}.ax-arrow{color:var(--ink-muted);font:700 1.2rem var(--font-ui)}.ax-before{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;height:100%;display:grid}.ax-card{border:1px solid var(--bg-raised);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:opacity .3s;display:flex}.ax-card>strong{font:800 1.05rem var(--font-ui);text-align:center}.ax-card__num{background:var(--bg-raised);width:30px;height:30px;font:800 .9rem var(--font-ui);border-radius:50%;place-items:center;display:grid}.ax-fns{font:600 1.1rem var(--font-ui);flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ax-fns b{border:2px solid;border-radius:8px;place-items:center;width:34px;height:34px;margin-right:10px;display:inline-grid}.ax-clock{width:100%;max-width:230px}.ax-clock__ring{fill:none;stroke:var(--bg-raised);stroke-width:2px}.ax-clock__edge{stroke:var(--accent-tonic);stroke-width:3px;stroke-linecap:round}.ax-clock__dot{fill:var(--ink-muted)}.ax-clock__dot--on{fill:var(--accent-tonic)}.ax-clock__name{fill:var(--ink-primary);font:800 13px var(--font-ui)}.ax-map{justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex}.ax-fifths{height:100%;max-height:360px}.ax-fifths__ring{fill:none;stroke:var(--bg-raised);stroke-width:2px}.ax-fifths__square{fill:none;stroke-width:3px;stroke-linejoin:round}.ax-fifths__square--t{stroke:var(--accent-tonic);fill:color-mix(in srgb, var(--accent-tonic) 8%, transparent)}.ax-fifths__square--s{stroke:var(--accent-subdominant)}.ax-fifths__square--d{stroke:var(--accent-dominant)}.ax-node circle{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:2px;transition:fill .12s}.ax-node text{fill:var(--ink-primary);font:800 13px var(--font-ui)}.ax-node .ax-node__fn{font:800 10px var(--font-ui)}.ax-node--t circle{stroke:var(--accent-tonic);stroke-width:3px}.ax-node--s circle{stroke:var(--accent-subdominant);stroke-width:3px}.ax-node--d circle{stroke:var(--accent-dominant);stroke-width:3px}.ax-node--t .ax-node__fn{fill:var(--accent-tonic-ink)}.ax-node--s .ax-node__fn{fill:var(--accent-subdominant-ink)}.ax-node--d .ax-node__fn{fill:var(--accent-dominant)}.ax-node--sounding circle{fill:var(--accent-tonic)}.ax-node--sounding text,.ax-node--sounding .ax-node__fn{fill:var(--ink-on-accent)}.ax-legend{flex-direction:column;gap:12px;transition:opacity .3s;display:flex}.ax-legend__row{border:1px solid var(--bg-raised);border-left:5px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;grid-template-columns:38px 1fr;column-gap:12px;padding:10px 14px;display:grid}.ax-legend__row b{font:800 1.6rem var(--font-ui);grid-row:span 2;align-self:center}.ax-legend__row span{color:var(--ink-muted);font:700 .75rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.ax-legend__row strong{font:800 1.05rem var(--font-ui)}.ax-legend__row--t{border-left-color:var(--accent-tonic)}.ax-legend__row--t b{color:var(--accent-tonic-ink)}.ax-legend__row--s{border-left-color:var(--accent-subdominant)}.ax-legend__row--s b{color:var(--accent-subdominant-ink)}.ax-legend__row--d{border-left-color:var(--accent-dominant)}.ax-legend__row--d b{color:var(--accent-dominant)}.ax-poles{justify-content:center;align-items:center;gap:36px;width:100%;height:100%;display:flex}.ax-cross{height:100%;max-height:330px;transition:opacity .3s}.ax-cross__main{stroke:var(--accent-tonic);stroke-width:3px;stroke-dasharray:8 5}.ax-cross__branch{stroke:var(--ink-muted);stroke-width:2px}.ax-cross__node circle{fill:var(--bg-surface);stroke:var(--ink-muted);stroke-width:2px}.ax-cross__node--main circle{stroke:var(--accent-tonic);stroke-width:3px}.ax-cross__node text{fill:var(--ink-primary);font:800 17px var(--font-ui)}.ax-cross__node .ax-cross__role{fill:var(--ink-muted);font:700 11px var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.ax-cross__swap{fill:var(--accent-tonic-ink);font:800 12px var(--font-ui)}.ax-cadences{flex-direction:column;gap:16px;transition:opacity .3s;display:flex}.ax-cadence{align-items:center;gap:14px;display:flex}.ax-cadence__moves{min-width:110px;color:var(--ink-primary);font:700 .95rem/1.4 var(--font-ui);text-align:center;flex-direction:column;display:flex}.ax-cadence__moves em{color:var(--ink-muted);font:italic 500 .9rem var(--font-quote)}.ax-banner{border:1px solid var(--accent-dominant);max-width:420px;color:var(--ink-primary);font:700 .95rem/1.4 var(--font-ui);border-radius:10px;margin:4px 0 0;padding:10px 14px}.ax-bartok{flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;display:flex}.ax-bartok__work{flex-direction:column;align-items:center;gap:2px;transition:opacity .3s;display:flex}.ax-bartok__work strong{font:italic 600 1.35rem var(--font-quote)}.ax-bartok__work span{color:var(--ink-muted);font:600 .82rem var(--font-ui)}.ax-bartok__roll{width:100%;transition:width .4s}.ax-bartok__roll--small{width:64%}.ax-roll{width:100%;display:block}.ax-roll__guide line{stroke:var(--accent-tonic);stroke-width:1.5px;stroke-dasharray:6 4;opacity:.6}.ax-roll__guide text{fill:var(--accent-tonic-ink);font:700 10px var(--font-ui)}.ax-roll__guide--pole line{stroke:var(--accent-dominant)}.ax-roll__guide--pole text{fill:var(--accent-dominant)}.ax-roll__note rect{fill:var(--bg-surface);stroke:var(--ink-muted);stroke-width:1.5px}.ax-roll__note text{fill:var(--ink-primary);font:700 9.5px var(--font-ui)}.ax-roll__note--center rect{stroke:var(--accent-tonic);stroke-width:2.5px}.ax-roll__note--pole rect{stroke:var(--accent-dominant);stroke-width:2.5px}.ax-roll__note--sounding rect{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.ax-roll__note--sounding text{fill:var(--ink-on-accent)}.ax-arcs{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.ax-arc{flex-direction:column;align-items:center;gap:2px;display:flex}.ax-arc__label{font:800 .95rem var(--font-ui)}.ax-arc svg{width:100%;max-width:330px;overflow:visible}.ax-arc__path{fill:none;stroke:var(--ink-muted);stroke-width:2.5px}.ax-arc__point circle{stroke-width:3px;fill:var(--bg-surface)}.ax-arc__point--t circle{stroke:var(--accent-tonic)}.ax-arc__point--p circle{stroke:var(--accent-dominant);fill:var(--accent-dominant)}.ax-arc__point text{fill:var(--ink-primary);font:800 13px var(--font-ui)}.ax-arc__point .ax-arc__when{fill:var(--ink-muted);font:600 10px var(--font-ui)}.ax-compose{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;display:flex}.ax-steps{max-width:720px;font:600 1.15rem/1.35 var(--font-ui);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ax-steps li{border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:opacity .3s,background .3s;display:flex}.ax-steps__item--active{background:color-mix(in srgb, var(--accent-tonic) 14%, transparent)}.ax-steps__num{background:var(--accent-tonic);width:30px;height:30px;color:var(--ink-on-accent);font:800 .9rem var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.ax-steps--compact{grid-template-columns:repeat(4,1fr);gap:8px;max-width:none;font-size:.78rem;display:grid}.ax-steps--compact li{align-items:flex-start;padding:6px}.ax-steps--compact .ax-steps__num{width:22px;height:22px;font-size:.72rem}.ax-phrase{align-items:flex-start;gap:10px;display:flex}.ax-phrase__slot{flex-direction:column;align-items:center;gap:4px;display:flex}.ax-phrase__fn{font:800 .95rem var(--font-ui)}.ax-phrase__note{color:var(--ink-muted);font:600 .9rem var(--font-ui);margin:0}.golden-lab{flex-direction:column;gap:16px;min-width:0;display:flex}.golden-lab__mode{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.golden-lab__mode-btn{min-height:38px;color:var(--ink-muted);font:700 .86rem var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 14px}.golden-lab__mode-btn--active{background:var(--bg-raised);color:var(--accent-tonic-ink)}.golden-lab__mode-btn:focus-visible,.golden-lab__controls select:focus-visible,.golden-lab__check button:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.golden-lab__controls{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;display:grid}.golden-lab__controls label{color:var(--ink-muted);font:700 .76rem var(--font-ui);flex-direction:column;gap:6px;display:flex}.golden-lab__controls select{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:40px;color:var(--ink-primary);font:600 .88rem var(--font-ui);border-radius:8px;padding:7px 10px}.golden-lab__result{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex}.golden-lab__calculation{grid-template-columns:1fr auto;align-items:center;gap:3px 12px;display:grid}.golden-lab__calculation span{color:var(--ink-muted);font:700 .7rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.golden-lab__calculation strong{color:var(--accent-tonic-ink);font:800 1.02rem var(--font-ui);grid-row:span 2}.golden-lab__calculation small{color:var(--ink-muted)}.golden-lab__progression{gap:7px;padding-bottom:4px;display:grid;overflow-x:auto}.golden-lab__chord{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:9px;flex-direction:column;gap:5px;min-height:92px;padding:10px;display:flex}.golden-lab__chord span,.golden-lab__chord small{color:var(--ink-muted);font:600 .68rem var(--font-ui)}.golden-lab__chord strong{color:var(--ink-primary);font:800 .88rem var(--font-ui)}.golden-lab__chord--climax{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface))}.golden-lab__chord--active{border-color:var(--accent-subdominant);box-shadow:inset 0 -3px 0 var(--accent-subdominant)}.golden-lab__staff-scroll{border-radius:8px;overflow-x:auto}.golden-melody-staff{min-width:820px;height:210px}.golden-melody-staff svg{width:100%;height:100%;display:block}.golden-melody-staff__index{fill:var(--ink-muted);font:600 11px var(--font-ui)}.golden-melody-staff__index--climax{fill:var(--accent-tonic-ink);font-weight:800}.golden-lab__transport{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.golden-lab__transport p{color:var(--ink-muted);font:400 .8rem/1.4 var(--font-ui);flex:280px;margin:0}.golden-lab__check{border-left:3px solid var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface));border-radius:8px;flex-direction:column;gap:9px;padding:14px;display:flex}.golden-lab__check p{color:var(--ink-muted);font:500 .86rem/1.45 var(--font-ui);margin:0}.golden-lab__check p strong{color:var(--ink-primary)}.golden-lab__check>div{gap:7px;display:flex}.golden-lab__check button{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-width:48px;min-height:38px;color:var(--ink-primary);font:700 .85rem var(--font-ui);cursor:pointer;border-radius:8px}.golden-lab__feedback{color:var(--status-warning-ink)!important}.golden-lab__feedback--ok{color:var(--accent-tonic-ink)!important}@media (width<=720px){.golden-lab__controls,.golden-lab__calculation{grid-template-columns:1fr}.golden-lab__calculation strong{grid-row:auto}}.golden-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:8px 0;padding:18px;display:flex}.golden-player__header span,.golden-motion__header{color:var(--accent-subdominant-ink);font:700 .72rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase}.golden-player__header h3{color:var(--ink-primary);font:700 1.2rem var(--font-ui);margin:3px 0 0}.golden-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.golden-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .76rem var(--font-ui);cursor:pointer;border-radius:8px;padding:.42rem .7rem}.golden-player__chapter:hover,.golden-player__chapter--active{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.golden-player__chapter:focus-visible,.golden-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.golden-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.golden-player__corner-play{border:1px solid var(--accent-tonic);background:var(--accent-tonic);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.golden-motion{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised), var(--bg-canvas));color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:10px;padding:22px 28px;display:flex;overflow:hidden}.golden-motion__header{justify-content:space-between;gap:16px;display:flex}.golden-motion__header strong{color:var(--accent-minor-ink)}.golden-motion__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.golden-motion__title{text-align:center}.golden-motion__title>span{color:var(--accent-subdominant-ink);font:700 .66rem var(--font-ui);letter-spacing:.08em}.golden-motion__title h3{font:700 1.45rem var(--font-ui);margin:3px 0}.golden-motion__caption{border:1px solid var(--bg-raised);border-left:3px solid var(--accent-tonic);background:var(--bg-surface);min-height:42px;color:var(--ink-primary);font:500 .79rem/1.35 var(--font-ui);text-align:center;border-radius:8px;padding:9px 12px}.golden-motion__cut{width:min(760px,90%)}.golden-motion__cut-line,.golden-motion__bar-pair{grid-template-columns:61.8fr 38.2fr;gap:4px;display:grid}.golden-motion__cut-line span{box-sizing:border-box;transform-origin:0;border-radius:8px;justify-content:center;align-items:center;height:68px;font-weight:800;display:flex}.golden-motion__cut-major{background:color-mix(in srgb, var(--accent-tonic) 24%, var(--bg-surface));border:1px solid var(--accent-tonic);color:var(--accent-tonic-ink)}.golden-motion__cut-minor{background:color-mix(in srgb, var(--accent-subdominant) 18%, var(--bg-surface));border:1px solid var(--accent-subdominant);color:var(--accent-subdominant-ink)}.golden-motion__equation{text-align:center;margin:18px 0 8px;font-size:1.25rem}.golden-motion__equation strong{color:var(--accent-tonic-ink)}.golden-motion__bar-pair{color:var(--ink-muted);text-align:center;font-size:.78rem}.golden-motion__ratios{flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;display:flex}.golden-motion__ratio{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;flex-direction:column;align-items:center;min-width:130px;padding:14px;display:flex}.golden-motion__ratio span{color:var(--ink-muted);font-size:.8rem}.golden-motion__ratio strong{color:var(--accent-tonic-ink);font-size:1.25rem}.golden-motion__ratios p{color:var(--accent-subdominant-ink);text-align:center;letter-spacing:.08em;flex-basis:100%;margin:4px 0 0;font-weight:700}.golden-motion__vitruvio{grid-template-columns:minmax(220px,280px) minmax(220px,320px);align-items:center;gap:30px;display:grid}.golden-motion__vitruvio-image{object-fit:contain;border-radius:8px;width:100%;max-height:280px}.golden-motion__verdict{border:1px solid var(--status-warning);background:color-mix(in srgb, var(--status-warning) 8%, var(--bg-surface));color:var(--ink-muted);border-radius:12px;padding:18px;line-height:1.5}.golden-motion__verdict span{color:var(--status-warning-ink);letter-spacing:.08em;font-weight:800;display:block}.golden-motion__verdict strong{color:var(--ink-primary);margin-top:8px;display:block}.golden-motion__timeline{width:min(760px,90%)}.golden-motion__timeline-labels,.golden-motion__energy{color:var(--ink-muted);justify-content:space-between;gap:8px;font-size:.78rem;display:flex}.golden-motion__timeline-labels strong,.golden-motion__energy strong{color:var(--accent-tonic-ink)}.golden-motion__timeline-track{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-subdominant) 24%, var(--bg-surface)) 0 61.8%, color-mix(in srgb, var(--accent-minor) 18%, var(--bg-surface)) 61.8% 100%);border-radius:999px;height:24px;margin:12px 0;position:relative}.golden-motion__timeline-track span{background:var(--accent-tonic);border-radius:999px;width:4px;height:40px;position:absolute;top:-8px}.golden-motion__timeline p,.golden-motion__method p{color:var(--ink-muted);text-align:center}.golden-motion__audit{grid-template-columns:1fr 1fr;gap:12px;width:min(760px,90%);display:grid}.golden-motion__audit>div{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:5px;padding:20px;display:flex}.golden-motion__audit span{color:var(--ink-muted);letter-spacing:.07em;font-size:.7rem;font-weight:700}.golden-motion__audit strong{color:var(--accent-subdominant-ink);font-size:1.25rem}.golden-motion__audit small{color:var(--ink-muted)}.golden-motion__audit p{border-left:3px solid var(--status-warning);color:var(--ink-muted);grid-column:1/-1;margin:0;padding:10px}.golden-motion__audit p strong{color:var(--ink-primary);font-size:inherit}.golden-motion__method{grid-template-columns:repeat(4,1fr);gap:10px;width:min(780px,92%);display:grid}.golden-motion__method>div{border:1px solid var(--accent-subdominant);background:var(--bg-surface);color:var(--accent-subdominant-ink);text-align:center;text-transform:uppercase;border-radius:10px;padding:22px 10px;font-weight:800}.golden-motion__method p{grid-column:1/-1}@media (width<=640px){.golden-player{padding:14px}.golden-player__chapters{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}}.aurea-page{--modos-accent:var(--accent-subdominant)}.aurea-split{grid-template-columns:61.8fr 38.2fr;gap:5px;display:grid}.aurea-split>div{background:color-mix(in srgb, var(--accent-tonic) 9%, var(--bg-canvas));border:1px solid var(--accent-tonic);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:66px;padding:12px 16px;display:flex}.aurea-split>div+div{background:color-mix(in srgb, var(--accent-subdominant) 8%, var(--bg-canvas));border-color:var(--accent-subdominant)}.aurea-split strong{color:var(--ink-primary);font:800 1.35rem var(--font-ui)}.aurea-split span{color:var(--ink-muted);font:600 .8rem var(--font-ui)}.aurea-evidence-table{border:1px solid var(--bg-raised);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.aurea-evidence-table>div{border-bottom:1px solid var(--bg-raised);color:var(--ink-muted);font:500 .82rem/1.45 var(--font-ui);grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(220px,1.5fr);gap:12px;padding:11px 13px;display:grid}.aurea-evidence-table>div:last-child{border-bottom:0}.aurea-evidence-table__head{background:var(--bg-canvas);color:var(--ink-primary)!important;font-weight:800!important}.aurea-evidence-table strong{color:var(--ink-primary)}.aurea-intervals{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.aurea-intervals>div{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;display:flex}.aurea-intervals strong{color:var(--accent-tonic-ink);font:800 1.45rem var(--font-ui)}.aurea-intervals span{color:var(--ink-muted);font:600 .8rem var(--font-ui)}.aurea-audit-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.aurea-audit-grid>div{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;padding:14px}.aurea-audit-grid span{color:var(--accent-subdominant-ink);font:800 .75rem var(--font-ui);text-transform:uppercase;letter-spacing:.05em}.aurea-audit-grid p{color:var(--ink-muted);font:400 .86rem/1.45 var(--font-ui);margin:6px 0 0}@media (width<=720px){.aurea-evidence-table>div{grid-template-columns:1fr;gap:4px}.aurea-evidence-table__head{display:none!important}.aurea-intervals{grid-template-columns:repeat(2,1fr)}.aurea-audit-grid{grid-template-columns:1fr}}.tzg{flex-direction:column;gap:16px;min-width:0;display:flex}.tzg__stage{justify-content:center;display:flex}.tzg__svg{width:100%;max-width:460px;height:auto;overflow:visible}.tzg__tri{stroke:color-mix(in srgb, var(--ink-muted) 35%, transparent);stroke-width:1.5px;stroke-linejoin:round;transition:fill var(--motion-fast) var(--motion-ease), stroke var(--motion-fast) var(--motion-ease)}.tzg--explorar .tzg__tri{cursor:pointer}.tzg__tri--major{fill:var(--bg-surface)}.tzg__tri--minor{fill:var(--bg-raised)}.tzg--explorar .tzg__tri:hover{stroke:var(--accent-subdominant)}.tzg__tri:focus-visible{stroke:var(--ink-primary);stroke-width:2.5px;outline:none}.tzg__tri--selected{fill:color-mix(in srgb, var(--accent-subdominant) 30%, var(--bg-surface));stroke:var(--accent-subdominant);stroke-width:2.5px}.tzg__tri--previous{stroke:var(--accent-tonic);stroke-width:2px;stroke-dasharray:5 4}.tzg__node-disc{fill:var(--bg-canvas);stroke:color-mix(in srgb, var(--ink-muted) 45%, transparent);stroke-width:1px;pointer-events:none}.tzg__node-label{fill:var(--ink-primary);font-family:var(--font-ui);pointer-events:none;font-size:14px;font-weight:800}.tzg__node--shared .tzg__node-disc{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.tzg__node--shared .tzg__node-label{fill:var(--ink-on-accent)}.tzg__readout{text-align:center;flex-direction:column;gap:4px;display:flex}.tzg__big{color:var(--accent-subdominant-ink);margin:0;font-size:1.5rem;font-weight:800}.tzg__note{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.tzg__trail{background:var(--bg-raised);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:.7rem .9rem;display:flex}.tzg__trail-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tzg__trail-item{align-items:center;gap:6px;display:flex}.tzg__trail-item:not(:first-child):before{content:"→";color:var(--ink-muted)}.tzg__trail-op{color:var(--ink-on-accent);background:var(--accent-tonic);border-radius:6px;padding:1px 6px;font-size:.72rem;font-weight:800}.tzg__trail-step{border:1px solid var(--bg-surface);cursor:pointer;color:var(--ink-muted);background:var(--bg-surface);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:4px;padding:5px 9px;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex}.tzg__trail-step:hover{border-color:var(--accent-subdominant);color:var(--ink-primary)}.tzg__trail-step--current{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}.tzg__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tzg__btn{cursor:pointer;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.tzg__btn:hover{border-color:var(--accent-subdominant)}.tzg__btn--primary{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}.tzg__group{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;gap:5px;padding:4px;display:flex}.tzg__chip{cursor:pointer;min-width:42px;color:var(--ink-muted);transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 11px;font-family:inherit;font-size:.95rem;font-weight:800}.tzg__chip:hover{color:var(--ink-primary)}.tzg__chip--on{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}@media (prefers-reduced-motion:reduce){.tzg__tri,.tzg__btn,.tzg__chip,.tzg__trail-step{transition:none}}.tnz-page{gap:24px}.tnz-page .modos-card__text a,.tnz-page .modos-list a{color:var(--accent-subdominant-ink);border-bottom-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent)}.tnz-page .modos-card__text a:hover,.tnz-page .modos-list a:hover{border-bottom-color:var(--accent-subdominant)}.tnz-page .modos-list li::marker{color:var(--accent-subdominant-ink)}.tnz-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tnz-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.tnz-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.tnz-btn:hover{border-color:var(--accent-subdominant)}@media (prefers-reduced-motion:reduce){.tnz-btn{transition:none}}.pgt{flex-direction:column;gap:14px;display:flex}.pgt__controls{flex-wrap:wrap;gap:8px;display:flex}.pgt__group{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.pgt__chip{cursor:pointer;min-width:34px;color:var(--ink-muted);transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:.85rem;font-weight:700}.pgt__chip:hover{color:var(--ink-primary)}.pgt__chip--on{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}.pgt__tree{flex-direction:column;gap:10px;display:flex}.pgt__row{align-items:flex-start;gap:10px;display:flex}.pgt__row-label{text-transform:uppercase;letter-spacing:.04em;min-width:52px;color:var(--ink-muted);flex:none;padding-top:8px;font-size:.78rem;font-weight:700}.pgt__row-nodes{flex-wrap:wrap;flex:auto;gap:8px;display:flex}.pgt__node{cursor:pointer;color:var(--ink-primary);background:var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:.5rem .7rem;font-family:inherit;display:flex;position:relative}.pgt__node:hover{border-color:var(--accent-subdominant)}.pgt__node-op{letter-spacing:.04em;color:var(--accent-subdominant-ink);font-size:.7rem;font-weight:800}.pgt__node-label{align-items:center;gap:5px;font-size:.92rem;font-weight:700;display:inline-flex}.pgt__node--repeat{border-style:dashed;border-color:color-mix(in srgb, var(--ink-muted) 45%, transparent);background:0 0}.pgt__node--repeat .pgt__node-label{color:var(--ink-muted);font-weight:600}.pgt__node-tag{color:var(--ink-muted);font-size:.7rem;font-weight:600}.pgt__tally{color:var(--ink-primary);margin:0;font-size:.92rem;font-weight:700}.pgt__actions{flex-wrap:wrap;gap:8px;display:flex}.pgt__btn{cursor:pointer;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.pgt__btn:hover{border-color:var(--accent-subdominant)}.pgt__btn:disabled{opacity:.5;cursor:not-allowed}.pgt__btn--primary{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}@media (prefers-reduced-motion:reduce){.pgt__chip,.pgt__node,.pgt__btn{transition:none}}.pv-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.pv-player__eyebrow,.pv-composition__eyebrow{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.pv-player__title{color:var(--ink-primary);font:700 1.25rem var(--font-ui);margin:2px 0 0}.pv-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.pv-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.pv-player__chapter:hover,.pv-player__chapter--active{border-color:var(--accent-dominant);background:var(--bg-raised);color:var(--ink-primary)}.pv-player__chapter:focus-visible,.pv-player__corner-play:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}.pv-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.pv-player__corner-play{border:1px solid var(--accent-dominant);background:var(--accent-dominant);width:100%;height:100%;color:var(--ink-on-dominant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.pv-player__corner-play:hover{transform:scale(1.06)}.pv-composition{box-sizing:border-box;background:radial-gradient(circle at center, var(--bg-raised) 0%, var(--bg-canvas) 100%);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:12px;padding:22px 30px;display:flex}.pv-composition__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pv-composition__title{font:700 1.6rem var(--font-ui);margin:4px 0 0}.pv-composition__rule{border:1px solid var(--bg-raised);background:var(--bg-surface);font:700 .8rem var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:border-color .2s}.pv-composition__rule--sounding{border-color:var(--accent-dominant)}.pv-composition__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.pv-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);font:500 .95rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin-left:64px;padding:10px 16px}.pv-stack{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;display:flex}.pv-lead{font:600 1.1rem/1.4 var(--font-ui);text-align:center;margin:0}.pv-quote{max-width:720px;font:italic 500 2.1rem/1.35 var(--font-quote);text-align:center;margin:0}.pv-note{border-left:4px solid var(--accent-dominant);background:var(--bg-surface);max-width:640px;color:var(--ink-primary);font:500 .95rem/1.45 var(--font-ui);border-radius:6px;margin:0;padding:10px 14px}.pv-banner{border:1px solid var(--accent-dominant);font:700 1rem var(--font-ui);border-radius:10px;margin:0;padding:10px 16px}.pv-op{border:2px solid var(--bg-raised);width:30px;height:30px;font:800 .95rem var(--font-ui);border-radius:8px;place-items:center;display:inline-grid}.pv-op--p{border-color:var(--accent-tonic);color:var(--accent-tonic-ink)}.pv-op--l{border-color:var(--accent-subdominant);color:var(--accent-subdominant-ink)}.pv-op--r{border-color:var(--accent-dominant);color:var(--accent-dominant)}.pv-box{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:66px;font:800 1.3rem var(--font-ui);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;transition:box-shadow .12s;display:flex}.pv-box--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.pv-box__sub{color:var(--ink-muted);font:700 .72rem var(--font-ui)}.pv-history{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pv-history__node{border:1px solid var(--bg-raised);border-top:4px solid var(--bg-raised);background:var(--bg-surface);font:500 .9rem/1.4 var(--font-ui);border-radius:10px;flex-direction:column;gap:6px;padding:14px;transition:opacity .3s,border-color .3s;display:flex}.pv-history__node strong{font:800 1.1rem var(--font-ui)}.pv-history__when{color:var(--accent-dominant);font:700 .75rem var(--font-ui);letter-spacing:.06em}.pv-history__node--active{border-top-color:var(--accent-dominant)}.pv-letters{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.pv-letter{border:1px solid var(--bg-raised);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:14px;transition:opacity .3s,border-color .3s;display:flex}.pv-letter--p.pv-letter--active{border-color:var(--accent-tonic)}.pv-letter--l.pv-letter--active{border-color:var(--accent-subdominant)}.pv-letter--r.pv-letter--active{border-color:var(--accent-dominant)}.pv-letter__head{font:700 .95rem var(--font-ui);align-items:center;gap:10px;display:flex}.pv-letter__pair{align-items:center;gap:12px;display:flex}.pv-letter__arrow{color:var(--ink-muted);font:700 1.2rem var(--font-ui)}.pv-letter__move{color:var(--ink-muted);font:700 .85rem var(--font-ui)}.pv-triad{border:1px solid var(--bg-raised);background:var(--bg-surface);min-width:70px;font:700 .95rem var(--font-ui);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px;transition:box-shadow .12s,opacity .3s;display:flex}.pv-triad b{font:800 1.25rem var(--font-ui);margin-bottom:4px}.pv-triad--sounding{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-dominant) 45%, transparent)}.pv-triad__moving{color:var(--ink-muted);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pv-triad__moved{background:var(--accent-dominant);color:var(--ink-on-dominant);border-radius:6px;padding:0 6px}.pv-work{border:1px solid var(--bg-raised);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border-radius:12px;grid-template-columns:200px 1fr;align-items:center;gap:18px;width:100%;padding:12px 16px;transition:opacity .3s;display:grid}.pv-work__text{font:500 .88rem var(--font-ui);flex-direction:column;gap:4px;display:flex}.pv-work__text strong{font:800 1.1rem var(--font-ui)}.pv-work__when{color:var(--accent-dominant);font:700 .72rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.pv-chain{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.pv-chain .pv-box{min-width:54px;padding:8px 10px;font-size:1.15rem}.pv-chain .pv-op{width:26px;height:26px;font-size:.85rem}.pv-chain__step{align-items:center;gap:6px;display:flex}.pv-harmonize{justify-content:center;align-items:center;gap:28px;width:100%;height:100%;display:flex}.pv-steps{max-width:360px;font:600 1.05rem/1.35 var(--font-ui);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pv-steps li{border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:opacity .3s,background .3s;display:flex}.pv-steps__item--active{background:color-mix(in srgb, var(--accent-tonic) 14%, transparent)}.pv-steps__num{background:var(--accent-tonic);width:30px;height:30px;color:var(--ink-on-accent);font:800 .9rem var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.pv-hex{height:100%;max-height:340px;transition:opacity .3s}.pv-hex__edge line{stroke:var(--bg-raised);stroke-width:4px;transition:stroke .2s}.pv-hex__edge text{font:800 15px var(--font-ui)}.pv-hex__edge--p text{fill:var(--accent-tonic-ink)}.pv-hex__edge--l text{fill:var(--accent-subdominant-ink)}.pv-hex__edge--r text{fill:var(--accent-dominant)}.pv-hex__edge--done.pv-hex__edge--p line{stroke:var(--accent-tonic)}.pv-hex__edge--done.pv-hex__edge--l line{stroke:var(--accent-subdominant)}.pv-hex__edge--done.pv-hex__edge--r line{stroke:var(--accent-dominant)}.pv-hex__center{fill:var(--accent-dominant)}.pv-hex__center-name{fill:var(--ink-on-dominant);font:800 17px var(--font-ui)}.pv-hex__node circle{fill:var(--bg-surface);stroke:var(--ink-muted);stroke-width:2px;transition:fill .12s}.pv-hex__node text{fill:var(--ink-primary);font:800 15px var(--font-ui)}.pv-hex__node--sounding circle{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.pv-hex__node--sounding text{fill:var(--ink-on-accent)}.plr-page{gap:24px}.plr-page .modos-card__text a,.plr-page .modos-list a{color:var(--accent-subdominant-ink);border-bottom-color:color-mix(in srgb, var(--accent-subdominant) 45%, transparent)}.plr-page .modos-card__text a:hover,.plr-page .modos-list a:hover{border-bottom-color:var(--accent-subdominant)}.plr-page .modos-list li::marker{color:var(--accent-subdominant-ink)}.plr-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plr-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.plr-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.plr-btn:hover{border-color:var(--accent-subdominant)}@media (prefers-reduced-motion:reduce){.plr-btn{transition:none}}.plr-heroe-video{flex-direction:column;align-items:center;gap:.6rem;margin:1.25rem 0 0;padding:0;display:flex}.plr-heroe-video__player{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:#fff;border-radius:14px;width:100%;max-width:900px;display:block}.plr-heroe-video__play{background:var(--accent-subdominant);color:var(--ink-on-accent);border-color:#0000}.plr-heroe-video__play:hover{filter:brightness(1.1);border-color:#0000}.plr-heroe-video__caption{color:var(--ink-muted);text-align:center;max-width:70ch;font-size:.85rem;line-height:1.5}.hcw{flex-direction:column;gap:16px;min-width:0;display:flex}.hcw__stage{justify-content:center;display:flex}.hcw__wheel{width:100%;max-width:320px;height:auto;overflow:visible}.hcw__edge line{stroke:color-mix(in srgb, var(--ink-muted) 40%, transparent);stroke-width:1.6px;transition:stroke var(--motion-slow,.18s) var(--motion-ease,ease)}.hcw__edge text{fill:var(--ink-muted);font-family:var(--font-ui);font-size:14px;font-weight:800}.hcw__edge.is-active line{stroke:var(--accent-minor);stroke-width:2.4px}.hcw__node{cursor:pointer}.hcw__node circle{fill:var(--bg-surface);stroke:var(--accent-subdominant);stroke-width:2px;transition:fill var(--motion-slow,.18s) var(--motion-ease,ease), stroke var(--motion-slow,.18s) var(--motion-ease,ease)}.hcw__node--minor circle{stroke:var(--accent-dominant)}.hcw__node:hover circle{stroke-width:3px}.hcw__node:focus-visible{outline:none}.hcw__node:focus-visible circle{stroke:var(--ink-primary);stroke-width:3px}.hcw__node text{fill:var(--ink-primary);font-family:var(--font-ui);font-size:14px;font-weight:700}.hcw__node .hcw__quality{fill:var(--ink-muted);font-size:10px;font-weight:500}.hcw__node.is-active circle{fill:var(--accent-minor);stroke:var(--accent-minor)}.hcw__node.is-active text{fill:var(--ink-on-accent)}.hcw__controls{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.hcw__field{color:var(--ink-muted);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.hcw__field select{color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:inherit;border-radius:8px;padding:.4rem .6rem}.hcw__segment{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;gap:4px;padding:3px;display:inline-flex}.hcw__segment button{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .7rem;font-size:.82rem}.hcw__segment button.is-on{color:var(--ink-primary);background:var(--bg-raised);font-weight:650}.hcw__segment button:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.hcw__play{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);cursor:pointer;transition:background var(--motion-fast,.12s) var(--motion-ease,ease);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:650;display:inline-flex}.hcw__play:hover{background:color-mix(in srgb, var(--accent-subdominant) 20%, transparent)}.hcw__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hcw__edge line,.hcw__node circle,.hcw__play{transition:none}}.cd{flex-direction:column;gap:1.1rem;display:flex}.cd__poles{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.9rem;display:grid}.cd__pole{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-slow,.18s) var(--motion-ease,ease);border-radius:12px;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.cd__pole.is-selected-column{border-color:var(--accent-subdominant)}.cd__pole-head{flex-direction:column;gap:.15rem;display:flex}.cd__pole-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.68rem;font-weight:700}.cd__pole-head strong{color:var(--ink-primary);font-size:.95rem}.cd__pole-row{flex-wrap:wrap;gap:.4rem;display:flex}.cd__chip{color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);font:inherit;cursor:pointer;transition:background var(--motion-fast,.12s) var(--motion-ease,ease), border-color var(--motion-fast,.12s) var(--motion-ease,ease);border-radius:999px;padding:.4rem .65rem;font-size:.8rem;font-weight:600}.cd__chip:hover{border-color:var(--accent-subdominant)}.cd__chip:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cd__chip.is-cycle{color:var(--accent-minor-ink);background:color-mix(in srgb, var(--accent-minor) 14%, transparent);border-color:color-mix(in srgb, var(--accent-minor) 40%, transparent)}.cd__chip.is-selected{color:var(--ink-on-accent);background:var(--accent-subdominant);border-color:var(--accent-subdominant)}.cd__legend{color:var(--ink-muted);flex-wrap:wrap;gap:.9rem;font-size:.8rem;display:flex}.cd__legend-item{align-items:center;gap:.4rem;display:inline-flex}.cd__legend-item:before{content:"";border-radius:999px;width:10px;height:10px}.cd__legend-item--selected:before{background:var(--accent-subdominant)}.cd__legend-item--cycle:before{background:var(--accent-minor)}.cd__legend-item--plain:before{border:1px solid var(--accent-subdominant)}.cd__readout{box-sizing:border-box;background:color-mix(in srgb, var(--accent-subdominant) 6%, var(--bg-surface));border-left:3px solid var(--accent-subdominant);border-radius:0 12px 12px 0;flex-direction:column;gap:.6rem;padding:.9rem 1.1rem;display:flex}.cd__readout-line{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.cd__readout-line code{color:var(--ink-primary)}.cd__play{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-subdominant) 30%, transparent);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.45rem .9rem;font-family:inherit;font-size:.85rem;font-weight:650;display:inline-flex}.cd__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cd__distance{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:.6rem;padding:.9rem 1.1rem;display:flex}.cd__distance-label{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.55}.cd__distance-picker{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cd__distance-picker span{color:var(--ink-muted)}.cd__distance-chord{color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);font:inherit;cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-weight:650}.cd__distance-chord:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.cd__distance-picker select{color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);font:inherit;border-radius:8px;padding:.4rem .6rem}.cd__distance-total{color:var(--ink-muted);margin:0;font-size:.88rem}.cd__distance-total strong{color:var(--ink-primary);font-size:1.05rem}@media (prefers-reduced-motion:reduce){.cd__pole,.cd__chip{transition:none}}.cdr{min-width:0;color:var(--ink-primary);font-family:var(--font-ui)}.cdr p{line-height:1.6}.cdr__toolbar,.cdr__toolbar>div,.cdr__route{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cdr button{font-family:var(--font-ui);cursor:pointer}.cdr__toolbar button,.cdr__route button{border:1px solid var(--ink-muted);background:var(--bg-surface);min-height:44px;color:var(--ink-primary);border-radius:8px;padding:.5rem .8rem}.cdr__toolbar button[aria-pressed=true]{background:var(--accent-tonic);color:var(--ink-on-accent);border-color:var(--accent-tonic)}.cdr__scroll{border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:14px;margin-block:1rem;overflow-x:auto}.cdr__map{aspect-ratio:720/735;width:100%;max-width:900px;margin-inline:auto;position:relative;container-type:inline-size}.cdr__map.is-expanded{min-width:720px}.cdr__map>svg{width:100%;height:100%;position:absolute;inset:0}.cdr__edge{stroke-width:2px;opacity:.35;transition:opacity var(--motion-fast)}.cdr__edge--P{stroke:var(--accent-minor)}.cdr__edge--L{stroke:var(--accent-tonic)}.cdr__edge--aug{stroke:var(--accent-subdominant)}.cdr__edge.is-active{opacity:1;stroke-width:3px}.cdr__node{transform:translate(-50%, -50%) rotate(var(--node-angle));border:1px solid var(--ink-muted);width:7.8%;height:7.8%;color:var(--ink-primary);background:var(--bg-surface);border-radius:10px;padding:0;font-size:3.1cqw;position:absolute}.cdr__aug-group{border:1px solid var(--ink-muted);box-sizing:border-box;background:var(--bg-canvas);border-radius:12px;gap:6px;width:28.5%;padding:9px;display:flex;position:absolute;transform:translate(-50%,-50%)}.cdr__aug-group.is-vertical{flex-direction:column;width:11%;height:28%}.cdr__aug-group button{border:1px solid var(--ink-muted);background:var(--bg-surface);min-width:0;min-height:6.4cqw;color:var(--ink-primary);border-radius:10px;flex:1;padding:0;font-size:3.1cqw}.cdr__node.is-neighbor,.cdr__aug-group .is-neighbor{border:2px solid var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 12%, var(--bg-surface))}.cdr__node.is-selected,.cdr__aug-group .is-selected{background:var(--accent-tonic);color:var(--ink-on-accent);border-color:var(--accent-tonic)}.cdr .is-sounding{box-shadow:0 0 0 4px var(--accent-dominant)}.cdr__spelling{border:1px solid var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 16%, var(--bg-surface));width:22%;min-height:52px;color:var(--accent-minor-ink);border-radius:999px;font-weight:700;position:absolute;top:49.3%;left:50%;transform:translate(-50%,-50%)}.cdr__legend{color:var(--ink-muted);flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.cdr__legend span{border-left:3px solid var(--accent-minor);padding-left:.5rem}.cdr__legend span:nth-child(2){border-color:var(--accent-tonic)}.cdr__legend span:nth-child(3){border-color:var(--accent-subdominant)}.cdr__route{background:var(--bg-raised);border-radius:12px;margin-block:1rem;padding:1rem}.cdr__route strong{overflow-wrap:anywhere;flex-basis:100%}.cdr__route button{background:var(--accent-tonic);color:var(--ink-on-accent);border-color:var(--accent-tonic);align-items:center;gap:.5rem;display:flex}.cdr__why{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;padding:1rem}.cdr summary{cursor:pointer;font-weight:700}.cdr a{color:var(--accent-subdominant-ink)}.cdr button:focus-visible,.cdr summary:focus-visible,.cdr__scroll:focus-visible{outline:3px solid var(--accent-subdominant);outline-offset:3px}.cdr__map--cubes .cdr__node{width:8.4%;height:6%;font-size:2.6cqw}@media (width<=600px){.cdr__aug-group{gap:3px;padding:4px}.cdr__node,.cdr__aug-group button{border-radius:6px}.cdr__spelling{min-height:32px;font-size:2.6cqw}}.hex-page{--modos-accent:var(--accent-subdominant)}.hex-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.hex-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.hex-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.hex-btn:hover{border-color:var(--accent-subdominant)}.hex-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.nrc-source{color:var(--ink-muted);margin-top:-.4rem;font-style:italic;font-size:.82rem!important}@media (prefers-reduced-motion:reduce){.hex-btn{transition:none}}.interactive-piano{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:10px;flex-direction:column;gap:10px;width:100%;max-width:100%;padding:12px;display:flex}.interactive-piano__scroll-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:4px 2px 8px;overflow-x:auto}.interactive-piano__keyboard{-webkit-user-select:none;user-select:none;width:100%;min-width:520px;height:140px;display:flex;position:relative}.interactive-piano__key{box-sizing:border-box;font-family:var(--font-ui);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease);border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 2px 8px;display:flex;position:relative}.interactive-piano__key:focus{outline:none}.interactive-piano__key:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:-2px;z-index:10!important}.interactive-piano__key--white{background-color:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-muted);z-index:1;height:100%}.interactive-piano__key--white:hover{filter:brightness(1.1)}.interactive-piano__key--black{background-color:var(--bg-canvas);border:1px solid var(--bg-raised);height:62%;color:var(--ink-muted);z-index:3;position:absolute;top:0;box-shadow:0 3px 6px #0006}.interactive-piano__key--black:hover{filter:brightness(1.2)}.interactive-piano__key--tonic{font-weight:700;background-color:var(--accent-tonic)!important;border-color:var(--accent-tonic)!important;color:var(--ink-on-accent)!important}.interactive-piano__key--scale,.interactive-piano__key--common{font-weight:600;background-color:var(--accent-dominant)!important;border-color:var(--accent-dominant)!important;color:var(--ink-on-dominant)!important}.interactive-piano__key--only-a{font-weight:700;background-color:var(--accent-tonic)!important;border-color:var(--accent-tonic)!important;color:var(--ink-on-accent)!important}.interactive-piano__key--only-b{font-weight:700;background-color:var(--accent-minor)!important;border-color:var(--accent-minor)!important;color:var(--ink-on-accent)!important}.interactive-piano__key--active{transform:translateY(3px)scale(.98);box-shadow:0 0 14px var(--accent-subdominant), inset 0 0 8px #ffffff4d!important;filter:brightness(1.25)!important;z-index:6!important}.interactive-piano__key-content{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;display:flex}.interactive-piano__note-name{font-size:.72rem;font-weight:700;line-height:1}.interactive-piano__degree-badge{opacity:.9;font-size:.62rem;font-weight:600;line-height:1}.interactive-piano__key--black .interactive-piano__note-name{font-size:.64rem}.interactive-piano__key--black .interactive-piano__degree-badge{font-size:.58rem}.interactive-piano__char-dot{background-color:var(--accent-subdominant);width:7px;height:7px;box-shadow:0 0 5px var(--accent-subdominant);pointer-events:none;border-radius:50%;position:absolute;top:8px}.interactive-piano__key--black .interactive-piano__char-dot{width:6px;height:6px;top:6px}.interactive-piano__legend{color:var(--ink-muted);border-top:1px solid var(--bg-raised);flex-wrap:wrap;align-items:center;gap:12px;padding:4px 2px 0;font-size:.75rem;display:flex}.interactive-piano__legend-item{align-items:center;gap:6px;display:inline-flex}.interactive-piano__legend-chip{border-radius:2px;flex-shrink:0;width:10px;height:10px}.interactive-piano__legend-chip--tonic{background-color:var(--accent-tonic)}.interactive-piano__legend-chip--scale,.interactive-piano__legend-chip--common{background-color:var(--accent-dominant)}.interactive-piano__legend-chip--only-a{background-color:var(--accent-tonic)}.interactive-piano__legend-chip--only-b{background-color:var(--accent-minor)}.interactive-piano__legend-chip--char{background-color:var(--accent-subdominant);width:8px;height:8px;box-shadow:0 0 4px var(--accent-subdominant);border-radius:50%}.scale-clock{background:var(--bg-canvas);border:1px solid var(--bg-raised);box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:0 auto;padding:12px;display:flex}.scale-clock__svg{-webkit-user-select:none;user-select:none;display:block;overflow:visible}.scale-clock__ring{fill:none;stroke:var(--bg-raised);stroke-width:1.5px;stroke-dasharray:4 4}.scale-clock__center-point{fill:var(--bg-raised)}.scale-clock__spoke{stroke:var(--bg-raised);stroke-width:1px;opacity:.3}.scale-clock__polygon{stroke-linejoin:round;stroke-linecap:round;transition:all var(--motion-slow) var(--motion-ease)}.scale-clock__polygon--scale-a{fill:var(--accent-dominant);fill-opacity:.16;stroke:var(--accent-dominant);stroke-width:2.2px}.scale-clock__polygon--scale-b{fill:var(--accent-minor);fill-opacity:.12;stroke:var(--accent-minor);stroke-width:2px;stroke-dasharray:5 3}.scale-clock__node{cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease)}.scale-clock__node:focus{outline:none}.scale-clock__node:focus-visible .scale-clock__node-circle{stroke:var(--accent-subdominant)!important;stroke-width:3px!important}.scale-clock__node:hover .scale-clock__node-circle{filter:brightness(1.15)}.scale-clock__node-circle{fill:var(--bg-surface);stroke:var(--bg-raised);stroke-width:1.5px;transition:fill var(--motion-fast) var(--motion-ease), stroke var(--motion-fast) var(--motion-ease), stroke-width var(--motion-fast) var(--motion-ease)}.scale-clock__node--tonic .scale-clock__node-circle{fill:var(--accent-tonic);stroke:var(--accent-tonic);stroke-width:2px}.scale-clock__node--scale .scale-clock__node-circle,.scale-clock__node--common .scale-clock__node-circle{fill:var(--accent-dominant);stroke:var(--accent-dominant);stroke-width:2px}.scale-clock__node--only-a .scale-clock__node-circle{fill:var(--accent-tonic);stroke:var(--accent-tonic);stroke-width:2px}.scale-clock__node--only-b .scale-clock__node-circle{fill:var(--accent-minor);stroke:var(--accent-minor);stroke-width:2px}.scale-clock__tonic-ring{fill:none;stroke:var(--accent-tonic);stroke-width:2px;stroke-dasharray:none}.scale-clock__char-ring{fill:none;stroke:var(--accent-subdominant);stroke-width:2px;stroke-dasharray:2 2}.scale-clock__halo{fill:none;stroke:var(--accent-subdominant);stroke-width:2.5px;opacity:.8;pointer-events:none;animation:1s cubic-bezier(.4,0,.2,1) infinite scaleClockPulse}@keyframes scaleClockPulse{0%{r:16px;opacity:.9;stroke-width:3px}50%{r:22px;opacity:.4;stroke-width:1.5px}to{r:16px;opacity:.9;stroke-width:3px}}@media (prefers-reduced-motion:reduce){.scale-clock__halo{opacity:.9;animation:none}}.scale-clock__node-name{font-family:var(--font-ui);text-anchor:middle;dominant-baseline:central;fill:var(--ink-muted);pointer-events:none;font-size:.72rem;font-weight:700}.scale-clock__node-degree{font-family:var(--font-ui);text-anchor:middle;dominant-baseline:central;fill:var(--ink-on-dominant);pointer-events:none;opacity:.9;font-size:.55rem;font-weight:600}.scale-clock__node--tonic .scale-clock__node-name{fill:var(--ink-on-accent)}.scale-clock__node--scale .scale-clock__node-name,.scale-clock__node--common .scale-clock__node-name{fill:var(--ink-on-dominant)}.scale-clock__node--only-a .scale-clock__node-name,.scale-clock__node--only-b .scale-clock__node-name{fill:var(--ink-on-accent)}.scale-clock__legend{color:var(--ink-muted);border-top:1px solid var(--bg-raised);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px;padding-top:6px;font-size:.72rem;display:flex}.scale-clock__legend-item{align-items:center;gap:5px;display:inline-flex}.scale-clock__legend-chip{border-radius:50%;flex-shrink:0;width:9px;height:9px}.scale-clock__legend-chip--tonic{background-color:var(--accent-tonic)}.scale-clock__legend-chip--scale,.scale-clock__legend-chip--common{background-color:var(--accent-dominant)}.scale-clock__legend-chip--only-a{background-color:var(--accent-tonic)}.scale-clock__legend-chip--only-b{background-color:var(--accent-minor)}.scale-clock__legend-chip--char{border:1.5px dashed var(--accent-subdominant)}.scale-lab{width:100%;color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:1.5rem;display:flex}.scale-lab__toolbar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.scale-lab__control-group{flex-direction:column;gap:.5rem;display:flex}.scale-lab__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.8125rem;font-weight:600}.scale-lab__roots-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:.375rem;display:grid}.scale-lab__root-btn{background:var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;text-align:center;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:6px;padding:.45rem .25rem;font-size:.875rem;font-weight:500}.scale-lab__root-btn:hover{background:var(--bg-canvas);border-color:var(--accent-subdominant)}.scale-lab__root-btn--active{background:var(--accent-tonic);color:var(--ink-on-accent);border-color:var(--accent-tonic);font-weight:700}.scale-lab__root-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-lab__scale-picker{align-items:center;gap:.5rem;min-width:0;max-width:100%;display:inline-flex}.scale-lab__select{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;min-width:0;max-width:100%;transition:border-color var(--motion-fast) var(--motion-ease);border-radius:6px;padding:.625rem .75rem;font-size:.9375rem}.scale-lab__select:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:1px;border-color:var(--accent-subdominant)}.scale-lab__scale-picker .scale-lab__select{max-width:240px}@media (width<=640px){.scale-lab__scale-picker{flex-direction:column;align-items:stretch;width:100%}.scale-lab__scale-picker .scale-lab__select{width:100%;max-width:100%}}.scale-lab__select optgroup{color:var(--accent-dominant);background:var(--bg-surface);font-weight:700}.scale-lab__select option{color:var(--ink-primary);background:var(--bg-surface);font-weight:400}.scale-lab__playback-bar{border-top:1px solid var(--bg-raised);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.scale-lab__play-btn{background:var(--accent-dominant);color:var(--ink-on-dominant);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.scale-lab__play-btn:hover{opacity:.92}.scale-lab__play-btn--playing{background:var(--accent-minor);color:var(--ink-on-accent)}.scale-lab__play-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-lab__direction-toggle{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;padding:2px;display:inline-flex}.scale-lab__dir-btn{color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:4px;padding:.4rem .65rem;font-size:.8125rem;font-weight:500}.scale-lab__dir-btn:hover{color:var(--ink-primary)}.scale-lab__dir-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:600}.scale-lab__dir-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:1px}.scale-lab__tempo-group{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:inline-flex}.scale-lab__tempo-label{color:var(--ink-muted);align-items:center;gap:.25rem;min-width:76px;font-size:.8125rem;font-weight:600;display:inline-flex}.scale-lab__slider{accent-color:var(--accent-subdominant);cursor:pointer;width:90px}.scale-lab__slider:focus-visible{outline:2px solid var(--accent-subdominant)}.scale-lab__drone-btn{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;align-items:center;gap:.375rem;padding:.45rem .8rem;font-size:.8125rem;font-weight:500;display:inline-flex}.scale-lab__drone-btn:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.scale-lab__drone-btn--active{border-color:var(--accent-subdominant);color:var(--accent-subdominant);background:#38bdf824;font-weight:600}.scale-lab__drone-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-lab__icon-btn{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:.45rem;display:inline-flex}.scale-lab__icon-btn:hover{color:var(--ink-primary);border-color:var(--ink-muted)}.scale-lab__icon-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-lab__workbench{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1.25rem;display:grid}.scale-lab__stage{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.scale-lab__inspector{min-width:0}@media (width>=1100px){.scale-lab__inspector{max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}}@media (width<=1099px){.scale-lab__workbench{grid-template-columns:1fr}}.scale-lab__staff-card,.scale-lab__piano-card,.scale-lab__clock-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;padding:1.25rem}.scale-lab__card-header{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:baseline;margin-bottom:.875rem;padding-bottom:.5rem;display:flex}.scale-lab__card-title{color:var(--ink-primary);margin:0;font-size:.9375rem;font-weight:600}.scale-lab__card-hint{color:var(--ink-muted);font-size:.75rem}.scale-lab__badge{color:var(--accent-dominant);background:#a78bfa1f;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.scale-lab__staff-viewport{background:var(--bg-canvas);border-radius:6px;padding:.5rem;overflow-x:auto}.scale-lab__dual-grid{grid-template-columns:1fr 310px;gap:1.25rem;display:grid}@media (width<=900px){.scale-lab__dual-grid{grid-template-columns:1fr}}.scale-lab__clock-wrapper{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.scale-lab__tech-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.scale-lab__tech-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.scale-lab__tech-name{color:var(--ink-primary);margin:0;font-size:1.375rem;font-weight:700}.scale-lab__tech-family{color:var(--accent-subdominant);margin:.25rem 0 0;font-size:.875rem;font-weight:500}.scale-lab__share-btn{background:var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8125rem;font-weight:500;display:inline-flex}.scale-lab__share-btn:hover{background:var(--bg-canvas);border-color:var(--accent-subdominant)}.scale-lab__share-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-lab__tech-desc{color:var(--ink-primary);margin:0;font-size:.9375rem;line-height:1.55}.scale-lab__tech-history{color:var(--ink-muted);border-left:2px solid var(--accent-dominant);margin:0;padding-left:.75rem;font-size:.875rem;line-height:1.5}.scale-lab__formulas-grid{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:.875rem 1rem;display:grid}.scale-lab__formula-item{flex-direction:column;gap:.25rem;display:flex}.scale-lab__formula-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.75rem;font-weight:600}.scale-lab__formula-code{color:var(--accent-dominant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:600}.scale-lab__notes-section{flex-direction:column;gap:.5rem;display:flex}.scale-lab__notes-chips{flex-wrap:wrap;gap:.5rem;display:flex}.scale-lab__note-chip{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.875rem;display:inline-flex}.scale-lab__note-chip--tonic{border-color:var(--accent-tonic);background:#34d3991a}.scale-lab__note-chip--tonic .scale-lab__chip-name{color:var(--accent-tonic);font-weight:700}.scale-lab__note-chip--char{border-color:var(--accent-subdominant);background:#38bdf81a}.scale-lab__note-chip--char .scale-lab__chip-name{color:var(--accent-subdominant);font-weight:700}.scale-lab__chip-degree{color:var(--ink-muted);background:var(--bg-raised);border-radius:3px;padding:.1rem .35rem;font-size:.6875rem;font-weight:700}.scale-lab__chip-name{color:var(--ink-primary);font-weight:600}.scale-lab__chip-tag{text-transform:uppercase;color:var(--accent-subdominant);letter-spacing:.04em;font-size:.625rem;font-weight:700}.scale-lab__meta-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.scale-lab__meta-block{flex-direction:column;gap:.375rem;display:flex}.scale-lab__meta-text{color:var(--ink-primary);margin:0;font-size:.875rem;line-height:1.4}.scale-lab__chords-chips{flex-wrap:wrap;gap:.375rem;display:flex}.scale-lab__chord-badge{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--accent-dominant);border-radius:4px;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:600}.scale-comp{width:100%;color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:1.5rem;display:flex}.scale-comp__header{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.scale-comp__root-row{flex-direction:column;gap:.5rem;display:flex}.scale-comp__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.8125rem;font-weight:600}.scale-comp__roots-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:.375rem;display:grid}.scale-comp__root-btn{background:var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;text-align:center;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:6px;padding:.45rem .25rem;font-size:.875rem;font-weight:500}.scale-comp__root-btn:hover{background:var(--bg-canvas);border-color:var(--accent-subdominant)}.scale-comp__root-btn--active{background:var(--accent-dominant);color:var(--ink-on-dominant);border-color:var(--accent-dominant);font-weight:700}.scale-comp__root-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-comp__selectors-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:.875rem;display:grid}@media (width<=768px){.scale-comp__selectors-row{grid-template-columns:1fr}}.scale-comp__selector-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.scale-comp__selector-box--a{border-left:3px solid var(--accent-tonic)}.scale-comp__selector-box--b{border-left:3px solid var(--accent-minor)}.scale-comp__scale-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.scale-comp__scale-badge--a{color:var(--accent-tonic);background:#34d39926}.scale-comp__scale-badge--b{color:var(--accent-minor);background:#fb923c26}.scale-comp__select{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;border-radius:4px;padding:.5rem .65rem;font-size:.9375rem}.scale-comp__select:focus-visible{outline:2px solid var(--accent-subdominant)}.scale-comp__swap-btn{background:var(--bg-raised);color:var(--ink-muted);cursor:pointer;width:38px;height:38px;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:50%;justify-content:center;align-self:center;align-items:center;display:inline-flex}.scale-comp__swap-btn:hover{background:var(--accent-dominant);color:var(--ink-on-dominant)}.scale-comp__swap-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-comp__playback-bar{border-top:1px solid var(--bg-raised);flex-wrap:wrap;align-items:center;gap:.625rem;padding-top:.5rem;display:flex}.scale-comp__play-btn{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.scale-comp__play-btn--a:hover{border-color:var(--accent-tonic);color:var(--accent-tonic)}.scale-comp__play-btn--b:hover{border-color:var(--accent-minor);color:var(--accent-minor)}.scale-comp__play-btn--seq{background:var(--accent-dominant);color:var(--ink-on-dominant);border:none}.scale-comp__play-btn--seq:hover{opacity:.92}.scale-comp__play-btn--diff:hover{border-color:var(--accent-subdominant);color:var(--accent-subdominant)}.scale-comp__play-btn--active{background:var(--accent-subdominant);color:var(--ink-on-accent);border-color:var(--accent-subdominant)}.scale-comp__play-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.scale-comp__stop-btn{background:var(--status-error);color:var(--ink-on-accent);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;margin-left:auto;padding:.5rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.scale-comp__stop-btn:focus-visible{outline:2px solid var(--status-error);outline-offset:2px}.scale-comp__visualizers-container{grid-template-columns:1fr 320px;gap:1.25rem;display:grid}@media (width<=900px){.scale-comp__visualizers-container{grid-template-columns:1fr}}.scale-comp__piano-card,.scale-comp__clock-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;padding:1.25rem}.scale-comp__card-header{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:baseline;margin-bottom:.875rem;padding-bottom:.5rem;display:flex}.scale-comp__card-title{color:var(--ink-primary);margin:0;font-size:.9375rem;font-weight:600}.scale-comp__card-hint{color:var(--ink-muted);font-size:.75rem}.scale-comp__clock-wrapper{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.scale-comp__matrix-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.scale-comp__matrix-title{color:var(--ink-primary);margin:0;font-size:1.125rem;font-weight:700}.scale-comp__matrix-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.scale-comp__matrix-block{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.scale-comp__block-heading{color:var(--ink-primary);margin:0;font-size:.875rem;font-weight:600}.scale-comp__chips-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.scale-comp__chip{border-radius:4px;align-items:center;padding:.25rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:600;display:inline-flex}.scale-comp__chip--common{color:var(--accent-dominant);border:1px solid var(--accent-dominant);background:#a78bfa26}.scale-comp__chip--only-a{color:var(--accent-tonic);border:1px solid var(--accent-tonic);background:#34d39926}.scale-comp__chip--only-b{color:var(--accent-minor);border:1px solid var(--accent-minor);background:#fb923c26}.scale-comp__block-desc{color:var(--ink-muted);margin:0;font-size:.75rem;line-height:1.4}.scale-comp__altered-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.scale-comp__altered-item{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.8125rem;display:flex}.scale-comp__altered-deg{color:var(--ink-muted);font-weight:600}.scale-comp__altered-notes{align-items:center;gap:.4rem;display:inline-flex}.scale-comp__text-a{color:var(--accent-tonic)}.scale-comp__text-b{color:var(--accent-minor)}.scale-comp__arrow{color:var(--ink-muted)}.scale-comp__sub-block{flex-direction:column;gap:.375rem;display:flex}.scale-comp__sub-label{font-size:.75rem;font-weight:600}.scale-comp__none{color:var(--ink-muted);font-size:.75rem;font-style:italic}.scale-comp__empty-text{color:var(--ink-muted);margin:0;font-size:.8125rem;font-style:italic}.escalas-siglo-xx-page{--escalas-accent:var(--accent-subdominant)}.escalas-siglo-xx-page__lead{font-family:var(--font-ui);color:var(--ink-muted);margin:0 0 1.5rem;font-size:1.05rem;line-height:1.68}.escalas-siglo-xx-page__lead strong{color:var(--ink-primary);font-weight:600}@media (width<=768px){.escalas-siglo-xx-page__lead{margin-bottom:1rem;font-size:.95rem}}.poli-page{--modos-accent:var(--accent-subdominant)}.poli-lab{gap:16px;display:grid}.poli-lab__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.poli-lab__controls label{color:var(--ink-primary);gap:6px;font-size:.86rem;font-weight:700;display:grid}.poli-lab select{min-height:42px;color:var(--ink-primary);background:var(--bg-canvas);border:1px solid var(--bg-raised);font:inherit;border-radius:9px;padding:8px 10px}.poli-lab__preset{grid-column:1/-1;justify-self:start}.poli-lab__switch,.poli-lab__controls,.poli-quizbar{align-items:center}.poli-lab__switch{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.poli-lab button,.poli-quizbar button{min-height:40px;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:700 .88rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.poli-lab button:hover,.poli-quizbar button:hover{border-color:var(--accent-subdominant)}.poli-lab button.is-on{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 14%, var(--bg-surface));border-color:var(--accent-subdominant)}.poli-lab__readout{color:var(--ink-muted);border-left:3px solid var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 7%, transparent);margin:0;padding:10px 12px}.poli-lab__play{justify-self:start}.poli-quizbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.poli-quizbar p{color:var(--ink-muted);margin:0}.poli-page :is(button,select,a):focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}.poli-phrase__legend{color:var(--ink-muted);font-size:.82rem}.poli-phrase__play{min-height:40px;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:700 .88rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;margin-top:10px;padding:8px 13px;display:inline-flex}.poli-phrase__play:hover{border-color:var(--accent-subdominant)}.poli-phrase__play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}.poli-table-container{margin-top:8px;overflow-x:auto}.poli-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.poli-table th,.poli-table td{border-bottom:1px solid var(--bg-raised);vertical-align:top;padding:10px 14px}.poli-table th{background:var(--bg-canvas);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:600}.poli-table td:first-child{color:var(--ink-primary);font-weight:700}@media (width<=640px){.poli-lab__controls{grid-template-columns:1fr}.poli-lab__preset{grid-column:auto;width:100%}.poli-lab__switch button{flex:100%}}.pedal-page{--modos-accent:var(--accent-dominant)}.pedal-lab{gap:16px;display:grid}.pedal-lab__switch{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.pedal-lab button,.pedal-quizbar button{min-height:40px;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:700 .88rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.pedal-lab button:hover,.pedal-quizbar button:hover{border-color:var(--accent-dominant)}.pedal-lab button.is-on{color:var(--ink-primary);background:color-mix(in srgb, var(--accent-dominant) 15%, var(--bg-surface));border-color:var(--accent-dominant)}.pedal-lab__readout{color:var(--ink-muted);border-left:3px solid var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 7%, transparent);margin:0;padding:10px 12px}.pedal-lab__play{justify-self:start}.pedal-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pedal-quizbar p{color:var(--ink-muted);margin:0}.pedal-page :is(button,a):focus-visible{outline:2px solid var(--accent-dominant);outline-offset:3px}.pedal-table-container{margin-top:8px;overflow-x:auto}.pedal-table{border-collapse:collapse;text-align:left;width:100%;min-width:30rem;font-size:.85rem}.pedal-table th,.pedal-table td{border-bottom:1px solid var(--bg-raised);vertical-align:top;padding:10px 14px}.pedal-table th{background:var(--bg-canvas);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:600}.pedal-table td:first-child{color:var(--ink-primary);font-weight:700}@media (width<=640px){.pedal-lab__switch button{flex:100%}}.collage-page{--modos-accent:var(--accent-minor)}.collage-lab{gap:16px;display:grid}.collage-lab__switch{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.collage-lab button,.collage-quizbar button{min-height:40px;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:700 .88rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.collage-lab button:hover,.collage-quizbar button:hover{border-color:var(--accent-minor)}.collage-lab button.is-on{color:var(--ink-primary);background:color-mix(in srgb, var(--accent-minor) 15%, var(--bg-surface));border-color:var(--accent-minor)}.collage-lab__readout{color:var(--ink-muted);border-left:3px solid var(--accent-minor);background:color-mix(in srgb, var(--accent-minor) 7%, transparent);margin:0;padding:10px 12px}.collage-lab__play{justify-self:start}.collage-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.collage-quizbar p{color:var(--ink-muted);margin:0}.collage-page :is(button,a):focus-visible{outline:2px solid var(--accent-minor);outline-offset:3px}.collage-table-container{margin-top:8px;overflow-x:auto}.collage-table{border-collapse:collapse;text-align:left;width:100%;min-width:30rem;font-size:.85rem}.collage-table th,.collage-table td{border-bottom:1px solid var(--bg-raised);vertical-align:top;padding:10px 14px}.collage-table th{background:var(--bg-canvas);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:600}.collage-table td:first-child{color:var(--ink-primary);font-weight:700}.collage-vertiente{color:var(--ink-primary);font:700 .95rem var(--font-ui);margin:22px 0 6px}.collage-vertiente:first-of-type{margin-top:14px}.collage-itinerario{color:var(--ink-primary);gap:10px;margin:10px 0 0;padding-left:1.2em;display:grid}.collage-itinerario li{padding-left:4px}.collage-itinerario strong{color:var(--ink-primary)}@media (width<=640px){.collage-lab__switch button{flex:100%}}.cita-page{--modos-accent:var(--accent-tonic)}.quotation-lab{gap:16px;display:grid}.quotation-lab__versions{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:6px;display:grid}.quotation-lab button,.cita-quizbar button{min-height:40px;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:700 .86rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.quotation-lab button:hover,.cita-quizbar button:hover{border-color:var(--accent-tonic)}.quotation-lab button.is-on{color:var(--accent-tonic-ink);background:color-mix(in srgb, var(--accent-tonic) 14%, var(--bg-surface));border-color:var(--accent-tonic)}.quotation-lab__readout{min-height:3.2em;color:var(--ink-muted);border-left:3px solid var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 7%, transparent);margin:0;padding:10px 12px}.quotation-lab__footer{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;display:flex}.quotation-lab__footer fieldset{border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;gap:6px;margin:0;padding:8px;display:flex}.quotation-lab__footer legend{color:var(--ink-muted);padding:0 5px;font-size:.8rem;font-weight:700}.cita-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cita-quizbar p{color:var(--ink-muted);margin:0}.cita-page :is(button,a):focus-visible{outline:2px solid var(--accent-tonic);outline-offset:3px}@media (width<=760px){.quotation-lab__versions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.quotation-lab__versions{grid-template-columns:1fr}.quotation-lab__footer{align-items:stretch}.quotation-lab__play,.quotation-lab__footer fieldset{width:100%}.quotation-lab__footer fieldset button{flex:1}}.rfl{flex-direction:column;gap:16px;min-width:0;display:flex}.rfl__sources,.rfl__forms{margin:0}.rfl__forms-name{display:none}@media (width>=640px){.rfl__forms-name{color:var(--ink-muted);font-weight:500;display:inline}}.rfl__azar-bar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:.7rem .9rem;display:flex}.rfl__azar-bar p{color:var(--ink-muted);margin:0;font-size:.88rem}.rfl__azar-bar code{color:var(--ink-primary);letter-spacing:.03em;font-weight:700}.rfl-builder{flex-direction:column;align-items:center;gap:12px;display:flex}.rfl-dial{width:min(220px,100%);height:auto;overflow:visible}.rfl-dial__ring{fill:none;stroke:var(--bg-raised);stroke-width:1.5px}.rfl-dial__node{cursor:pointer}.rfl-dial__node circle{fill:var(--bg-canvas);stroke:var(--bg-raised);stroke-width:1.5px;transition:fill var(--motion-fast,.12s) var(--motion-ease,ease), stroke var(--motion-fast,.12s) var(--motion-ease,ease)}.rfl-dial__node text{fill:var(--ink-muted);font-family:var(--font-ui);pointer-events:none;font-size:11px;font-weight:700}.rfl-dial__node:hover circle{stroke:var(--accent-tonic)}.rfl-dial__node:focus-visible{outline:none}.rfl-dial__node:focus-visible circle{stroke:var(--accent-tonic);stroke-width:3px}.rfl-dial__node.is-used{cursor:default}.rfl-dial__node.is-used circle{fill:var(--accent-tonic);stroke:var(--accent-tonic)}.rfl-dial__node.is-used text{fill:var(--ink-on-accent)}.rfl-dial__order{font-size:9px!important;font-weight:600!important}.rfl-builder__status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.rfl-builder__status p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.55}.rfl-builder__status strong{color:var(--ink-primary)}.rfl-builder__done{color:var(--accent-tonic-ink);font-weight:650}.rfl__stage{border-top:1px solid var(--bg-raised);flex-direction:column;gap:14px;padding-top:4px;display:flex}.rfl__n-field{width:fit-content;color:var(--ink-muted);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.rfl__n-field select{color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:inherit;border-radius:8px;padding:.4rem .6rem}.rfl__blurb{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.6}.rfl__blurb strong{color:var(--accent-tonic-ink);letter-spacing:.02em;font-weight:800}.rfl__transport{gap:10px;display:flex}.rfl__error{color:var(--status-error);margin:0;font-size:.85rem}.rfl__axis{background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-surface));border-left:3px solid var(--accent-tonic);color:var(--ink-muted);border-radius:10px;margin:0;padding:.7rem .95rem;font-size:.86rem;line-height:1.6}.rfl__axis strong{color:var(--ink-primary)}.rfl-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast,.12s) var(--motion-ease,ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.88rem;font-weight:700;display:inline-flex}.rfl-btn:hover{border-color:var(--accent-tonic)}.rfl-btn:focus-visible{outline:2px solid var(--accent-tonic);outline-offset:2px}.rfl-btn:disabled{opacity:.5;cursor:default}.rfl-btn--primary{color:var(--ink-on-accent);background:var(--accent-tonic);border-color:var(--accent-tonic)}.rfl-btn--primary:hover{background:color-mix(in srgb, var(--accent-tonic) 85%, black);border-color:color-mix(in srgb, var(--accent-tonic) 85%, black)}.rfl-btn--ghost{background:0 0}@media (prefers-reduced-motion:reduce){.rfl-dial__node circle,.rfl-btn{transition:none}}.rta-container{background:var(--bg-surface);border:1px solid var(--bg-raised);font-family:var(--font-ui);color:var(--ink-primary);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.rta-header{margin-bottom:1.2rem}.rta-title-group{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.rta-icon{color:var(--accent-subdominant)}.rta-title{color:var(--ink-primary);margin:0;font-size:1.2rem;font-weight:600}.rta-subtitle{color:var(--ink-muted);margin:0;font-size:.88rem}.rta-controls{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.rta-tabs{gap:.4rem;display:flex}.rta-tab-btn{background:var(--bg-surface);color:var(--ink-muted);border:1px solid var(--bg-raised);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600}.rta-tab-btn:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.rta-tab-btn.is-active{background:var(--accent-subdominant);color:var(--ink-on-accent);border-color:var(--accent-subdominant)}.rta-actions{gap:.6rem;display:flex}.rta-btn{font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.rta-btn--primary{background:var(--accent-tonic-ink);color:var(--ink-on-accent);border:none}.rta-btn--primary:hover{opacity:.9}.rta-btn--ghost{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--bg-raised)}.rta-btn--ghost:hover{border-color:var(--accent-subdominant)}.rta-btn--active{color:var(--status-warning-ink);border:1px solid var(--status-warning);background:#fbbf2433}.rta-spin{animation:3s linear infinite rtaSpin}@keyframes rtaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rta-stage-wrapper{background:var(--bg-canvas);border:1px solid var(--bg-raised);perspective:900px;border-radius:10px;padding:1.5rem;position:relative;overflow:hidden}.rta-axis-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);pointer-events:none;z-index:2;font-size:.72rem;position:absolute}.rta-axis-label--y{top:10px;left:15px}.rta-axis-label--x{bottom:10px;right:15px}.rta-scene{width:100%;height:240px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.rta-card-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.34,1.56,.64,1);position:relative}.rta-svg-grid{width:100%;height:100%;overflow:visible}.rta-number-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rta-number-overlay.is-turning{visibility:hidden}.rta-grid-axis{stroke:var(--bg-raised);stroke-dasharray:4 4;stroke-width:1.5px}.rta-grid-axis--h{stroke:#f4a26166}.rta-grid-axis--v{stroke:#38bdf866}.rta-polyline{fill:none;stroke:var(--accent-subdominant);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--motion-slow) var(--motion-ease)}.rta-node circle{fill:var(--bg-surface);stroke:var(--accent-subdominant);stroke-width:2px;transition:all var(--motion-fast) var(--motion-ease)}.rta-node.is-active circle{fill:var(--accent-tonic);stroke:var(--ink-primary);r:18}.rta-node-text{fill:var(--ink-primary);font-family:var(--font-ui);pointer-events:none;font-size:11px;font-weight:700}.rta-node-text.is-active{fill:var(--ink-on-accent)}@media (prefers-reduced-motion:reduce){.rta-card-3d{transition:none}}.rta-footer{border-top:1px dashed var(--bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:.85rem;display:flex}.rta-status{align-items:center;gap:.6rem;display:flex}.rta-badge{color:var(--accent-tonic-ink);background:#34d39926;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.rta-desc{color:var(--ink-muted);font-size:.86rem}.rta-sequence{color:var(--ink-primary);font-size:.86rem}.rta-sequence code{color:var(--accent-dominant-ink);font-family:monospace;font-size:.95rem}.nrs-lab{background:var(--bg-surface);border:1px solid var(--bg-raised);font-family:var(--font-ui);color:var(--ink-primary);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.nrs-header{margin-bottom:1.2rem}.nrs-title-group{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.nrs-icon{color:var(--accent-subdominant)}.nrs-title{color:var(--ink-primary);margin:0;font-size:1.2rem;font-weight:600}.nrs-subtitle{color:var(--ink-muted);margin:0;font-size:.88rem}.nrs-controls{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:flex}.nrs-mode-toggle{gap:.5rem;display:flex}.nrs-forms-toggle{gap:.4rem;display:flex}.nrs-form-btn{background:var(--bg-surface);color:var(--ink-muted);border:1px solid var(--bg-raised);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.nrs-form-btn:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.nrs-form-btn.is-active{background:var(--accent-subdominant);color:var(--ink-on-accent);border-color:var(--accent-subdominant)}.nrs-play-btn{background:var(--accent-tonic-ink);color:var(--ink-on-accent);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.nrs-play-btn:hover{opacity:.9}.nrs-score-wrapper{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;margin-bottom:1.25rem;padding:1rem;overflow-x:auto}.nrs-description-card{background:var(--bg-canvas);border-left:3px solid var(--accent-subdominant);border-radius:0 6px 6px 0;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.nrs-badge{color:var(--accent-subdominant-ink);white-space:nowrap;background:#38bdf826;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.82rem;font-weight:700;display:inline-flex}.nrs-desc-text{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.dodeca-page{--modos-accent:var(--accent-tonic)}.dodeca-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.dodeca-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.dodeca-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.dodeca-btn:hover{border-color:var(--modos-accent)}.dodeca-btn:focus-visible{outline:2px solid var(--modos-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dodeca-btn{transition:none}}.dodeca-steps{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dodeca-steps__label{width:100%;color:var(--ink-muted);flex:none;margin:0 0 2px;font-size:.8rem;font-weight:700}@media (width>=480px){.dodeca-steps__label{width:auto;margin:0}}.dodeca-step{background:var(--bg-raised);min-width:2rem;color:var(--ink-primary);border-radius:6px;justify-content:center;align-items:center;padding:.18em .5em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:700;display:inline-flex}.dodeca-step--up{color:var(--accent-tonic-ink);background:color-mix(in srgb, var(--accent-tonic) 14%, var(--bg-raised))}.dodeca-step--down{color:var(--accent-minor-ink);background:color-mix(in srgb, var(--accent-minor) 14%, var(--bg-raised))}.ttm{--matrix-accent:var(--accent-dominant);flex-direction:column;gap:14px;min-width:0;display:flex}.ttm__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ttm__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ttm__view-toggle,.ttm__source{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ttm__view-toggle{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;padding:3px}.ttm__view-btn{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .7rem;font-size:.82rem}.ttm__view-btn--active{color:var(--ink-primary);background:var(--bg-raised);font-weight:650}.ttm__view-btn:focus-visible,.ttm__source-btn:focus-visible,.ttm__play-btn:focus-visible{outline:2px solid var(--matrix-accent);outline-offset:2px}.ttm__source-btn{color:var(--ink-muted);background:var(--bg-surface);border:1px solid var(--bg-raised);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:.4rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.ttm__source-btn--active{color:var(--matrix-accent);background:color-mix(in srgb, var(--matrix-accent) 12%, var(--bg-surface));border-color:color-mix(in srgb, var(--matrix-accent) 30%, transparent)}.ttm__seed{color:var(--ink-muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.ttm__seed input{width:4.2rem;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);font:inherit;border-radius:6px;padding:.35rem .5rem}.ttm__current-row{color:var(--ink-muted);margin:0;font-size:.9rem}.ttm__current-row strong{color:var(--ink-primary)}.ttm__diagonal-toggle{width:fit-content;color:var(--ink-muted);cursor:pointer;align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.ttm__diagonal-toggle input{accent-color:var(--matrix-accent)}.ttm__diagonal-toggle input:focus-visible,.ttm__seed input:focus-visible{outline:2px solid var(--matrix-accent);outline-offset:2px}.ttm__scroll{padding-bottom:4px;overflow-x:auto}.ttm__grid{border-collapse:collapse;width:100%;min-width:620px}.ttm__grid th,.ttm__grid td{border:1px solid var(--bg-raised);text-align:center;padding:0}.ttm__corner{background:var(--bg-surface)}.ttm__col-btn,.ttm__row-btn{width:100%;min-width:46px;height:100%;color:var(--ink-primary);background:var(--bg-surface);font:inherit;cursor:pointer;transition:background var(--motion-fast,.12s) var(--motion-ease,ease);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:.72rem;font-weight:700;display:flex}.ttm__row-btn{min-width:74px}.ttm__col-btn:hover,.ttm__row-btn:hover{background:color-mix(in srgb, var(--matrix-accent) 10%, var(--bg-surface))}.ttm__col-btn:focus-visible,.ttm__row-btn:focus-visible{outline:2px solid var(--matrix-accent);outline-offset:-2px}.ttm__col-head--hi .ttm__col-btn,.ttm__row-head--hi .ttm__row-btn{background:color-mix(in srgb, var(--matrix-accent) 20%, var(--bg-surface));color:var(--matrix-accent)}.ttm__col-ri,.ttm__row-r{color:var(--ink-muted);font-size:.9em;font-weight:600}.ttm__col-head--hi .ttm__col-ri,.ttm__row-head--hi .ttm__row-r{color:inherit}.ttm__cell{min-width:46px;height:40px;color:var(--ink-primary);background:var(--bg-canvas);transition:background var(--motion-fast,.12s) var(--motion-ease,ease), color var(--motion-fast,.12s) var(--motion-ease,ease);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;font-weight:600}.ttm__cell-int{font-size:.86rem;display:block}.ttm__cell-name{font-family:var(--font-ui);color:var(--ink-muted);font-size:.62rem;font-weight:500;display:block}.ttm__cell--row-hi,.ttm__cell--col-hi{background:color-mix(in srgb, var(--matrix-accent) 14%, var(--bg-canvas))}.ttm__cell--row-hi.ttm__cell--col-hi{background:color-mix(in srgb, var(--matrix-accent) 30%, var(--bg-canvas));font-weight:800}.ttm__cell--diagonal{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--matrix-accent) 60%, transparent)}.ttm__cell--active{background:var(--matrix-accent);color:var(--ink-on-dominant)}.ttm__cell--active .ttm__cell-name{color:inherit}@media (prefers-reduced-motion:no-preference){.ttm__cell--active{animation:ttm-pulse .35s var(--motion-ease,ease)}}@keyframes ttm-pulse{0%{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--matrix-accent) 80%, white 20%)}to{box-shadow:inset 0 0 #0000}}.ttm__play-panel{box-sizing:border-box;background:color-mix(in srgb, var(--matrix-accent) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--matrix-accent) 22%, transparent);border-radius:12px;flex-direction:column;gap:8px;padding:.9rem 1.05rem;display:flex}.ttm__play-caption{color:var(--ink-muted);margin:0;font-size:.92rem}.ttm__play-caption strong{color:var(--ink-primary)}.ttm__play-buttons{flex-wrap:wrap;gap:8px;display:flex}.ttm__play-btn{color:var(--matrix-accent);background:color-mix(in srgb, var(--matrix-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--matrix-accent) 30%, transparent);cursor:pointer;transition:background var(--motion-fast,.12s) var(--motion-ease,ease);border-radius:999px;align-items:center;gap:6px;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;font-weight:650;display:inline-flex}.ttm__play-btn:hover{background:color-mix(in srgb, var(--matrix-accent) 22%, transparent)}.ttm__play-btn--stop{color:var(--status-error);border-color:color-mix(in srgb, var(--status-error) 35%, transparent);background:color-mix(in srgb, var(--status-error) 10%, transparent)}.ttm__sequence{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.6}@media (width<=640px){.ttm__toolbar{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.ttm__col-btn,.ttm__row-btn,.ttm__cell,.ttm__play-btn{transition:none}}.matriz-page{--modos-accent:var(--accent-dominant)}.matriz-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.matriz-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.matriz-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.matriz-btn:hover{border-color:var(--accent-dominant)}.matriz-btn:focus-visible{outline:2px solid var(--accent-dominant);outline-offset:2px}@media (prefers-reduced-motion:reduce){.matriz-btn{transition:none}}.serial-page{--modos-accent:var(--accent-minor)}.serial-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.serial-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.serial-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.serial-btn:hover{border-color:var(--modos-accent)}.serial-btn:focus-visible{outline:2px solid var(--modos-accent);outline-offset:2px}.psl{flex-direction:column;gap:18px;display:flex}.psl__rows{flex-direction:column;gap:10px;display:flex}.psl-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.psl-row--fixed{background:color-mix(in srgb, var(--bg-raised) 35%, var(--bg-surface));border-style:dashed}.psl-row__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.psl-row__title{color:var(--ink-primary);font-size:.88rem;font-weight:700}.psl-row__badge{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:600}.psl-row__track{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.psl-cell{color:var(--ink-muted);background:var(--bg-raised);transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;padding:5px 10px;font-size:.82rem;font-weight:600}.psl-cell--dim{opacity:.55}.psl-cell--active{color:var(--accent-minor-ink);background:color-mix(in srgb, var(--modos-accent) 20%, var(--bg-raised));border-color:color-mix(in srgb, var(--modos-accent) 45%, transparent)}.psl__status{color:var(--ink-muted);min-height:1.4em;margin:0;font-size:.88rem}.psl__controls{border-top:1px solid var(--bg-raised);flex-direction:column;gap:16px;padding-top:4px;display:flex}.psl__presets{flex-wrap:wrap;gap:14px;display:flex}.psl-preset{flex-direction:column;gap:6px;display:flex}.psl-preset__label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.psl-count{flex-direction:column;gap:6px;display:flex}.psl-count__label{color:var(--ink-primary);font-size:.9rem;font-weight:600}.psl-count__label strong{color:var(--modos-accent)}.psl-count input[type=range]{width:100%;max-width:360px;accent-color:var(--modos-accent)}.psl-count input[type=range]:focus-visible{outline:2px solid var(--modos-accent);outline-offset:3px}.psl-count__desc{color:var(--ink-muted);margin:0;font-size:.86rem;line-height:1.5}.psl-play{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--modos-accent) 40%, var(--bg-raised));transition:border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.psl-play:hover{border-color:var(--modos-accent)}.psl-play:focus-visible{outline:2px solid var(--modos-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.serial-btn,.psl-cell,.psl-play{transition:none}}.qqlab{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);border-radius:12px;margin:2rem 0;padding:1.5rem}.qqlab__header{margin-bottom:1.25rem}.qqlab__title-group{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.qqlab__icon{color:var(--accent-subdominant)}.qqlab__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:600}.qqlab__subtitle{color:var(--ink-muted);margin:0;font-size:.9rem}.qqlab__controls{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.qqlab__control-group{flex-direction:column;flex:200px;gap:.35rem;display:flex}.qqlab__label-text{color:var(--ink-muted);font-size:.82rem;font-weight:500}.qqlab__select{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--bg-raised);font-family:var(--font-ui);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.9rem}.qqlab__select:focus{border-color:var(--accent-subdominant)}.qqlab__play-btn{background:var(--accent-subdominant);color:var(--ink-on-accent);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.qqlab__play-btn:hover{opacity:.9}.qqlab__grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=768px){.qqlab__grid{grid-template-columns:1fr}}.qqlab__score-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;display:flex}.qqlab__canvas-wrapper{justify-content:center;width:100%;display:flex;overflow-x:auto}.qqlab-svg{width:100%;max-width:540px;height:auto}.qqlab-label{fill:var(--ink-primary);font-family:var(--font-ui);font-size:13px;font-weight:600}.qqlab__score-meta{border-top:1px dashed var(--bg-raised);justify-content:space-between;align-items:center;width:100%;margin-top:.75rem;padding-top:.5rem;display:flex}.qqlab__badge{color:var(--accent-subdominant-ink);background:#38bdf826;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.qqlab__source{color:var(--ink-muted);font-size:.78rem}.qqlab__analysis-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:.85rem;padding:1rem 1.25rem;display:flex}.qqlab__card-title{color:var(--ink-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.qqlab__field{flex-direction:column;gap:.2rem;display:flex}.qqlab__field-label{color:var(--ink-muted);font-size:.8rem}.qqlab__field-value{color:var(--ink-primary);font-size:.95rem;font-weight:500}.qqlab__field-value--code{color:var(--accent-tonic-ink);font-family:monospace}.qqlab__intervals-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.qqlab__interval-item{color:var(--ink-primary);align-items:center;gap:.4rem;font-size:.84rem;display:flex}.qqlab__reading-box{background:var(--bg-surface);border-left:3px solid var(--accent-subdominant);border-radius:0 6px 6px 0;margin-top:.2rem;padding:.6rem .8rem}.qqlab__reading-symbol{color:var(--accent-dominant);margin-bottom:.2rem;font-size:1.05rem;font-weight:700;display:block}.qqlab__reading-text{color:var(--ink-muted);margin:0;font-size:.83rem;line-height:1.4}.qqlab__description{background:var(--bg-canvas);color:var(--ink-muted);border:1px solid var(--bg-raised);border-radius:6px;margin:0;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.academic-example-block{background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:10px;margin:1.5rem 0;padding:1.25rem 1.5rem}.academic-example-block:hover{border-color:var(--accent-subdominant)}.academic-example-block h3{color:var(--accent-subdominant-ink);margin-top:0;margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.academic-example-block p{color:var(--ink-primary);margin:.4rem 0;font-size:.92rem;line-height:1.55}.academic-intro-box{background:var(--bg-surface);border-left:4px solid var(--accent-subdominant);border-radius:0 8px 8px 0;margin-bottom:2rem;padding:1.25rem 1.5rem}.academic-intro-lead{color:var(--ink-primary);margin-top:0;margin-bottom:.75rem;font-size:1.05rem;line-height:1.6}.academic-intro-guiding{color:var(--accent-dominant-ink);align-items:center;gap:.5rem;margin:0;font-size:.92rem;display:flex}.clusterlab{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);border-radius:12px;margin:2rem 0;padding:1.5rem}.clusterlab__header{margin-bottom:1.25rem}.clusterlab__title-group{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.clusterlab__icon{color:var(--accent-subdominant)}.clusterlab__title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:600}.clusterlab__subtitle{color:var(--ink-muted);margin:0;font-size:.9rem}.clusterlab__controls{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}@media (width>=768px){.clusterlab__controls{flex-flow:wrap;justify-content:space-between;align-items:flex-end}}.clusterlab__control-group{flex-direction:column;flex:220px;gap:.35rem;display:flex}.clusterlab__label-text{color:var(--ink-muted);font-size:.82rem;font-weight:500}.clusterlab__select{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--bg-raised);font-family:var(--font-ui);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.9rem}.clusterlab__select:focus{border-color:var(--accent-subdominant)}.clusterlab__ops-toggle{flex-wrap:wrap;gap:.35rem;display:flex}.clusterlab__op-btn{background:var(--bg-surface);color:var(--ink-muted);border:1px solid var(--bg-raised);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:6px;padding:.4rem .65rem;font-size:.8rem;font-weight:500}.clusterlab__op-btn:hover{color:var(--ink-primary);border-color:var(--accent-subdominant)}.clusterlab__op-btn.is-active{background:var(--accent-subdominant);color:var(--ink-on-accent);border-color:var(--accent-subdominant);font-weight:600}.clusterlab__play-btn{background:var(--accent-subdominant);color:var(--ink-on-accent);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:6px;align-self:flex-end;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.clusterlab__play-btn:hover{opacity:.9}.clusterlab__grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=768px){.clusterlab__grid{grid-template-columns:1fr}}.clusterlab__score-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;display:flex}.clusterlab__canvas-wrapper{justify-content:center;width:100%;display:flex;overflow-x:auto}.clusterlab-svg{width:100%;max-width:540px;height:auto}.clusterlab-label{fill:var(--ink-primary);font-family:var(--font-ui);font-size:13px;font-weight:600}.clusterlab__score-meta{border-top:1px dashed var(--bg-raised);justify-content:space-between;align-items:center;width:100%;margin-top:.75rem;padding-top:.5rem;display:flex}.clusterlab__badge{color:var(--accent-subdominant-ink);background:#38bdf826;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.clusterlab__grammar-badge{color:#10b981;background:#10b98126;border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.clusterlab__source{color:var(--ink-muted);font-size:.78rem}.clusterlab__analysis-card{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:.85rem;padding:1rem 1.25rem;display:flex}.clusterlab__card-title{color:var(--ink-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.clusterlab__field{flex-direction:column;gap:.2rem;display:flex}.clusterlab__field-label{color:var(--ink-muted);font-size:.8rem}.clusterlab__field-value{color:var(--ink-primary);font-size:.95rem;font-weight:500}.clusterlab__field-value--highlight{color:var(--accent-subdominant-ink);font-weight:600}.clusterlab__field-value--code{color:var(--accent-tonic-ink);font-family:monospace;font-size:.88rem}.clusterlab__field--partition{background:var(--bg-surface);border-left:3px solid var(--accent-subdominant);border-radius:0 6px 6px 0;padding:.5rem .75rem}.clusterlab__partition-text{color:var(--ink-primary);margin:0;font-size:.82rem;line-height:1.45}.clusterlab__density-text{color:var(--ink-muted);margin:0;font-size:.84rem;line-height:1.45}.clusterlab__description{background:var(--bg-canvas);color:var(--ink-muted);border:1px solid var(--bg-raised);border-radius:6px;margin:0;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.clusters-page{width:100%}.clusters-tab-content{flex-direction:column;gap:1.5rem;display:flex}.clusters-comparison-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0;display:grid}@media (width<=768px){.clusters-comparison-grid{grid-template-columns:1fr}}.clusters-comp-card{background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:8px;padding:1.25rem}.clusters-comp-card:hover{border-color:var(--accent-subdominant)}.clusters-comp-card h4{color:var(--accent-subdominant-ink);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.clusters-comp-card p{color:var(--ink-primary);margin:0;font-size:.9rem;line-height:1.5}.clusters-types-list{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.clusters-type-item{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}@media (width>=640px){.clusters-type-item{flex-direction:row;align-items:flex-start;gap:1.25rem}}.clusters-type-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.clusters-type-badge--cromatico{color:#f87171;background:#ef444426}.clusters-type-badge--diatonico{color:var(--accent-subdominant-ink);background:#38bdf826}.clusters-type-badge--pentatonico{color:#c084fc;background:#a855f726}.clusters-type-desc{color:var(--ink-primary);font-size:.9rem;line-height:1.5}.clusters-register-cards{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.5rem 0;display:grid}@media (width<=900px){.clusters-register-cards{grid-template-columns:1fr}}.clusters-reg-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.clusters-reg-card h4{color:var(--ink-primary);margin:0;font-size:1rem;font-weight:600}.clusters-reg-tag{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:600}.clusters-reg-card--grave .clusters-reg-tag{color:#f87171}.clusters-reg-card--medio .clusters-reg-tag{color:var(--accent-subdominant-ink)}.clusters-reg-card--agudo .clusters-reg-tag{color:var(--accent-tonic-ink)}.clusters-reg-card p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.atonal-lab-card{background:var(--bg-surface);border:1px solid #f4a26140;border-radius:12px;flex-direction:column;gap:1.25rem;margin:1.5rem 0;padding:1.5rem;display:flex}.atonal-lab-header{flex-direction:column;gap:.5rem;display:flex}.atonal-lab-badge{color:var(--accent-dominant);background:#f4a26126;border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.atonal-lab-title{color:var(--ink-primary);margin:0;font-size:1.25rem;font-weight:700}.atonal-lab-desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.5}.atonal-preset-row{background:var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.atonal-preset-label{color:var(--ink-muted);font-size:.85rem;font-weight:600}.atonal-preset-chips{flex-wrap:wrap;gap:.5rem;display:flex}.atonal-preset-btn{background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #ffffff1f;border-radius:6px;padding:.35rem .65rem;font-size:.8rem}.atonal-preset-btn:hover{border-color:var(--accent-dominant);color:var(--accent-dominant)}.atonal-preset-btn--reset{color:var(--status-error);border-color:#fb71854d;align-items:center;gap:.3rem;display:inline-flex}.atonal-cell-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.atonal-cell-btn{background:var(--bg-raised);text-align:left;cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.atonal-cell-btn:hover{border-color:#f4a26166}.atonal-cell-btn--active{border-color:var(--accent-dominant);background:#f4a2611f}.atonal-cell-btn-top{justify-content:space-between;align-items:center;display:flex}.atonal-cell-type-tag{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.atonal-cell-type-tag--melodic{color:var(--accent-subdominant);background:#38bdf826}.atonal-cell-type-tag--harmonic{color:var(--accent-dominant);background:#f4a26126}.atonal-cell-forte-badge{color:var(--ink-muted);font-size:.75rem;font-weight:700}.atonal-cell-btn-label{color:var(--ink-primary);font-size:.9rem}.atonal-cell-btn-notes{color:var(--ink-muted);font-size:.8rem}.atonal-inspector-panel{background:var(--bg-raised);border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.atonal-inspector-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.atonal-inspector-title{color:var(--ink-primary);margin:0;font-size:1.15rem}.atonal-inspector-loc{color:var(--accent-dominant);font-size:.8rem}.atonal-inspector-playback{gap:.5rem;display:flex}.atonal-metrics-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.atonal-metric-box{background:var(--bg-surface);border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.atonal-metric-label{color:var(--ink-muted);text-transform:uppercase;font-size:.75rem}.atonal-metric-val{color:var(--accent-dominant);font-size:1.05rem}.atonal-metric-sub{color:var(--ink-muted);font-size:.75rem}.atonal-role-note{border-left:3px solid var(--accent-dominant);background:#f4a26114;border-radius:4px;gap:.75rem;padding:.85rem;display:flex}.atonal-role-icon{color:var(--accent-dominant);flex-shrink:0;margin-top:.2rem}.atonal-role-note p{color:var(--ink-primary);margin:.25rem 0 0;font-size:.88rem;line-height:1.4}.atonal-dial-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:1rem 0;display:flex}.atonal-clockface{background:var(--bg-raised);border:2px dashed #f4a2614d;border-radius:50%;width:250px;height:250px;margin:1.5rem auto;position:relative}.atonal-clock-node{background:var(--bg-surface);width:38px;height:38px;color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border:1px solid #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.atonal-clock-node:hover{border-color:var(--accent-dominant);transform:translate(-50%,-50%)scale(1.1)}.atonal-clock-node--selected{background:var(--accent-dominant);color:var(--ink-on-dominant);border-color:var(--accent-dominant);box-shadow:0 0 10px #f4a26180}.atonal-clock-node-int{font-size:.75rem;font-weight:700;line-height:1}.atonal-clock-node-name{opacity:.85;font-size:.6rem;line-height:1}.atonal-clock-center{text-align:center;flex-direction:column;gap:.2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.atonal-clock-center-label{color:var(--ink-muted);letter-spacing:.05em;font-size:.7rem}.atonal-normal-summary{flex-direction:column;gap:1rem;min-width:200px;display:flex}.atonal-normal-badge-box{background:var(--bg-raised);text-align:center;border:1px solid #f4a2614d;border-radius:8px;padding:1.25rem}.atonal-normal-badge-title{text-transform:uppercase;color:var(--ink-muted);font-size:.8rem}.atonal-normal-result-code{color:var(--accent-dominant);margin:.35rem 0;font-size:1.6rem;font-weight:800}.atonal-normal-result-names{color:var(--ink-primary);font-size:.9rem}.atonal-rotations-table-wrapper{background:var(--bg-raised);border-radius:8px;padding:1rem}.atonal-rotations-title{color:var(--ink-primary);margin:0 0 .75rem;font-size:.95rem}.atonal-rotations-table{flex-direction:column;gap:.4rem;display:flex}.atonal-rotations-head{color:var(--ink-muted);text-transform:uppercase;grid-template-columns:1fr 1.2fr 1.2fr 1.4fr 1fr;padding:.4rem .6rem;font-size:.75rem;font-weight:600;display:grid}.atonal-rotations-row{background:var(--bg-surface);color:var(--ink-primary);border:1px solid #0000;border-radius:6px;grid-template-columns:1fr 1.2fr 1.2fr 1.4fr 1fr;align-items:center;padding:.5rem .6rem;font-size:.85rem;display:grid}.atonal-rotations-row--winner{border-color:var(--accent-dominant);background:#f4a2611f}.atonal-winner-tag{color:var(--accent-dominant);align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;display:inline-flex}.atonal-discard-tag{color:var(--ink-muted);font-size:.8rem}.atonal-prime-compare-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.atonal-prime-candidate{background:var(--bg-raised);border:1px solid #ffffff14;border-radius:8px;padding:1rem}.atonal-prime-candidate--winner{border-color:var(--accent-dominant);background:#f4a26114}.atonal-prime-candidate-head{color:var(--ink-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;display:flex}.atonal-prime-code{color:var(--accent-dominant);font-size:1.4rem;font-weight:800}.atonal-prime-sub{color:var(--ink-muted);margin-top:.25rem;font-size:.8rem}.atonal-verdict-box{background:var(--bg-raised);border:1px solid #f4a2614d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.atonal-verdict-tag{color:var(--ink-muted);text-transform:uppercase;font-size:.75rem}.atonal-verdict-prime{color:var(--accent-dominant);margin:.2rem 0;font-size:2rem}.atonal-verdict-forte{color:var(--ink-primary);font-size:1rem}.atonal-verdict-desc{color:var(--ink-muted);margin:.35rem 0 0;font-size:.88rem}.atonal-vector-section{background:var(--bg-raised);border-radius:8px;padding:1.25rem}.atonal-vector-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.atonal-vector-header h4{color:var(--ink-primary);margin:0;font-size:1rem}.atonal-vector-total-pairs{color:var(--ink-muted);font-size:.8rem}.atonal-vector-columns-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.atonal-vector-col{background:var(--bg-surface);text-align:center;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:.4rem;padding:.75rem .5rem;display:flex}.atonal-vector-col--active{border-color:#f4a26166}.atonal-vector-col-top{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.atonal-vector-count-badge{color:var(--accent-dominant);background:#f4a26133;border-radius:9999px;padding:.1rem .4rem;font-size:.8rem}.atonal-vector-bar-wrap{justify-content:center;align-items:flex-end;height:72px;display:flex}.atonal-vector-bar{background:var(--accent-dominant);width:16px;transition:height var(--motion-fast) var(--motion-ease);border-radius:3px 3px 0 0}.atonal-vector-col-info{flex-direction:column;gap:.2rem;margin-top:.25rem;display:flex}.atonal-vector-name{color:var(--ink-muted);font-size:.68rem}.atonal-vector-char{color:var(--ink-primary);margin:0;font-size:.65rem;line-height:1.2}.atonal-tni-controls-panel{background:var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1rem;display:flex}.atonal-tni-tabs{gap:.5rem;display:flex}.atonal-tni-slider-group{flex-direction:column;flex:1;gap:.35rem;min-width:220px;display:flex}.atonal-tni-slider-label{color:var(--ink-primary);font-size:.85rem}.atonal-tni-slider{width:100%;accent-color:var(--accent-dominant)}.atonal-tni-formula-tag{color:var(--accent-dominant);font-family:monospace;font-size:.8rem}.atonal-tni-compare-row{background:var(--bg-raised);border-radius:8px;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex}.atonal-tni-box{background:var(--bg-surface);text-align:center;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:1rem 1.5rem}.atonal-tni-box--transformed{border-color:var(--accent-dominant);background:#f4a26114}.atonal-tni-box-title{color:var(--ink-muted);text-transform:uppercase;font-size:.75rem}.atonal-tni-box-code{color:var(--accent-dominant);margin:.25rem 0;font-size:1.5rem;font-weight:800}.atonal-tni-box-names{color:var(--ink-primary);font-size:.85rem}.atonal-tni-arrow{color:var(--ink-muted);font-size:1.5rem}.atonal-tni-invariance-panel{background:var(--bg-raised);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.atonal-tni-invariance-left{color:var(--ink-primary);flex-direction:column;gap:.35rem;font-size:.88rem;display:flex}.atonal-common-tones-badge{color:var(--accent-dominant);font-weight:600}.atonal-no-common-tones{color:var(--ink-muted);font-style:italic}.atonal-sym-note{color:var(--accent-tonic);align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:inline-flex}@media (width<=768px){.atonal-prime-compare-grid{grid-template-columns:1fr}.atonal-vector-columns-grid{grid-template-columns:repeat(3,1fr)}.atonal-rotations-head,.atonal-rotations-row{grid-template-columns:1fr 1fr;gap:.4rem}.atonal-tni-compare-row{flex-direction:column}}.schoenberg-score-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.schoenberg-score-header{gap:var(--space-2);flex-direction:column;display:flex}.schoenberg-score-badge{align-items:center;gap:var(--space-2);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dominant);background:var(--accent-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);width:fit-content;font-weight:600;display:inline-flex}.schoenberg-score-title{font-family:var(--font-ui);font-size:var(--font-xl);color:var(--ink-primary);margin:0;font-weight:700}.schoenberg-score-desc{font-size:var(--font-sm);color:var(--ink-secondary);margin:0;line-height:1.6}.schoenberg-transport-bar{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--bg-raised);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.schoenberg-transport-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.schoenberg-transport-status{font-size:var(--font-xs);color:var(--ink-muted);font-weight:600}.schoenberg-transport-status strong{color:var(--accent-dominant)}.schoenberg-grand-staff-wrapper{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;box-shadow:inset 0 2px 6px #0003}.schoenberg-grand-staff-svg{max-width:100%;margin-inline:auto;display:block}.schoenberg-tie{stroke:var(--ink-primary);opacity:.92;transition:stroke var(--duration-fast)}.schoenberg-hairpin{stroke:var(--ink-primary);opacity:.88}.schoenberg-measure-aura{fill:color-mix(in srgb, var(--accent-dominant) 18%, transparent);rx:6;transition:opacity var(--duration-fast)}.schoenberg-barnum{fill:var(--ink-muted);font-family:var(--font-ui,system-ui), sans-serif;font-size:11px;font-weight:600}.schoenberg-dynamic-text{fill:var(--ink-primary);font-family:var(--font-quote,"Source Serif 4", serif);-webkit-user-select:none;user-select:none;font-style:italic}.schoenberg-cells-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.schoenberg-cell-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);transition:border-color var(--duration-fast), transform var(--duration-fast);text-align:left;cursor:pointer;flex-direction:column;display:flex}.schoenberg-cell-card:hover{border-color:var(--accent-dominant);transform:translateY(-2px)}.schoenberg-cell-card--active{border-color:var(--accent-dominant);background:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent-dominant)}.schoenberg-cell-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.schoenberg-cell-tag{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 8px;font-size:11px;font-weight:700}.schoenberg-cell-tag--melodic{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.schoenberg-cell-tag--harmonic{color:#f4a261;background:#f4a26126;border:1px solid #f4a2614d}.schoenberg-cell-tag--implied-tonal{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.schoenberg-cell-forte{font-size:var(--font-xs);color:var(--ink-primary);font-weight:700;font-family:var(--font-mono,monospace);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 6px}.schoenberg-cell-title{font-size:var(--font-sm);color:var(--ink-primary);margin:0;font-weight:700}.schoenberg-cell-metrics{gap:var(--space-3);font-size:var(--font-xs);color:var(--ink-secondary);display:flex}.schoenberg-cell-metrics strong{color:var(--ink-primary)}.schoenberg-cell-desc{color:var(--ink-secondary);flex:1;margin:0;font-size:12px;line-height:1.5}.schoenberg-fixed-zero-wrapper{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.schoenberg-table-header-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.schoenberg-table-heading{font-size:var(--font-sm);color:var(--ink-primary);margin:0;font-weight:700}.schoenberg-table-scroll{overflow-x:auto}.schoenberg-fixed-zero-table{border-collapse:collapse;text-align:center;width:100%;font-size:var(--font-xs)}.schoenberg-fixed-zero-table th,.schoenberg-fixed-zero-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle)}.schoenberg-fixed-zero-table th{background:var(--bg-surface);color:var(--accent-dominant);font-weight:700;font-family:var(--font-mono,monospace);font-size:var(--font-sm)}.schoenberg-fixed-zero-table td{color:var(--ink-primary);font-weight:600}.schoenberg-fixed-zero-table tr.row-natural td{background:#ffffff05}.schoenberg-fixed-zero-table tr.row-sharp td{color:#38bdf8}.schoenberg-fixed-zero-table tr.row-flat td{color:#f4a261}.schoenberg-comparison-table{border-collapse:collapse;width:100%;font-size:var(--font-xs);text-align:left}.schoenberg-comparison-table th{background:var(--bg-surface);color:var(--ink-primary);padding:var(--space-3);border-bottom:2px solid var(--border-subtle);font-weight:700}.schoenberg-comparison-table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--ink-secondary)}.schoenberg-comparison-table tr:hover td{background:var(--accent-subtle)}.schoenberg-comparison-table code{color:var(--accent-dominant);font-size:13px;font-weight:700}.texturas-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.texturas-player__header{flex-direction:column;gap:2px;display:flex}.texturas-player__eyebrow,.texturas-composition__eyebrow{color:var(--accent-subdominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.texturas-player__title{color:var(--ink-primary);font:700 1.2rem var(--font-ui);margin:2px 0 0}.texturas-player__hint{color:var(--ink-muted);font:500 .82rem/1.4 var(--font-ui);margin:0}.texturas-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.texturas-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.45rem .75rem;display:inline-flex}.texturas-player__chapter:hover,.texturas-player__chapter--active{border-color:var(--accent-subdominant);background:var(--bg-raised);color:var(--ink-primary)}.texturas-player__chapter:focus-visible,.texturas-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.texturas-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.texturas-player__corner-play{border:1px solid var(--accent-subdominant);background:var(--accent-subdominant);width:100%;height:100%;color:var(--bg-canvas);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.texturas-player__corner-play:hover{transform:scale(1.06)}.texturas-composition{box-sizing:border-box;background:var(--bg-canvas);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:10px;padding:18px 26px 20px;display:flex}.texturas-composition__header{flex-direction:column;gap:2px;display:flex}.texturas-composition__title{font:700 1.2rem/1.2 var(--font-ui);color:var(--ink-primary);margin:0}.texturas-composition__stage{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.texturas-stage{flex:1;width:100%;min-height:0}.texturas-composition__caption{border:1px solid var(--bg-raised);background:var(--bg-surface);color:var(--ink-primary);font:500 .8rem/1.35 var(--font-ui);text-align:center;border-radius:8px;margin:0;padding:9px 14px}.texturas-readout{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.texturas-chip{border:1px solid var(--bg-raised);background:var(--bg-surface);text-align:center;border-radius:7px;flex-direction:column;gap:1px;min-width:96px;padding:5px 10px;display:flex}.texturas-chip__label{color:var(--ink-muted);font:600 .62rem/1.2 var(--font-ui);letter-spacing:.04em;text-transform:uppercase}.texturas-chip__value{color:var(--ink-primary);font:800 .88rem/1.2 var(--font-ui)}.texturas-grid line{stroke:var(--bg-raised);stroke-width:1px;stroke-dasharray:4 6}.texturas-band{fill:color-mix(in srgb, var(--accent-subdominant) 12%, transparent);stroke:var(--accent-subdominant);stroke-width:1.5px}.texturas-band--fundida{fill:color-mix(in srgb, var(--accent-dominant) 16%, transparent);stroke:var(--accent-dominant)}.texturas-voice{stroke:var(--accent-subdominant);stroke-width:3px;stroke-linecap:round;fill:none}.texturas-voice--fundida{stroke:var(--accent-dominant)}.texturas-entry{fill:var(--ink-primary)}.texturas-caliper{stroke:var(--accent-tonic);stroke-width:4px;stroke-linecap:round}.texturas-axis-label{fill:var(--ink-muted);font:600 10px var(--font-ui)}.texturas-panel-title{fill:var(--ink-primary);font:700 13px var(--font-ui)}@media (width<=640px){.texturas-player{padding:12px}.texturas-player__chapters{flex-wrap:nowrap;overflow-x:auto}}.minimalismo-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.minimalismo-player__header{flex-direction:column;gap:2px;display:flex}.minimalismo-player__eyebrow{color:var(--accent-subdominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.minimalismo-player__title{color:var(--ink-primary);font:700 1.2rem var(--font-ui);margin:2px 0 0}.minimalismo-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.minimalismo-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .78rem var(--font-ui);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.45rem .75rem;display:inline-flex}.minimalismo-player__chapter:hover,.minimalismo-player__chapter--active{border-color:var(--accent-subdominant);background:var(--bg-raised);color:var(--ink-primary)}.minimalismo-player__chapter:focus-visible,.minimalismo-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.minimalismo-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.minimalismo-player__corner-play{border:1px solid var(--accent-subdominant);background:var(--accent-subdominant);width:100%;height:100%;color:var(--ink-on-accent);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.minimalismo-player__corner-play:hover{transform:scale(1.06)}.mincomp{box-sizing:border-box;background:var(--bg-canvas);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;gap:18px;padding:26px 34px 22px;display:flex}.mincomp__header{flex-direction:column;gap:4px;display:flex}.mincomp__eyebrow{color:var(--accent-subdominant);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:700}.mincomp__title{margin:0;font-size:1.85rem;font-weight:700;line-height:1.15}.mincomp__body{flex:1;justify-content:center;align-items:center;display:flex}.mincomp-stage{flex-direction:column;gap:16px;width:100%;display:flex}.mincomp-row{flex-direction:column;gap:6px;display:flex}.mincomp-row__label{color:var(--ink-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.86rem;font-weight:700}.mincomp-row__cells{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.mincomp-cell{border:2px solid var(--bg-raised);background:var(--bg-surface);min-height:56px;color:var(--ink-muted);border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.mincomp-cell--rest{background:0 0;border-style:dashed}.mincomp-cell--ghost{opacity:.28}.mincomp-cell--active{color:var(--ink-on-accent);transform:translateY(-3px)}.mincomp-cell--plain.mincomp-cell--active,.mincomp-cell--leader.mincomp-cell--active{border-color:var(--accent-subdominant);background:var(--accent-subdominant)}.mincomp-cell--follower.mincomp-cell--active{border-color:var(--accent-dominant);background:var(--accent-dominant);color:var(--ink-on-dominant)}.mincomp-readout{align-items:baseline;gap:12px;display:flex}.mincomp-readout__number{color:var(--accent-subdominant);font-size:2.4rem;font-weight:700;line-height:1}.mincomp-readout__unit{color:var(--ink-muted);font-size:1rem;font-weight:600}.mincomp-readout--flash .mincomp-readout__number,.mincomp-readout--flash .mincomp-readout__unit{color:var(--accent-tonic)}.mincomp-note{color:var(--ink-muted);margin:0;font-size:.98rem}.mincomp-meter{background:var(--bg-raised);border-radius:999px;height:8px;overflow:hidden}.mincomp-meter__fill{background:var(--accent-dominant);height:100%}.mincomp-field{border:2px solid var(--accent-tonic);background:var(--bg-surface);border-radius:12px;gap:10px;padding:14px 16px;display:flex}.mincomp-field--flash{background:var(--bg-raised)}.mincomp-field__pitch{text-align:center;color:var(--accent-tonic);flex:1;font-size:1.5rem;font-weight:700}.mincomp__caption{border-top:1px solid var(--bg-raised);padding-top:12px}.mincomp__caption-text{color:var(--ink-primary);margin:0;font-size:1.02rem;line-height:1.45}.minimalismo-page{--modos-accent:var(--accent-subdominant)}.minimalismo-quizbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.minimalismo-quizbar__text{color:var(--ink-muted);flex:240px;margin:0;font-size:.92rem;line-height:1.6}.minimalismo-btn{cursor:pointer;width:fit-content;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:border-color var(--motion-fast) var(--motion-ease);border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.minimalismo-btn:hover{border-color:var(--modos-accent)}.minimalismo-btn:focus-visible{outline:2px solid var(--modos-accent);outline-offset:2px}.psh{flex-direction:column;gap:16px;display:flex}.psh__rows{flex-direction:column;gap:10px;display:flex}.psh-row{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.psh-row__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.psh-row__title{color:var(--ink-primary);font-size:.88rem;font-weight:700}.psh-row__badge{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:600}.psh-row__track{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid}.psh-cell{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:40px;color:var(--ink-muted);transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;padding:4px 2px;font-size:.86rem;font-weight:700;display:flex}.psh-cell--rest{background:0 0;border-style:dashed}.psh-row--leader .psh-cell--active{border-color:var(--accent-subdominant);background:var(--accent-subdominant);color:var(--ink-on-accent)}.psh-row--follower .psh-cell--active{border-color:var(--accent-dominant);background:var(--accent-dominant);color:var(--ink-on-dominant)}.psh-meter{flex-direction:column;gap:6px;display:flex}.psh-meter__bar{background:var(--bg-raised);border-radius:999px;height:8px;overflow:hidden}.psh-meter__fill{background:var(--accent-dominant);height:100%;transition:width var(--motion-slow) var(--motion-ease)}.psh-meter__caption{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.psh-meter__caption strong{color:var(--ink-primary)}.psh__status{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.psh__controls{flex-direction:column;gap:12px;display:flex}.psh-control{flex-direction:column;gap:6px;display:flex}.psh-control__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;font-weight:700}.psh-play{border:1px solid var(--modos-accent);background:var(--modos-accent);width:fit-content;color:var(--ink-on-accent);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.psh-play:hover{transform:translateY(-1px)}.psh-play:focus-visible{outline:2px solid var(--modos-accent);outline-offset:3px}.pf-picker{flex-direction:column;gap:14px;display:flex}.pf-picker__choose{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-picker__label{color:var(--ink-primary);font:700 .86rem var(--font-ui)}.pf-picker__select{border:1px solid var(--bg-raised);background:var(--bg-surface);min-height:40px;color:var(--ink-primary);font:600 .88rem var(--font-ui);border-radius:8px;flex:260px;padding:.4rem .6rem}.pf-picker__select:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.pf-picker__panel{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pf-picker__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pf-picker__name{color:var(--ink-primary);font:700 1.05rem var(--font-ui);margin:0}.pf-picker__family{color:var(--ink-muted);font:700 .7rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase}.pf-picker__field{border-left:3px solid var(--bg-raised);flex-direction:column;gap:4px;padding-left:11px;display:flex}.pf-picker__field--constraint{border-left-color:var(--accent-tonic)}.pf-picker__field--error{border-left-color:var(--status-warning)}.pf-picker__field-label{color:var(--ink-muted);font:700 .7rem var(--font-ui);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.pf-picker__field-text{color:var(--ink-primary);font:400 .9rem/1.5 var(--font-ui);margin:0}.pf-picker__links{flex-direction:column;gap:5px;display:flex}.pf-picker__link-list{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.pf-picker__link-list a{color:var(--accent-subdominant);font:600 .88rem var(--font-ui);border-bottom:1px solid #0000;text-decoration:none}.pf-picker__link-list a:hover,.pf-picker__link-list a:focus-visible{border-bottom-color:var(--accent-subdominant)}.pf-picker__checks{flex-direction:column;gap:10px;display:flex}.pf-picker__checks-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pf-picker__checks-title{color:var(--ink-primary);font:700 .88rem var(--font-ui);align-items:center;gap:7px;display:inline-flex}.pf-picker__checks-count{color:var(--ink-muted);font:600 .76rem var(--font-ui)}.pf-picker__check-list{counter-reset:pf-check;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pf-picker__check{border:1px solid var(--bg-raised);border-top:3px solid var(--bg-raised);background:var(--bg-surface);border-radius:8px;flex-direction:column;gap:3px;padding:9px 12px;display:flex}.pf-picker__check--universal{border-top-color:var(--accent-subdominant)}.pf-picker__check--sistema{border-top-color:var(--accent-tonic)}.pf-picker__check-scope{color:var(--ink-muted);font:700 .64rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.pf-picker__check-label{color:var(--ink-primary);font:700 .88rem/1.35 var(--font-ui)}.pf-picker__check-question{color:var(--ink-muted);font:400 .82rem/1.4 var(--font-quote);font-style:italic}.pf-player{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 0;padding:18px;display:flex}.pf-player__header{flex-direction:column;gap:2px;display:flex}.pf-player__eyebrow{color:var(--accent-subdominant);font:700 .72rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.pf-player__title{color:var(--ink-primary);font:700 1.2rem var(--font-ui);margin:2px 0 0}.pf-player__chapters{flex-wrap:wrap;gap:6px;display:flex}.pf-player__chapter{border:1px solid var(--bg-raised);background:var(--bg-canvas);min-height:36px;color:var(--ink-muted);font:700 .76rem var(--font-ui);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.45rem .75rem;display:inline-flex}.pf-player__chapter:hover,.pf-player__chapter--active{border-color:var(--accent-subdominant);background:var(--bg-raised);color:var(--ink-primary)}.pf-player__chapter:focus-visible,.pf-player__corner-play:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.pf-player__viewport{aspect-ratio:16/9;border:1px solid var(--bg-raised);background:var(--bg-canvas);border-radius:10px;position:relative;overflow:hidden}.pf-player__corner-play{border:1px solid var(--accent-subdominant);background:var(--accent-subdominant);width:100%;height:100%;color:var(--bg-canvas);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pf-player__corner-play:hover{transform:scale(1.06)}.pf-anim{box-sizing:border-box;background:var(--bg-canvas);color:var(--ink-primary);font-family:var(--font-ui);flex-direction:column;gap:14px;padding:22px 28px;display:flex}.pf-anim__topbar{flex-direction:column;gap:3px;display:flex}.pf-anim__eyebrow{color:var(--accent-subdominant);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.pf-anim__chapter{color:var(--ink-primary);font-size:1.45rem;font-weight:700;line-height:1.15}.pf-anim__declared{border:1px solid var(--bg-raised);border-left:4px solid var(--accent-tonic);background:var(--bg-surface);border-radius:8px;align-items:baseline;gap:12px;padding:8px 14px;display:flex}.pf-anim__declared-label{color:var(--ink-muted);letter-spacing:.09em;text-transform:uppercase;flex:none;font-size:.68rem;font-weight:700}.pf-anim__declared-value{color:var(--ink-primary);font-size:1rem;font-weight:600}.pf-anim__body{flex:auto;grid-template-columns:1.15fr 1fr;gap:20px;min-height:0;display:grid}.pf-anim__track-side{flex-direction:column;gap:10px;display:flex}.pf-anim__track-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pf-anim__track-title{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.pf-anim__track-count{color:var(--accent-subdominant);font-size:.82rem;font-weight:700}.pf-anim__track{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.pf-anim__bar{border:1px solid var(--bg-raised);background:var(--bg-surface);height:40px;color:var(--ink-muted);border-radius:5px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.pf-anim__bar--filled{border-color:var(--accent-tonic);background:var(--accent-tonic);color:var(--bg-canvas)}.pf-anim__bar--broken{border-color:var(--status-error);background:var(--status-error);color:var(--bg-canvas)}.pf-anim__bar--head{outline:2px solid var(--ink-primary);outline-offset:1px}.pf-anim__track-note{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.4}.pf-anim__checks-side{flex-direction:column;gap:8px;min-width:0;display:flex}.pf-anim__checks-caption{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.pf-anim__checks{flex-direction:column;flex:auto;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-anim__check{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:7px;align-items:flex-start;gap:9px;padding:8px 11px;display:flex}.pf-anim__check-glyph{text-align:center;flex:none;width:1.15rem;font-size:.95rem;font-weight:700;line-height:1.25}.pf-anim__check-body{flex-direction:column;gap:1px;min-width:0;display:flex}.pf-anim__check-label{color:var(--ink-primary);font-size:.83rem;font-weight:600;line-height:1.25}.pf-anim__check-state{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.pf-anim__check--pendiente{opacity:.55}.pf-anim__check--pendiente .pf-anim__check-glyph,.pf-anim__check--pendiente .pf-anim__check-state{color:var(--ink-muted)}.pf-anim__check--cumplida{border-color:var(--accent-tonic)}.pf-anim__check--cumplida .pf-anim__check-glyph,.pf-anim__check--cumplida .pf-anim__check-state{color:var(--accent-tonic)}.pf-anim__check--rota{border-color:var(--status-error)}.pf-anim__check--rota .pf-anim__check-glyph,.pf-anim__check--rota .pf-anim__check-state{color:var(--status-error)}.pf-anim__checks-tally{color:var(--ink-muted);font-size:.74rem;font-weight:700}.pf-anim__caption{border-top:1px solid var(--bg-raised);padding-top:10px}.pf-anim__caption-text{color:var(--ink-primary);margin:0;font-size:.92rem;line-height:1.4}.pf-deliverables{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.pf-deliverable{border:1px solid var(--bg-raised);border-top:3px solid var(--accent-subdominant);background:var(--bg-surface);border-radius:9px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.pf-deliverable__name{color:var(--ink-primary);font:700 .95rem var(--font-ui)}.pf-deliverable__answers{color:var(--accent-subdominant);font:italic 400 .85rem var(--font-quote)}.pf-deliverable__requirement{color:var(--ink-muted);font:400 .85rem/1.45 var(--font-ui);margin:4px 0 0}.pf-universal-checks{flex-direction:column;gap:8px;margin:14px 0;padding-left:1.4rem;display:flex}.pf-universal-checks li{color:var(--ink-primary)}.pf-universal-checks__label{font:700 .9rem var(--font-ui);display:block}.pf-universal-checks__question{color:var(--ink-muted);font:italic 400 .85rem/1.4 var(--font-quote);display:block}.pf-family{margin:18px 0}.pf-family__title{color:var(--accent-subdominant);font:700 .76rem var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.pf-family__list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pf-system{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:9px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.pf-system__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.pf-system__name{color:var(--ink-primary);font:700 .95rem var(--font-ui)}.pf-system__link{color:var(--accent-subdominant);font:600 .8rem var(--font-ui);border-bottom:1px solid #0000;text-decoration:none}.pf-system__link:hover,.pf-system__link:focus-visible{border-bottom-color:var(--accent-subdominant)}.pf-system__constraint,.pf-system__error{color:var(--ink-primary);font:400 .85rem/1.45 var(--font-ui);margin:0}.pf-system__error{color:var(--ink-muted)}.pf-system__tag{background:var(--bg-raised);color:var(--accent-tonic);font:700 .64rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;border-radius:4px;margin-right:6px;padding:1px 6px;display:inline-block}.pf-system__tag--error{color:var(--status-warning)}.pf-criterion{border:1px solid var(--bg-raised);border-left:4px solid var(--accent-tonic);background:var(--bg-surface);border-radius:10px;margin:16px 0;padding:14px 16px}.pf-criterion__head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.pf-criterion__name{color:var(--ink-primary);font:700 1.02rem var(--font-ui);margin:0}.pf-criterion__question{color:var(--ink-muted);font:italic 400 .88rem var(--font-quote)}.pf-criterion__evidence{color:var(--ink-muted);font:400 .84rem/1.45 var(--font-ui);margin:8px 0 10px}.pf-criterion__tag{background:var(--bg-raised);color:var(--accent-subdominant);font:700 .64rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-right:6px;padding:1px 6px;display:inline-block}.pf-levels{counter-reset:pf-level;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-level{border-left:3px solid var(--bg-raised);grid-template-columns:minmax(110px,.3fr) 1fr;gap:4px 12px;padding:6px 0 6px 11px;display:grid}.pf-level__label{color:var(--ink-muted);font:700 .72rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.pf-level__text{color:var(--ink-primary);font:400 .87rem/1.45 var(--font-ui)}.pf-level--insuficiente{border-left-color:var(--status-error)}.pf-level--en-progreso{border-left-color:var(--status-warning)}.pf-level--solido{border-left-color:var(--accent-subdominant)}.pf-level--sobresaliente{border-left-color:var(--accent-tonic)}.pf-criterion__boundary{border-top:1px solid var(--bg-raised);color:var(--ink-primary);font:italic 400 .88rem/1.5 var(--font-quote);margin:10px 0 0;padding-top:9px}.pf-failures{flex-direction:column;gap:12px;margin:14px 0;padding:0;list-style:none;display:flex}.pf-failure{border:1px solid var(--bg-raised);border-left:4px solid var(--status-warning);background:var(--bg-surface);border-radius:10px;padding:13px 16px}.pf-failure__name{color:var(--ink-primary);font:700 .98rem var(--font-ui);margin:0 0 8px}.pf-failure__line{color:var(--ink-primary);font:400 .87rem/1.5 var(--font-ui);margin:0 0 6px}.pf-failure__line--fix{color:var(--ink-muted);margin-bottom:0}.pf-failure__tag{background:var(--bg-raised);color:var(--status-warning);font:700 .64rem var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-right:6px;padding:1px 6px;display:inline-block}.pf-failure__tag--fix{color:var(--accent-tonic)}.pf-quizbar{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 16px;padding:10px 14px;display:flex}.pf-quizbar__text{color:var(--ink-muted);font:400 .85rem var(--font-ui);margin:0}.pf-quizbar__btn{border:1px solid var(--accent-subdominant);background:var(--bg-canvas);min-height:36px;color:var(--accent-subdominant);font:700 .8rem var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:.35rem .8rem;display:inline-flex}.pf-quizbar__btn:hover{background:var(--accent-subdominant);color:var(--bg-canvas)}.pf-quizbar__btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}@media (width<=640px){.pf-level{grid-template-columns:1fr}}.kostka-clock-container{gap:var(--space-6,1.5rem);margin:var(--space-4,1rem) 0;color:var(--ink-primary);flex-direction:column;display:flex}.kostka-clock-card{background:var(--bg-surface);padding:var(--space-5,1.25rem);gap:var(--space-4,1rem);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 4px 20px #00000040}.kostka-clock-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;display:flex}.kostka-clock-title{font-family:var(--font-ui);color:var(--ink-primary);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.kostka-clock-source{font-family:var(--font-ui);color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:9999px;padding:.2rem .6rem;font-size:.8rem}.kostka-clock-desc{font-family:var(--font-ui);color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.kostka-clock-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.5rem;display:grid}.kostka-clock-item{background:var(--bg-canvas);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.kostka-clock-item-title{font-family:var(--font-ui);color:#f43f5e;text-align:center;margin:0;font-size:1rem;font-weight:700}.kostka-clock-svg-wrap{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:280px;display:flex}.kostka-clock-svg{width:100%;height:100%;overflow:visible}.kostka-clock-ring{stroke:var(--ink-primary);stroke-width:1.75px;fill:none}.kostka-clock-dot{fill:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast)}.kostka-clock-dot:hover,.kostka-clock-dot.active{fill:var(--accent-subdominant);r:5.5}.kostka-clock-label{font-family:var(--font-ui);fill:var(--ink-primary);text-anchor:middle;dominant-baseline:central;cursor:pointer;-webkit-user-select:none;user-select:none;transition:fill var(--motion-fast);font-size:14px;font-weight:600}.kostka-clock-label:hover,.kostka-clock-label.active{fill:var(--accent-subdominant);font-weight:800}.kostka-clock-subtext{font-family:var(--font-ui);color:var(--ink-muted);text-align:center;margin:0;font-size:.85rem;line-height:1.4}.kostka-mod-calc{background:var(--bg-raised);border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.kostka-mod-calc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kostka-mod-presets{flex-wrap:wrap;gap:.4rem;display:flex}.kostka-mod-preset-btn{background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast);border:1px solid #ffffff1f;border-radius:6px;padding:.35rem .65rem;font-family:monospace;font-size:.82rem}.kostka-mod-preset-btn:hover{border-color:var(--accent-subdominant);background:#38bdf826}.kostka-mod-formula{background:var(--bg-canvas);text-align:center;border:1px solid #38bdf840;border-radius:8px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.75rem;padding:1rem;display:flex}.kostka-mod-step{flex-direction:column;gap:.25rem;display:flex}.kostka-mod-step-val{color:var(--accent-dominant);font-family:monospace;font-size:1.5rem;font-weight:800}.kostka-mod-step-lbl{color:var(--ink-muted);font-size:.75rem}.kostka-mod-result-box{background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.kostka-mod-result-int{color:var(--accent-subdominant);font-family:monospace;font-size:1.8rem;font-weight:900}.kostka-birthday-box{background:var(--bg-raised);border:1px solid #f4a26140;border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.kostka-birthday-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.kostka-birthday-card{background:var(--bg-canvas);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.kostka-birthday-card-title{color:var(--accent-dominant);margin:0;font-size:.9rem;font-weight:700}.kostka-birthday-card-notes{color:var(--ink-primary);font-family:monospace;font-size:.85rem}.kostka-birthday-card-integers{color:var(--accent-subdominant);font-family:monospace;font-size:.85rem}.kostka-birthday-btn{background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast);border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.kostka-birthday-btn:hover{background:var(--accent-tonic);color:var(--ink-on-accent);border-color:var(--accent-tonic)}.kostka-examples-container{gap:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0;flex-direction:column;display:flex}.kostka-examples-header{gap:var(--space-2);flex-direction:column;display:flex}.kostka-example-badge{align-items:center;gap:var(--space-2);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dominant);background:var(--accent-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);width:fit-content;font-weight:700;display:inline-flex}.kostka-example-tabs{gap:var(--space-2);background:var(--bg-raised);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.kostka-example-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-xs);color:var(--ink-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;font-weight:600}.kostka-example-tab:hover{color:var(--ink-primary);background:#ffffff0a}.kostka-example-tab--active{color:var(--ink-on-dominant);background:var(--accent-dominant);font-weight:700}.kostka-staff-wrapper{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;box-shadow:inset 0 2px 6px #0003}.kostka-orderings-svg{margin-inline:auto;display:block}.kostka-orderings-svg .vf-stem{display:none!important}.kostka-bracket path{transition:stroke var(--duration-fast)}.kostka-bracket text{font-family:var(--font-ui,system-ui);-webkit-user-select:none;user-select:none}.kostka-bracket--winner path{stroke:var(--accent-tonic)!important;stroke-width:2px!important}.kostka-bracket--winner text{font-weight:800;fill:var(--accent-tonic)!important}.kostka-orderings-list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.kostka-ordering-item{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);transition:border-color var(--duration-fast);flex-direction:column;display:flex}.kostka-ordering-item--winner{border-color:var(--accent-tonic);background:color-mix(in srgb, var(--accent-tonic) 8%, var(--bg-raised))}.kostka-ordering-item-top{justify-content:space-between;align-items:center;display:flex}.kostka-ordering-letter{font-family:var(--font-ui);font-size:var(--font-sm);color:var(--ink-primary);font-weight:800}.kostka-ordering-winner-pill{text-transform:uppercase;color:var(--accent-tonic);border-radius:var(--radius-full);background:#34d39926;border:1px solid #34d3994d;padding:2px 6px;font-size:10px;font-weight:700}.kostka-ordering-desc{font-size:var(--font-xs);color:var(--ink-secondary);flex:1;margin:0;line-height:1.5}.kostka-results-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.kostka-result-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.kostka-result-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kostka-result-title{font-size:var(--font-sm);color:var(--ink-primary);margin:0;font-weight:700}.kostka-result-badge{font-family:var(--font-mono,monospace);font-size:var(--font-sm);color:var(--accent-dominant);background:var(--bg-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-weight:800}.kostka-result-mini-staff{background:var(--bg-base);border-radius:var(--radius-sm);padding:var(--space-2);overflow-x:auto}.kostka-procedure-box{background:var(--bg-raised);border:2px solid var(--accent-dominant);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;box-shadow:0 4px 14px #00000040}.kostka-procedure-title{font-size:var(--font-md);color:var(--accent-dominant);align-items:center;gap:var(--space-2);margin:0;font-weight:800;display:flex}.kostka-procedure-list{gap:var(--space-3);flex-direction:column;display:flex}.kostka-procedure-step{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--duration-fast);display:flex}.kostka-procedure-step--active{border-color:var(--accent-dominant);background:color-mix(in srgb, var(--accent-dominant) 10%, var(--bg-surface));box-shadow:0 0 0 1px var(--accent-dominant)}.kostka-procedure-num{border-radius:var(--radius-full);background:var(--bg-raised);width:28px;height:28px;color:var(--accent-dominant);font-weight:800;font-size:var(--font-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kostka-procedure-step--active .kostka-procedure-num{background:var(--accent-dominant);color:var(--ink-on-dominant)}.kostka-procedure-content{gap:var(--space-1);flex-direction:column;display:flex}.kostka-procedure-heading{font-size:var(--font-sm);color:var(--ink-primary);margin:0;font-weight:700}.kostka-procedure-text{font-size:var(--font-xs);color:var(--ink-secondary);margin:0;line-height:1.5}.kostka-sc-container{gap:var(--space-6,1.5rem);margin:var(--space-4,1rem) 0;color:var(--ink-primary);flex-direction:column;display:flex}.kostka-sc-card{background:var(--bg-surface);padding:var(--space-5,1.25rem);gap:var(--space-4,1rem);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 4px 20px #00000040}.kostka-sc-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;display:flex}.kostka-sc-title{font-family:var(--font-ui);color:var(--ink-primary);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.kostka-sc-source{font-family:var(--font-ui);color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:9999px;padding:.2rem .6rem;font-size:.8rem}.kostka-sc-desc{font-family:var(--font-ui);color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.kostka-cardinality-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.kostka-cardinality-cell{background:var(--bg-canvas);transition:all var(--motion-fast);border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.kostka-cardinality-cell:hover{border-color:var(--accent-subdominant);background:#38bdf80f}.kostka-cardinality-num{color:var(--accent-dominant);font-family:monospace;font-size:1.1rem;font-weight:800}.kostka-cardinality-name{font-family:var(--font-ui);color:var(--ink-primary);font-size:.85rem;font-weight:600}.kostka-24set-wrapper{background:var(--bg-canvas);border:1px solid #ffffff1a;border-radius:8px;overflow-x:auto}.kostka-24set-table{border-collapse:collapse;width:100%;min-width:600px;font-family:var(--font-ui);text-align:center}.kostka-24set-table th,.kostka-24set-table td{border:1px solid #ffffff12;padding:.45rem .65rem;font-size:.9rem}.kostka-24set-table th{color:#f43f5e;background:#f43f5e1f;font-weight:800}.kostka-24set-table td.op-label{color:var(--accent-subdominant);background:#ffffff05;width:55px;font-family:monospace;font-weight:700}.kostka-24set-table td.set-data{cursor:pointer;transition:all var(--motion-fast);font-family:monospace;font-size:.95rem}.kostka-24set-table td.set-data:hover{color:var(--accent-subdominant);background:#38bdf826}.kostka-24set-table td.winner-zero{color:#34d399;font-weight:800;border:2px solid var(--accent-tonic)!important;background:#34d3992e!important}.kostka-24set-table td.runner-up-zero{border:1px dashed var(--accent-dominant);background:#f4a26126}.kostka-24set-table td.set-data.playing{outline:2px solid var(--accent-subdominant);background:#38bdf847!important}.kostka-straus-table{border-collapse:collapse;background:var(--bg-canvas);border:1px solid #ffffff1a;border-radius:8px;width:100%;overflow:hidden}.kostka-straus-table th,.kostka-straus-table td{vertical-align:middle;border:1px solid #ffffff14;padding:.85rem 1rem;font-size:.95rem}.kostka-straus-table th{text-align:left;background:#ffffff0d;font-weight:700}.kostka-straus-step{color:var(--accent-dominant);text-align:center;width:60px;font-size:1.1rem;font-weight:800}.kostka-straus-highlight{color:var(--accent-subdominant);font-family:monospace;font-size:1.05rem;font-weight:800}.kostka-notation-table{border-collapse:collapse;background:var(--bg-canvas);text-align:center;border:1px solid #ffffff1a;border-radius:8px;width:100%;overflow:hidden}.kostka-notation-table th,.kostka-notation-table td{border:1px solid #ffffff14;padding:.75rem 1rem;font-size:.95rem}.kostka-notation-table th{color:#f43f5e;background:#f43f5e14;font-weight:800}.kostka-notation-table td{font-family:monospace;font-size:1.1rem;font-weight:700}.kostka-ic-table{border-collapse:collapse;background:var(--bg-canvas);text-align:center;border:1px solid #ffffff1a;border-radius:8px;width:100%;overflow:hidden}.kostka-ic-table th,.kostka-ic-table td{border:1px solid #ffffff14;padding:.65rem .5rem}.kostka-ic-header th{color:#f43f5e;background:#f43f5e14;font-size:.95rem;font-weight:800}.kostka-ic-tonal-row td{color:var(--ink-primary);font-size:.9rem;font-weight:600}.kostka-ic-class-row td{color:var(--accent-subdominant);font-family:monospace;font-size:1.05rem;font-weight:800}.kostka-vector-bracket-wrap{background:var(--bg-raised);border:1px solid #38bdf840;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex}.kostka-vector-svg{width:100%;max-width:440px;height:140px}.access-page{background:var(--bg-canvas);min-height:100vh;color:var(--ink-primary);font-family:var(--font-ui);overflow:auto}.access-page__bar{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(20px,6vw,72px);display:flex}.access-page__brand{color:var(--ink-primary);letter-spacing:.08em;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:inline-flex}.access-page__back{color:var(--ink-muted);transition:color var(--motion-fast) var(--motion-ease);font-size:.9rem;text-decoration:none}.access-page__back:hover{color:var(--ink-primary)}.access-page__panel{border:1px solid var(--bg-raised);background:var(--bg-surface);border-radius:18px;width:min(100% - 32px,540px);margin:clamp(24px,6vh,64px) auto;padding:clamp(24px,5vw,42px);box-shadow:0 10px 36px -4px #0006}.access-page__mark{background:color-mix(in srgb, var(--accent-tonic) 14%, transparent);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.access-page__mark svg{width:44px;height:44px}.access-page__eyebrow{color:var(--accent-tonic-ink);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.access-page h1{margin:8px 0 0;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15}.access-page__lead{color:var(--ink-muted);margin:12px 0 0;font-size:.95rem;line-height:1.6}.access-page__tabs{background:var(--bg-raised);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px;padding:4px;display:grid}.access-page__tabs button{min-height:38px;color:var(--ink-muted);font:800 .86rem var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:0;border-radius:7px}.access-page__tabs button.is-active{background:var(--bg-surface);color:var(--ink-primary);box-shadow:0 2px 8px #0003}.access-page__form{gap:16px;margin-top:24px;display:grid}.access-page__form label{color:var(--ink-primary);gap:6px;font-size:.86rem;font-weight:700;display:grid}.access-page__form input[type=text],.access-page__form input[type=email],.access-page__form input[type=password],.access-page__form select{box-sizing:border-box;border:1px solid var(--bg-raised);background:var(--bg-canvas);width:100%;min-height:44px;color:var(--ink-primary);font:400 .95rem var(--font-ui);border-radius:8px;padding:10px 14px}.access-page__password-wrap{align-items:center;display:flex;position:relative}.access-page__password-wrap input{padding-right:48px}.access-page__toggle-btn{width:40px;height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.access-page__toggle-btn:hover{color:var(--ink-primary)}.access-page__checkbox-label{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.45;color:var(--ink-muted)!important;font-size:.84rem!important;font-weight:400!important;display:flex!important}.access-page__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-tonic);flex-shrink:0;margin-top:2px}.access-page__checkbox-label a{color:var(--accent-subdominant-ink);text-decoration:underline}.access-page__password-rules{color:var(--ink-muted);margin:0;font-size:.78rem;line-height:1.4}.access-page__links{justify-content:flex-end;margin-top:-6px;display:flex}.access-page__link{color:var(--accent-subdominant-ink);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.82rem;text-decoration:underline}.access-page__submit{border:1px solid var(--accent-tonic);background:var(--accent-tonic);min-height:46px;color:var(--ink-on-accent);font:800 .92rem var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.access-page__submit:hover{opacity:.92}.access-page__submit:disabled{cursor:wait;opacity:.7}.access-page__skip{width:fit-content;color:var(--ink-muted);font:700 .85rem var(--font-ui);cursor:pointer;background:0 0;border:0;margin:12px auto 0;text-decoration:underline;display:block}.access-page__error{background:color-mix(in srgb, var(--status-error) 12%, transparent);border:1px solid color-mix(in srgb, var(--status-error) 30%, transparent);color:var(--status-error);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:.86rem;line-height:1.45;display:flex}.access-page__success{background:color-mix(in srgb, var(--accent-tonic) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-tonic) 30%, transparent);color:var(--accent-tonic);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:.86rem;line-height:1.45;display:flex}.access-page__benefits{gap:12px;margin:24px 0;display:grid}.access-page__benefits span{color:var(--ink-primary);align-items:center;gap:10px;font-size:.92rem;display:flex}.access-page__benefits svg{color:var(--accent-tonic);flex-shrink:0}.access-page__logout{width:fit-content;color:var(--ink-muted);font:700 .85rem var(--font-ui);cursor:pointer;background:0 0;border:0;margin:16px auto 0;text-decoration:underline;display:block}.access-page__submit:focus-visible,.access-page__skip:focus-visible,.access-page__logout:focus-visible,.access-page__tabs button:focus-visible,.access-page__form input:focus-visible,.access-page__form select:focus-visible,.access-page__toggle-btn:focus-visible,.access-page__link:focus-visible,.access-page__back:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}@media (width<=520px){.access-page__bar{padding:14px 16px}.access-page__panel{margin:16px auto;padding:20px 16px}}.admin-page{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--bg-canvas);width:100%;height:100%;min-height:0;color:var(--ink-primary);font-family:var(--font-ui);flex:1;overflow:hidden auto}.admin-page__inner{overflow-wrap:anywhere;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px clamp(16px,3vw,36px) 80px}.admin-page :focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:3px}.admin-page a{color:var(--accent-subdominant-ink)}.admin-page .admin-btn-primary{color:var(--ink-on-accent)}.admin-page .admin-nav__tab--active{color:var(--ink-on-dominant)}.teacher-text{max-width:80ch;line-height:1.75}.teacher-text pre{background:var(--bg-raised);padding:16px;overflow-x:auto}.teacher-text blockquote{border-left:3px solid var(--accent-subdominant);padding-left:16px}.admin-page--loading,.admin-page--denied{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;min-height:100%;padding:40px 20px;display:flex}.admin-denied-card{background:var(--bg-surface);border:1px solid var(--bg-raised);max-width:520px;box-shadow:0 12px 30px color-mix(in srgb, var(--bg-canvas) 25%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:40px clamp(20px,4vw,48px);display:flex}.admin-denied-icon{color:var(--accent-subdominant-ink);background:color-mix(in srgb, var(--accent-subdominant) 10%, transparent);border-radius:50%;padding:16px}.admin-denied-title{margin:0;font-size:1.5rem;font-weight:700}.admin-denied-desc{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.5}.admin-denied-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.admin-header{border-bottom:1px solid var(--bg-raised);margin-bottom:28px;padding-bottom:16px}.admin-header__top-bar{justify-content:flex-start;align-items:center;margin-bottom:16px;display:flex}.admin-header__back-link{color:var(--ink-muted);background:var(--bg-surface);border:1px solid var(--bg-raised);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-header__back-link:hover{color:var(--ink-primary);background:var(--bg-raised)}.admin-header__brand{margin-bottom:20px}.admin-header__badge{background:color-mix(in srgb, var(--status-warning) 12%, transparent);border:1px solid var(--status-warning-ink);color:var(--status-warning-ink);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-header__title{letter-spacing:-.01em;margin:0 0 6px;font-size:1.8rem;font-weight:800}.admin-header__sub{color:var(--ink-muted);margin:0;font-size:.95rem}.admin-nav{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-nav__tab{background:var(--bg-surface);border:1px solid var(--bg-raised);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.admin-nav__tab:hover{background:var(--bg-raised);color:var(--ink-primary)}.admin-nav__tab--active{background:var(--accent-subdominant);border-color:var(--accent-subdominant-ink);color:#fff}.admin-tab{flex-direction:column;gap:20px;display:flex}.admin-tab__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-tab__title{margin:0 0 4px;font-size:1.35rem;font-weight:700}.admin-tab__desc{color:var(--ink-muted);margin:0;font-size:.9rem}.admin-tab__filters{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:8px;gap:6px;padding:4px;display:flex}.admin-filter-btn{color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.82rem;font-weight:600}.admin-filter-btn:hover{color:var(--ink-primary)}.admin-filter-btn--active{background:var(--bg-raised);color:var(--ink-primary);font-weight:700}.admin-btn-primary{background:var(--accent-tonic);color:var(--ink-on-accent);border:1px solid var(--accent-tonic);font-family:var(--font-ui);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.admin-btn-primary:hover{opacity:.9}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--bg-raised);font-family:var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-btn-secondary:hover{background:var(--bg-raised)}.admin-btn-danger{background:color-mix(in srgb, var(--status-error) 15%, transparent);color:var(--status-error);border:1px solid var(--status-error);font-family:var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.admin-btn-action{background:var(--bg-raised);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.admin-btn-action--warning{background:color-mix(in srgb, var(--status-warning) 15%, transparent);border-color:var(--status-warning-ink);color:var(--status-warning-ink)}.admin-alert{border-radius:8px;padding:12px 16px;font-size:.9rem}.admin-alert--success{background:color-mix(in srgb, var(--accent-tonic) 15%, transparent);border:1px solid var(--accent-tonic);color:var(--accent-tonic-ink)}.admin-alert--error{background:color-mix(in srgb, var(--status-error) 15%, transparent);border:1px solid var(--status-error);color:var(--status-error)}.admin-empty{text-align:center;color:var(--ink-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.admin-empty-sm{text-align:center;color:var(--ink-muted);padding:20px;font-size:.85rem}.admin-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.admin-badge--pending{background:var(--bg-raised);color:var(--ink-muted)}.admin-badge--answered,.admin-badge--published,.admin-badge--sub-active{background:color-mix(in srgb, var(--accent-tonic) 20%, transparent);color:var(--accent-tonic-ink);border:1px solid var(--accent-tonic)}.admin-badge--draft,.admin-badge--sub-inactive{background:var(--bg-raised);color:var(--ink-muted)}.admin-badge--role-admin{background:color-mix(in srgb, var(--status-warning) 15%, transparent);border:1px solid var(--status-warning-ink);color:var(--status-warning-ink)}.admin-badge--role-member{background:var(--bg-raised);color:var(--ink-muted)}.admin-questions__list{flex-direction:column;gap:16px;display:flex}.admin-question-card{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 12%, transparent), 0 2px 8px -2px color-mix(in srgb, var(--bg-canvas) 40%, transparent);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.admin-question-card__meta{flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.admin-question-card__student strong{color:var(--ink-primary)}.admin-question-card__lesson{color:var(--accent-subdominant-ink)}.admin-question-card__date{color:var(--ink-muted);margin-left:auto;font-size:.78rem}.admin-question-card__title{margin:0;font-size:1.1rem;font-weight:700}.admin-question-card__text{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.admin-question-card__answered-box{background:var(--bg-canvas);border-left:3px solid var(--accent-tonic);border-radius:0 8px 8px 0;margin-top:4px;padding:14px 18px}.admin-question-card__answered-header{color:var(--accent-tonic-ink);justify-content:space-between;margin-bottom:6px;font-size:.8rem;font-weight:700;display:flex}.admin-question-card__answered-body{color:var(--ink-primary);margin:0;font-size:.9rem;line-height:1.5}.admin-question-card__reply-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.admin-question-card__reply-actions{justify-content:flex-end;display:flex}.admin-table-wrap{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 12%, transparent), 0 2px 8px -2px color-mix(in srgb, var(--bg-canvas) 50%, transparent);border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table th{background:var(--bg-raised);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bg-raised);padding:12px 16px;font-size:.8rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--bg-raised);padding:14px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table__id{color:var(--ink-muted);font-family:monospace}.admin-user-cell{flex-direction:column;gap:2px;display:flex}.admin-user-cell__name{font-weight:700}.admin-user-cell__email{color:var(--ink-muted);font-size:.8rem}.admin-table__date{color:var(--ink-muted);font-size:.82rem}.admin-row-actions{justify-content:flex-end;gap:8px;display:flex}.admin-input,.admin-select,.admin-textarea{background:var(--bg-canvas);border:1px solid var(--bg-raised);color:var(--ink-primary);font-family:var(--font-ui);border-radius:8px;padding:8px 12px;font-size:.9rem}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--accent-subdominant-ink);outline:none}.admin-label{color:var(--ink-primary);font-size:.85rem;font-weight:700}.admin-content__top-actions{gap:10px;display:flex}.admin-content__layout{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);min-height:600px;box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 12%, transparent), 0 4px 16px -2px color-mix(in srgb, var(--bg-canvas) 50%, transparent);border-radius:14px;grid-template-columns:260px 1fr;gap:20px;padding:20px;display:grid}@media (width<=900px){.admin-content__layout{grid-template-columns:1fr;padding:16px}.admin-content__sidebar{border-right:none;border-bottom:1px solid var(--bg-raised);max-height:240px;margin-bottom:16px;padding-bottom:16px;padding-right:0}}.admin-content__sidebar{border-right:1px solid var(--bg-raised);padding-right:16px;overflow-y:auto}.admin-content__sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin:0 0 12px;font-size:.9rem}.admin-content__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin-content__list-item{text-align:left;width:100%;color:var(--ink-primary);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px}.admin-content__list-item:hover{background:var(--bg-raised)}.admin-content__list-item--active{background:var(--bg-raised);border-color:var(--accent-subdominant-ink)}.admin-content__item-title{margin-bottom:4px;font-size:.9rem;font-weight:700}.admin-content__item-meta{color:var(--ink-muted);justify-content:space-between;font-size:.75rem;display:flex}.admin-content__editor-pane{flex-direction:column;gap:16px;display:flex}.admin-content__meta-grid{flex-wrap:wrap;gap:12px;display:flex}.admin-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.admin-wysiwyg__toolbar{background:var(--bg-raised);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.admin-tool-btn{color:var(--ink-primary);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.85rem}.admin-tool-btn:hover{background:var(--bg-surface)}.admin-tool-separator{background:var(--ink-muted);width:1px;height:20px;margin:0 4px}.admin-wysiwyg__view-toggle{gap:4px;margin-left:auto;display:flex}.admin-view-btn{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.78rem;font-weight:600}.admin-view-btn--active{background:var(--bg-surface);color:var(--ink-primary)}.admin-wysiwyg__workspace{flex:1;gap:16px;min-height:400px;display:grid}.admin-wysiwyg__workspace--edit,.admin-wysiwyg__workspace--preview{grid-template-columns:1fr}.admin-wysiwyg__workspace--split{grid-template-columns:1fr 1fr}@media (width<=800px){.admin-wysiwyg__workspace--split{grid-template-columns:1fr}}.admin-wysiwyg__textarea{background:var(--bg-canvas);border:1px solid var(--bg-raised);width:100%;height:100%;min-height:400px;color:var(--ink-primary);resize:vertical;box-sizing:border-box;border-radius:8px;padding:16px;font-family:monospace;font-size:.9rem;line-height:1.5}.admin-wysiwyg__preview-box{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:8px;max-height:600px;padding:24px;overflow-y:auto}.admin-preview__badge{text-transform:uppercase;color:var(--accent-subdominant-ink);letter-spacing:.05em;margin-bottom:8px;font-size:.72rem;font-weight:700;display:inline-block}.admin-preview__title{margin:0 0 16px;font-size:1.6rem;font-weight:800}.admin-preview__h1{margin:18px 0 8px;font-size:1.4rem}.admin-preview__h2{margin:16px 0 8px;font-size:1.2rem}.admin-preview__h3{margin:14px 0 6px;font-size:1.05rem}.admin-preview__p{color:var(--ink-primary);margin:0 0 12px;line-height:1.6}.admin-preview__quote{border-left:3px solid var(--accent-subdominant);background:var(--bg-surface);font-family:var(--font-quote,serif);border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px;font-style:italic}.admin-preview__quote-tag{font-family:var(--font-ui);text-transform:uppercase;color:var(--accent-subdominant-ink);margin-bottom:6px;font-size:.75rem;font-style:normal;font-weight:700;display:block}.admin-preview__quote p{margin:0}.admin-preview__code{background:var(--bg-canvas);color:var(--accent-subdominant-ink);border-radius:6px;padding:14px;font-size:.85rem;overflow-x:auto}.admin-preview__li{margin-bottom:4px;margin-left:20px;line-height:1.5}.admin-content__bottom-actions{justify-content:flex-end;padding-top:8px;display:flex}.admin-stats__wrap{flex-direction:column;gap:24px;display:flex}.admin-stats__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.admin-stat-card{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 12%, transparent), 0 2px 8px -2px color-mix(in srgb, var(--bg-canvas) 40%, transparent);border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex}.admin-stat-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-stat-card__icon--tonic{background:color-mix(in srgb, var(--accent-tonic) 15%, transparent);color:var(--accent-tonic-ink)}.admin-stat-card__icon--dominant{background:color-mix(in srgb, var(--status-error) 15%, transparent);color:var(--status-error)}.admin-stat-card__icon--subdominant{background:color-mix(in srgb, var(--accent-subdominant) 15%, transparent);color:var(--accent-subdominant-ink)}.admin-stat-card__icon--gold{background:color-mix(in srgb, var(--status-warning) 15%, transparent);color:var(--status-warning-ink)}.admin-stat-card__body{flex-direction:column;gap:2px;display:flex}.admin-stat-card__label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.admin-stat-card__value{font-size:1.8rem;font-weight:800;line-height:1.1}.admin-stat-card__sub{color:var(--ink-muted);font-size:.78rem}.admin-stats__charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.admin-stats__charts-row{grid-template-columns:1fr}}.admin-card{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--ink-primary) 8%, transparent);box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--ink-primary) 12%, transparent), 0 2px 10px -2px color-mix(in srgb, var(--bg-canvas) 50%, transparent);border-radius:14px;padding:24px}:root[data-theme=light] .admin-card,:root[data-theme=light] .admin-stat-card{border-color:color-mix(in srgb, var(--ink-primary) 10%, transparent);box-shadow:inset 0 1px #fffffff2,0 2px 8px -2px #0000000d}.admin-card__title{margin:0 0 4px;font-size:1.1rem;font-weight:700}.admin-card__desc{color:var(--ink-muted);margin:0 0 16px;font-size:.88rem}.admin-progress-wrap{flex-direction:column;gap:12px;display:flex}.admin-progress-bar{background:var(--bg-canvas);border:1px solid var(--bg-raised);border-radius:7px;height:14px;overflow:hidden}.admin-progress-fill--tonic{background:var(--accent-tonic);border-radius:7px;height:100%;transition:width .4s}.admin-progress-legend{color:var(--ink-muted);gap:16px;font-size:.82rem;display:flex}.admin-legend-item{align-items:center;gap:6px;display:flex}.admin-legend-dot{border-radius:50%;width:10px;height:10px}.admin-legend-dot--tonic{background:var(--accent-tonic)}.admin-legend-dot--muted{background:var(--bg-raised)}.admin-stats__kpi-callout{background:var(--bg-canvas);border-radius:8px;align-items:center;gap:20px;padding:16px 20px;display:flex}.admin-callout-number{color:var(--accent-subdominant-ink);font-size:2.6rem;font-weight:800}.admin-callout-text{color:var(--ink-primary);font-size:.9rem;line-height:1.4}.admin-certs__layout{grid-template-columns:280px 1fr;gap:24px;display:grid}@media (width<=950px){.admin-certs__layout{grid-template-columns:1fr}}.admin-certs__sidebar{background:var(--bg-surface);border:1px solid var(--bg-raised);border-radius:12px;max-height:650px;padding:16px;overflow-y:auto}.admin-cert__mini-code{color:var(--accent-subdominant-ink);margin-top:4px;font-family:monospace;font-size:.72rem}.admin-certs__actions-bar{justify-content:flex-end;margin-bottom:16px;display:flex}.admin-btn-print{background:var(--bg-surface);border:1px solid var(--accent-subdominant);color:var(--accent-subdominant-ink);font-weight:700}.admin-btn-print:hover{background:var(--accent-subdominant);color:#fff}.diploma-card{color:#f0f4f8;box-shadow:0 16px 40px color-mix(in srgb, var(--bg-canvas) 40%, transparent);background:#0f141f;border-radius:12px;padding:14px}.diploma-card__border{border:2px solid #c8aa6e;border-radius:8px;padding:6px}.diploma-card__inner{text-align:center;border:1px dashed #c8aa6e80;border-radius:6px;flex-direction:column;align-items:center;gap:20px;padding:clamp(24px,5vw,48px);display:flex}.diploma-header{flex-direction:column;align-items:center;gap:8px;display:flex}.diploma-seal{color:#c8aa6e}.diploma-inst-name{font-family:var(--font-ui);letter-spacing:.15em;color:#fff;font-size:1.4rem;font-weight:900;display:block}.diploma-inst-sub{letter-spacing:.2em;color:#c8aa6e;font-size:.72rem;font-weight:700;display:block}.diploma-body{flex-direction:column;align-items:center;gap:12px;max-width:600px;display:flex}.diploma-intro{color:#a0aec0;margin:0;font-size:.88rem;font-style:italic}.diploma-title{letter-spacing:.08em;color:#f7fafc;border-bottom:2px solid #c8aa6e;margin:4px 0;padding-bottom:6px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.diploma-to{text-transform:uppercase;letter-spacing:.1em;color:#a0aec0;margin:0;font-size:.85rem}.diploma-student{font-size:clamp(1.6rem,3.5vw,2.2rem);font-family:var(--font-quote,serif);color:#c8aa6e;margin:0;font-weight:700}.diploma-text{color:#cbd5e0;margin:0;font-size:.9rem;line-height:1.5}.diploma-course{color:#fff;margin:4px 0 0;font-size:1.15rem;font-weight:700}.diploma-footer{border-top:1px solid #c8aa6e40;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;width:100%;margin-top:24px;padding-top:16px;display:flex}.diploma-sig{flex-direction:column;align-items:center;min-width:160px;display:flex}.diploma-sig__line{background:#c8aa6e;width:140px;height:1px;margin-bottom:6px}.diploma-sig__name{color:#fff;font-size:.85rem;font-weight:700}.diploma-sig__role{color:#c8aa6e;font-size:.75rem}.diploma-meta{flex-direction:column;align-items:flex-end;gap:4px;font-size:.8rem;display:flex}.diploma-meta__label{color:#a0aec0;margin-right:6px}.diploma-meta__val{color:#fff;font-weight:600}.diploma-meta__code{color:#c8aa6e;font-family:monospace;font-weight:700}@media print{body *{visibility:hidden}#printable-certificate,#printable-certificate *{visibility:visible}#printable-certificate{width:100%;height:100%;box-shadow:none;margin:0;position:fixed;top:0;left:0;color:#000!important;background:#fff!important}.diploma-card__border{border-color:#000!important}.diploma-student,.diploma-seal,.diploma-inst-sub,.diploma-sig__role,.diploma-meta__code{color:#000!important}}.access-denied-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:48px 24px;display:flex}.access-denied-card{background:var(--bg-surface);border:1px solid var(--bg-raised);border-top:3px solid var(--accent-dominant);border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:580px;padding:40px 32px;display:flex;box-shadow:0 12px 32px #0006}.access-denied-card__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dominant);background:var(--bg-raised);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700}.access-denied-card__title{color:var(--ink-primary);letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,2.5vw,1.8rem)}.access-denied-card__reason{color:var(--ink-muted);max-width:48ch;margin:0;font-size:.98rem;line-height:1.6}.access-denied-card__actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:12px;display:flex}.access-denied-card__btn-primary{color:var(--ink-on-dominant);background:var(--accent-dominant);cursor:pointer;transition:opacity var(--motion-fast) var(--motion-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.access-denied-card__btn-primary:hover{opacity:.9}.access-denied-card__btn-secondary{color:var(--ink-primary);background:var(--bg-raised);border:1px solid var(--card-border,var(--bg-raised));cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.access-denied-card__btn-secondary:hover{background:var(--bg-surface)}.access-denied-card__feedback{color:var(--accent-tonic);margin-top:8px;font-size:.85rem}#root{text-align:left;box-sizing:border-box;width:100%;max-width:none;height:100svh;font-family:var(--font-ui);color:var(--ink-primary);background:var(--bg-canvas);border-inline:none;flex-direction:column;margin:0;display:flex;overflow:hidden}.auth-loading{background:var(--bg-canvas);min-height:100%;color:var(--ink-muted);font:700 1rem var(--font-ui);place-items:center;display:grid}.app-layout{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.app-layout__body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.app-layout__content{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.app-layout__content[data-course-section]{isolation:isolate;position:relative}.app-layout__content[data-course-section=armonia-1]{--prologo-accent:var(--accent-tonic)}.app-layout__content[data-course-section=armonia-2]{--prologo-accent:var(--accent-subdominant)}.app-layout__content[data-course-section=armonia-3]{--prologo-accent:var(--accent-dominant)}.app-layout__content[data-course-section]>:is(.app-layout__content-inner,.app-layout__footer){z-index:1;position:relative}.app-layout__content-inner{flex:1;padding:32px clamp(20px,4vw,48px)}.app-layout__content-inner table{table-layout:auto;inline-size:100%;max-inline-size:100%}.app-layout__content-inner th,.app-layout__content-inner td{overflow-wrap:anywhere;min-inline-size:0}.app-layout__content-inner :is([role=tablist],.academic-scheme-toggle){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}@media (width<=767px){.app-layout__content-inner{padding-inline:clamp(12px,4vw,20px)}.app-layout__content-inner :is([role=tablist],.academic-scheme-toggle,[class$=-toggle],[class$=-switch],[class$=-segmented],[class*=-toggle-bar],[class*=-switches]){flex-wrap:wrap;min-inline-size:0;max-inline-size:100%}.app-layout__content-inner :is([role=tablist],.academic-scheme-toggle)>button,.app-layout__content-inner :is([class$=-toggle],[class$=-switch],[class$=-segmented],[class*=-toggle-bar],[class*=-switches])>button{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}.app-layout__content-inner table{font-size:.875em}.app-layout__content-inner th,.app-layout__content-inner td{padding-inline:min(2vw,.75rem)}}.app-layout__scrim{cursor:pointer;border:none;padding:0;display:none}.app-layout__footer{text-align:center;color:var(--ink-muted);background:var(--bg-surface);border-top:1px solid var(--bg-raised);flex-shrink:0;padding:12px clamp(20px,4vw,48px);font-size:.8rem}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--bg-raised);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.topbar__start{align-items:center;gap:clamp(6px,2vw,16px);min-width:0;display:flex}.topbar__menu-btn{border:1px solid var(--bg-raised);width:36px;height:36px;color:var(--ink-primary);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.topbar__menu-btn:hover{background:var(--bg-raised)}.topbar__menu-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.topbar__menu-icon{background:currentColor;width:18px;height:2px;display:inline-block;position:relative}.topbar__menu-icon:before,.topbar__menu-icon:after{content:"";background:currentColor;width:18px;height:2px;position:absolute;left:0}.topbar__menu-icon:before{top:-6px}.topbar__menu-icon:after{top:6px}.topbar__brand{letter-spacing:.02em;white-space:nowrap;font-weight:700}.topbar__divider{color:var(--ink-muted)}.topbar__section{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__actions{flex-shrink:0;gap:8px;display:flex}.topbar__action{border:1px solid var(--bg-raised);background:var(--bg-raised);color:var(--ink-muted);font:inherit;cursor:not-allowed;opacity:.7;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.topbar__volume{align-items:center;gap:6px;padding:0 6px;display:flex}.topbar__volume-btn{width:30px;height:30px;color:var(--ink-muted);cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.topbar__volume-btn:hover{background:var(--bg-raised);color:var(--ink-primary)}.topbar__volume-btn:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}.topbar__volume-slider{width:90px;accent-color:var(--accent-subdominant);cursor:pointer}@media (width<=640px){.topbar__volume-slider{width:60px}}.topbar__action-btn,.topbar__action-btn--help{border:1px solid var(--accent-subdominant);background:color-mix(in srgb, var(--accent-subdominant) 10%, transparent);color:var(--accent-subdominant-ink);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.topbar__action-btn:hover,.topbar__action-btn--help:hover{background:var(--accent-subdominant);color:var(--ink-on-accent)}@media (width<=767.98px){.topbar__action-text{display:none}.topbar__action-btn,.topbar__action-btn--help{justify-content:center;min-width:32px;min-height:32px;padding:6px}}.topbar__user-group{align-items:center;gap:8px;margin-left:4px;display:flex}.topbar__admin-btn{color:#f59e0b;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.04em;transition:all var(--motion-fast) var(--motion-ease);background:#f59e0b26;border:1px solid #f59e0b;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.topbar__admin-btn:hover{color:#0b0f19;background:#f59e0b}.topbar__user-badge{background:var(--bg-raised);border:1px solid var(--border-light,#ffffff14);color:var(--ink-primary);border-radius:8px;align-items:center;gap:6px;max-width:140px;padding:4px 10px;font-size:.82rem;display:inline-flex}.topbar__user-avatar{background:var(--bg-surface);width:22px;height:22px;color:var(--accent-subdominant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar__user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__logout-btn{border:1px solid var(--bg-raised);color:var(--ink-muted);font-family:var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--motion-ease);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.topbar__logout-btn:hover{color:#ff6b6b;background:#e74c3c1f;border-color:#e74c3c}@media (width<=600px){.topbar__logout-text,.topbar__user-name{display:none}.topbar__user-badge{padding:4px}}@media (width<=520px){.topbar__section,.topbar__divider{display:none}.topbar__user-group{gap:4px;margin-left:0}.topbar__volume-slider{width:44px}}.topbar__login-btn{background:var(--bg-raised);border:1px solid var(--border-light,#ffffff14);color:var(--ink-primary);font-family:var(--font-ui);transition:all var(--motion-fast) var(--motion-ease);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.topbar__login-btn:hover{background:var(--accent-tonic);color:#0b0f19;border-color:var(--accent-tonic)}.sidebar{width:var(--sidebar-width);box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-surface);border-right:1px solid var(--bg-raised);transition:width var(--motion-slow) var(--motion-ease);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 0 24px;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:0;height:0}@media (width>=768px){.sidebar[data-open=false]{border-right-color:#0000;width:0}}.sidebar[data-open=false]>*{opacity:0;pointer-events:none}.app-layout__sidebar-toggle{display:none}@media (width>=768px){.app-layout__sidebar-toggle{top:50%;left:var(--sidebar-width);border:1px solid var(--bg-raised);background:var(--bg-surface);width:22px;height:44px;color:var(--ink-muted);cursor:pointer;z-index:10;transition:left var(--motion-slow) var(--motion-ease), background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.app-layout__sidebar-toggle[data-open=false]{left:0;transform:translateY(-50%)}.app-layout__sidebar-toggle:hover{background:var(--bg-raised);color:var(--ink-primary)}.app-layout__sidebar-toggle:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:2px}}.sidebar__lab-link{background:linear-gradient(135deg, var(--accent-tonic), var(--accent-subdominant));color:#04110c;text-align:center;white-space:nowrap;border-radius:10px;margin:0 16px;padding:10px 14px;font-weight:600;text-decoration:none}.sidebar__lab-link:hover{filter:brightness(1.05)}.sidebar__lab-link:focus-visible{outline:2px solid var(--ink-primary);outline-offset:2px}.sidebar__sections{border-bottom:1px solid var(--bg-raised);margin:0 16px;padding-bottom:12px}.sidebar__sections-tabs{background:var(--bg-raised);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.sidebar__section-tab{color:var(--ink-muted);letter-spacing:.04em;text-align:center;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:6px;padding:6px 0;font-size:.82rem;font-weight:700;text-decoration:none}.sidebar__section-tab:hover{color:var(--ink-primary);background:color-mix(in srgb, var(--ink-primary) 8%, transparent)}.sidebar__section-tab:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:1px}.sidebar__section-tab[data-active=true]{color:var(--ink-on-accent);background:var(--accent-tonic)}.sidebar__sections-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin:8px 2px 0;font-size:.76rem;line-height:1.35}.sidebar__search{background:var(--bg-raised);border-radius:8px;align-items:center;gap:8px;margin:4px 16px 8px;padding:8px 10px;display:flex}.sidebar__search-icon{width:16px;height:16px;color:var(--ink-muted);flex-shrink:0}.sidebar__search-input{min-width:0;color:var(--ink-primary);font:inherit;background:0 0;border:none;outline:none;flex:1}.sidebar__search-input::placeholder{color:var(--ink-muted)}.sidebar__tree,.sidebar__group-list{margin:0;padding:0;list-style:none}.sidebar__group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);padding-block:8px;padding-inline-end:16px;font-size:.78rem;display:block}.sidebar__leaf{color:var(--ink-primary);transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);align-items:center;gap:8px;padding-block:8px;padding-inline-end:16px;font-size:.95rem;text-decoration:none;display:flex;position:relative}.sidebar__leaf-line{background:color-mix(in srgb, var(--accent-tonic) calc(var(--line-effect,0) * 100%), var(--ink-muted));transform-origin:0;width:8px;height:1px;transform:translateY(-50%) scaleX(calc(.6 + var(--line-effect,0) * .8));pointer-events:none;opacity:0;transition:opacity var(--motion-fast) var(--motion-ease);position:absolute;top:50%}.sidebar__leaf:hover{background:var(--bg-raised)}.sidebar__leaf:hover .sidebar__leaf-line,.sidebar__leaf:focus-visible .sidebar__leaf-line{opacity:1}.sidebar__leaf:focus-visible{outline:2px solid var(--accent-subdominant);outline-offset:-2px}.sidebar__leaf[aria-current=page]{color:var(--accent-tonic-ink);background:color-mix(in srgb, var(--accent-tonic) 10%, var(--bg-raised));font-weight:700}.sidebar__leaf[aria-current=page] .sidebar__leaf-line,.sidebar__leaf:focus-visible .sidebar__leaf-line{background:var(--accent-tonic);transform:translateY(-50%)scaleX(1)}.sidebar__leaf-favicon{color:var(--accent-tonic);flex-shrink:0;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) sidebarFaviconPop;display:inline-flex}@keyframes sidebarFaviconPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.sidebar__leaf-title{color:color-mix(in srgb, var(--accent-tonic-ink) calc(var(--line-effect,0) * 100%), currentColor);transform:translateX(calc(var(--line-effect,0) * 8px));flex:1;line-height:1.35}@media (prefers-reduced-motion:reduce){.sidebar__leaf-title{transform:none}.sidebar__leaf-line{transform:translateY(-50%)}.sidebar__leaf-favicon{animation:none}}.sidebar__empty{color:var(--ink-muted);padding:8px 16px;font-size:.9rem}.lesson-page__title,.lab-page__title{color:var(--ink-primary);margin:0 0 16px}.lesson-page__placeholder,.lab-page__placeholder{color:var(--ink-muted)}.lesson-page__topics{color:var(--ink-muted);margin:0;padding-left:20px;line-height:1.8}.lesson-page__back{color:var(--ink-muted);margin-top:8px;text-decoration:none;display:inline-block}.lesson-page__back:hover{color:var(--ink-primary);text-decoration:underline}@media (width<=767px){.topbar__section{display:none}.sidebar{width:var(--sidebar-width);z-index:40;max-width:85vw;transition:transform var(--motion-slow) var(--motion-ease);position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%)}.sidebar[data-open=true]{transform:translate(0)}.sidebar[data-open=false]{border-right-color:var(--bg-raised);transform:translate(-100%)}.sidebar[data-open=false]>*{opacity:1;pointer-events:auto}.app-layout__scrim{z-index:30;background:#00000080;display:block;position:fixed;inset:60px 0 0}.app-layout__content-inner{padding:24px 20px}}@media (width<=480px){.topbar__action-label{display:none}.topbar__action{padding:8px}}@media (pointer:coarse){.topbar__menu-btn{width:44px;height:44px}.topbar__volume-btn{width:40px;height:40px}.sidebar__leaf,.sidebar__group-title{padding-block:12px}.sidebar__lab-link{padding:13px 14px}}