:root{--ink:#181817;--gold:#c9a227;--cream:#fffaf0;--card:#fff;--muted:#6b6861}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:28px 18px}h1{font-size:clamp(2rem,5vw,4rem);margin:.1em 0}h2{margin:.3em 0}p{line-height:1.45}.card{background:var(--card);border:1px solid #e8dfcc;border-radius:18px;padding:22px;margin:16px 0;box-shadow:0 8px 28px #735d1a12}.muted{color:var(--muted)}button,input,textarea{font:inherit}button{border:0;background:var(--ink);color:white;border-radius:12px;padding:14px 18px;font-weight:700;cursor:pointer}button.alt{background:#eee7d8;color:var(--ink)}button.danger{background:#a52c23}.choice{width:100%;text-align:left;margin:10px 0;background:#fff;color:var(--ink);border:2px solid #e5dac2}.choice:hover,.choice.selected{border-color:var(--gold);background:#fff9e7}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}input,textarea{width:100%;padding:13px;border:1px solid #cfc5ae;border-radius:10px}.bar{height:28px;background:#eee7d8;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.result{margin:18px 0}.big{font-size:1.4em;font-weight:800}.words span{display:inline-block;margin:5px 8px;padding:5px}.host{max-width:1400px}.question-list button{margin:4px}.qr{float:right;width:180px;max-width:35vw}.token{max-width:440px}.hidden{display:none}@media(max-width:600px){main{padding:18px 14px}.card{padding:18px}.qr{float:none;width:150px}.host{padding-top:12px}}