:root{--surface:#f5f9f6;--surface-raised:#fff;--bruma:#e2f0e8;--arena:#fff3d6;--line:#d3e2da;--line-strong:#71898a;--ink:#0f2a2e;--ink-muted:#4a6266;--selva:#0b6b4f;--on-selva:#fff;--mango:#ffb627;--on-mango:#0f2a2e;--mango-ink:#7a4f00;--noche:#0f2a2e;--achiote:#a8360b;--achiote-soft:#fde4d8;--escenario:#e9ecef;--focus:var(--selva);--shadow-card:0 1px 2px #0f2a2e0f, 0 8px 24px #0f2a2e14;--font-display:"Baloo 2", "Nunito", ui-rounded, system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-body);color:var(--ink);background:var(--surface);font-size:16px;line-height:24px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#0c1a1c;--surface-raised:#142629;--bruma:#123a2d;--arena:#3a2c08;--line:#2a4145;--line-strong:#6b8784;--ink:#e8f3ee;--ink-muted:#a6bbb6;--selva:#52c99c;--on-selva:#062a1e;--mango:#ffc34d;--on-mango:#1a1300;--mango-ink:#ffc34d;--noche:#1f4a50;--achiote:#ff9a6b;--achiote-soft:#3d1a0c;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}body{background:var(--surface);margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scene{background:var(--escenario);color:#0f2a2e;height:100dvh;min-height:640px;position:relative;overflow:hidden}.app__footer{padding:var(--space-6) var(--space-4);color:var(--ink-muted);text-align:center;gap:var(--space-1);font-size:13px;line-height:18px;display:grid}.app__footer p{margin:0}.plate{background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-card)}.scene__top{top:var(--space-6);left:var(--space-6);right:var(--space-6);z-index:2;justify-content:space-between;align-items:center;gap:var(--space-4);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.scene__top>*{pointer-events:auto}.plate--logo{padding:var(--space-2) 20px var(--space-2) var(--space-3);margin:0;line-height:0}.plate--group{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.logo{align-items:center;gap:calc(var(--logo-size,40px) * .2);display:inline-flex}.logo__mark{flex:none;display:block}.logo__arc-selva{stroke:var(--selva)}.logo__arc-mango{stroke:var(--mango)}.logo__word{font-family:var(--font-display);font-weight:800;font-size:calc(var(--logo-size,40px) * .8);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:.12em;line-height:1;display:inline-flex}.logo__pill{background:var(--mango);color:var(--on-mango);border-radius:var(--radius-pill);letter-spacing:.02em;padding:.18em .5em .08em;font-size:.58em}.icon{flex:none;width:20px;height:20px}.stage{position:absolute;inset:0}.stage__bg{pointer-events:none;position:absolute;inset:0}.stage__bg-image{background-repeat:no-repeat;background-size:cover;position:absolute;inset:-16px}.stage__bg-veil{background:#eef4f0;position:absolute;inset:0}.stage--loading{color:#4a6266;place-items:center;display:grid}.stage--placeholder{text-align:center;padding:120px var(--space-4) 280px;place-content:center;justify-items:center;gap:var(--space-2);display:grid}.placeholder__letter{font-family:var(--font-display);font-size:clamp(5rem,18vw,9rem);font-weight:800;line-height:1}.placeholder__desc{max-width:46ch;margin:0}.placeholder__move{color:#0b6b4f;margin:0;font-weight:700}.placeholder__note{margin:var(--space-2) 0 0;color:#4a6266;font-size:13px;line-height:18px}.letter-card{top:120px;left:var(--space-6);z-index:1;gap:var(--space-2);width:232px;padding:var(--space-6);background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:absolute}.letter-card__label{color:var(--ink-muted);font-size:14px;font-weight:700;line-height:20px}.letter-card__letter{font-family:var(--font-display);font-size:96px;font-weight:800;line-height:96px}.letter-card__count{color:var(--ink-muted);font-size:14px;line-height:20px}.letter-card__desc{margin:0;font-size:15px;line-height:22px}.letter-card--empty .letter-card__letter{color:var(--line-strong)}.views{top:120px;right:var(--space-6);z-index:1;gap:var(--space-2);padding:var(--space-2);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:absolute}.views__btn{font:inherit;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}.views__btn:hover{background:var(--surface)}.views__btn.is-on{background:var(--bruma);color:var(--selva)}.views__btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dock-wrap{left:var(--space-6);right:var(--space-6);bottom:var(--space-6);z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute}.dock{pointer-events:auto;gap:var(--space-4);width:100%;max-width:980px;padding:20px var(--space-6);background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.dock__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.timeline{padding:var(--space-1);align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;list-style:none;display:flex}.timeline__gap{width:var(--space-4)}.chip{font-family:var(--font-display);min-width:48px;height:48px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:2px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);cursor:pointer;font-size:22px;font-weight:800;line-height:1;transition:transform .16s,background-color .16s,border-color .16s}.chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chip--done{background:var(--bruma);color:var(--selva);border-color:var(--bruma)}.chip--current{background:var(--mango);border-color:var(--mango-ink);color:var(--on-mango);transform:scale(1.12)}.chip--missing{color:var(--ink-muted);border-style:dashed}.speed{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:inline-flex}.speed__label{color:var(--ink-muted);margin-right:var(--space-1);font-size:14px;font-weight:700}.speed__opt{font:inherit;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.speed__opt.is-on{background:var(--selva);border-color:var(--selva);color:var(--on-selva)}.speed__opt:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn.speed-cycle{display:none}.entry{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.entry input{min-width:0;height:52px;font:inherit;border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);flex:320px;padding:0 20px;font-size:18px}.entry input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.entry__note{color:var(--ink-muted);flex-basis:100%;margin:0;font-size:15px}.entry__note strong{color:var(--ink);letter-spacing:.08em}.entry__note--warn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--achiote-soft);color:var(--achiote);font-size:14px}.speech__note{flex-basis:100%;margin:0;font-size:14px}.speech__note--interim{color:var(--ink-muted);font-style:italic}.speech__note--error{color:var(--achiote)}.controls{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dock__badge{display:none}.btn{font:inherit;min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);font-size:15px;font-weight:700;line-height:20px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--selva);color:var(--selva)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn--primary{background:var(--selva);color:var(--on-selva);border-color:var(--selva)}.btn--primary:hover:not(:disabled){color:var(--on-selva);filter:brightness(1.08)}.btn--quiet{color:var(--selva);padding-inline:var(--space-3);background:0 0;border-color:#0000}.btn--quiet:hover:not(:disabled){background:var(--bruma);border-color:#0000}.btn--round{width:48px;height:48px;padding:0}.btn--big{width:64px;height:64px}.btn--big .icon{width:28px;height:28px}.btn--active{background:var(--bruma);color:var(--selva)}.btn--recording{background:var(--achiote);color:var(--surface-raised);border-color:var(--achiote)}.btn--recording:hover:not(:disabled){color:var(--surface-raised);border-color:var(--achiote)}.avatar-selector{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.avatar-selector label{color:var(--ink-muted);font-size:14px;font-weight:700}.avatar-selector select{font:inherit;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font-size:15px}.avatar-selector select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.avatar-selector__warn{color:var(--achiote);font-size:13px;line-height:18px}.status-badge{border-radius:var(--radius-pill);padding:2px var(--space-3);white-space:nowrap;align-items:center;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.status-badge:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:currentColor;border-radius:50%}.status-badge--draft{background:var(--arena);color:var(--mango-ink)}.status-badge--approved{background:var(--bruma);color:var(--selva)}.status-badge--rejected{background:var(--achiote-soft);color:var(--achiote)}@media (width<=1100px){.letter-card{width:190px;padding:var(--space-4)}.letter-card__letter{font-size:72px;line-height:72px}.letter-card__desc{display:none}}@media (width<=720px){.scene{flex-direction:column;height:auto;min-height:100dvh;display:flex}.stage{flex:1 0 auto;height:max(360px,56dvh);position:relative;inset:auto}.stage--placeholder{padding:96px var(--space-4) var(--space-8)}.scene__top{top:var(--space-4);left:var(--space-4);right:var(--space-4);gap:var(--space-2);flex-wrap:nowrap}.plate--logo{padding:6px 12px 6px var(--space-2)}.plate--logo .logo{zoom:.78}.plate--group{gap:var(--space-2);min-width:0;padding:6px}.plate--group .status-badge,.avatar-selector label{display:none}.avatar-selector select{max-width:150px;font-size:14px}.letter-card{top:84px;left:var(--space-4);align-items:center;gap:var(--space-3);width:auto;padding:6px var(--space-4) 6px 6px;border-radius:var(--radius-pill);flex-direction:row}.letter-card__label,.letter-card__desc{display:none}.letter-card__letter{background:var(--mango);width:48px;height:48px;color:var(--on-mango);border:2px solid var(--mango-ink);border-radius:50%;place-items:center;font-size:28px;line-height:1;display:grid}.letter-card--empty .letter-card__letter{background:var(--surface);color:var(--line-strong);border-color:var(--line-strong)}.letter-card__count{color:var(--ink);font-weight:700}.views{top:calc(max(360px,56dvh) - 88px);right:var(--space-4);gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);flex-direction:row}.views__btn{min-height:40px;padding:0 var(--space-3)}.dock-wrap{margin-top:-24px;position:relative;bottom:auto;left:auto;right:auto}.dock{max-width:none;padding:var(--space-4) var(--space-4) 20px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;gap:14px}.dock__row{flex-wrap:nowrap}.timeline{flex-wrap:nowrap;min-width:0;overflow-x:auto}.speed{display:none}.btn.speed-cycle{flex:none;margin-left:auto;display:inline-flex}.controls{gap:var(--space-1);order:1}.entry{order:2}.entry input{height:48px;padding:0 var(--space-4);flex-grow:1;flex-basis:0;font-size:17px}.dock__badge{order:3;justify-content:center;display:flex}.btn__label{display:none}.btn--quiet{width:44px;padding:0}.entry__submit{width:48px;padding:0}}@media (prefers-reduced-motion:reduce){.chip,.btn{transition:none}.chip--current{transform:none}}