:root{--bg:#1b1233;--card:#2a1f4d;--ink:#fff;--muted:#b9aedb;--accent:#ffd23f;--c0:#e21b3c;--c1:#1368ce;--c2:#d89e00;--c3:#26890c;--ok:#26890c;--no:#e21b3c}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:920px;margin:0 auto;padding:56px 16px 60px}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;gap:14px}h1{font-size:2.4rem;margin:0;letter-spacing:-.5px}h2{margin:0 0 8px}.muted{color:var(--muted)}.card{background:var(--card);border-radius:14px;padding:16px}input,select,textarea{font:inherit;padding:12px 14px;border-radius:10px;border:2px solid transparent;background:#fff;color:#111;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}button{font:inherit;font-weight:700;padding:12px 20px;border:0;border-radius:10px;background:var(--accent);color:#222;cursor:pointer}button.ghost{background:transparent;color:var(--muted);border:2px solid #4b3f78}button.danger{background:var(--no);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1 1;min-width:140px}.err{background:#5c1020;border:1px solid var(--no);padding:10px 14px;border-radius:10px;color:#ffd6dc}.pin{font-size:clamp(3rem,12vw,6rem);font-weight:900;letter-spacing:.15em;color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:#3a2d68;padding:6px 12px;border-radius:20px}.opts{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%}.opt{display:flex;align-items:center;gap:10px;padding:18px 14px;border-radius:12px;color:#fff;font-size:1.1rem;text-align:left;min-height:76px}.opt .sh{font-size:1.6rem}.c0{background:var(--c0)}.c1{background:var(--c1)}.c2{background:var(--c2)}.c3{background:var(--c3)}.opt.dim{opacity:.3}.opt.right{outline:4px solid #fff}.bar{height:10px;background:#3a2d68;border-radius:6px;overflow:hidden;width:100%}.bar>i{display:block;height:100%;background:var(--accent);transition:width .25s linear}.q{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;text-align:center;margin:10px 0 18px}.big{font-size:3rem;font-weight:900}.hist{display:flex;gap:12px;align-items:flex-end;height:180px;justify-content:center;width:100%}.hist>div{flex:1 1;max-width:120px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}.hist .b{width:100%;border-radius:8px 8px 0 0;min-height:4px}.board{width:100%;max-width:520px;text-align:left}.board li{display:flex;justify-content:space-between;padding:8px 12px;background:#3a2d68;border-radius:8px;margin-bottom:6px;list-style:none}.board{padding:0;margin:0}.qedit{border:1px solid #4b3f78;border-radius:12px;padding:12px;margin-bottom:12px;grid-gap:8px}.qedit,.qedit .two{display:grid;gap:8px}.qedit .two{grid-template-columns:1fr 1fr;grid-gap:8px}@media (max-width:560px){.qedit .two{grid-template-columns:1fr}.opt{min-height:64px;padding:14px 10px}}.homebtn{position:absolute;top:10px;left:10px;z-index:10;padding:6px 12px;border-radius:10px;border:2px solid #4b3f78;color:var(--muted);text-decoration:none;font-weight:700;font-size:.9rem;background:transparent}.homebtn:hover{color:var(--ink);border-color:var(--accent)}body{position:relative}