:root{--bg:#fff8ee;--card:#fff;--tx:#333;--ac:#ff7a45;--bd:#e8dccb}
@media(prefers-color-scheme:dark){:root{--bg:#1d1b19;--card:#2a2825;--tx:#eee;--bd:#4a4640}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Hiragino Sans",sans-serif;background:var(--bg);color:var(--tx);padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}
#app{max-width:460px;margin:0 auto;padding:14px 0 30px;text-align:center}
h1{font-size:22px;margin:10px 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px;margin:10px 0}
button{font:inherit;border:0;border-radius:10px;padding:11px 18px;background:var(--ac);color:#fff;font-weight:700;margin:4px}
button.sub{background:transparent;color:var(--tx);border:1px solid var(--bd)}
button:disabled{opacity:.45}
input,select{font:inherit;padding:10px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--tx);width:100%;margin:4px 0}
canvas{background:#fff;border:2px solid var(--bd);border-radius:10px;width:100%;max-width:420px;aspect-ratio:1;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;margin:6px auto}
#cv{touch-action:none}
html,body{overscroll-behavior-y:contain}
.bar{height:10px;background:var(--bd);border-radius:6px;overflow:hidden}
.bar i{display:block;height:100%;width:100%;background:var(--ac)}
.big{font-size:30px;font-weight:800;margin:8px 0}
.code{font-size:40px;letter-spacing:6px;font-weight:800}
.sw{display:inline-block;width:32px;height:32px;border-radius:50%;border:3px solid var(--bd);margin:3px;padding:0}
.sw.on{border-color:var(--ac);transform:scale(1.15)}
.ok{color:#16a34a}.ng{color:#dc2626}.err{color:#dc2626;min-height:20px}.dim{opacity:.65;font-size:14px}
.pl{display:inline-block;padding:4px 10px;margin:3px;border-radius:20px;border:1px solid var(--bd)}
.pl.me{background:var(--ac);color:#fff}
.kk{display:inline-block;padding:2px 7px;margin-left:4px;color:#dc2626;font-weight:700}
.site{font-size:13px;opacity:.7;text-align:center}
.site a{color:inherit}