:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3ecdf;--ink:#1b2430;--teal:#0e6b66;--teal-deep:#0a4744;--clay:#9c3b2e;--gold:#a6793d;--card:#fffaf3;--line:#e2d5c3;--muted:#5c5348;--serif:"Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--sans:"Avenir Next", "Segoe UI", sans-serif;font-family:var(--sans);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #a6793d29, transparent 28rem), var(--paper);min-height:100vh;margin:0}a{color:var(--teal-deep)}button,input,select,textarea{font:inherit;color:inherit}button,.button{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.55rem .9rem;text-decoration:none}.button{background:var(--teal);color:#f7f3ea;border-color:var(--teal);display:inline-block}.button.primary,.button.wide{text-align:center;width:100%;display:block}.button.wide{background:var(--card);color:var(--teal-deep);border-color:var(--teal)}button:disabled{opacity:.45;cursor:default}.button.clay{background:var(--clay);border-color:var(--clay)}button[aria-pressed=true],.pair-button[aria-pressed=true]{background:var(--teal);color:#f7f3ea;border-color:var(--teal)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.skip{background:var(--card);padding:.4rem .7rem;position:absolute;top:-3rem;left:.5rem}.skip:focus{top:.5rem}.app{min-height:100vh}.top{justify-content:space-between;align-items:baseline;padding:1rem 1.1rem .2rem;display:flex}.brand{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:1.7rem}.top-switch{justify-content:center;align-items:stretch;gap:.4rem;padding:.15rem .75rem .45rem;display:flex;position:relative}.top-trigger{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:auto;min-width:0;max-width:11.2rem;line-height:1.25;overflow:hidden}.top-menu{z-index:2;background:var(--card);border:1px solid var(--line);border-radius:1rem;gap:.45rem;padding:.75rem;display:grid;position:absolute;top:calc(100% - .2rem);left:.75rem;right:.75rem;box-shadow:0 8px 24px #1b243014}.top-menu form,.top-menu label{gap:.3rem;display:grid}.person-shared{background:#d7efe9;border-radius:1rem;margin:0;padding:.8rem .95rem}.version{color:var(--muted);margin:0;font-size:.85rem}.layout{display:block}main{max-width:46rem;padding:.5rem 1.1rem 1.5rem}.nav{gap:.35rem;padding:.4rem .8rem;display:flex}.nav a{color:var(--ink);border-radius:.7rem;padding:.45rem .55rem;text-decoration:none}.nav a[aria-current=page]{background:var(--teal);color:#f7f3ea}h1,h2{font-family:var(--serif);letter-spacing:-.02em;font-weight:600}h1{margin:.2rem 0;font-size:2rem;line-height:1.15}.stack{gap:.8rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.speed{padding:.8rem .9rem}.speed .row button{min-width:4.5rem}.speed-now{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.banner,.warn{border-left:4px solid var(--gold);background:#f6e4cf;margin:0;padding:.7rem .8rem}.warn{border-left-color:var(--clay)}.hint,.count,.depth,.version{color:var(--muted)}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;display:inline-block}.pair-list{gap:.5rem;display:grid}.pair-button{text-align:left;border-radius:.9rem;padding:.8rem .9rem}.cards,.phrase-list,.choices{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.card,.phrase-list a,.choices button,fieldset,.record,.pitch,.culture{background:var(--card);border:1px solid var(--line);border-radius:1rem}.card a,.phrase-list a{color:inherit;gap:.2rem;padding:.8rem .9rem;text-decoration:none;display:grid}.card.emergency{border-left:4px solid var(--clay)}.dialog,section.card{padding:.9rem}.phrase-list a strong,.show h1,.phrase h1{font-family:var(--serif)}.choices button{text-align:left;border-radius:.9rem;width:100%}label{gap:.3rem;display:grid}.choice{align-items:flex-start;gap:.5rem;display:flex}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:.6rem;padding:.45rem .55rem}textarea{white-space:pre-wrap;min-height:5rem}.file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.button:has(input:disabled){opacity:.55}.slot{color:inherit;background:#f3e2c4;border-radius:.3rem;padding:0 .2rem}.gloss{font-size:1.05rem}.prose{white-space:pre-wrap;line-height:1.55}.note{white-space:pre-wrap;font-size:1.4rem}.pitch-canvas{background:var(--card);border-radius:.8rem;width:100%;height:auto}.legend{gap:1rem;display:flex}.swatch:before{content:"";border-radius:99px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.swatch.model:before{background:var(--teal)}.swatch.you:before{background:var(--clay)}.show h1{font-size:clamp(2.4rem,8vw,4.4rem)}.show-purpose{max-width:40rem;margin:0;line-height:1.45}body:has(.show-mode){background:#14181c}.show-mode{--paper:#14181c;--ink:#f4efe6;--card:#24303a;--line:#7d8b99;--muted:#d4c8b6;--gold:#f0c27a;background:var(--paper);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.show-mode .top,.show-mode .nav a,.show-mode a{color:#f4efe6}.show-mode .nav a[aria-current=page]{background:var(--teal);color:#f7f3ea}.show-mode main{max-width:60rem}.show-mode .for-other{letter-spacing:.08em;text-transform:uppercase;color:#d9c7a4;font-size:.8rem}.show-mode .skip,.show-mode .top-menu,.show-mode .card,.show-mode fieldset,.show-mode .record,.show-mode .pitch,.show-mode .culture,.show-mode a.menu-card,.show-mode details,.show-mode summary{background:var(--card);color:var(--ink)}.show-mode summary{padding:.55rem .8rem}.show-mode details{border:1px solid var(--line);border-radius:1rem}.show-mode .button.wide{background:var(--card);color:var(--ink);border-color:var(--teal)}.show-mode .banner,.show-mode .warn,.show-mode .voice-note,.show-mode p[role=status],.show-mode p[role=alert]{color:#f4efe6;background:#3a2a22}.show-mode .warn{border-left-color:#e7a090}.show-mode .person-shared{color:#f4efe6;background:#1a3330}.show-mode input,.show-mode select,.show-mode textarea,.show-mode option{background:var(--card);color:var(--ink);border-color:var(--line)}.show-mode .slot{color:#f4efe6;background:#4a3d2e}.show-mode .badge{background:var(--card);color:var(--muted)}.show-mode .target-line.playing{color:#f4efe6;background:#1a3330}.show-mode .pitch-canvas{background:var(--card)}.prompt{font-family:var(--serif);font-size:1.5rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.pad{padding:.95rem 1rem}.choice-grid{flex-wrap:wrap;gap:.45rem;display:flex}.choice-grid button{border-radius:999px}a.menu-card{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:1rem;gap:.15rem;padding:.9rem 1rem;text-decoration:none;display:grid}a.menu-card span{color:var(--muted)}.voice-list{gap:.45rem;display:grid}.voice-option{flex-wrap:wrap;align-items:stretch;gap:.45rem;display:flex}.voice-option>button:first-child{text-align:left;flex:1}.voice-offline{flex-basis:100%;align-items:center;gap:.45rem;margin:0;display:flex}.voice-note{border-left:4px solid var(--gold);background:#f6e4cf;margin:0;padding:.65rem .75rem}.play-row{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:.7rem;width:fit-content;padding:.2rem 0;display:inline-flex}.play-row[aria-pressed=true]{color:inherit;background:0 0;border:0}.play-mark{background:var(--teal);border-radius:999px;flex:none;place-items:center;width:2.4rem;height:2.4rem;display:inline-grid}.play-mark:before{content:"";border:.42rem solid #0000;border-left:.68rem solid #f7f3ea;border-right-width:0;margin-left:.15rem}.target-line{font-family:var(--serif);margin:0;font-size:1.85rem;line-height:1.25}.target-line.playing{background:#d7efe9;border-radius:.45rem}.karaoke-block{gap:.35rem;display:grid}.karaoke{flex-wrap:wrap;align-items:baseline;gap:.15rem .28rem;display:flex}.karaoke button{line-height:inherit;background:0 0;border:0;border-radius:.28rem;padding:0 .08rem}.karaoke button[aria-pressed=true]{color:inherit;box-shadow:inset 0 -2px 0 var(--teal);background:0 0;border-color:#0000}.karaoke button.now,.karaoke button.now[aria-pressed=true]{color:inherit;background:#b7e0d4}.show-mode .karaoke button{color:#f4efe6;background:#24303a}.show-mode .karaoke button[aria-pressed=true]{color:#f4efe6;background:#2c3a46;box-shadow:inset 0 -2px #8fd0c6}.show-mode .karaoke button.now,.show-mode .karaoke button.now[aria-pressed=true]{color:#f4efe6;background:#24574d}.word-gloss{margin:0}.placeholder-line{margin:.2rem 0 .35rem}.rate-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.rate-grid button{text-align:left;background:var(--card);border-radius:1rem;padding:.75rem .8rem;display:grid}.rate-grid span{color:var(--muted);font-size:.85rem}@media (max-width:799px){.nav{background:var(--card);border-top:1px solid var(--line);z-index:2;padding-bottom:calc(.35rem + env(safe-area-inset-bottom));justify-content:space-between;position:fixed;bottom:0;left:0;right:0}.show-mode .nav{background:#1c2228}.app{padding-bottom:calc(4.6rem + env(safe-area-inset-bottom))}.nav a{font-size:.82rem}main{padding-bottom:1rem}}.repeat-plots,.repeat-words,.repeat-pair{align-items:stretch;gap:.45rem;display:flex}.repeat-plots>div,.repeat-words>button{min-width:0}.repeat-words{margin:.35rem 0 .2rem}.word-chip{background:var(--card);border-radius:1rem;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.35rem .3rem;display:flex}.word-chip-text{font-weight:650}.word-marks{flex-direction:column;align-items:center;font-size:.72rem;line-height:1.25;display:flex}.word-chip .mark.green{color:#1d7a46}.word-chip .mark.yellow{color:#8a5a12}.word-chip .mark.red{color:var(--clay)}.word-chip .mark.plain{color:var(--muted)}.word-chip.green{color:#1d7a46;border-color:#1d7a46}.word-chip.yellow{color:#8a5a12;border-color:#c4922a}.word-chip.red{color:var(--clay);border-color:var(--clay);background:#f8e4df}.word-chip.plain{color:var(--ink)}.repeat-pair>article{flex:1;min-width:0}.repeat-word{font-family:var(--serif);margin:0;font-size:2.4rem}.score-bar{grid-template-columns:5.2rem 1fr auto;align-items:center;gap:.45rem;margin:.2rem 0;display:grid}.score-track{background:#efe4d4;border-radius:99px;height:.55rem;display:block;overflow:hidden}.score-fill{border-radius:99px;height:100%;display:block}.score-track.passt .score-fill{background:var(--teal)}.score-track.teilweise .score-fill{background:var(--gold)}.score-track.daneben .score-fill{background:var(--clay)}.tone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.tone-tile{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:.8rem;margin:0;padding:.45rem .35rem}.tone-tile strong,.tone-tile span{display:block}.tone-tile span{color:var(--muted);font-size:.85rem}.tone-tile.on{border-color:var(--clay);background:#f8e4df}.tone-you{background:#f8e4df}.show-mode .word-chip,.show-mode .word-chip.plain{color:#f4efe6;background:#24303a}.show-mode .word-chip.green{color:#9be7b8;background:#1a3330;border-color:#9be7b8}.show-mode .word-chip.yellow{color:#f0c27a;background:#3a3220;border-color:#f0c27a}.show-mode .word-chip.red{color:#ffd0c6;background:#3a2a22;border-color:#e7a090}.show-mode .word-chip .mark.green{color:#9be7b8}.show-mode .word-chip .mark.yellow{color:#f0c27a}.show-mode .word-chip .mark.red{color:#ffd0c6}.show-mode .word-chip .mark.plain{color:#d4c8b6}.show-mode .score-track{background:#1a222a}.show-mode .score-track.passt .score-fill{background:#5ee0d4}.show-mode .score-track.teilweise .score-fill{background:#f0c27a}.show-mode .score-track.daneben .score-fill{background:#e7a090}.show-mode .tone-tile,.show-mode .tone-you{color:#f4efe6;background:#24303a}.show-mode .tone-tile.on,.show-mode .tone-you{color:#f4efe6;background:#3a2a22;border-color:#e7a090}.show-mode .tone-tile span{color:#d4c8b6}@media (min-width:800px){.layout{grid-template-columns:13rem minmax(0,1fr);min-height:calc(100vh - 4rem);display:grid}.nav{flex-direction:column;align-self:start;padding-top:.6rem;position:sticky;top:0}main{padding-top:.2rem}}