:root{--display: "Maru Buri", "Noto Serif KR", "Noto Serif JP", "Noto Serif TC", serif;--speech: "Gowun Batang", "Maru Buri", "Noto Serif KR", serif;--hanja: "Maru Buri", "Noto Serif KR", serif;--body: "Pretendard", "IBM Plex Sans JP", "Noto Sans TC", "Apple SD Gothic Neo", system-ui, sans-serif;--radius: 3px;--shadow: 0 10px 30px rgb(10 14 24 / .32)}:root[lang=ja]{--body: "IBM Plex Sans JP", "Pretendard", sans-serif}:root[lang=zh-TW]{--body: "Noto Sans TC", "Pretendard", sans-serif}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{font-family:var(--body);font-size:14px;font-weight:600;padding:9px 14px;border-radius:2px;border:1px solid var(--paper-ink);background:var(--paper-2);color:var(--paper-ink);cursor:pointer;box-shadow:0 2px color-mix(in srgb,var(--paper-ink) 35%,transparent);transition:transform .08s,box-shadow .08s}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn.solid{background:var(--paper-ink);color:var(--paper);box-shadow:0 2px color-mix(in srgb,var(--paper-ink) 55%,black)}.btn.ju{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 2px color-mix(in srgb,var(--accent) 60%,black)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.chipk:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.row{display:flex;gap:8px;flex-wrap:wrap}.say{background:var(--paper-2);border-left:3px solid var(--accent);padding:8px 10px;font-size:14px;line-height:1.6}.say .gl{display:block;color:var(--paper-muted);font-size:12px;margin-top:3px}.mnote{margin:0;font-size:13px;color:var(--paper-muted)}.chipk{font-family:var(--body);font-size:13px;padding:6px 11px;border-radius:2px;border:1px solid color-mix(in srgb,var(--paper-ink) 45%,transparent);background:transparent;color:var(--paper-ink);cursor:pointer}.chipk[aria-pressed=true]{background:var(--paper-ink);border-color:var(--paper-ink);color:var(--paper)}.progress{height:4px;background:color-mix(in srgb,var(--paper-ink) 12%,transparent);overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}.field{font-family:var(--body);font-size:15px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--paper-ink) 35%,transparent);border-radius:2px;background:var(--paper-2);color:var(--paper-ink);width:100%}.field:focus{outline:none;border-color:var(--paper-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--paper-ink) 12%,transparent)}.glass{background:var(--glass);color:var(--glass-ink);border:1px solid var(--glass-line)}.frame{position:relative;border:2px solid var(--paper-ink)}.frame:before{content:"";position:absolute;inset:3px;border:1px solid color-mix(in srgb,var(--paper-ink) 70%,transparent);pointer-events:none}
