:root{--bg:#090a0f;--panel:#151823;--panel2:#0f1118;--text:#f5f2ea;--muted:#aaa8b3;--accent:#8f6bff;--gold:#d8b45c;--line:#303547}
*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:22px;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(143,107,255,.18),transparent 28%),radial-gradient(circle at 85% 85%,rgba(216,180,92,.12),transparent 24%),var(--bg)}
.shell{width:min(900px,100%);background:rgba(12,14,20,.95);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.5)}header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.brand{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.status{color:var(--gold);font-size:.85rem}
main{padding:clamp(22px,5vw,48px)}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,38px)}h1,h2{font-family:Georgia,serif}h1{font-size:clamp(2.2rem,7vw,4.6rem);line-height:.98;margin:.15em 0 .35em}h2{font-size:clamp(1.5rem,4vw,2.4rem);margin:0 0 20px}p,li{line-height:1.65}.muted{color:var(--muted)}.hidden{display:none!important}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}@media(max-width:650px){.grid{grid-template-columns:1fr}}
label{display:block;color:var(--muted);font-size:.85rem}input,textarea{width:100%;margin-top:7px;padding:15px 16px;border-radius:13px;border:1px solid var(--line);background:#0a0c12;color:white;font-size:1rem}textarea{min-height:180px;resize:vertical;line-height:1.5}.primary{border:0;border-radius:999px;padding:14px 21px;font-weight:800;font-size:1rem;color:white;background:linear-gradient(90deg,var(--accent),#b764ff);margin-top:16px;cursor:pointer}.choice{width:100%;text-align:left;padding:15px 17px;margin:0 0 11px;border-radius:15px;border:1px solid var(--line);background:#0c0e15;color:white;font-weight:650;cursor:pointer}.choice:hover{border-color:rgba(216,180,92,.6)}.choice:disabled{opacity:.7}.feedback{margin-top:18px;min-height:52px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.035);color:#e8e4ee}.badge{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:.8rem}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.86rem;margin:18px 0 10px}.progress{height:8px;background:#08090d;border-radius:999px;overflow:hidden;margin-bottom:28px}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .3s}.reward{color:#f7e7b7;font-size:1.05rem}