:root{--bg:#f5f6f8;--card:#fff;--ink:#1b1f24;--muted:#5b6470;--brand:#1d3557;--ok:#2a7a3b;--warn:#b35c00;--err:#b3261e;--line:#d9dde3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.55 system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif}#app{max-width:720px;margin:0 auto;padding:12px 16px 96px}h1{margin:8px 0 12px;font-size:1.3rem}h2{margin:0 0 8px;font-size:1.1rem}button{font:inherit;background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:12px 14px}button.secondary{color:var(--ink);background:#e6e9ee}button.danger,button.rec{background:var(--err)}button:disabled{opacity:.5}input,textarea,select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px}textarea{min-height:120px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>*{flex:none}.grow{flex:auto}.muted{color:var(--muted);font-size:.9rem}.badge{background:#e6e9ee;border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.badge.done{color:var(--ok);background:#dcefe0}.badge.waiting,.badge.working,.badge.pending{color:var(--warn);background:#fff0d9}.badge.failed{color:var(--err);background:#fbe1df}.notice{background:#fff7e6;border:1px solid #f0d49b;border-radius:8px;padding:8px 10px;font-size:.9rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--ink);background:#e6e9ee;min-height:40px;padding:8px 12px}.chip.on{background:var(--brand);color:#fff}.tabs{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.tabs button{color:var(--ink);background:#e6e9ee;flex:auto}.tabs button.on{background:var(--brand);color:#fff}.doc{white-space:pre-wrap}.reader{font-size:1.6rem;line-height:1.7}.reader .para.done{opacity:.35}.reader .para{border-radius:8px;margin:6px 0;padding:8px}.reader .para.current{background:#fff3c4}.modal{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:16px}.modal-box .row{justify-content:flex-end;margin-top:12px}#toast{color:#fff;opacity:0;pointer-events:none;z-index:20;background:#222;border-radius:10px;padding:12px;transition:opacity .2s;position:fixed;bottom:16px;left:16px;right:16px}#toast.show{opacity:.95}#toast.error{background:var(--err)}.bottom-bar{border-top:1px solid var(--line);background:#fff;justify-content:center;gap:8px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar button{flex:1;max-width:340px}.check{align-items:center;gap:8px;min-height:40px;display:flex}.check input{width:22px;height:22px;margin:0}