@font-face{font-family:Gentium Book Plus;font-weight:400;font-display:swap;src:url(../fonts/gentium-400-latin.woff2) format("woff2")}@font-face{font-family:Gentium Book Plus;font-weight:700;font-display:swap;src:url(../fonts/gentium-700-latin.woff2) format("woff2")}@font-face{font-family:Karla;font-weight:400;font-display:swap;src:url(../fonts/karla-400-latin.woff2) format("woff2")}@font-face{font-family:Karla;font-weight:700;font-display:swap;src:url(../fonts/karla-700-latin.woff2) format("woff2")}@font-face{font-family:MT Accidentals;src:local("Segoe UI Symbol"),local("SegoeUISymbol"),local("Apple Symbols"),local("Noto Music"),local("Noto Sans Symbols 2"),local("DejaVu Sans");unicode-range:U+266D-266F}:root{--color-bg: #121212;--color-ink: #F2F1ED;--color-ink-soft: #C7C5BD;--color-gray: #9C9A93;--color-hairline: #383631;--color-border: #3A3833;--color-accent: #00CD9C;--color-accent-hover: #33DFB6;--color-accent-ink: #00CD9C;--color-on-accent: #121212;--color-accent-dim: rgba(0, 205, 156, .14);--color-accent-glow: rgba(0, 205, 156, .35);--color-warn: #F2B544;--color-danger: #FF6B5E;--color-surface: #22211D;--color-surface-2: #2A2925;--color-surface-3: #35342E;--color-header: rgba(18, 18, 18, .92);--color-overlay: rgba(18, 18, 18, .98);--color-pop: #2C2B26;--color-pop-border: #45433C;--color-footer-bg: #0A0A0A;--color-flash: #1f3a32;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .18);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);--shadow-glow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 10px rgba(0, 205, 156, .14);--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px rgba(0, 0, 0, .22);--font-heading: "MT Accidentals", "Gentium Book Plus", Georgia, serif;--font-body: "MT Accidentals", "Karla", "Helvetica Neue", Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.625rem;--fs-2xl: 2.125rem;--container-max: 1140px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--space-5: 64px;--radius: 6px;--radius-media: 10px;--radius-lg: 16px;--tap: 44px;--tap-sm: 36px;--ease: cubic-bezier(.4, 0, .2, 1);--ui-zoom: 1;color-scheme:dark}@media (pointer: coarse){:root{--tap-sm: 42px}}:root[data-theme=light]{--color-bg: #F5F4F0;--color-ink: #161614;--color-ink-soft: #3D3B36;--color-gray: #66645D;--color-hairline: #D8D5CC;--color-border: #D2CFC5;--color-accent: #007A5C;--color-accent-hover: #00664D;--color-accent-ink: #007559;--color-on-accent: #FFFFFF;--color-accent-dim: rgba(0, 122, 92, .12);--color-accent-glow: rgba(0, 122, 92, .3);--color-warn: #A86A00;--color-danger: #C23B2E;--color-surface: #FFFFFF;--color-surface-2: #F1EFEA;--color-surface-3: #E3E0D8;--color-header: rgba(245, 244, 240, .92);--color-overlay: rgba(245, 244, 240, .98);--color-pop: #FFFFFF;--color-pop-border: #D2CFC5;--color-footer-bg: #ECEAE4;--color-flash: #D5EFE7;--shadow-sm: 0 1px 2px rgba(30, 28, 24, .1), 0 2px 6px rgba(30, 28, 24, .06);--shadow-md: 0 2px 4px rgba(30, 28, 24, .08), 0 8px 24px rgba(30, 28, 24, .12);--shadow-glow: 0 1px 2px rgba(30, 28, 24, .1), 0 2px 10px rgba(0, 140, 106, .16);--shadow-card: 0 1px 2px rgba(30, 28, 24, .05), 0 8px 24px rgba(30, 28, 24, .06);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font-body);font-weight:400;font-size:var(--fs-md);color:var(--color-ink);background:var(--color-bg);line-height:1.55;overflow-x:clip;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease}svg{display:block}a{color:var(--color-accent-ink);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-hover)}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em;overflow-wrap:break-word}h1{font-size:clamp(1.9rem,3.2vw,2.6rem);letter-spacing:-.5px}h2{font-size:clamp(1.4rem,2.4vw,var(--fs-2xl));letter-spacing:-.5px}h3{font-size:var(--fs-lg)}p{margin:0 0 1em}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[hidden]{display:none!important}.wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-3);width:100%}.eyebrow{display:inline-block;font-weight:700;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-ink);margin-bottom:var(--space-1)}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--color-accent);color:var(--color-on-accent);padding:8px 14px;border-radius:var(--radius);font-weight:700}.skip-link:focus{top:12px;color:var(--color-on-accent)}.site-header{position:sticky;top:0;z-index:30;background:var(--color-header);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--color-hairline)}.site-header__bar{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-3);height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2)}.site-brand{display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}.site-brand__name{font-family:var(--font-heading);font-weight:700;font-size:1.6rem;text-transform:lowercase;letter-spacing:-.3px;white-space:nowrap;line-height:1;color:var(--color-ink)}.site-brand__name:hover{color:var(--color-ink);opacity:.8}.site-brand__tag{font-weight:700;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-accent);background:var(--color-accent);padding:4px 9px 3px;border-radius:999px;white-space:nowrap;line-height:1.3}.site-brand__tag:hover{color:var(--color-on-accent);background:var(--color-accent-hover)}.gnav{display:flex;align-items:center;gap:4px;justify-self:center}.gnav__item{position:relative}.gnav__btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:0;border-radius:999px;background:transparent;font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);transition:background .15s ease,color .15s ease}.gnav__btn svg{width:14px;height:14px;transition:transform .2s var(--ease)}.gnav__btn:hover,.gnav__btn[aria-expanded=true]{background:var(--color-surface-2)}.gnav__btn[aria-expanded=true] svg{transform:rotate(180deg)}.gnav__btn.is-current{color:var(--color-accent-ink)}.gnav__panel{position:absolute;top:calc(100% + 10px);left:50%;width:380px;padding:8px;border-radius:var(--radius-lg);background:var(--color-pop);border:1px solid var(--color-pop-border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .16s ease,transform .16s var(--ease),visibility .16s}.gnav__item.is-open .gnav__panel{opacity:1;visibility:visible;transform:translate(-50%)}.gnav__panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.gnav__link{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:var(--radius-media);color:var(--color-ink)}.gnav__link:hover,.gnav__link:focus-visible{background:var(--color-surface-2);color:var(--color-ink)}.gnav__link[aria-current=page]{background:var(--color-accent-dim)}.gnav__link[aria-current=page] .gnav__name{color:var(--color-accent-ink)}.gnav__icon{grid-row:span 2;width:30px;height:30px;color:var(--color-accent-ink)}.gnav__icon svg{width:100%;height:100%}.gnav__name{font-weight:700;font-size:var(--fs-base);line-height:1.25}.gnav__desc{font-size:var(--fs-xs);color:var(--color-gray);line-height:1.35}.site-header__actions{display:flex;align-items:center;gap:6px;justify-self:end}.hbtn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-ink);transition:background .15s ease,border-color .15s ease;touch-action:manipulation}.hbtn:hover,.hbtn[aria-expanded=true]{background:var(--color-surface-2);border-color:var(--color-hairline)}.hbtn svg{width:20px;height:20px}.hbtn--search{width:auto;padding:0 12px 0 10px;gap:8px;grid-auto-flow:column;border-color:var(--color-hairline);color:var(--color-gray);font-size:var(--fs-sm)}.hbtn--search kbd{margin-left:4px}.viewmenu{position:relative}.viewmenu__panel{position:absolute;top:calc(100% + 10px);right:0;width:260px;padding:14px;border-radius:var(--radius-lg);background:var(--color-pop);border:1px solid var(--color-pop-border);box-shadow:var(--shadow-md);display:grid;gap:12px}.viewmenu__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray);margin:0 0 6px}.mnav-btn,.mnav{display:none}@media (max-width: 1100px){.site-header__bar{grid-template-columns:1fr auto;height:56px;padding:0 8px 0 var(--space-2)}.gnav{display:none}.hbtn--search{width:40px;padding:0;border-color:transparent;color:var(--color-ink)}.hbtn--search span,.hbtn--search kbd{display:none}.mnav-btn{display:inline-grid}.mnav-btn__bars{display:grid;gap:5px;width:20px}.mnav-btn__bars span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--ease),opacity .2s ease}.mnav-btn[aria-expanded=true] .mnav-btn__bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mnav-btn[aria-expanded=true] .mnav-btn__bars span:nth-child(2){opacity:0}.mnav-btn[aria-expanded=true] .mnav-btn__bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mnav{display:block;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 56px);overflow-y:auto;background:var(--color-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s var(--ease)}.mnav[hidden]{display:block!important;visibility:hidden}.mnav.is-open{opacity:1;transform:none;pointer-events:auto;visibility:visible}.mnav__inner{max-width:760px;margin:0 auto;padding:12px var(--space-2) var(--space-2)}.mnav__group+.mnav__group{margin-top:14px}.mnav__title{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gray);margin:0 0 6px 2px}.mnav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.mnav a:not(.mnav__all){display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border-radius:var(--radius-media);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-sm)}.mnav a[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent-ink);background:var(--color-accent-dim)}.mnav__icon{width:24px;height:24px;flex:0 0 auto;color:var(--color-accent-ink)}.mnav__icon svg{width:100%;height:100%}.mnav__all{display:block;text-align:center;margin-top:16px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}}@media (max-width: 600px){.site-brand{gap:8px}.site-brand__name{font-size:1.3rem}.site-brand__tag{padding:3px 8px 2px;letter-spacing:.06em}.site-header__actions{gap:0}}@media (max-width: 360px){.site-brand__tag{display:none}}.site-main{flex:1 0 auto;padding:var(--space-3) 0 var(--space-5)}.site-main>.wrap{zoom:var(--ui-zoom)}.breadcrumb{list-style:none;display:flex;flex-wrap:wrap;margin:0 0 10px;padding:0;font-size:var(--fs-sm);color:var(--color-gray)}.breadcrumb li:not(:last-child):after{content:"/";margin:0 .5em;color:var(--color-hairline)}.breadcrumb a{color:var(--color-gray)}.breadcrumb a:hover{color:var(--color-accent-ink)}.breadcrumb [aria-current]{color:var(--color-ink)}.tool-head{margin-bottom:var(--space-3);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2)}.tool-head__text{max-width:760px;min-width:0}.tool-head h1{margin-bottom:.2em}.tool-head__lede{font-size:var(--fs-md);color:var(--color-ink-soft);margin:0}.tool-head__actions{display:flex;gap:6px;flex:0 0 auto}.fav-btn[aria-pressed=true]{color:var(--color-warn)}.fav-btn[aria-pressed=true] svg{fill:currentColor}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}@media (min-width: 960px){.tool-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.tool-layout--wide{grid-template-columns:minmax(0,1fr)}.tool-layout>.stage{position:sticky;top:88px}.tool-layout--wide>.stage{position:static}}.stage{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.controls{display:grid;gap:var(--space-2)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-media);padding:var(--space-2) var(--space-3) var(--space-3);box-shadow:var(--shadow-card)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin-bottom:12px;min-height:32px}.panel__title{font-family:var(--font-body);font-weight:700;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray);margin:0}.title-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0}.panel__hint{font-size:var(--fs-sm);color:var(--color-gray);margin:0}.panel>*+*{margin-top:var(--space-2)}.panel>.panel__head+*{margin-top:0}.panel>*+.panel__hint{margin-top:12px}.field{display:grid;gap:8px}.field+.field{margin-top:18px}.field__label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--fs-base);font-weight:700;color:var(--color-ink-soft)}.field__value{font-weight:700;color:var(--color-ink);font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--between{justify-content:space-between}.row--center{justify-content:center}.grow{flex:1 1 auto;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--tap);font-weight:700;font-size:var(--fs-base);letter-spacing:.02em;padding:.6em 1.3em;border-radius:999px;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-glow);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px;flex:0 0 auto;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.btn--ghost{background:transparent;border-color:var(--color-hairline);color:var(--color-ink);box-shadow:none}.btn--ghost:hover{background:var(--color-surface-2);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--sm{min-height:var(--tap-sm);padding:.35em 1em;font-size:var(--fs-sm)}.btn--block{width:100%}.btn--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.btn[disabled]{opacity:.4;pointer-events:none}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);flex:0 0 auto;border-radius:50%;border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:border-color .15s ease,color .15s ease,background .15s ease,transform .1s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}.icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent-ink)}.icon-btn[disabled]{opacity:.3;pointer-events:none}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.icon-btn--sm{width:var(--tap-sm);height:var(--tap-sm)}.icon-btn--sm svg{width:16px;height:16px}.icon-btn--lg{width:56px;height:56px}.icon-btn--lg svg{width:24px;height:24px}.play{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:0;background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-md);transition:background .15s ease,transform .1s ease,box-shadow .3s ease;touch-action:manipulation;flex:0 0 auto}.play:hover{background:var(--color-accent-hover)}.play:active{transform:scale(.96)}.play svg{width:36px;height:36px}.play .icon-stop,.play.is-on .icon-play{display:none}.play.is-on .icon-stop{display:block}.play.is-on{box-shadow:0 0 0 10px var(--color-accent-dim),var(--shadow-md)}.play--sm{width:64px;height:64px}.play--sm svg{width:26px;height:26px}.readout{font-family:var(--font-heading);font-weight:700;font-size:clamp(4.5rem,14vw,7.5rem);line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;color:var(--color-ink);text-align:center}.readout__unit{display:block;font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gray);margin-top:10px;text-align:center}.digits{display:inline-flex;font-variant-numeric:tabular-nums}.digits>span{display:inline-block;width:.62em;text-align:center}.digits>span.sep{width:.3em}.digits>span.small{font-size:.5em;width:.62em;align-self:flex-end;margin-bottom:.12em}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button{min-height:var(--tap-sm);min-width:44px;padding:0 14px;border-radius:999px;border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink-soft);font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,border-color .15s ease;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:6px}.seg button:hover{border-color:var(--color-accent);color:var(--color-ink)}.seg button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-glow)}.seg button svg{width:20px;height:20px;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.seg--fill{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.seg--icons button{padding:0 10px}.stepper{display:grid;grid-template-columns:var(--tap) minmax(0,1fr) var(--tap);align-items:center;gap:10px}.stepper__value{text-align:center;font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums;background:var(--color-surface-2);border:1px solid var(--color-hairline);border-radius:var(--radius);height:var(--tap);width:100%;min-width:0;padding:0 6px;box-shadow:var(--shadow-sm);-moz-appearance:textfield;appearance:textfield}.stepper__value::-webkit-outer-spin-button,.stepper__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper__value:focus{border-color:var(--color-accent);outline:none}input[type=number].input,input[type=text].input,input[type=search].input,select.input{height:var(--tap);padding:0 12px;border-radius:var(--radius);border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink);width:100%;min-width:0}.input:focus{border-color:var(--color-accent);outline:none}.row>.input.grow{width:auto;flex:1 1 120px}select.input{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239C9A93' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;margin:0;--fill: 50%;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent) var(--fill),var(--color-surface-3) var(--fill))}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--color-surface-3)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--color-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--color-surface);border:3px solid var(--color-accent);box-shadow:var(--shadow-sm);transition:transform .1s ease}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-surface);border:3px solid var(--color-accent)}:root:not([data-theme=light]) input[type=range]::-webkit-slider-thumb{background:var(--color-ink)}:root:not([data-theme=light]) input[type=range]::-moz-range-thumb{background:var(--color-ink)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--color-accent-glow)}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;min-height:40px;font-size:var(--fs-base);font-weight:700;color:var(--color-ink-soft)}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__track{position:relative;flex:0 0 auto;width:46px;height:26px;border-radius:999px;background:var(--color-surface-3);border:1px solid var(--color-hairline);transition:background .2s ease,border-color .2s ease}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-ink-soft);transition:transform .2s var(--ease),background .2s ease}.switch input:checked+.switch__track{background:var(--color-accent);border-color:var(--color-accent)}.switch input:checked+.switch__track:after{transform:translate(20px);background:var(--color-on-accent)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 3px var(--color-accent-glow)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:var(--tap-sm);padding:0 14px;border-radius:999px;border:1px solid var(--color-hairline);background:transparent;color:var(--color-ink-soft);font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-sm);touch-action:manipulation;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--color-accent);color:var(--color-ink)}.chip[aria-pressed=true]{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent-ink)}.list{list-style:none;margin:0;padding:0}.list__item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-hairline);min-height:52px}.list__item:last-child{border-bottom:0}.list__main{flex:1 1 auto;min-width:0}.list__title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__meta{font-size:var(--fs-sm);color:var(--color-gray)}.list__empty{color:var(--color-gray);font-size:var(--fs-base);padding:6px 0}button.list__main{text-align:left;background:none;border:0;padding:0}button.list__main:hover .list__title{color:var(--color-accent-ink)}.kbd-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:var(--fs-sm);color:var(--color-gray);margin:0}kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:4px;border:1px solid var(--color-hairline);border-bottom-width:2px;background:var(--color-surface-2);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;color:var(--color-ink-soft);text-align:center}@media (hover: none){.kbd-hints{display:none}}.notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-media);background:var(--color-surface-2);border:1px solid var(--color-hairline);font-size:var(--fs-base);color:var(--color-ink-soft)}.notice svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--color-accent-ink)}.notice--warn svg{color:var(--color-warn)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);display:flex;align-items:center;gap:12px;background:var(--color-ink);color:var(--color-bg);font-weight:700;font-size:var(--fs-base);padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s var(--ease);z-index:70;max-width:calc(100vw - 32px);text-align:center;box-shadow:var(--shadow-md)}.toast.is-visible{opacity:1;transform:translate(-50%);pointer-events:auto}.toast button{border:0;background:var(--color-accent);color:var(--color-on-accent);font-weight:700;padding:6px 12px;border-radius:999px}.info{display:inline-grid;place-items:center;width:22px;height:22px;margin:-4px 0;padding:0;border:1px solid var(--color-hairline);border-radius:50%;background:var(--color-surface-2);color:var(--color-gray);font-size:0;line-height:1;vertical-align:middle;box-shadow:var(--shadow-sm);transition:color .15s ease,border-color .15s ease,background .15s ease;touch-action:manipulation;flex:0 0 auto;position:relative}.info:before{content:"i";font-family:var(--font-heading);font-weight:700;font-style:italic;font-size:13px}.info:after{content:"";position:absolute;inset:-11px}.info:hover,.info[aria-expanded=true]{color:var(--color-accent-ink);border-color:var(--color-accent);background:var(--color-accent-dim)}.info-pop{position:fixed;z-index:60;max-width:min(320px,calc(100vw - 24px));padding:14px 16px;border-radius:var(--radius-media);background:var(--color-pop);border:1px solid var(--color-pop-border);color:var(--color-ink-soft);font-size:var(--fs-base);line-height:1.45;box-shadow:var(--shadow-md);opacity:0;transform:translateY(4px) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity .15s ease,transform .15s var(--ease)}.info-pop.is-open{opacity:1;transform:none;pointer-events:auto}.info-pop strong{display:block;color:var(--color-ink);font-size:var(--fs-md);margin-bottom:4px}.info-pop p{margin:0}.info-pop p+p{margin-top:6px}.info-pop:before{content:"";position:absolute;top:-6px;left:var(--arrow, 50%);width:10px;height:10px;background:var(--color-pop);border-left:1px solid var(--color-pop-border);border-top:1px solid var(--color-pop-border);transform:translate(-50%) rotate(45deg)}.info-pop.is-above:before{top:auto;bottom:-6px;transform:translate(-50%) rotate(225deg)}.stage:fullscreen,.stage.is-stage-mode{border-radius:0;border:0;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow:auto;background:var(--color-bg)}.stage.is-stage-mode{position:fixed!important;inset:0;z-index:80}.stage:fullscreen .readout,.stage.is-stage-mode .readout{font-size:clamp(6rem,min(24vw,34vh),18rem)}.stage:fullscreen .play,.stage.is-stage-mode .play{width:120px;height:120px}.stage:fullscreen .play svg,.stage.is-stage-mode .play svg{width:46px;height:46px}.stage-exit{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:2}.stage:not(:fullscreen):not(.is-stage-mode) .stage-exit{display:none}.dlg{width:min(560px,calc(100vw - 24px));max-height:min(70vh,640px);margin:12vh auto auto;padding:0;border-radius:var(--radius-lg);border:1px solid var(--color-pop-border);background:var(--color-pop);color:var(--color-ink);box-shadow:var(--shadow-md);overflow:hidden}.dlg::backdrop{background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dlg__head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--color-hairline)}.dlg__head svg{width:20px;height:20px;color:var(--color-gray);flex:0 0 auto;margin-left:4px}.dlg__input{flex:1;min-width:0;height:40px;border:0;background:transparent;font-size:var(--fs-md);color:var(--color-ink);outline:none}.dlg__body{overflow-y:auto;max-height:calc(min(70vh,640px) - 62px);padding:8px}.dlg__list{list-style:none;margin:0;padding:0}.dlg__list a{display:grid;grid-template-columns:30px 1fr;gap:0 12px;align-items:center;padding:9px 10px;border-radius:var(--radius-media);color:var(--color-ink)}.dlg__list a.is-active,.dlg__list a:hover{background:var(--color-accent-dim);color:var(--color-ink)}.dlg__list .gnav__icon{width:26px;height:26px}.dlg__empty{padding:18px;text-align:center;color:var(--color-gray);font-size:var(--fs-base)}.dlg__section{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray);margin:10px 10px 6px}.dlg__keys{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:4px 10px 12px;align-items:center;font-size:var(--fs-base);color:var(--color-ink-soft)}.dlg__keys .kbd-hints{display:contents}.tool-notes{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-hairline);display:grid;gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tool-notes h2{font-size:var(--fs-lg);margin-bottom:.4em}.tool-notes p,.tool-notes li{color:var(--color-ink-soft);font-size:var(--fs-base)}.tool-notes ul{padding-left:1.1em;margin:0}.tool-notes li+li{margin-top:4px}.tool-notes strong{color:var(--color-ink)}.hub-hero{text-align:center;max-width:760px;margin:0 auto var(--space-4)}.hub-hero h1{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:.25em}.hub-hero p{font-size:var(--fs-md);color:var(--color-gray);margin:0 auto}.mine{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.mine__box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-media);padding:14px 16px;box-shadow:var(--shadow-card);min-width:0}.mine__title{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray);margin:0 0 10px}.mine__chips{display:flex;flex-wrap:wrap;gap:8px}.mine__chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink);font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-sm)}.mine__chip:hover{border-color:var(--color-accent);color:var(--color-ink)}.mine__chip svg{width:20px;height:20px;color:var(--color-accent-ink)}.mine__chip .star{width:14px;height:14px;color:var(--color-warn);fill:currentColor}.log{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.log__big{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-xl);line-height:1}.log__unit{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray);display:block;margin-top:4px}.log__days{display:flex;gap:5px;margin-top:12px}.log__day{flex:1;display:grid;gap:4px;justify-items:center;font-size:var(--fs-xs);color:var(--color-gray)}.log__bar{width:100%;max-width:22px;height:34px;border-radius:4px;background:var(--color-surface-3);position:relative;overflow:hidden}.log__bar span{position:absolute;left:0;right:0;bottom:0;background:var(--color-accent);border-radius:4px}@media (max-width: 760px){.mine{grid-template-columns:minmax(0,1fr)}}.hub-group{margin-bottom:var(--space-4)}.hub-group__head{display:flex;align-items:baseline;gap:var(--space-2);border-bottom:1px solid var(--color-hairline);padding-bottom:12px;margin-bottom:var(--space-2)}.hub-group__head h2{margin:0}.hub-group__head p{margin:0;color:var(--color-gray);font-size:var(--fs-base)}.hub-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tool-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;min-height:150px;border-radius:var(--radius-media);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);box-shadow:var(--shadow-card);transition:border-color .2s ease,transform .2s var(--ease),background .2s ease}.tool-card:hover{border-color:var(--color-accent);color:var(--color-ink);transform:translateY(-2px);background:var(--color-surface-2)}.tool-card__icon{width:38px;height:38px;color:var(--color-accent-ink);transition:transform .25s var(--ease)}.tool-card__icon svg{width:100%;height:100%;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.tool-card:hover .tool-card__icon{transform:translateY(-2px) scale(1.06)}.tool-card__title{font-family:var(--font-heading);font-weight:700;font-size:1.4rem;line-height:1.15;margin:4px 0 0}.tool-card__desc{font-size:var(--fs-base);color:var(--color-ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card__arrow{position:absolute;top:20px;right:20px;width:20px;height:20px;color:var(--color-gray);transition:transform .2s var(--ease),color .2s ease}.tool-card:hover .tool-card__arrow{color:var(--color-accent-ink);transform:translate(3px,-3px)}.tool-card__new{position:absolute;top:18px;right:46px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-ink)}.site-footer{background:var(--color-footer-bg);border-top:1px solid var(--color-hairline);padding:var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom));color:var(--color-gray);font-size:var(--fs-sm)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3)}.site-footer__brand{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--color-ink);text-transform:lowercase;letter-spacing:-.3px}.site-footer__brand:hover{color:var(--color-ink)}.site-footer p{margin:6px 0 0;max-width:460px}.site-footer__links{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0}.site-footer__links a,.site-footer__links button{display:inline-flex;align-items:center;min-height:40px;color:var(--color-ink-soft);font-weight:700;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;background:none;border:0;padding:0}.site-footer__links a:hover,.site-footer__links button:hover{color:var(--color-accent-ink)}@media (max-width: 600px){.wrap{padding:0 var(--space-2)}.site-main{padding:10px 0 var(--space-4)}.tool .breadcrumb{display:none}.tool .tool-head{margin-bottom:10px;align-items:center}.tool .tool-head h1{font-size:1.3rem;margin:0;line-height:1.2}.tool .tool-head__lede{display:none}.tool-head__actions .icon-btn{width:36px;height:36px}.tool-head__actions .icon-btn svg{width:17px;height:17px}.stage{padding:var(--space-2) 12px;gap:var(--space-2);border-radius:var(--radius-media)}.panel{padding:12px 14px 14px}.panel__head{margin-bottom:8px;min-height:28px}.controls,.tool-layout{gap:14px}.readout{font-size:clamp(3.6rem,18vw,5rem)}.play{width:76px;height:76px}.play svg{width:30px;height:30px}.tool-notes{margin-top:var(--space-3);gap:var(--space-2)}.hub-hero{margin-bottom:var(--space-3)}.hub-hero h1{font-size:1.6rem}.hub-hero p{font-size:var(--fs-base)}.hub-group{margin-bottom:var(--space-3)}.hub-group__head{margin-bottom:12px;padding-bottom:8px;align-items:baseline;gap:10px}.hub-group__head h2{font-size:1.3rem}.hub-group__head p{font-size:var(--fs-xs)}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{flex-direction:column;gap:6px;padding:14px;min-height:0}.tool-card__icon{width:30px;height:30px}.tool-card__title{font-size:1.08rem;margin:2px 0}.tool-card__desc{font-size:var(--fs-xs);line-height:1.4;color:var(--color-gray);-webkit-line-clamp:3}.tool-card__arrow{display:none}.tool-card__new{position:static;order:-1}.hub-grid>.tool-card:first-child:nth-last-child(odd){grid-column:span 2;flex-direction:row;align-items:center;gap:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-brand__name,.site-brand__tag{position:relative}.site-brand__name:after,.site-brand__tag:after{content:"";position:absolute;inset:-10px -4px}@media (max-width: 600px){.tool-head__actions .icon-btn{width:40px;height:40px}}.dlg__list a>span:last-child{display:grid;gap:1px;min-width:0}.mine{align-items:start}.gnav__school{display:inline-flex;align-items:center;height:36px;margin-left:6px;padding:0 14px;border-radius:999px;border:1px solid var(--color-accent);font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-ink);transition:background .15s ease,color .15s ease}.gnav__school:hover,.gnav__school.is-current{background:var(--color-accent);color:var(--color-on-accent)}.mnav__school{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border-radius:var(--radius-media);border:1px solid var(--color-accent);background:var(--color-accent-dim);color:var(--color-ink)}.mnav__school strong{display:block;font-size:var(--fs-md)}.mnav__school small{display:block;font-size:var(--fs-sm);color:var(--color-ink-soft)}.mnav__school .mnav__icon{width:30px;height:30px}.school-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 0 var(--space-3);padding:18px 22px;border-radius:var(--radius-lg);border:1px solid var(--color-accent);background:linear-gradient(120deg,var(--color-accent-dim),transparent 70%),var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-card);transition:transform .2s var(--ease),box-shadow .2s ease}.school-banner:hover{color:var(--color-ink);transform:translateY(-2px);box-shadow:var(--shadow-md)}.school-banner__icon{width:52px;height:52px;color:var(--color-accent-ink)}.school-banner__icon svg{width:100%;height:100%}.school-banner__text{display:grid;gap:2px;min-width:0}.school-banner__kicker{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-ink)}.school-banner__text strong{font-family:var(--font-heading);font-size:1.45rem;line-height:1.2}.school-banner__text>span:last-child{font-size:var(--fs-base);color:var(--color-ink-soft)}.school-banner__go{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-glow)}@media (max-width: 600px){.school-banner{grid-template-columns:auto 1fr;gap:12px;padding:14px}.school-banner__icon{width:38px;height:38px}.school-banner__text strong{font-size:1.15rem}.school-banner__text>span:last-child{font-size:var(--fs-sm)}.school-banner__go{display:none}}:root{--color-bg: #111111;--color-ink: #F5F5F2;--color-ink-soft: #D9D8D2;--color-gray: #ADABA4;--color-hairline: #343330;--color-border: transparent;--color-surface: #1B1B1A;--color-surface-2: #252523;--color-surface-3: #33322F;--color-header: #111111;--color-overlay: #111111;--color-pop: #1F1F1E;--color-pop-border: #3A3936;--color-footer-bg: #111111;--shadow-sm: none;--shadow-card: none;--shadow-glow: none;--shadow-md: 0 8px 28px rgba(0, 0, 0, .35);--radius: 4px;--radius-media: 6px;--radius-lg: 8px}:root[data-theme=light]{--color-bg: #F2F2EF;--color-ink: #0E0E0D;--color-ink-soft: #2A2A28;--color-gray: #555550;--color-hairline: #D2D2CC;--color-border: transparent;--color-surface: #FFFFFF;--color-surface-2: #F2F2EF;--color-surface-3: #DCDCD6;--color-header: #F2F2EF;--color-overlay: #F2F2EF;--color-pop: #FFFFFF;--color-pop-border: #D2D2CC;--color-footer-bg: #F2F2EF;--color-accent: #007A5C;--color-accent-hover: #005E47;--color-accent-ink: #006B51;--color-flash: #DDF1EA;--shadow-sm: none;--shadow-card: none;--shadow-glow: none;--shadow-md: 0 10px 30px rgba(14, 14, 13, .12)}.stage,.panel,.tool-card,.pager,.slesson,.toc,.school-banner,.mnav a:not(.mnav__all),.mine__chip,.prose .clave{border-color:transparent;box-shadow:none}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none}.site-footer{border-top-color:var(--color-hairline)}.icon-btn svg,.btn svg,.tool-card__icon svg,.seg button svg{filter:none}.seg button,.chip,.btn,.btn--sm,.mine__chip,.gnav__school,.school-banner__go,.site-brand__tag,.toast,.toast button{border-radius:var(--radius)}.seg button{background:var(--color-surface);border-color:var(--color-hairline);color:var(--color-ink)}.panel .seg button,.stage .seg button{background:var(--color-surface-2);border-color:transparent}.seg button:hover,.chip:hover{border-color:var(--color-ink);color:var(--color-ink)}.seg button[aria-pressed=true],.chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.icon-btn{background:var(--color-surface-2);border-color:transparent}.icon-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.btn--ghost{border-color:var(--color-ink)}.btn--ghost:hover{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.stepper__value,input[type=number].input,input[type=text].input,input[type=search].input,select.input{background:var(--color-surface-2);border-color:transparent}.input:focus,.stepper__value:focus{border-color:var(--color-ink)}:focus-visible{outline-color:var(--color-ink)}.info{background:transparent;border-color:var(--color-gray);color:var(--color-ink-soft)}.panel__title,.mnav__title,.hub-group__head p,.breadcrumb,.lesson__kicker,.toc__mod-title{color:var(--color-gray)}.tool-head__lede,.hub-hero p,.tool-card__desc{color:var(--color-ink-soft)}.hub-group__head{border-bottom:2px solid var(--color-ink)}.tool-card{outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s ease,transform .2s var(--ease)}.tool-card:hover{outline-color:var(--color-ink);background:var(--color-surface);transform:none}.tool-card__arrow{color:var(--color-ink)}.hbtn--theme{width:auto;height:40px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--color-hairline);gap:8px;grid-auto-flow:column;font-weight:700;font-size:var(--fs-sm);color:var(--color-ink)}.hbtn--theme:hover{border-color:var(--color-ink);background:transparent}.hbtn--theme>span{display:inline-flex;align-items:center;gap:8px}.hbtn--theme svg{width:18px;height:18px}.hbtn__theme-light{display:none!important}:root:not([data-theme=light]) .hbtn__theme-dark{display:none!important}:root:not([data-theme=light]) .hbtn__theme-light{display:inline-flex!important}.hbtn--search{border-radius:var(--radius)}@media (max-width: 600px){.hbtn--theme{width:40px;padding:0;justify-content:center;border-color:transparent}.hbtn--theme>span>span{display:none}}.site-footer__size{display:flex;align-items:center;gap:10px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray)}.site-footer__size .seg{gap:4px}.site-footer__size .seg button{min-height:32px;min-width:40px;padding:0 10px;font-size:var(--fs-sm)}.hbtn--theme,.hbtn--search,.hbtn--search kbd,.hbtn--theme span{white-space:nowrap}.hbtn--search{height:40px}.hbtn--search kbd{line-height:1.4}.school-banner{background:var(--color-surface)}.school-banner:hover{transform:none;box-shadow:none;outline:2px solid var(--color-ink);outline-offset:-2px}:root{--radius: 8px;--radius-media: 10px;--radius-lg: 20px}body .stage,body .panel,body .tool-card,body .pager,body .slesson,body .toc,body .school-banner,body .prose .clave,body .prose .reto,body .info-pop,body .dlg,body .gnav__panel,body .mnav a:not(.mnav__all),body .notice,body .w{border-radius:20px}body .stage:fullscreen,body .stage.is-stage-mode{border-radius:0}body .metro-groove,body .tap-chart,body .w-studio__track,body .mnav__school,body .chrono-read{border-radius:20px}.site-main p a,.tool-notes a,.panel__hint a,.notice a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}:root{--orange: #FF8000;--orange-ink: #FF9A33;--orange-dim: rgba(255, 128, 0, .16);--blue: #1F91DC;--blue-ink: #5BB3EC;--blue-dim: rgba(31, 145, 220, .18);--plum: #351E28;--plum-fill: #8E4E6B;--plum-ink: #D79BB6;--plum-dim: rgba(142, 78, 107, .22);--green: var(--color-accent);--green-ink: var(--color-accent-ink);--green-dim: var(--color-accent-dim)}:root[data-theme=light]{--orange: #FF8000;--orange-ink: #A84F00;--orange-dim: rgba(255, 128, 0, .12);--blue: #1F91DC;--blue-ink: #0F6AA6;--blue-dim: rgba(31, 145, 220, .12);--plum: #351E28;--plum-fill: #351E28;--plum-ink: #351E28;--plum-dim: rgba(53, 30, 40, .08)}.g-practica{--g: var(--green);--g-ink: var(--green-ink);--g-dim: var(--green-dim)}.g-ritmo{--g: var(--orange);--g-ink: var(--orange-ink);--g-dim: var(--orange-dim)}.g-sonido{--g: var(--blue);--g-ink: var(--blue-ink);--g-dim: var(--blue-dim)}.g-teoria{--g: var(--plum-fill);--g-ink: var(--plum-ink);--g-dim: var(--plum-dim)}:root{--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 28px rgba(0, 0, 0, .28);--g: var(--green);--g-ink: var(--green-ink);--g-dim: var(--green-dim)}:root[data-theme=light]{--shadow-card: 0 1px 2px rgba(14, 14, 13, .05), 0 8px 24px rgba(14, 14, 13, .06)}body .stage,body .panel,body .tool-card,body .pager,body .slesson,body .toc,body .school-banner{box-shadow:var(--shadow-card)}.site-header__bar{height:56px;gap:var(--space-3)}.site-brand{gap:8px}.site-brand__name{font-size:1.3rem}.site-brand__tag{font-size:.62rem;letter-spacing:.1em;padding:3px 7px 2px}.gnav{gap:22px}.gnav__btn{height:34px;padding:0 4px;font-size:.74rem;letter-spacing:.09em;gap:4px;border-radius:var(--radius)}.gnav__btn:hover,.gnav__btn[aria-expanded=true]{background:transparent;box-shadow:inset 0 -2px 0 var(--color-ink);border-radius:0}.gnav__btn.is-current{color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-accent);border-radius:0}body .gnav__school{height:30px;margin-left:4px;padding:0 14px;border-radius:999px;font-size:.72rem;letter-spacing:.09em;background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}body .gnav__school:hover,body .gnav__school.is-current{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.hbtn--theme{width:38px;height:38px;padding:0;border-radius:50%;border-color:transparent;justify-content:center}.hbtn--theme:hover{background:var(--color-surface-2);border-color:transparent}.gnav__link{grid-template-columns:34px 1fr}.gnav__item .gnav__icon{color:var(--g-ink)}.gnav__panel{border-radius:20px;padding:10px}.breadcrumb{margin-bottom:14px;font-size:var(--fs-sm)}.tool .breadcrumb li:nth-child(2) a{color:var(--g-ink);font-weight:700}.tool-head{margin-bottom:28px}.tool-head h1{letter-spacing:-.8px}.panel__title{display:inline-flex;align-items:center;gap:8px;color:var(--color-ink-soft)}.panel__title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g);flex:0 0 auto}.seg button:hover,.chip:hover,.icon-btn:hover{border-color:transparent;box-shadow:0 0 0 2px var(--g);color:var(--color-ink)}.seg button[aria-pressed=true]:hover,.chip[aria-pressed=true]:hover{box-shadow:0 0 0 2px var(--g)}.btn:not(.btn--ghost):hover{box-shadow:0 0 0 3px var(--g-dim)}:focus-visible{outline:2px solid var(--g, var(--color-ink));outline-offset:2px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--g) var(--fill),var(--color-surface-3) var(--fill))}input[type=range]::-moz-range-progress{background:var(--g)}input[type=range]::-webkit-slider-thumb{border-color:var(--g)}.switch input:checked+.switch__track{background:var(--g);border-color:var(--g)}:root[data-theme=light] .g-ritmo .switch input:checked+.switch__track:after,:root[data-theme=light] .g-sonido .switch input:checked+.switch__track:after{background:#fff}.hub-group__head{border-bottom-color:var(--g)}.hub-group__head h2{display:inline-flex;align-items:center;gap:12px}.hub-group__head h2:before{content:"";width:14px;height:14px;border-radius:4px;background:var(--g)}.tool-card{overflow:hidden}.tool-card:before{content:"";position:absolute;left:20px;top:0;width:40px;height:4px;border-radius:0 0 4px 4px;background:var(--g)}.tool-card .tool-card__icon{color:var(--g-ink)}.tool-card:hover{outline-color:var(--g)}.tool-card:hover .tool-card__arrow{color:var(--g-ink)}.to-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--color-ink);color:var(--color-bg);box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s var(--ease),background .15s ease}.to-top svg{width:20px;height:20px}.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:var(--color-accent);color:var(--color-on-accent)}.stage.is-stage-mode~.to-top,body:has(.stage.is-stage-mode) .to-top{display:none}@media (max-width: 600px){.site-brand__name{font-size:1.2rem}.site-brand__tag{font-size:.58rem}}@font-face{font-family:Roboto Flex;font-weight:100 1000;font-display:swap;src:url(../fonts/robotoflex-latin.woff2) format("woff2")}:root{--font-body: "MT Accidentals", "Roboto Flex", "Helvetica Neue", Arial, sans-serif;--turq: #00CD9C;--turq-ink: #00CD9C;--turq-dim: rgba(0, 205, 156, .16);--on-turq: #0E0E0D;--hipno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3CclipPath id='c'%3E%3Ccircle cx='50' cy='50' r='50'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23c)' d='M-20 -4.0q22-9 44 0t44 0 44 0M-20 0.4q22-9 44 0t44 0 44 0M-20 4.8q22-9 44 0t44 0 44 0M-20 9.2q22-9 44 0t44 0 44 0M-20 13.6q22-9 44 0t44 0 44 0M-20 18.0q22-9 44 0t44 0 44 0M-20 22.4q22-9 44 0t44 0 44 0M-20 26.8q22-9 44 0t44 0 44 0M-20 31.2q22-9 44 0t44 0 44 0M-20 35.6q22-9 44 0t44 0 44 0M-20 40.0q22-9 44 0t44 0 44 0M-20 44.4q22-9 44 0t44 0 44 0M-20 48.8q22-9 44 0t44 0 44 0M-20 53.2q22-9 44 0t44 0 44 0M-20 57.6q22-9 44 0t44 0 44 0M-20 62.0q22-9 44 0t44 0 44 0M-20 66.4q22-9 44 0t44 0 44 0M-20 70.8q22-9 44 0t44 0 44 0M-20 75.2q22-9 44 0t44 0 44 0M-20 79.6q22-9 44 0t44 0 44 0M-20 84.0q22-9 44 0t44 0 44 0M-20 88.4q22-9 44 0t44 0 44 0M-20 92.8q22-9 44 0t44 0 44 0M-20 97.2q22-9 44 0t44 0 44 0M-20 101.6q22-9 44 0t44 0 44 0' fill='none' stroke='black' stroke-width='2.3'/%3E%3C/svg%3E")}:root[data-theme=light]{--color-bg: #FFFFFF;--color-header: #FFFFFF;--color-overlay: #FFFFFF;--color-footer-bg: #F6F6F3;--color-surface: #FFFFFF;--color-surface-2: #F2F2EE;--color-surface-3: #E1E1DB;--color-hairline: #E0E0DA;--color-pop-border: #E0E0DA;--turq-ink: #007A5C;--turq-dim: rgba(0, 205, 156, .15);--shadow-card: 0 1px 2px rgba(14, 14, 13, .06), 0 6px 22px rgba(14, 14, 13, .07)}body{font-weight:400;font-optical-sizing:auto}:root[data-theme=light] body :is(.stage,.panel,.tool-card,.school-banner,.gnav__panel,.dlg,.mnav a:not(.mnav__all),.notice){border:1px solid var(--color-hairline)}.seg button:hover,.chip:hover,.icon-btn:hover{box-shadow:0 0 0 2px var(--turq);border-color:transparent;color:var(--color-ink)}.seg button[aria-pressed=true],.chip[aria-pressed=true]{background:var(--turq);border-color:var(--turq);color:var(--on-turq)}.seg button[aria-pressed=true]:hover,.chip[aria-pressed=true]:hover{box-shadow:0 0 0 4px var(--turq-dim)}.seg button:active,.chip:active,.icon-btn:active,.btn:active{background:var(--turq);border-color:var(--turq);color:var(--on-turq);transform:scale(.97)}.btn:not(.btn--ghost):hover{box-shadow:0 0 0 4px var(--turq-dim)}:focus-visible{outline:2px solid var(--turq-ink);outline-offset:2px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--turq) var(--fill),var(--color-surface-3) var(--fill))}input[type=range]::-moz-range-progress{background:var(--turq)}input[type=range]::-webkit-slider-thumb{border-color:var(--turq)}.switch input:checked+.switch__track{background:var(--turq);border-color:var(--turq)}.switch input:checked+.switch__track:after{background:#fff}.gnav__btn:hover,.gnav__btn[aria-expanded=true],.gnav__btn.is-current{box-shadow:inset 0 -2px 0 var(--turq)}.gnav__link:hover{background:var(--turq-dim)}.hbtn:hover,.hbtn[aria-expanded=true],.hbtn--theme:hover{background:var(--turq-dim);border-color:transparent}.tool-card:hover,.school-banner:hover{outline:2px solid var(--turq);outline-offset:-2px}.tool-card:hover .tool-card__arrow{color:var(--turq-ink)}.to-top:hover{background:var(--turq);color:var(--on-turq)}.site-footer__links a:hover,.site-footer__links button:hover{color:var(--turq-ink)}.mine__chip:hover{box-shadow:0 0 0 2px var(--turq);border-color:transparent}.site-header__bar{height:64px}.site-brand__name{display:inline-flex;align-items:center;gap:9px;font-size:1.6rem}.site-brand__mark{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--color-ink);-webkit-mask:var(--hipno) center / contain no-repeat;mask:var(--hipno) center / contain no-repeat;transition:transform .6s var(--ease)}.site-brand__name:hover .site-brand__mark{transform:rotate(-14deg)}.site-brand__tag{font-size:var(--fs-xs);padding:4px 9px 3px}.site-footer,.hub-hero,.school-banner,.tool-card{position:relative;isolation:isolate}.site-footer{overflow:hidden}.site-footer:before,.hub-hero:before,.school-banner:after,.tool-card:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;background:var(--color-ink);-webkit-mask:var(--hipno) center / contain no-repeat;mask:var(--hipno) center / contain no-repeat}.site-footer:before{width:260px;height:260px;right:-60px;top:-40px;opacity:.06}.hub-hero:before{width:150px;height:150px;left:50%;top:-34px;transform:translate(-50%);opacity:.05}.school-banner{overflow:hidden}.school-banner:after{width:180px;height:180px;right:120px;top:-50px;opacity:.06;background:var(--turq)}.tool-card:after{width:110px;height:110px;right:-34px;bottom:-34px;opacity:.045;transition:opacity .2s ease,transform .5s var(--ease)}.tool-card:hover:after{opacity:.2;background:var(--turq);transform:rotate(-12deg)}@media (max-width: 600px){.site-header__bar{height:62px}.site-brand{gap:8px}.site-brand__name{font-size:1.55rem;gap:7px}.site-brand__mark{width:25px;height:25px}.site-brand__tag{font-size:.66rem;padding:3px 7px 2px}.site-header__actions{gap:2px}.hbtn,.hbtn--theme{width:46px;height:46px}.hbtn svg,.hbtn--theme svg{width:25px;height:25px}.mnav-btn__bars{width:26px;gap:6px}.mnav-btn__bars span{height:2.5px}.mnav-btn[aria-expanded=true] .mnav-btn__bars span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.mnav-btn[aria-expanded=true] .mnav-btn__bars span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.tool .tool-head h1{font-size:1.5rem;letter-spacing:-.5px}.hub-hero h1{font-size:1.85rem}.hub-group__head h2{font-size:1.5rem}.tool-card__title{font-size:1.2rem;overflow-wrap:anywhere;hyphens:auto}.tool-notes h2{font-size:1.45rem}.panel__title{font-size:.8rem}.site-footer:before{width:200px;height:200px;right:-70px;top:auto;bottom:-50px}.school-banner:after{right:-40px}}@media (max-width: 374px){.site-brand__name{font-size:1.3rem}.site-brand__mark{width:21px;height:21px}.hbtn,.hbtn--theme{width:42px;height:42px}}@media (min-width: 1101px){.site-header__bar{grid-template-columns:auto 1fr auto;gap:28px}.gnav{justify-self:center}}@media (min-width: 1101px) and (max-width: 1280px){.gnav{gap:14px}.site-header__bar{gap:18px}}@font-face{font-family:Roboto Mono;font-weight:400 600;font-display:swap;src:url(../fonts/robotomono-latin.woff2) format("woff2")}:root{--font-mono: "Roboto Mono", ui-monospace, Menlo, monospace;--shadow-card: none;--waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 520' preserveAspectRatio='none'%3E%3Cpath d='M0 30q180-6 360 0t360 0 360 0 360 0M0 52q180-7 360 0t360 0 360 0 360 0M0 74q180-9 360 0t360 0 360 0 360 0M0 96q180-12 360 0t360 0 360 0 360 0M0 118q180-15 360 0t360 0 360 0 360 0M0 140q180-16 360 0t360 0 360 0 360 0M0 162q180-15 360 0t360 0 360 0 360 0M0 184q180-13 360 0t360 0 360 0 360 0M0 206q180-10 360 0t360 0 360 0 360 0M0 228q180-7 360 0t360 0 360 0 360 0M0 250q180-6 360 0t360 0 360 0 360 0M0 272q180-7 360 0t360 0 360 0 360 0M0 294q180-9 360 0t360 0 360 0 360 0M0 316q180-12 360 0t360 0 360 0 360 0M0 338q180-15 360 0t360 0 360 0 360 0M0 360q180-16 360 0t360 0 360 0 360 0M0 382q180-15 360 0t360 0 360 0 360 0M0 404q180-13 360 0t360 0 360 0 360 0M0 426q180-10 360 0t360 0 360 0 360 0M0 448q180-7 360 0t360 0 360 0 360 0M0 470q180-6 360 0t360 0 360 0 360 0M0 492q180-7 360 0t360 0 360 0 360 0' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E")}:root[data-theme=light]{--shadow-card: none;--color-hairline: #E4E4DE;--color-gray: #62625C}body .stage,body .panel,body .tool-card,body .pager,body .slesson,body .toc,body .school-banner,body .prose .clave{box-shadow:none}:root:not([data-theme=light]) body :is(.stage,.panel,.dlg,.gnav__panel){border:1px solid var(--color-hairline)}.label,.eyebrow,.breadcrumb,.panel__title,.lesson-hero__n,.hub-family__count,.home-hero__meta,.home-index__n,.site-footer__h,.site-footer__size>span{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.label{display:block;margin:0 0 12px;color:var(--turq-ink)}.breadcrumb{font-size:.72rem}.site-brand__tag{background:transparent;color:var(--color-gray);font-family:var(--font-mono);font-weight:500;font-size:.68rem;letter-spacing:.08em;padding:0;border-radius:0}.site-brand__tag:hover{background:transparent;color:var(--color-ink)}.gnav__btn{text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:500}body .gnav__school{height:34px;margin-left:0;padding:0 2px;background:transparent;border-color:transparent;color:var(--turq-ink);font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none;border-radius:0}body .gnav__school:hover,body .gnav__school.is-current{background:transparent;border-color:transparent;color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--turq)}.btn{border-radius:999px;box-shadow:none}.btn svg{filter:none}.btn:not(.btn--ghost){background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.btn:not(.btn--ghost):hover{background:var(--turq);border-color:var(--turq);color:var(--on-turq);box-shadow:none}.btn--ghost{background:transparent;border-color:var(--color-ink);color:var(--color-ink)}.btn--ghost:hover{background:var(--turq-dim);border-color:var(--turq);color:var(--color-ink)}.home-hero{padding:72px 0 48px}.home-hero h1{margin:0;font-weight:400;font-size:clamp(3rem,8.4vw,7.2rem);line-height:.95;letter-spacing:-.035em}.home-hero__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-top:28px}.home-hero__lede{margin:0;max-width:34em;font-size:1.2rem;line-height:1.5;font-weight:350;color:var(--color-ink-soft)}.home-hero__meta{margin:0;color:var(--color-gray)}.home-hero__meta a{color:var(--turq-ink);text-decoration:underline;text-underline-offset:3px}.home-index{border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.home-index ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.home-index li+li a{border-left:1px solid var(--color-hairline);padding-left:20px}.home-index a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:44px;padding:22px 20px 22px 0;color:var(--color-ink)}.home-index__name{font-size:clamp(1.5rem,3.2vw,2.8rem);font-weight:300;letter-spacing:-.02em;line-height:1}.home-index__n{display:inline-flex;align-items:center;gap:8px;color:var(--color-gray)}.home-index__n:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--g)}.home-index a:hover{color:var(--color-ink);background:var(--turq-dim)}.hub-family{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;padding:64px 0;border-bottom:1px solid var(--color-hairline);scroll-margin-top:72px}.hub-family__count{margin:0;color:var(--g-ink)}.hub-family__head h2{margin:12px 0 14px;font-family:var(--font-body);font-weight:300;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;letter-spacing:-.035em}.hub-family__blurb{margin:0;max-width:24em;color:var(--color-gray);font-size:1rem;line-height:1.5}.hub-family__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-ink)}.hub-tool{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:56px;padding:14px 8px;border-bottom:1px solid var(--color-hairline);color:var(--color-ink)}.hub-tool__icon{color:var(--g-ink)}.hub-tool__icon svg{width:30px;height:30px}.hub-tool__name{display:block;font-family:var(--font-heading);font-weight:700;font-size:1.3rem;line-height:1.2}.hub-tool__desc{display:block;margin-top:3px;font-size:.94rem;line-height:1.45;color:var(--color-gray)}.hub-tool__arrow{color:var(--color-gray);font-size:1.1rem;transition:transform .2s var(--ease)}.hub-tool:hover{color:var(--color-ink);background:var(--turq-dim)}.hub-tool:hover .hub-tool__arrow{color:var(--turq-ink);transform:translate(4px)}.home-school{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 56px;align-items:center;padding:96px 0 24px}.home-school__art{display:block;width:100%;max-width:380px;aspect-ratio:1;border-radius:50%;background:var(--turq);-webkit-mask:var(--hipno) center / contain no-repeat;mask:var(--hipno) center / contain no-repeat}.home-school__kicker{margin:0;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--turq-ink)}.home-school h2{margin:12px 0 16px;font-weight:400;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;letter-spacing:-.025em}.home-school p{max-width:32em;font-size:1.1rem;line-height:1.6;color:var(--color-ink-soft)}.home-school__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:24px 0 0}.home-school__cta a:not(.btn){font-weight:600;text-decoration:underline;text-underline-offset:4px}.site-footer:before{opacity:.045}.site-footer__dir{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px;padding:16px 0 40px;margin-bottom:28px;border-bottom:1px solid var(--color-hairline)}.site-footer__h{margin:0 0 12px}.site-footer__h a{color:var(--color-ink)}.site-footer__dir ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.site-footer__dir li a{display:inline-flex;align-items:center;min-height:32px;color:var(--color-ink-soft);font-size:.92rem}.site-footer__dir a:hover{color:var(--turq-ink)}@media (max-width: 900px){.hub-family,.home-school{grid-template-columns:minmax(0,1fr)}.site-footer__dir{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.home-hero{padding:40px 0 32px}.home-hero h1{font-size:clamp(2.6rem,13vw,3.6rem)}.home-hero__lede{font-size:1.05rem}.home-index ul{grid-template-columns:repeat(2,minmax(0,1fr))}.home-index li:nth-child(odd) a{border-left:0;padding-left:0}.home-index li:nth-child(n+3) a{border-top:1px solid var(--color-hairline)}.home-index a{padding:16px 12px 16px 0}.home-index li+li a{padding-left:12px}.home-index li:nth-child(3) a{padding-left:0}.home-index__name{font-size:1.7rem}.hub-family{padding:44px 0;gap:18px}.hub-family__head h2{font-size:2.6rem}.hub-tool{grid-template-columns:30px minmax(0,1fr) auto;gap:12px;padding:12px 4px}.hub-tool__icon svg{width:26px;height:26px}.hub-tool__name{font-size:1.2rem}.hub-tool__desc{font-size:.9rem}.home-school{padding:64px 0 8px}.home-school__art{max-width:160px}.home-school h2{font-size:2.4rem}.site-footer__dir{gap:24px 16px;padding-bottom:28px}}.site-footer__h a{display:inline-flex;align-items:center;min-height:32px}.site-brand{gap:14px}.site-brand__tag{position:relative;padding-left:14px;color:var(--turq-ink);font-weight:600;letter-spacing:.12em}.site-brand__tag:before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;margin-top:-9px;background:var(--color-hairline)}.site-brand__tag:hover{color:var(--color-ink)}@media (max-width: 600px){.site-brand{gap:10px}.site-brand__tag{padding-left:10px;font-size:.62rem;letter-spacing:.1em}.site-brand__tag:before{height:16px;margin-top:-8px}.home-hero__meta{white-space:nowrap;font-size:.62rem;letter-spacing:.03em}}@media (max-width: 374px){.home-hero__opt{display:none}}.faq{margin:72px 0 0;padding-top:40px;border-top:1px solid var(--color-ink);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 56px}.faq__head h2{margin:0;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.05;letter-spacing:-.02em}.faq__list{border-top:1px solid var(--color-hairline)}.faq__item{border-bottom:1px solid var(--color-hairline);scroll-margin-top:80px}.faq__item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:16px;align-items:center;min-height:56px;padding:14px 6px}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:hover{background:var(--turq-dim)}.faq__item summary h3{margin:0;font-family:var(--font-body);font-weight:600;font-size:1.08rem;line-height:1.35;letter-spacing:0}.faq__icon{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-ink)}.faq__icon:before,.faq__icon:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--color-ink);transition:transform .2s var(--ease)}.faq__icon:after{transform:rotate(90deg)}.faq__item[open] .faq__icon{background:var(--turq);border-color:var(--turq)}.faq__item[open] .faq__icon:after{transform:rotate(0)}.faq__a{padding:0 44px 20px 6px;max-width:70ch;color:var(--color-ink-soft);font-size:1rem;line-height:1.65}.faq__a>:first-child{margin-top:0}.faq__a p{margin:0 0 .7em}.faq__a ul{margin:0 0 .7em;padding-left:1.2em}.faq__a li+li{margin-top:.3em}.faq__a strong{color:var(--color-ink)}.faq__a a{text-decoration:underline;text-underline-offset:3px}@media (max-width: 900px){.faq{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width: 600px){.faq{margin-top:48px;padding-top:28px}.faq__head h2{font-size:1.75rem}.faq__a{padding-right:6px}.faq__item summary h3{font-size:1.04rem}}.hero{position:relative;isolation:isolate;overflow:hidden;margin-inline:calc(50% - 50vw);padding:22px clamp(16px,3vw,48px) 0;min-height:calc(100svh - 64px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-bottom:1px solid var(--color-ink)}.hero__art{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero__disc{position:absolute;left:50%;top:50%;width:min(64svh,46vw);aspect-ratio:1;translate:-18% -58%;border-radius:50%;background:var(--turq);-webkit-mask:var(--hipno) center / contain no-repeat;mask:var(--hipno) center / contain no-repeat;animation:hero-spin 90s linear infinite}.hero__wave{position:absolute;left:0;top:52%;width:200%;height:clamp(70px,12svh,130px);translate:0 -50%;overflow:visible;animation:hero-drift 26s linear infinite}.hero__wave path{fill:none;stroke:var(--color-ink);stroke-width:1.6px;vector-effect:non-scaling-stroke}@keyframes hero-spin{to{rotate:360deg}}@keyframes hero-drift{to{transform:translate(-50%)}}.hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 40px;flex-wrap:wrap}.hero__lede{margin:0;max-width:26em;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.45;font-weight:350;color:var(--color-ink-soft)}.hero .home-hero__meta{margin:4px 0 0}.hero__title{grid-row:2;margin:0;display:grid;grid-template-rows:auto minmax(40px,1fr) auto;font-weight:400}.hero__w1,.hero__w2{display:block;font-family:var(--font-heading);font-weight:400;font-size:min(16.4vw,25svh);line-height:.86;letter-spacing:-.045em;white-space:nowrap}.hero__w1{grid-row:1;margin-top:clamp(8px,2svh,24px);margin-left:-.04em}.hero__w2{grid-row:3;justify-self:end;margin-right:-.02em;padding-bottom:clamp(10px,2.4svh,28px)}.hero__dot{color:var(--turq)}.hero__fam{grid-row:3;margin-inline:calc(-1*clamp(16px,3vw,48px));border-top:1px solid var(--color-ink);background:var(--color-bg)}.hero__fam ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hero__fam li+li a{border-left:1px solid var(--color-hairline)}.hero__fam a{display:grid;align-content:start;gap:6px;height:100%;padding:18px clamp(16px,2vw,28px) 22px;color:var(--color-ink);transition:background-color .15s ease}.hero__fam li:first-child a{padding-left:clamp(16px,3vw,48px)}.hero__n{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray)}.hero__n:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--g);flex:0 0 auto}.hero__name{font-size:clamp(1.7rem,2.8vw,2.8rem);font-weight:300;line-height:1;letter-spacing:-.03em;margin-top:4px}.hero__desc{font-size:.95rem;line-height:1.4;color:var(--color-ink-soft)}.hero__tools{font-size:.8rem;line-height:1.45;color:var(--color-gray)}.hero__fam a:hover{background:var(--turq);color:var(--on-turq)}.hero__fam a:hover :is(.hero__n,.hero__desc,.hero__tools){color:var(--on-turq)}.hero__fam a:hover .hero__n:before{background:var(--on-turq)}.hub .hub-family:first-of-type{border-top:0}@media (max-width: 1100px){.hero{min-height:calc(100svh - 56px)}}@media (max-width: 900px){.hero__fam ol{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__fam li:nth-child(3) a{border-left:0;padding-left:clamp(16px,3vw,48px)}.hero__fam li:nth-child(n+3) a{border-top:1px solid var(--color-hairline)}.hero__tools{display:none}}@media (max-width: 600px){.hero{min-height:calc(100svh - 62px);padding-top:16px}.hero__lede{font-size:.98rem;max-width:none}.hero__w1,.hero__w2{font-size:min(15.4vw,11svh);letter-spacing:-.04em}.hero__w1{margin-top:18px}.hero__disc{width:86vw;translate:-50% -52%}.hero__wave{height:70px;top:50%}.hero__fam a{padding:14px 16px 16px;gap:4px}.hero__name{font-size:1.7rem}.hero__desc{font-size:.82rem}}@media (prefers-reduced-motion: reduce){.hero__disc,.hero__wave{animation:none}}.sb-mark{display:block;width:1em;height:1em;flex:0 0 auto}.sb-mark__waves{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.sb-mark__beat{fill:var(--turq);stroke:var(--color-bg);stroke-width:4}.sb-logo{display:inline-flex;align-items:center;gap:.32em;font-family:var(--font-heading);font-weight:700;font-size:2.6rem;color:var(--color-ink);text-transform:none;letter-spacing:0}.sb-logo .sb-mark{width:1.45em;height:1.45em}.sb-logo__t{display:grid;font-size:.5em;line-height:.95;letter-spacing:-.01em}.sb-logo__dot{color:var(--turq)}.sb-logo--lg{font-size:3.2rem}.school-hero__logo{margin:0 0 18px}.home-school__art{background:none;-webkit-mask:none;mask:none;border-radius:0;color:var(--color-ink)}.home-school__art .sb-mark{width:100%;height:auto;max-width:380px;aspect-ratio:1}.home-school__art .sb-mark__waves{stroke-width:1.8}.home-school__art .sb-mark__beat{stroke-width:2.5}.home-school__kicker{margin:0 0 4px}.home-school__kicker .sb-logo{font-size:2.2rem}.mnav__icon .sb-mark{width:26px;height:26px;color:var(--color-ink)}.mnav__icon .sb-mark__waves{stroke-width:3.4}@media (max-width: 600px){.sb-logo--lg{font-size:2.6rem}.home-school__art .sb-mark{max-width:170px}}@media (max-width: 600px){.hero__nw{display:none}.hero__w1,.hero__w2{font-size:min(15.9vw,12svh)}.hero__disc{width:min(80vw,46svh);translate:-46% -50%}.hero__name{font-size:1.85rem}.hero__fam a{padding:14px 16px 18px}}.home-school__kicker .sb-mark{display:none}.hero__top{justify-content:flex-end}.hero__wave{display:none}.hero__n:before{content:none}.home-school__art{background:var(--turq);-webkit-mask:var(--hipno) center / contain no-repeat;mask:var(--hipno) center / contain no-repeat;border-radius:50%}@media (max-width: 600px){.hero__top{justify-content:flex-start}}.hub{--hx: clamp(16px, 3.4vw, 48px);--disc: min(28vw, 46svh)}@media (min-width: 1101px){.hub .site-header{border-bottom-color:var(--color-ink)}.hub .site-header__bar{max-width:none;padding:0 var(--hx);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.hub .site-brand{grid-column:1}.hub .gnav{grid-column:2 / span 2;justify-self:start}.hub .site-header__actions{grid-column:4}}.hub .site-main{padding-top:0}.htop{position:relative;isolation:isolate;overflow:hidden;margin-inline:calc(50% - 50vw);padding:0 var(--hx);min-height:calc(100svh - 64px);display:grid;grid-template-rows:minmax(0,1fr) auto}.htop__disc{position:absolute;z-index:-1;right:var(--hx);top:26px;width:var(--disc);aspect-ratio:1;border-radius:50%;background:var(--turq);-webkit-mask:var(--hipno) center / contain no-repeat;mask:var(--hipno) center / contain no-repeat;animation:hero-spin 120s linear infinite}.htop__meta{position:absolute;right:var(--hx);top:calc(26px + var(--disc) + 12px);margin:0;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.htop__title{margin:0;padding:34px 0 28px;font-family:var(--font-heading);font-weight:400;font-size:min(12.2vw,20svh);line-height:.9;letter-spacing:-.04em;align-self:start}.htop__w1,.htop__w2{display:block;white-space:nowrap}.htop__w2{padding-left:calc((100vw - 2 * var(--hx)) / 4)}.htop__index{margin-inline:calc(-1 * var(--hx));padding:0 var(--hx);border-top:1px solid var(--color-ink);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--color-bg)}.htop__fam{padding:16px 24px 18px;min-width:0}.htop__fam:first-child{padding-left:0}.htop__fam+.htop__fam{border-left:1px solid var(--color-hairline)}.htop__head{display:grid;gap:4px;padding:0 4px 12px;border-bottom:1px solid var(--color-ink);color:var(--color-ink)}.htop__head:hover{color:var(--color-ink);background:var(--turq-dim)}.htop__n,.htop__k{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;color:var(--color-gray)}.htop__name{font-size:clamp(1.7rem,2.4vw,2.15rem);font-weight:300;letter-spacing:-.03em;line-height:1}.htop__desc{font-size:.85rem;color:var(--color-ink-soft)}.htop__fam ul{list-style:none;margin:0;padding:0}.htop__fam li a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:31px;padding:3px 4px;border-bottom:1px solid var(--color-hairline);font-size:.94rem;color:var(--color-ink)}.htop__fam li a:hover{background:var(--turq-dim);color:var(--color-ink)}.htop__fam li a span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1100px){.hub{--disc: min(34vw, 38svh)}.htop{min-height:calc(100svh - 56px)}.htop__index{grid-template-columns:repeat(2,minmax(0,1fr))}.htop__fam:nth-child(3){border-left:0;padding-left:0}.htop__fam:nth-child(n+3){border-top:1px solid var(--color-hairline)}}@media (max-width: 600px){.hub{--disc: min(59vw, 30svh)}.htop{min-height:calc(100svh - 62px);grid-template-rows:minmax(0,1fr) auto}.htop__disc{top:16px}.htop__meta{left:var(--hx);right:auto;top:18px;max-width:9em;font-size:.62rem;line-height:1.6;letter-spacing:.05em}.htop__title{align-self:end;padding:calc(var(--disc) + 24px) 0 16px;font-size:15.4vw}.htop__w2{padding-left:16vw}.htop__index{grid-template-columns:minmax(0,1fr)}.htop__fam,.htop__fam:first-child,.htop__fam:nth-child(3){padding:11px 0;border-left:0;border-top:0;border-bottom:1px solid var(--color-hairline)}.htop__fam+.htop__fam{border-left:0}.htop__head{grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:0 8px;padding:0;border:0}.htop__n{padding-top:6px}.htop__name{font-size:1.65rem}.htop__desc{display:none}.htop__fam ul{display:flex;flex-wrap:wrap;padding-left:42px;margin-top:2px}.htop__fam li a{display:inline-flex;min-height:26px;padding:0;border:0;font-size:.82rem;color:var(--color-ink-soft)}.htop__fam li{display:inline-flex;align-items:center}.htop__fam li+li:before{content:"\b7";margin:0 6px;color:var(--color-gray)}.htop__fam li a span:first-child{white-space:normal}.htop__k{display:none}}@media (prefers-reduced-motion: reduce){.htop__disc{animation:none}}.hub{--disc: max(180px, min(28vw, calc(100svh - 458px) ))}@media (max-width: 1100px){.hub{--disc: max(180px, min(34vw, calc(100svh - 616px) ))}}@media (max-width: 600px){.hub{--disc: min(46vw, calc(100svh - 622px) )}.htop__meta span{display:block}.htop__sep{display:none!important}.htop__title{padding-top:calc(var(--disc) + 18px);padding-bottom:14px}.htop__fam:nth-child(n+3){border-top:0}.htop__fam,.htop__fam:first-child,.htop__fam:nth-child(3){padding:9px 0}.htop__name{font-size:1.55rem}.htop__fam li a{min-height:24px;font-size:.8rem}}@media (max-width: 600px){.hub{--disc: max(130px, min(46vw, calc(100svh - 622px) ))}.htop__meta{max-width:none}}.htop__dot{color:var(--turq)}.gnav__school-x{display:none}@media (min-width: 1281px){.hub .gnav{grid-column:3 / 5;grid-row:1;justify-self:stretch;padding-right:56px}.hub .site-header__actions{grid-row:1}.hub .gnav__school{margin-left:auto}.hub .gnav__school-x{display:inline}}@media (min-width: 601px) and (max-width: 1100px){.htop{grid-template-rows:auto minmax(0,1fr) auto}.htop__title{order:0;padding-bottom:8px}.htop__meta{order:1;position:static;justify-self:end;align-self:start;margin:0 0 20px}.htop__index{order:2}}@media (min-width: 901px) and (max-width: 1100px){.htop__index{grid-template-columns:repeat(4,minmax(0,1fr))}.htop__fam{padding:14px 16px 16px}.htop__fam:nth-child(3){border-left:1px solid var(--color-hairline);padding-left:16px}.htop__fam:first-child{padding-left:0}.htop__fam:nth-child(n+3){border-top:0}.htop__fam li a{font-size:.86rem}.htop__desc{font-size:.8rem}}.hub .gnav__school-x{margin-left:.28em}@media (min-width: 601px) and (max-width: 900px){.hub{--disc: max(150px, min(24vw, calc(100svh - 616px) ))}}.school--lesson{--hx: clamp(16px, 3.4vw, 48px)}@media (min-width: 1101px){.school--lesson .site-header{border-bottom-color:var(--color-ink)}.school--lesson .site-header__bar{max-width:none;padding:0 var(--hx);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.school--lesson .site-brand{grid-column:1}.school--lesson .gnav{grid-column:2 / span 2;justify-self:start}.school--lesson .site-header__actions{grid-column:4}}@media (min-width: 1281px){.school--lesson .gnav{grid-column:3 / 5;grid-row:1;justify-self:stretch;padding-right:56px}.school--lesson .site-header__actions{grid-row:1}.school--lesson .gnav__school{margin-left:auto}.school--lesson .gnav__school-x{display:inline;margin-left:.28em}}.tool{--hx: clamp(16px, 3.4vw, 48px)}@media (min-width: 1101px){.tool .site-header{border-bottom-color:var(--color-ink)}.tool .site-header__bar{max-width:none;padding:0 var(--hx);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.tool .site-brand{grid-column:1}.tool .gnav{grid-column:2 / span 2;justify-self:start}.tool .site-header__actions{grid-column:4}}@media (min-width: 1281px){.tool .gnav{grid-column:3 / 5;grid-row:1;justify-self:stretch;padding-right:56px}.tool .site-header__actions{grid-row:1}.tool .gnav__school{margin-left:auto}.tool .gnav__school-x{display:inline;margin-left:.28em}}.tool .site-main>.wrap{max-width:none;padding-inline:var(--hx)}.tool .site-main{padding-top:0}.tool .breadcrumb{margin:20px 0 0;font-family:var(--font-body);font-size:.9rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--color-gray)}.tool .breadcrumb a{color:var(--color-gray)}.tool .breadcrumb li:nth-child(2) a{color:var(--g-ink);font-weight:600}.tool .breadcrumb a:hover{color:var(--color-ink)}.tool .breadcrumb li:not(:last-child):after{content:"/";margin:0 .4em;color:var(--color-gray)}.tool .breadcrumb li:nth-last-child(2):after{content:none}.tool .tool-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr) auto;align-items:end;gap:8px 24px;margin:6px 0 22px}.tool .tool-head h1{margin:0;font-weight:400;font-size:clamp(2.6rem,4.6vw,4.2rem);line-height:.95;letter-spacing:-.03em}.tool-head__dot{color:var(--turq)}.tool .tool-head__lede{margin:0 0 6px;max-width:30em;font-size:1.05rem;line-height:1.45;color:var(--color-ink-soft)}.tool .tool-head__actions{margin-bottom:4px}.tool .tool-head__actions .icon-btn{width:44px;height:44px;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink)}.tool .tool-layout{gap:24px}:root:root:root body.tool :is(.stage,.panel){border:0;border-top:2px solid var(--color-ink);border-radius:0;box-shadow:none;background:var(--color-surface)}:root:root:root body.tool :is(.stage,.panel):is(:fullscreen,.is-stage-mode){border-top:0}.tool :is(.stage,.panel) .seg button{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-ink) 20%,transparent);border-radius:6px;box-shadow:none}.tool :is(.stage,.panel) .seg button:hover{border-color:var(--color-ink)}.tool :is(.stage,.panel) .seg button[aria-pressed=true]{background:var(--turq);border-color:var(--turq);color:var(--on-turq);box-shadow:none}.tool :is(.stage,.panel) .icon-btn{background:transparent;border:1px solid var(--color-ink);color:var(--color-ink);box-shadow:none}.tool :is(.stage,.panel) .icon-btn svg{filter:none}.tool :is(.stage,.panel) .icon-btn:hover{background:var(--turq-dim);border-color:var(--color-ink);color:var(--color-ink)}.tool .play{background:var(--color-ink);color:var(--color-bg);box-shadow:none}.tool .play svg{filter:none}.tool .play:hover{background:var(--color-ink);box-shadow:0 0 0 6px var(--turq-dim)}.tool .play.is-on{background:var(--color-ink);box-shadow:0 0 0 10px color-mix(in srgb,var(--turq) 32%,transparent)}.tool :is(.tabs,.drum-tablist){gap:22px;padding:0;margin-bottom:16px;border:0;border-bottom:1px solid var(--color-hairline);border-radius:0;background:transparent;box-shadow:none}.tool :is(.tabs,.drum-tablist) [role=tab]{min-height:48px;padding:0 2px;border-radius:0;background:transparent;box-shadow:none;color:var(--color-gray)}.tool :is(.tabs,.drum-tablist) [role=tab][aria-selected=true]{background:transparent;color:var(--color-ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--turq)}.tool .beats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:4px;min-height:0;padding-top:0}.tool .beat{width:auto;height:104px;display:block;background:var(--color-surface-2);border-radius:0;overflow:hidden}.tool .beat__bar{position:absolute;left:0;right:0;bottom:0;border:0;border-radius:0;background:color-mix(in srgb,var(--color-ink) 9%,transparent);box-shadow:none}.tool .beat[data-level="3"] .beat__bar{background:var(--turq-dim)}.tool .beat[data-level="3"]{box-shadow:inset 0 0 0 2px var(--color-ink)}.tool .beat[data-level="0"]{background:transparent;outline:1px dashed var(--color-gray);outline-offset:-1px}.tool .beat[data-level="0"] .beat__bar{background:transparent}.tool .beat__num{top:10px;left:12px;z-index:1;font-family:var(--font-heading);font-size:1.9rem;font-weight:400;line-height:1;color:var(--color-ink)}.tool .beat.is-active{background:var(--turq)}.tool .beat.is-active .beat__bar{background:transparent;box-shadow:none;animation:none}.tool .beat:hover .beat__bar{border:0}.tool .beats--many .beat{width:auto;height:80px}.tool .beats--many .beat__num{font-size:1.2rem;left:6px}.tool .metro-stage:is(:fullscreen,.is-stage-mode) .beat{width:auto;height:clamp(96px,22vh,220px)}.tool .metro-stage:is(:fullscreen,.is-stage-mode) .beat__num{top:12px;font-size:clamp(1.9rem,4vh,3rem)}.tool .tuner-mic{position:static;inset:auto;padding:6px 0 0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}:root[data-theme=light] .tool .tuner-mic{background:none}:root:root .tool .tuner-mic__btn{flex-direction:row;width:auto;height:60px;padding:0 30px;gap:12px;border-radius:999px;background:var(--color-ink);color:var(--color-bg);font-size:1.08rem;box-shadow:none;animation:none}:root .tool .tuner-mic__btn:hover{background:var(--color-ink);border-color:var(--color-ink);box-shadow:0 0 0 6px var(--turq-dim)}.tool .tuner-mic__btn svg{width:24px;height:24px}.tool .tuner-stage:has(#micOverlay:not([hidden])) :is(.tuner-read,.tuner-trace,.tuner-level){display:none}.tool .drum-cell.is-now:is([data-v="0"],[data-v="1"]){background:color-mix(in srgb,var(--turq) 32%,var(--color-surface));box-shadow:none}.tool .drum-cell.is-now:is([data-v="2"],[data-v="3"]){box-shadow:0 0 0 2px var(--color-ink);transform:none;filter:none}@media (max-width: 760px){.tool .tool-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:10px 0 12px}.tool .tool-head h1{font-size:2.1rem;letter-spacing:-.02em}.tool .tool-head__lede{display:none}.tool .tool-layout{gap:16px}.tool .beat{height:72px}.tool .beat__num{top:8px;left:9px;font-size:1.5rem}.tool .beats--many .beat{height:56px}.tool .beats--many .beat__num{font-size:.95rem;left:4px}}.embed-share{margin:56px 0 0;padding-top:24px;border-top:1px solid var(--color-hairline);max-width:760px}.embed-share h2{font-size:var(--fs-lg);margin-bottom:.4em}.embed-share p{color:var(--color-ink-soft);font-size:var(--fs-base);margin:0 0 12px}.embed-share__code{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.embed-share__code code{flex:1 1 320px;min-width:0;padding:10px 12px;border-radius:6px;background:var(--color-surface-2);border:1px solid var(--color-hairline);font-size:var(--fs-xs);line-height:1.5;color:var(--color-ink-soft);word-break:break-all;user-select:all}body.embed{background:var(--color-bg);padding:12px}.embed-main{max-width:1100px;margin:0 auto}.embed-credit{margin:10px 0 0;text-align:right;font-size:var(--fs-xs)}.embed-credit a{color:var(--color-gray);text-decoration:none}.embed-credit a:hover{color:var(--color-accent-ink);text-decoration:underline}body.embed .metro-groove,body.embed .metro-tips,body.embed .tuner-tips{display:none}.ad-slot{display:block;margin:48px auto;text-align:center;clear:both}.ad-slot__label{display:block;margin-bottom:8px;font-size:var(--fs-xs);font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray)}.ad-slot .adsbygoogle{min-height:280px}.ad-slot--tool{margin-top:56px;padding-top:24px;border-top:1px solid var(--color-hairline)}.ad-slot--inline{max-width:720px;margin:40px 0}.ad-slot--inline .adsbygoogle{min-height:250px}.ad-slot--end{max-width:1100px}.ad-slot--end .adsbygoogle{min-height:0}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}body:has(.is-stage-mode) .ad-slot,.embed .ad-slot{display:none}@media print{.ad-slot{display:none}}