:root{--scale: 1;color-scheme:light dark;--bg: #fbfbfd;--surface: #ffffff;--surface-hi: #f3f5f9;--text: #16181d;--muted: #565d6b;--line: #d8dce4;--accent: #0a5ce6;--accent-text: #0a57db;--accent-soft: #e5efff;--accent-on: #ffffff;--record: #c62d22;--record-text: #a32219;--record-soft: #fce9e7;--record-on: #ffffff;--warn-bg: #fff4e0;--warn-line: #d98a2b;--warn-text: #7a4a10;--radius-btn: 22px;--radius-card: 22px;--radius-sm: 14px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 6px 16px rgba(16, 24, 40, .08);--shadow-accent: 0 8px 24px rgba(10, 92, 230, .22);--shadow-record: 0 8px 24px rgba(198, 45, 34, .2);--glass: rgba(251, 251, 253, .72);font-size:calc(18px * var(--scale))}@media(prefers-color-scheme:dark){:root{--bg: #0b0c0f;--surface: #16181d;--surface-hi: #1f222a;--text: #f2f4f8;--muted: #9aa1af;--line: #31353f;--accent: #5ca0ff;--accent-text: #8fbeff;--accent-soft: #152238;--accent-on: #0b1220;--record: #ff6a5f;--record-text: #ff9e96;--record-soft: #2a1513;--record-on: #2a0906;--warn-bg: #2a2210;--warn-line: #b5893b;--warn-text: #f0d9a8;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-accent: 0 6px 20px rgba(92, 160, 255, .3);--shadow-record: 0 6px 20px rgba(255, 106, 95, .28);--glass: rgba(22, 24, 29, .7)}}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen{min-height:100dvh;max-width:520px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:12px}.brand{color:var(--muted);font-size:.92rem;letter-spacing:.16em;font-weight:600}.home-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}.gearbtn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:var(--muted);background:var(--surface-hi)}.half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-card);font-size:1.45rem;font-weight:600;min-height:132px;background:var(--accent-soft);color:var(--accent-text);box-shadow:var(--shadow-card)}.half--record{flex:1.15;background:var(--accent);color:var(--accent-on);box-shadow:var(--shadow-accent)}.half svg{width:40px;height:40px}.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:.5px solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;min-height:70px;width:100%;box-shadow:var(--shadow-card)}.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);font-variant-numeric:tabular-nums}.resting{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 4px;text-align:center;color:var(--muted);font-size:.88rem}.resting svg{width:17px;height:17px;flex:none}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;margin:-14px -14px 0;padding:10px 14px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:.5px solid var(--line)}.backbtn{display:flex;align-items:center;gap:6px;font-size:1.05rem;font-weight:600;padding:10px 14px 10px 8px;border-radius:12px;color:var(--accent-text)}.backbtn svg{width:22px;height:22px}.screen-title{font-size:1.3rem;font-weight:600;margin:0;letter-spacing:-.01em}.bigtext{width:100%;min-height:38dvh;padding:15px;font:inherit;font-size:1.25rem;line-height:1.5;color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);resize:none}.bigtext:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:14px;border-radius:var(--radius-btn);background:var(--accent);border:none;color:var(--accent-on);font-size:1.3rem;font-weight:600;box-shadow:var(--shadow-accent)}.btn-primary:disabled{opacity:.4;box-shadow:none;cursor:default}.btn-quiet{width:100%;min-height:58px;padding:12px;border-radius:var(--radius-btn);border:1.5px solid var(--line);background:var(--surface);font-size:1.1rem;font-weight:600;color:var(--text)}.btn-quiet:disabled{opacity:.4;cursor:default}.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:16px 0 6px;color:var(--muted);font-weight:600;font-size:.95rem}.note{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius-sm);padding:14px 15px;box-shadow:var(--shadow-card)}.note+.note{margin-top:9px}.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);font-variant-numeric:tabular-nums}.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(--accent)}.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:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-text);border-radius:12px;padding:10px 12px;font-size:.92rem}.rec-screen{background:var(--record-soft);box-shadow:0 0 0 100vmax var(--record-soft);clip-path:inset(0)}.rec-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rec-label{font-size:1.05rem;font-weight:600;color:var(--record-text);letter-spacing:.06em;text-transform:uppercase}.rec-iconbtn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:var(--record-text)}.rec-keyboard{display:flex;align-items:center;gap:7px;font-size:.95rem;font-weight:600;color:var(--record-text);border:1.5px solid var(--record);border-radius:999px;padding:10px 14px}.rec-center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.rec-pulse{flex:none;width:128px;height:128px;border-radius:50%;background:color-mix(in srgb,var(--record) 22%,transparent);display:flex;align-items:center;justify-content:center}.rec-pulse-inner{width:88px;height:88px;border-radius:50%;background:var(--record);color:var(--record-on);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-record);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(--text)}.rec-interim,.rec-placeholder{color:var(--record-text)}.rec-hint{margin:0;min-height:1.5em;text-align:center;color:var(--record-text);font-size:.95rem}.rec-done{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:76px;border-radius:var(--radius-btn);background:var(--record);border:none;color:var(--record-on);font-size:1.4rem;font-weight:600;box-shadow:var(--shadow-record)}.card{background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius-card);padding:20px 18px;display:flex;flex-direction:column;gap:14px;margin-top:8px;box-shadow:var(--shadow-card)}.card__heading{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}.card__body{margin:0;font-size:1.05rem;line-height:1.5;color:var(--muted)}.card__steps{margin:0;padding-left:24px;font-size:1.05rem;line-height:1.5;display:flex;flex-direction:column;gap:8px}.ans-speaker{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:.95rem}.ans-speaker__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}.ans-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:0}.ans-sedno{margin:0;font-size:2.15rem;font-weight:700;line-height:1.18;letter-spacing:-.015em;text-wrap:balance}.ans-zdanie{margin:0;font-size:1.15rem;line-height:1.5;color:var(--text)}.ans-source{display:flex;align-items:center;gap:8px;background:var(--surface-hi);border:.5px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--muted);font-size:.92rem}.ans-source svg{width:16px;height:16px;flex:none}.ans-list{display:flex;flex-direction:column;gap:9px;overflow-y:auto}.ans-actions{display:flex;gap:10px}.ans-actions .btn-quiet{flex:1}.thinking{align-items:stretch;justify-content:flex-end}.thinking__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.thinking__text{margin:0;color:var(--muted);font-size:1.15rem;text-align:center}.thinking__dots{display:flex;gap:10px}.thinking__dots span{width:14px;height:14px;border-radius:50%;background:var(--accent);opacity:.4}.field-label{display:block;font-weight:600;font-size:.95rem;margin:4px 0 0}.field-input{width:100%;min-height:54px;padding:13px 15px;font:inherit;font-size:1.05rem;color:var(--text);background:var(--surface-hi);border:1.5px solid var(--line);border-radius:14px}.field-input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.field-hint{margin:0;font-size:.88rem;color:var(--muted)}.status-ok,.status-bad{margin:0;border-radius:12px;padding:11px 13px;font-size:.95rem}.status-ok{color:var(--accent-text);background:var(--accent-soft)}.status-bad{color:var(--record-text);background:var(--record-soft)}.status-detail{margin:8px 0 0;font-family:ui-monospace,monospace;font-size:.78rem;line-height:1.4;opacity:.85;word-break:break-word}@media(prefers-reduced-motion:no-preference){.half,.btn-primary,.btn-quiet,.rec-done,.gearbtn,.note__delete{transition:transform 90ms ease,box-shadow .18s cubic-bezier(.2,0,0,1)}.half:active,.btn-primary:active,.btn-quiet:active,.rec-done:active,.gearbtn:active{transform:scale(.97)}.rec-pulse{animation:rec-breathe 3.2s ease-in-out infinite}.rec-pulse-inner--bump{animation:rec-bump .35s ease-out}.thinking__dots span{animation:think-bounce 1.2s ease-in-out infinite}.thinking__dots span:nth-child(2){animation-delay:.15s}.thinking__dots span:nth-child(3){animation-delay:.3s}.ans-sedno{animation:ans-settle .3s cubic-bezier(.2,0,0,1)}.card,.ans-body,.saved{animation:screen-in .26s cubic-bezier(.2,0,0,1)}}@keyframes rec-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes rec-bump{0%{transform:scale(1)}30%{transform:scale(1.24)}to{transform:scale(1)}}@keyframes think-bounce{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes ans-settle{0%{opacity:0;transform:scale(1.015) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}