.keyboard{display:block;width:100%;height:auto;max-width:100%;user-select:none}.key{transition:fill .12s ease}.key--tappable{cursor:pointer}.key__label{font-family:var(--font-mono);font-size:9.5px;font-weight:500;text-anchor:middle;pointer-events:none}.key__label--black{font-size:8.5px}.key-legend{display:flex;flex-wrap:wrap;gap:var(--gap-3);align-items:center;font-family:var(--font-mono);font-size:var(--size-label);color:var(--ink-soft)}.key-legend__item{display:inline-flex;align-items:center;gap:6px}.key-legend__swatch{width:13px;height:13px;border-radius:3px;border:1px solid transparent}.chord-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--gap-3);display:flex;flex-direction:column;gap:var(--gap-2);min-width:0}.chord-card--compact{padding:var(--gap-2);gap:var(--gap-1)}.chord-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.chord-card__name{font-size:26px;font-weight:600;letter-spacing:-.01em}.chord-card--compact .chord-card__name{font-size:21px}.chord-card__numeral{margin-left:10px;font-size:var(--size-label);color:var(--brass);letter-spacing:.06em}.chord-card__play{width:var(--tap);height:var(--tap);flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.chord-card__play:active{background:var(--accent);color:var(--surface)}.chord-card__inversions{display:flex;flex-wrap:wrap;gap:var(--gap-1)}.chip{min-height:var(--tap);padding:0 14px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);font-size:var(--size-label);font-family:var(--font-mono);letter-spacing:.03em;display:inline-flex;align-items:center;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.prog{display:flex;flex-direction:column;gap:var(--gap-3)}.prog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-3)}.prog__title{display:flex;align-items:baseline;gap:var(--gap-3);flex-wrap:wrap;min-width:0}.prog__numerals{font-size:22px;font-weight:600;letter-spacing:.02em}.prog__name{font-family:var(--font-body);font-size:var(--size-body);color:var(--ink-soft)}.prog__play{width:var(--tap-session);height:var(--tap-session);flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--surface)}.prog__chords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-2)}@media (min-width: 1200px){.prog__chords{grid-template-columns:repeat(var(--n, 4),minmax(0,1fr))}}@media (max-width: 420px){.prog__chords{grid-template-columns:minmax(0,1fr)}}.prog__chord{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:var(--gap-2);transition:border-color .15s ease,background .15s ease;min-width:0}.prog__chord--on{border-color:var(--accent);background:var(--accent-soft)}.prog__chordhead{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:4px}.prog__symbol{font-size:20px;font-weight:600}.prog__numeral{font-size:var(--size-label);color:var(--brass)}.prog__songs{font-size:var(--size-label);color:var(--ink-faint);font-family:var(--font-mono)}.prog__controls{display:flex;flex-wrap:wrap;gap:var(--gap-3) var(--gap-4);align-items:flex-end}.prog__control{display:flex;flex-direction:column;gap:var(--gap-1);min-width:0}.prog__control--wide{flex:1 1 220px}.prog__chips{display:flex;flex-wrap:wrap;gap:var(--gap-1)}.select{min-height:var(--tap);padding:0 12px;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);font-size:var(--size-body)}input[type=range]{width:100%;height:var(--tap);accent-color:var(--accent)}.ear{display:flex;flex-direction:column;gap:var(--gap-3)}.ear__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-3)}.ear__title{font-size:var(--size-title);margin-top:2px}.ear__accuracy{font-size:var(--size-label);color:var(--ink-soft);white-space:nowrap}.ear__how{color:var(--ink-soft);max-width:60ch}.ear__playrow{display:flex;align-items:center;gap:var(--gap-3)}.ear__play{width:var(--tap-session);height:var(--tap-session);flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--surface)}.ear__prompt{font-size:var(--size-lead)}.ear__options{display:flex;flex-wrap:wrap;gap:var(--gap-2)}.ear__options--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.ear__option{min-height:var(--tap-session);padding:0 var(--gap-4);flex:1 1 auto;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);font-size:var(--size-lead);font-family:var(--font-mono);transition:background .12s ease,border-color .12s ease}.ear__option:disabled{opacity:.75}.ear__option--answer{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good);opacity:1}.ear__option--chosen{border-color:var(--ink-faint);color:var(--ink-faint)}.ear__taps,.ear__selfmark,.ear__revealrow,.ear__freerow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-2)}.ear__tapper{min-height:var(--tap-session);flex:1 1 200px;border-radius:var(--radius);border:1px dashed var(--rule);background:var(--surface);font-size:var(--size-lead)}.ear__tapper:active{background:var(--accent-soft);border-color:var(--accent)}.ear__count,.ear__clock{font-size:34px;font-weight:600;min-width:2.4ch;text-align:center}.ear__reveal{border-top:1px solid var(--rule);padding-top:var(--gap-3);display:flex;flex-direction:column;gap:var(--gap-2)}.ear__revealtext{font-size:var(--size-lead)}.ear__detail{font-size:var(--size-label);color:var(--brass)}.ear__free,.metro{display:flex;flex-direction:column;gap:var(--gap-3)}.metro__row{display:flex;align-items:center;gap:var(--gap-3)}.metro__row--wrap{flex-wrap:wrap;gap:var(--gap-1)}.metro__row--wrap .label{margin-right:var(--gap-2)}.metro__play{width:var(--tap-session);height:var(--tap-session);flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--surface)}.metro__readout{display:flex;align-items:baseline;gap:6px}.metro__bpm{font-size:44px;font-weight:600;line-height:1}.metro--compact .metro__bpm{font-size:34px}.metro__nudge{display:flex;gap:var(--gap-1);margin-left:auto}.metro__step,.metro__tap{min-width:var(--tap);min-height:var(--tap);padding:0 14px;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);font-family:var(--font-mono);font-size:var(--size-body)}.metro__beats{display:flex;gap:var(--gap-2)}.metro__dot{width:14px;height:14px;border-radius:50%;background:var(--surface-2);border:1px solid var(--rule);transition:background 90ms ease}.metro__dot--accent{border-color:var(--brass)}.metro__dot--on{background:var(--accent);border-color:var(--accent)}.voicing{display:flex;flex-direction:column;gap:var(--gap-3)}.voicing__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap-3)}.voicing__side{margin:0;padding:var(--gap-3);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);display:flex;flex-direction:column;gap:var(--gap-2);min-width:0}.voicing__side--accent{border-color:var(--accent)}.voicing__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.voicing__chord{margin-left:10px;font-size:22px;font-weight:600}.voicing__play{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);flex:0 0 auto}.voicing__why{font-size:var(--size-label);color:var(--ink-soft);line-height:1.45}.voicing__note{max-width:60ch;font-size:var(--size-label)}.tool{display:flex;flex-direction:column;gap:var(--gap-3)}.tool__line{color:var(--ink-soft);max-width:60ch}.tool__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--gap-2)}.runner{min-height:0;display:flex;flex-direction:column}.runner__list{list-style:none;margin:0;padding:0;min-height:0;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.blockrow{flex:0 0 auto;display:grid;grid-template-columns:14px 1fr auto 5ch;align-items:center;gap:var(--gap-3);min-height:42px;padding:2px 0;border-bottom:1px solid var(--rule);color:var(--ink-soft);transition:color .15s ease}.blockrow:last-child{border-bottom:0}.blockrow__dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--rule);justify-self:center}.blockrow--done{color:var(--ink-faint)}.blockrow--done .blockrow__dot{background:var(--good);border-color:var(--good)}.blockrow__label,.blockrow__time{font-size:var(--size-body)}.blockrow__state{font-family:var(--font-mono);font-size:var(--size-label);color:var(--good);text-align:right}.blockrow--active{display:flex;align-items:stretch;min-height:240px;flex:1 1 auto;border-bottom:0;color:var(--ink)}.active{flex:1 1 auto;min-height:0;width:100%;border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface);padding:var(--gap-2) var(--gap-3) var(--gap-2);margin:var(--gap-1) 0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--gap-1)}.active__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-3);flex-wrap:wrap}.active__title{font-size:var(--size-title)}.active__timer{font-size:var(--size-timer);font-weight:500;line-height:1;letter-spacing:-.02em}.active__note{color:var(--ink-soft);max-width:60ch}.active__tool{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--rule);padding:var(--gap-2) 2px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2) var(--gap-3);width:100%}.controls__primary{grid-column:1 / -1}.controls .btn{white-space:nowrap}.controls__last{display:flex;align-items:center;justify-content:center;min-height:var(--tap-session);font-size:var(--size-label);font-family:var(--font-mono);color:var(--ink-faint);text-align:center}@media (min-width: 560px){.controls{grid-template-columns:2fr 1fr 1fr}.controls__primary{grid-column:auto}}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.controls{grid-template-columns:1fr 1fr}.controls__primary{grid-column:1 / -1}}.runner--finished{display:flex;flex-direction:column;gap:var(--gap-2);justify-content:center;padding:var(--gap-4) 0}.runner__finished{font-size:var(--size-title)}.quick{display:flex;gap:var(--gap-1);flex:0 0 auto}.quick__btn{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius);color:var(--ink-faint);transition:color .12s ease,background .12s ease}.quick__btn:active{background:var(--surface-2)}.quick__btn--on{color:var(--accent)}.quick__theme{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.today{flex:1 1 auto;min-height:0;width:100%;max-width:1280px;margin:0 auto;padding:max(var(--gap-2),env(safe-area-inset-top)) var(--gap-4) var(--gap-3);display:grid;grid-template-areas:"brief" "session" "finish";grid-template-rows:auto minmax(0,1fr) auto;gap:var(--gap-2)}.today__brief{grid-area:brief;display:flex;flex-direction:column;gap:var(--gap-1);min-width:0}.today .runner{grid-area:session}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.today{grid-template-areas:"brief session" "finish session";grid-template-columns:minmax(300px,36%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:var(--gap-4)}.today__brief{justify-content:flex-start;padding-bottom:var(--gap-3);overflow-y:auto}.today__finish{align-items:stretch}.today--left{grid-template-areas:"session brief" "session finish";grid-template-columns:minmax(0,1fr) minmax(300px,36%)}.today__finish .controls{max-width:none}}@media (min-width: 1180px) and (min-aspect-ratio: 1/1){.today{column-gap:var(--gap-5)}}.today__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-3)}.today__headright{display:flex;align-items:center;gap:var(--gap-2);flex:0 0 auto}.today__already{font-size:var(--size-label);color:var(--good);letter-spacing:.06em}.today__title{font-size:var(--size-onething);line-height:1.06;letter-spacing:-.02em;max-width:22ch;margin-top:var(--gap-1)}.today__detail{font-size:var(--size-body);color:var(--ink-soft);max-width:60ch;margin-top:var(--gap-1)}.checkpoint{border-left:3px solid var(--brass);padding:2px 0 2px var(--gap-3);display:flex;flex-direction:column;gap:2px}.checkpoint__why{font-size:var(--size-label);color:var(--ink-soft);max-width:60ch}.today__finish{grid-area:finish;padding-top:var(--gap-2);display:flex;flex-direction:column;align-items:center;gap:var(--gap-2)}.today__finish .controls{max-width:720px}.today__done{width:100%;min-height:var(--tap-session);border-radius:var(--radius-lg);background:var(--accent);color:var(--surface);font-size:22px;font-family:var(--font-body);letter-spacing:.01em}.today__done:active{filter:brightness(.94)}.today__floor{min-height:42px;padding:0 var(--gap-3);color:var(--ink-soft);font-size:var(--size-body);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule)}.today__floornote{font-size:var(--size-label);color:var(--ink-faint);text-align:center;max-width:46ch}.today__carry{font-size:var(--size-label)}.today__carry .label{margin-right:6px}.today__notelink{align-self:flex-start;min-height:var(--tap);color:var(--ink-faint);font-size:var(--size-label);text-decoration:underline;text-underline-offset:4px}.today__note{border-top:1px solid var(--rule);padding-top:var(--gap-3)}.sheet{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;background:color-mix(in srgb,var(--ground) 78%,transparent);padding:var(--gap-4);padding-bottom:max(var(--gap-4),env(safe-area-inset-bottom))}.sheet__panel{width:min(560px,100%);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--gap-4);display:flex;flex-direction:column;gap:var(--gap-3)}.sheet__title{font-size:var(--size-title)}.sheet__row{display:flex;gap:var(--gap-3)}.sheet__confirm{flex:1 1 auto}@media (min-width: 900px){.today__done{max-width:520px}}.textarea--short{min-height:62px}@media (max-width: 560px),(max-height: 560px){.today{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.today .runner{flex:0 0 auto}.today .blockrow--active{min-height:320px}.today__finish{flex:0 0 auto;padding-bottom:var(--gap-2)}}.planblock{display:flex;flex-direction:column;gap:var(--gap-3);border-left:4px solid var(--rule);padding-left:var(--gap-3)}.planblock[data-block="1"]{border-left-color:var(--accent)}.planblock[data-block="2"]{border-left-color:var(--brass)}.planblock[data-block="3"]{border-left-color:var(--good)}.planblock__head{display:flex;flex-direction:column;gap:2px}.planblock__title{font-size:24px}.planblock__ends{font-size:var(--size-label);color:var(--ink-soft);max-width:60ch}.planblock__weeks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-1)}.weekrow{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);overflow:hidden}.weekrow--current{border-color:var(--accent)}.weekrow__button{width:100%;min-height:var(--tap-session);display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-2) var(--gap-3);text-align:left}.weekrow__number{font-size:22px;color:var(--ink-faint);flex:0 0 auto}.weekrow--current .weekrow__number{color:var(--accent)}.weekrow__body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.weekrow__theme{font-size:var(--size-body)}.weekrow__ear{font-size:var(--size-label);color:var(--ink-soft)}.weekrow__cp{color:var(--brass);flex:0 0 auto}.weekrow__now{color:var(--accent);flex:0 0 auto}.weekrow__detail{border-top:1px solid var(--rule);padding:var(--gap-3);display:flex;flex-direction:column;gap:var(--gap-2)}.weekrow__sunday{font-size:var(--size-label);color:var(--ink-soft);max-width:60ch}.weekrow__sunday .label{margin-right:6px}.weekdays{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.weekday{display:flex;align-items:center;gap:var(--gap-3);min-height:var(--tap);padding:4px 0;border-bottom:1px solid var(--rule);color:var(--ink-soft)}.weekday:last-child{border-bottom:0}.weekday__num{width:3ch;color:var(--ink-faint);flex:0 0 auto}.weekday--done .weekday__num{color:var(--good)}.weekday--current{color:var(--ink)}.weekday--current .weekday__num{color:var(--accent)}.weekday__thing{flex:1 1 auto;min-width:0}.weekday__go{min-height:var(--tap);padding:0 var(--gap-3);border-radius:var(--radius);border:1px solid var(--accent);color:var(--accent);font-size:var(--size-label);font-family:var(--font-mono)}.planpolicy{margin:0;padding-left:1.1em;color:var(--ink-soft);display:flex;flex-direction:column;gap:var(--gap-1);max-width:60ch}.tools__tabs,.explorer__roots,.explorer__qualities{display:flex;flex-wrap:wrap;gap:var(--gap-1)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--gap-3)}.stat{display:flex;flex-direction:column;gap:2px}.stat__value{font-size:40px;font-weight:600;line-height:1}.grid84{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px}@media (max-width: 560px){.grid84{grid-template-columns:repeat(7,minmax(0,1fr))}}.cell{aspect-ratio:1;min-height:30px;border-radius:4px;display:grid;place-items:center;font-size:11px;border:1px solid var(--rule);background:var(--surface-2);color:var(--ink-faint);transition:background .15s ease,color .15s ease}.cell--block1{border-color:color-mix(in srgb,var(--accent) 30%,var(--rule))}.cell--block2{border-color:color-mix(in srgb,var(--brass) 30%,var(--rule))}.cell--block3{border-color:color-mix(in srgb,var(--good) 30%,var(--rule))}.cell--done.cell--block1{background:var(--accent);border-color:var(--accent);color:var(--surface)}.cell--done.cell--block2{background:var(--brass);border-color:var(--brass);color:var(--surface)}.cell--done.cell--block3{background:var(--good);border-color:var(--good);color:var(--surface)}.cell--current{outline:2px solid var(--ink);outline-offset:1px}.cell--selected{outline:2px solid var(--accent);outline-offset:1px}.grid84__legend{display:flex;flex-wrap:wrap;gap:var(--gap-3);font-size:var(--size-label);color:var(--ink-soft);font-family:var(--font-mono)}.grid84__key{display:inline-flex;align-items:center;gap:6px}.grid84__swatch{width:12px;height:12px;border-radius:3px}.grid84__swatch--1{background:var(--accent)}.grid84__swatch--2{background:var(--brass)}.grid84__swatch--3{background:var(--good)}.daydetail{border-top:1px solid var(--rule);padding-top:var(--gap-3);display:flex;flex-direction:column;gap:var(--gap-1)}.daydetail__thing{font-family:var(--font-display);font-size:22px}.daydetail__detail,.daydetail__note{max-width:60ch;font-size:var(--size-label)}.daydetail__meta{font-size:var(--size-label);color:var(--ink-soft)}.checkpoints,.eartopics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-3)}.cprow{display:flex;gap:var(--gap-3)}.cprow__dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--rule);margin-top:7px;flex:0 0 auto}.cprow__dot--done{background:var(--good);border-color:var(--good)}.cprow__body{display:flex;flex-direction:column;gap:1px;min-width:0}.cprow__title{font-size:var(--size-body)}.cprow__why,.cprow__reflection{font-size:var(--size-label);color:var(--ink-soft);max-width:60ch}.cprow__reflection{color:var(--brass);margin-top:4px}.eartopics{gap:var(--gap-2)}.eartopic{display:grid;grid-template-columns:3ch minmax(0,1fr) 90px 4ch;align-items:center;gap:var(--gap-3);font-size:var(--size-label)}@media (max-width: 620px){.eartopic{grid-template-columns:3ch minmax(0,1fr) 4ch}.eartopic__bar{display:none}}.eartopic__week{color:var(--ink-faint)}.eartopic__name{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eartopic__bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.eartopic__fill{display:block;height:100%;background:var(--brass)}.eartopic__pct{text-align:right;color:var(--ink-soft)}.setting{display:flex;flex-direction:column;gap:var(--gap-2)}.setting__day{font-size:var(--size-lead);min-width:8ch;text-align:center}.setting__note{font-size:var(--size-label);max-width:60ch}.btn:disabled{opacity:.4}.ref__tabs{display:flex;flex-wrap:wrap;gap:var(--gap-1)}.page{display:flex;flex-direction:column;gap:var(--gap-3);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--gap-4)}.page>p{max-width:60ch;color:var(--ink-soft)}.page__title{font-size:var(--size-title)}.page__sub{font-family:var(--font-display);font-size:20px;font-weight:600;margin-bottom:2px}.page__lead{margin-bottom:var(--gap-2)}.page__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap-3)}.page__chords{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-2)}.page__figure,.page__ext{margin:0;display:flex;flex-direction:column;gap:var(--gap-1);min-width:0}.page__extnote{font-size:var(--size-label);color:var(--ink-soft)}.page__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{border-collapse:collapse;min-width:100%;font-size:var(--size-body)}.table th,.table td{text-align:left;padding:10px var(--gap-3) 10px 0;border-bottom:1px solid var(--rule);white-space:nowrap}.table thead th{font-family:var(--font-mono);font-size:var(--size-label);color:var(--brass);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.table__numeral{color:var(--brass);font-weight:600;padding-right:var(--gap-4)}.page__proglist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.page__progrow{display:grid;grid-template-columns:12ch 14ch minmax(0,1fr);gap:var(--gap-3);align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule)}@media (max-width: 620px){.page__progrow{grid-template-columns:1fr;gap:2px}}.page__prognum{font-weight:600}.page__progc{color:var(--brass)}.page__progsongs{color:var(--ink-soft);font-size:var(--size-label)}.rules,.protocol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-4)}.rules>li,.protocol__step p{max-width:60ch;color:var(--ink-soft)}.rules>li>p{color:var(--ink-soft)}.protocol__step{display:grid;grid-template-columns:2.4ch minmax(0,1fr);gap:var(--gap-3)}.protocol{gap:var(--gap-3)}.protocol__num{color:var(--brass);font-size:var(--size-lead)}.btn{min-height:var(--tap);padding:0 var(--gap-3);border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);color:var(--ink);font-size:var(--size-body);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease,border-color .12s ease}.btn:active{background:var(--surface-2)}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn--session{min-height:var(--tap-session);font-size:var(--size-lead);padding:0 var(--gap-4)}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-soft)}.app{height:100%;display:grid;grid-template-rows:1fr auto;padding-bottom:env(safe-area-inset-bottom)}.app__main{min-height:0;display:flex;flex-direction:column;overflow:hidden}.app__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(var(--gap-3),env(safe-area-inset-top)) var(--gap-4) var(--gap-4)}.app__scroll>*{max-width:1100px;margin:0 auto}.app__quick{display:flex;justify-content:flex-end;margin-bottom:calc(var(--gap-2) * -1)}.view{display:flex;flex-direction:column;gap:var(--gap-4)}.view__title{font-size:var(--size-title)}.view__intro{color:var(--ink-soft);max-width:60ch}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--gap-4);display:flex;flex-direction:column;gap:var(--gap-3)}.card__title{font-size:22px}.section-rule{border:0;border-top:1px solid var(--rule);margin:0}.tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule);background:var(--surface)}.tabs--left{direction:rtl}.tabs--left .tab{direction:ltr}.tab{min-height:var(--tap-session);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--size-label);letter-spacing:.04em}.tab--on{color:var(--accent)}.tab__mark{width:20px;height:3px;border-radius:2px;background:transparent}.tab--on .tab__mark{background:var(--accent)}.notice{border:1px solid var(--rule);background:var(--surface-2);border-radius:var(--radius);padding:var(--gap-2) var(--gap-3);font-size:var(--size-label);color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:var(--gap-1)}.input,.textarea{min-height:var(--tap);padding:10px var(--gap-3);border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);font-size:var(--size-body);width:100%}.textarea{min-height:92px;resize:vertical;font-family:var(--font-body)}.row{display:flex;flex-wrap:wrap;gap:var(--gap-2);align-items:center}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--gap-3)}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(./Fraunces-400-BOz5zopO.woff2) format("woff2")}@font-face{font-family:Karla;font-style:normal;font-weight:200 800;font-display:swap;src:url(./Karla-400-C1xgZzsk.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./IBMPlexMono-400-BJoXLJYV.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./IBMPlexMono-500-C820gu2e.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(./IBMPlexMono-600-DpGnXj3s.woff2) format("woff2")}:root{--ground: #f3f0ef;--surface: #fcfafa;--surface-2: #ede8e7;--ink: #1e1a1b;--ink-soft: #6b6162;--ink-faint: #948a8b;--rule: #dcd4d3;--accent: #9e2b36;--accent-soft: #efddde;--brass: #8a6e3f;--good: #3e6b50;--key-white: #fcfafa;--key-black: #1e1a1b;--font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-body: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--size-label: 14px;--size-body: 18px;--size-lead: 20px;--size-title: 30px;--size-onething: clamp(34px, 4.4vw, 56px);--size-timer: clamp(64px, 6.4vw, 84px);--tap: 48px;--tap-session: 64px;--radius: 10px;--radius-lg: 16px;--gap-1: 6px;--gap-2: 10px;--gap-3: 16px;--gap-4: 24px;--gap-5: 36px;--shadow: 0 1px 2px rgba(30, 26, 27, .06), 0 6px 20px rgba(30, 26, 27, .05);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #161314;--surface: #1f1b1c;--surface-2: #282223;--ink: #efe8e8;--ink-soft: #a69a9b;--ink-faint: #7a6f70;--rule: #342c2e;--accent: #da7a82;--accent-soft: #3b2225;--brass: #c2a36c;--good: #7fac8d;--key-white: #d8d1d0;--key-black: #100e0f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--ground: #161314;--surface: #1f1b1c;--surface-2: #282223;--ink: #efe8e8;--ink-soft: #a69a9b;--ink-faint: #7a6f70;--rule: #342c2e;--accent: #da7a82;--accent-soft: #3b2225;--brass: #c2a36c;--good: #7fac8d;--key-white: #d8d1d0;--key-black: #100e0f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--size-body);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;overscroll-behavior:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.display{font-family:var(--font-display)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.label{font-family:var(--font-mono);font-size:var(--size-label);letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}