:root{--bg:#f2f5ec;--panel:#fff;--border:#d8dfc9;--text:#2b3a2e;--text-dim:#6b7a6e;--accent:#3a8f5f;--accent-weak:#e3f2e9;--warn:#c0392b;--warn-weak:#fdecea;--radius:12px;font-size:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}#app{max-width:720px;padding:12px 12px calc(24px + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}button{font:inherit;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;border:none;padding:10px 18px}button:disabled{opacity:.45;cursor:default}button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--warn)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}h1{margin:8px 0 12px;font-size:1.25rem}h2{margin:0 0 10px;font-size:1.05rem}.dim{color:var(--text-dim);font-size:.88rem}kbd{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);white-space:nowrap;border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:2px 5px;font-size:.78em;line-height:1}button kbd{color:inherit;opacity:.55;background:0 0;border-color:currentColor;margin-left:6px}.key-hints,button kbd{display:none}@media (hover:hover) and (pointer:fine){.key-hints{color:var(--text-dim);margin:8px 0 0;font-size:.82rem;display:block}button kbd{display:inline-block}}