:root{--scale: 1;--bg: #fcfbf8;--surface: #f1efe8;--text: #1c1c1a;--muted: #5f5e5a;--line: #b4b2a9;--teal-50: #e1f5ee;--teal-600: #0f6e56;--teal-900: #04342c;--coral-50: #faece7;--coral-100: #f5c4b3;--coral-200: #f0997b;--coral-400: #d85a30;--coral-600: #993c1d;--coral-900: #4a1b0c;--radius: 18px;font-size:calc(18px * var(--scale))}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:3px solid var(--teal-600);outline-offset:2px}.screen{min-height:100dvh;max-width:520px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:12px}.brand{text-align:center;color:var(--muted);font-size:.95rem;letter-spacing:.14em;margin:2px 0}.half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);font-size:1.45rem;font-weight:600;min-height:130px;border:2px solid var(--line);background:var(--surface);color:var(--text)}.half--record{flex:1.15;background:var(--teal-50);border-color:var(--teal-600);color:var(--teal-900)}.half svg{width:38px;height:38px}.hint{margin:0;text-align:center;color:var(--muted);font-size:.95rem;min-height:1.4em}.lastbar{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;min-height:68px;width:100%}.lastbar__text{flex:1;min-width:0}.lastbar__main{margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lastbar__sub{margin:0;font-size:.85rem;color:var(--muted)}.resting{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 6px;text-align:center;color:var(--muted);font-size:.88rem}.resting svg{width:17px;height:17px;flex:none}.topbar{display:flex;align-items:center;gap:10px}.backbtn{display:flex;align-items:center;gap:6px;font-size:1.05rem;font-weight:600;padding:12px 16px 12px 10px;border-radius:12px;color:var(--teal-900)}.backbtn svg{width:22px;height:22px}.screen-title{font-size:1.3rem;font-weight:600;margin:0}.bigtext{width:100%;min-height:38dvh;padding:14px;font:inherit;font-size:1.25rem;line-height:1.5;color:var(--text);background:#fff;border:2px solid var(--line);border-radius:14px;resize:none}.bigtext:focus-visible{border-color:var(--teal-600);outline:none;box-shadow:0 0 0 3px var(--teal-50)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:14px;border-radius:var(--radius);background:var(--teal-50);border:2px solid var(--teal-600);color:var(--teal-900);font-size:1.3rem;font-weight:600}.btn-primary:disabled{opacity:.45;cursor:default}.btn-quiet{width:100%;min-height:56px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font-size:1.1rem;font-weight:600;color:var(--text)}.saved{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.saved__label{margin:0;color:var(--muted);font-size:1rem}.saved__text{margin:0;font-size:1.5rem;font-weight:600;line-height:1.35}.group-header{margin:14px 0 4px;color:var(--muted);font-weight:600;font-size:.95rem}.note{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px}.note+.note{margin-top:8px}.note__body{flex:1;min-width:0}.note__text{margin:0;font-size:1.08rem;line-height:1.45;overflow-wrap:break-word}.note__time{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.note__delete{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:var(--muted)}.note__delete svg{width:22px;height:22px}.note--confirm{flex-direction:column;align-items:stretch;gap:12px;border-color:var(--teal-600)}.confirm__question{margin:0;font-size:1.08rem;font-weight:600}.confirm__row{display:flex;gap:10px}.confirm__row .btn-quiet{min-height:52px}.empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:1.05rem;padding:0 20px}.warnline{display:flex;align-items:center;gap:8px;margin:0;background:#faeeda;border:1.5px solid #ba7517;color:#633806;border-radius:12px;padding:10px 12px;font-size:.92rem}.rec-screen{background:var(--coral-50);box-shadow:0 0 0 100vmax var(--coral-50)}.rec-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rec-label{font-size:1.05rem;font-weight:600;color:var(--coral-600);letter-spacing:.04em}.rec-iconbtn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:var(--coral-600)}.rec-keyboard{display:flex;align-items:center;gap:7px;font-size:.95rem;font-weight:600;color:var(--coral-600);border:1.5px solid var(--coral-100);border-radius:12px;padding:10px 12px}.rec-center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.rec-pulse{flex:none;width:124px;height:124px;border-radius:50%;background:var(--coral-100);display:flex;align-items:center;justify-content:center}.rec-pulse-inner{width:86px;height:86px;border-radius:50%;background:var(--coral-200);color:var(--coral-900);display:flex;align-items:center;justify-content:center;transition:transform 90ms linear}.rec-transcript{width:100%;max-height:32dvh;overflow-y:auto;text-align:center;font-size:1.35rem;line-height:1.5;padding:0 6px}.rec-final{color:var(--coral-900)}.rec-interim{color:var(--coral-400)}.rec-placeholder{color:var(--coral-600)}.rec-hint{margin:0;min-height:1.5em;text-align:center;color:var(--coral-600);font-size:.95rem}.rec-done{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:76px;border-radius:var(--radius);background:var(--coral-100);border:2px solid var(--coral-400);color:var(--coral-900);font-size:1.4rem;font-weight:600}.card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:20px 18px;display:flex;flex-direction:column;gap:14px;margin-top:8px}.card__heading{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3}.card__body{margin:0;font-size:1.05rem;line-height:1.5}.card__steps{margin:0;padding-left:24px;font-size:1.05rem;line-height:1.5;display:flex;flex-direction:column;gap:8px}@media(prefers-reduced-motion:no-preference){.half,.btn-primary,.btn-quiet,.rec-done{transition:transform .06s ease}.half:active,.btn-primary:active,.btn-quiet:active,.rec-done:active{transform:scale(.985)}.rec-pulse{animation:rec-breathe 3.2s ease-in-out infinite}.rec-pulse-inner--bump{animation:rec-bump .35s ease-out}}@keyframes rec-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rec-bump{0%{transform:scale(1)}30%{transform:scale(1.26)}to{transform:scale(1)}}