:root{--p:#6c4ee3;--p2:#efeaff;--g:#1f9d6b;--r:#d9475b;--t:#222;--m:#666;--bg:#faf8ff}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--t);padding-bottom:76px}
header{background:var(--p);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:5}.brand{color:#fff;text-decoration:none;font-weight:700}
main{max-width:640px;margin:auto;padding:14px}h1{font-size:1.35rem;margin:.3em 0}h2{font-size:1.1rem}
.card{background:#fff;border-radius:16px;padding:14px;margin:10px 0;box-shadow:0 2px 8px #6c4ee31a}
.btn{display:block;width:100%;border:0;border-radius:12px;padding:13px;margin:8px 0;font-size:1rem;background:var(--p);color:#fff;text-align:center;text-decoration:none;cursor:pointer}
.btn.alt{background:var(--p2);color:var(--p)}.row{display:flex;gap:8px}.row>*{flex:1}
.opt{display:block;width:100%;text-align:left;border:2px solid #e3dcff;background:#fff;border-radius:12px;padding:12px;margin:8px 0;font-size:.97rem;cursor:pointer;color:var(--t)}
.opt.sel{border-color:var(--p);background:var(--p2)}.opt.ok{border-color:var(--g);background:#e6f7ef}.opt.no{border-color:var(--r);background:#fdecee}
.bar{height:12px;background:#eee;border-radius:8px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#ffb84d,#1f9d6b)}
.small{font-size:.85rem;color:var(--m)}.tag{display:inline-block;background:var(--p2);color:var(--p);border-radius:8px;padding:2px 8px;font-size:.78rem}
.warn{background:#fff6e0;border-left:4px solid #f0a500;padding:8px;border-radius:8px;font-size:.88rem}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #eee;padding-bottom:env(safe-area-inset-bottom)}
nav a{flex:1;text-align:center;padding:8px 0;text-decoration:none;font-size:1.25rem;color:var(--t)}nav span{display:block;font-size:.7rem}
.flip{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.25rem;cursor:pointer}
input{width:100%;padding:12px;font-size:1.1rem;border-radius:10px;border:2px solid #ddd}.timer{font-weight:700;color:var(--p)}