:root{--cadensa-primary:#302b63;--cadensa-accent:#ff806c;--cadensa-surface:#faf9fd;--cadensa-text:#242137;--cadensa-muted:#655f7a;--bg:var(--cadensa-surface);--surface:#fff;--surface-2:#f1eff7;--text:var(--cadensa-text);--muted:var(--cadensa-muted);--line:#dcd8e8;--brand:var(--cadensa-primary);--brand-ink:#fff;--brand-soft:#e8e6f3;--accent:var(--cadensa-accent);--ok:#1b6e3c;--ok-soft:#e2f3e8;--warn:#8a5a00;--warn-soft:#fff3d6;--bad:#a3262a;--bad-soft:#fbe5e5;--focus:#302b63;--rec:#c62828;--radius:14px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--brand);color:#fff;z-index:50;padding:8px 12px;position:absolute;top:0;left:-999px}.skip-link:focus{left:8px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}header.top{z-index:10;background:var(--surface);border-bottom:1px solid var(--line);border-bottom:3px solid var(--accent);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}header.top .name{overflow-wrap:anywhere;color:var(--brand);margin-right:auto;font-size:1rem;font-weight:700;text-decoration:none}.brand-link{align-items:center;gap:8px;min-height:44px;display:inline-flex}.brand-logo{width:auto;height:36px;display:block}.brand-symbol{flex:none;width:28px;height:28px;display:block}button.accent,.btn.accent{background:var(--accent);color:var(--cadensa-primary);border-color:var(--accent);font-weight:650}.banner{border-bottom:1px solid var(--line);padding:8px 16px;font-size:.9rem}.banner.demo{color:#4a3600;background:#ffe9a8;font-weight:600}.banner.offline{background:var(--surface-2)}.banner.update{background:var(--brand-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}html{scroll-padding-bottom:96px}main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:16px 16px 112px}main h1{overflow-wrap:anywhere;margin:4px 0 12px;font-size:1.45rem;line-height:1.3}main h1:focus{outline:none}h2{margin:20px 0 8px;font-size:1.15rem}h3{margin:14px 0 6px;font-size:1.02rem}p{margin:6px 0}.muted{color:var(--muted);font-size:.92rem}.en{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.08rem}nav.bottom{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}nav.bottom a{min-height:58px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8rem;text-decoration:none;display:flex}nav.bottom a[aria-current=page]{color:var(--brand);font-weight:700}nav.bottom .ico{font-size:1.25rem;line-height:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:14px 16px}.card.soft{background:var(--surface-2)}.card.warn{background:var(--warn-soft);border-color:#e9cf8b}.card.bad{background:var(--bad-soft);border-color:#e7b5b5}.card.ok{background:var(--ok-soft);border-color:#b5dcc2}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack>*+*{margin-top:8px}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}button,.btn{font:inherit;min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;display:inline-flex}button.primary,.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:650}button.danger{background:var(--bad);color:#fff;border-color:var(--bad)}button.rec{background:var(--rec);color:#fff;border-color:var(--rec);font-weight:700}button.block,.btn.block{width:100%}button.big{min-height:60px;font-size:1.08rem}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:not-allowed}button.small{min-height:44px;padding:6px 12px;font-size:.92rem}button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);font-weight:700}.badge{border:1px solid var(--line);background:var(--surface-2);white-space:normal;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:2px 10px;font-size:.8rem;display:inline-flex}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#b5dcc2}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:#e9cf8b}.badge.bad{background:var(--bad-soft);color:var(--bad);border-color:#e7b5b5}.badge.info{background:var(--brand-soft);color:var(--brand);border-color:#b9cbe6}fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:12px 0;padding:12px 14px}legend{overflow-wrap:anywhere;padding:0 4px;font-weight:650}.opt{min-height:var(--tap);border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:10px;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;display:flex}.opt input{flex:none;width:22px;height:22px}.opt.locked{cursor:default;background:var(--surface-2)}input[type=text],textarea{font:inherit;width:100%;min-height:var(--tap);background:#fff;border:1px solid #b9b5a9;border-radius:10px;padding:10px 12px}label.field{margin:8px 0 4px;font-weight:600;display:block}.player{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:12px 0;padding:12px}.player .meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.9rem;display:flex}.progress{background:var(--surface-2);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress>span{background:var(--brand);height:100%;display:block}.transcript li{margin:8px 0;list-style:none}.transcript{padding:0}.transcript .spk{color:var(--muted);font-size:.82rem;display:block}.word.ok{color:var(--ok)}.word.missing{color:var(--bad);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.word.extra{color:var(--warn);text-decoration:line-through}.rec-dot{background:var(--rec);border-radius:50%;width:12px;height:12px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.countdown{text-align:center;font-size:3rem;font-weight:800}.modal-back{z-index:40;background:#00000073;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;max-height:85vh;padding:18px;overflow:auto}.tabs{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px;display:grid}.tabs [role=tab][aria-selected=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.kv{grid-template-columns:auto 1fr;gap:4px 12px;font-size:.95rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}ul.plain{margin:6px 0;padding-left:1.1rem}.steps{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.steps span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.steps span[aria-current=step]{background:var(--brand);color:#fff}.steps span.done{background:var(--brand-soft);color:var(--brand)}