:root{--ink: #3b2a1e;--ink-soft: #7a6352;--paper: #fff8ef;--potato: #c9935a;--leaf: #6f9a5b;--accent: #e0703a;--line: #ead9c6;--f-display: "Jua", "Gowun Dodum", system-ui, sans-serif;--f-body: "Gowun Dodum", system-ui, -apple-system, "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#f3dcc0;color:var(--ink);font-family:var(--f-body);overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen{position:fixed;z-index:2}[hidden]{display:none!important}.card{left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(440px,calc(100% - 32px));max-height:calc(100% - 48px);overflow-y:auto;background:var(--paper);border:2px solid var(--line);border-radius:22px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px #502d0f2e}@media (min-width: 760px) and (orientation: landscape){.card{left:auto;right:6vw;bottom:auto;top:50%;transform:translateY(-50%)}}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.06em;color:var(--accent);font-weight:700}h1,h2{margin:0;font-family:var(--f-display);font-weight:400;line-height:1.25;text-wrap:balance}h1{font-size:1.75rem}h2{font-size:1.4rem}p{margin:0;line-height:1.6}.fine{font-size:.8rem;color:var(--ink-soft)}button{font:inherit;cursor:pointer;border-radius:14px;padding:12px 18px;border:2px solid transparent}button:focus-visible,textarea:focus-visible,.opts label:focus-within{outline:3px solid var(--accent);outline-offset:2px}.primary{background:var(--ink);color:var(--paper);font-family:var(--f-display);font-size:1.1rem}.primary:disabled{opacity:.35;cursor:not-allowed}.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.small{padding:6px 12px;font-size:.85rem}.row{display:flex;gap:10px}.row>*{flex:1}.scale{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.scale legend{font-weight:700;padding:0;margin-bottom:6px}.opts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.opts label{position:relative}.opts input{position:absolute;opacity:0}.opts span{display:grid;place-items:center;height:42px;border-radius:12px;border:2px solid var(--line);background:#fff;font-family:var(--f-display);font-size:1.1rem;cursor:pointer}.opts input:checked+span{background:var(--potato);border-color:var(--potato);color:#fff}.ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-soft)}.choice .opts{grid-template-columns:repeat(2,1fr)}.choice .opts span{font-size:.85rem}.eyebrow.more{margin-top:4px}.hint{margin:0;text-align:center}.fine a{color:inherit}.hud{top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:16px;right:16px;display:flex;align-items:center;gap:12px}.timer{position:relative;width:64px;height:64px;flex:none}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:4}.timer .track{stroke:#fff9}.timer .prog{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:0;transition:stroke-dashoffset .3s linear}.timer span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--f-display);font-size:1.05rem}.topic-mini{flex:1;min-width:0;background:#fff8efd9;border-radius:12px;padding:8px 12px;font-size:.9rem}@media (max-width: 600px){.hud-top{flex-wrap:wrap;justify-content:space-between}.topic-mini{order:3;flex-basis:100%}.hud-top .ghost:first-of-type{margin-left:auto}}.bubble{position:absolute;left:50%;top:22%;transform:translate(-50%);max-width:min(320px,calc(100% - 32px));background:#fff;border:2px solid var(--ink);border-radius:20px;padding:12px 18px;font-family:var(--f-display);font-size:1.15rem;text-align:center;box-shadow:0 6px #3b2a1e26}.bubble:after{content:"";position:absolute;left:50%;bottom:-12px;width:18px;height:18px;background:#fff;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translate(-50%) rotate(45deg)}@media (prefers-reduced-motion: no-preference){.bubble{animation:pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}}}.meter{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(240px,60%);height:10px;border-radius:99px;background:#fff9;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--leaf);border-radius:99px;transition:width .08s}.sim{position:absolute;left:16px;right:16px;bottom:max(48px,calc(env(safe-area-inset-bottom,0px) + 20px));text-align:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.stats div{background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px;min-width:0}.stats dt{font-size:.72rem;color:var(--ink-soft)}.stats dd{margin:2px 0 0;font-family:var(--f-display);font-size:1.25rem}.free{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem}textarea{font:inherit;font-weight:400;border:2px solid var(--line);border-radius:12px;padding:8px 10px;resize:vertical;background:#fff;color:var(--ink)}pre{margin:0;white-space:pre-wrap;background:#fff;border:2px solid var(--line);border-radius:12px;padding:12px;font-family:var(--f-body);font-size:.9rem;line-height:1.6}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tab{padding:8px 6px;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:.9rem}.tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.free textarea{width:100%}.mic-help{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#fff;border:2px solid var(--accent)}.inapp{margin:0;padding:8px 10px;border-radius:10px;background:#fff}.tension{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0}.tension div{display:flex;flex-direction:column;align-items:center;gap:2px}.tension span{font-size:.8rem;color:var(--ink-soft)}.tension b{font-family:var(--f-display);font-weight:400;font-size:2rem;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid var(--line)}.tension div:last-child b{background:var(--potato);border-color:var(--potato);color:#fff}.tension i{font-style:normal;font-size:1.4rem;color:var(--ink-soft)}.fallback{display:flex;flex-direction:column;gap:8px}