:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e12;--bg-elevated:#121821;--bg-elevated-2:#1a222c;--border:#263140;--border-strong:#35414f;--text-primary:#e9eef2;--text-secondary:#93a2af;--text-tertiary:#5c6b78;--accent:#46d9c4;--accent-strong:#2ab7a3;--accent-contrast:#04120f;--tension-low:#5b9bd5;--tension-normal:#46d9c4;--tension-high:#e8a25a;--tension-critical:#e3625d;--danger:#e3625d;--focus-ring:#46d9c4;--shadow:#0006;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Roboto Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f7;--bg-elevated:#fff;--bg-elevated-2:#eef1f3;--border:#d9dee2;--border-strong:#c3cbd1;--text-primary:#12171c;--text-secondary:#4c5964;--text-tertiary:#7c8790;--accent:#0f8f7e;--accent-strong:#0b6f61;--accent-contrast:#fff;--tension-low:#2f6fb0;--tension-normal:#0f8f7e;--tension-high:#b5651d;--tension-critical:#b53a35;--danger:#b53a35;--focus-ring:#0f8f7e;--shadow:#141e281f}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-x:hidden}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.5;overflow-x:hidden}h1,h2,h3{margin:0;font-weight:600}p{margin:0}a{color:var(--accent)}button,input,select{color:inherit;font-family:inherit}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{max-width:1120px;padding:var(--space-4) var(--space-4) var(--space-7);margin:0 auto}@media (width>=640px){.app-shell{padding:var(--space-5) var(--space-5) var(--space-7)}}.app-shell--article{max-width:760px}.app-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);text-align:center;flex-direction:column;display:flex}.app-header__brand{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.app-header__logo{flex-shrink:0}.app-header__title{font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.6rem;line-height:1.15}@media (width>=640px){.app-header__title{font-size:2.1rem}.app-header__logo{width:34px;height:34px}}.app-header__subtitle{color:var(--text-secondary);margin-top:var(--space-2);font-size:.85rem}.app-header__actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);min-width:0}@media (width>=640px){.panel{padding:var(--space-5)}}.panel__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-3);font-size:.7rem;font-weight:600}.panel__heading--center{text-align:center}.panel p{margin:0 0 var(--space-3)}.panel p:last-child{margin-bottom:0}.panel ul{margin:0 0 var(--space-3);padding-left:1.2em}.panel li{margin-bottom:var(--space-2)}.panel li:last-child{margin-bottom:0}.panel strong{color:var(--text-primary)}.panel h3{margin:var(--space-5) 0 var(--space-2);font-size:.95rem;font-weight:600}.panel h3:first-of-type{margin-top:0}.field-row{gap:var(--space-4);flex-direction:column;display:flex}.field-row__group{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}@media (width>=600px){.field-row__group{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center;place-items:flex-end center;display:grid}}.field{align-items:center;gap:var(--space-2);flex-direction:column;min-width:0;max-width:100%;display:flex}.field__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:600}.string-list{gap:var(--space-4);flex-direction:column;display:flex;container-type:inline-size}.summary-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.summary-stat{background:var(--bg-elevated-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;box-shadow:0 2px 6px var(--shadow)}.summary-stat__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-1);font-size:.72rem}.summary-stat__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.summary-stat__value--range{font-size:1.15rem;font-weight:600}.summary-stat__value--ok{color:var(--tension-normal)}.summary-stat__value--warn{color:var(--tension-high)}.summary-stat__value small{color:var(--text-secondary);font-size:.9rem;font-weight:400}.summary-stat__subvalue{font-family:var(--font-mono);color:var(--text-secondary);margin-top:2px;font-size:.8rem}.compare-columns{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.compare-columns>*{min-width:0}@media (width>=860px){.compare-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare-columns--active{align-items:start}}.site-footer{margin-top:var(--space-6);padding-top:var(--space-4);padding-bottom:var(--space-5);border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:.78rem;display:flex}.site-footer__version{margin-left:var(--space-2);font-size:.7rem}.site-footer__links{align-items:center;gap:var(--space-4);display:flex}.site-footer__links a{color:var(--text-tertiary);text-decoration:none}.site-footer__links a:hover{color:var(--text-secondary);text-decoration:underline}.site-footer__linklike{appearance:none;color:var(--text-tertiary);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.site-footer__linklike:hover{color:var(--text-secondary);text-decoration:underline}.segmented{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;max-width:100%;padding:2px;display:inline-flex;overflow-x:auto}.segmented__option{white-space:nowrap;appearance:none;color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:600;transition:background .12s,color .12s}.segmented__option:hover{color:var(--text-primary)}.segmented__option.is-active{background:var(--accent);color:var(--accent-contrast)}.stepper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated-2);align-items:stretch;display:inline-flex;overflow:hidden}.stepper__btn{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;width:28px;font-size:1rem;line-height:1}.stepper__btn:hover{color:var(--accent);background:var(--bg-elevated)}.stepper__input{appearance:none;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;width:64px;padding:var(--space-2) var(--space-1);background:0 0;font-size:.85rem}.stepper__input:focus-visible{background:var(--bg-elevated);outline:none}.pitch-stepper{display:inline-flex;position:relative}.pitch-stepper__display{appearance:none;cursor:pointer;font:inherit}.pitch-popover{z-index:20;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:224px;padding:var(--space-3);box-shadow:0 8px 24px var(--shadow);gap:var(--space-3);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.pitch-popover[hidden]{display:none}.pitch-popover__notes{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pitch-popover__note{appearance:none;border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-2) 0;font-family:var(--font-mono);cursor:pointer;font-size:.78rem;font-weight:600}.pitch-popover__note:hover{color:var(--text-primary);border-color:var(--border-strong)}.pitch-popover__note.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.pitch-popover__octave{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.slider{appearance:none;background:var(--border-strong);border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-elevated);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-elevated);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.icon-btn{appearance:none;border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.icon-btn:hover{border-color:var(--border-strong)}.icon-btn--danger{background:var(--tension-critical);border-color:var(--tension-critical);color:#fff}.icon-btn--danger:hover{border-color:var(--tension-critical)}.icon-btn--outline-warn{border-color:var(--tension-high);color:var(--tension-high);background:0 0}.icon-btn--outline-warn:hover{background:var(--tension-high);color:var(--accent-contrast)}.icon-btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.icon-btn--accent:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.cookie-banner{left:50%;bottom:var(--space-4);z-index:50;width:calc(100% - var(--space-4) * 2);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:480px;box-shadow:0 12px 32px var(--shadow);padding:var(--space-4);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.cookie-banner[hidden]{display:none}.cookie-banner__text{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.cookie-banner__text a{color:var(--accent)}.cookie-banner__actions{justify-content:center;gap:var(--space-2);flex-shrink:0;display:flex}.string-row{background:var(--bg-elevated-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);min-width:0;box-shadow:0 2px 6px var(--shadow)}.string-row.is-unbalanced{border-color:var(--tension-high)}.string-row__head{justify-content:center;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.string-row__badge{align-items:baseline;gap:var(--space-2);flex:none;line-height:1;display:inline-flex}.string-row__badge-label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);font-size:1.05rem;font-weight:700}.string-row__badge-number{min-width:1.7rem;height:1.9rem;padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--accent);color:var(--text-primary);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:inline-flex}.string-row__thickness{background:var(--bg-elevated);border:1px solid var(--border);cursor:default;border-radius:999px;flex:none;align-items:center;width:72px;height:12px;padding:0 4px;display:flex}.string-row__thickness-fill{background:var(--accent);border-radius:999px;height:4px}.string-row__flag{color:var(--tension-high);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:none}.string-row.is-unbalanced .string-row__flag{display:inline-flex}.string-row__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@container (width>=560px){.string-row__grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}.string-row__cell{justify-content:center;gap:var(--space-3);padding:0 var(--space-3);text-align:center;flex-direction:column;min-width:0;display:flex}@container (width>=560px){.string-row__cell--result,.string-row__cell--construction{border-left:1px solid var(--border)}}.string-row__controls{gap:var(--space-3);flex-direction:column;align-items:center;min-width:0;display:flex}.string-row__controls .field{width:100%;max-width:220px}.string-row__cell--construction .segmented{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;overflow:visible}.string-row__cell--construction .segmented__option{flex:0 auto;padding:7px 12px;font-size:.85rem}.string-row__cell--result{gap:var(--space-2)}.string-row__tension{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:var(--space-2);color:var(--text-primary);font-size:1.7rem;font-weight:700;display:flex}.string-row__tension small{color:var(--text-secondary);font-size:.75rem;font-weight:400}.string-row__tension-secondary{color:var(--text-secondary);font-size:.85rem}.tension-bar{margin-top:var(--space-2)}.tension-bar__track{background:linear-gradient(90deg, var(--tension-low) 0%, var(--tension-normal) 45%, var(--tension-normal) 65%, var(--tension-high) 85%, var(--tension-critical) 100%);border-radius:3px;height:6px;position:relative}.tension-bar__marker{background:var(--bg);border:2px solid var(--text-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.tension-bar__scale{color:var(--text-secondary);margin-top:var(--space-1);justify-content:space-between;font-size:.68rem;display:flex}.badge{letter-spacing:.03em;padding:2px var(--space-2);background:var(--bg-elevated-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;align-items:center;font-size:.68rem;font-weight:600;display:inline-flex}