:root{--bg:#0b1220;--card:#111a2d;--muted:#8ca0c4;--text:#e7eeff;--accent:#ffb703;--accent-2:#46c2a9;--danger:#ef4444;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);position:relative;background:url(/bg-question.png) center / cover fixed no-repeat}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b122066,#0b122080);pointer-events:none;z-index:0}.app-wrap{position:relative;z-index:1}.app-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 12px}.card{width:100%;max-width:920px;background:linear-gradient(180deg,#111a2d,#0f1930);border:1px solid var(--border);border-radius:20px;box-shadow:0 18px 60px #00000059;padding:20px}h1{margin:0 0 6px;font-size:28px}.subtle{color:var(--muted);font-size:14px;margin:0 0 12px}.progress{height:8px;background:#1a2642;border-radius:99px;overflow:hidden;margin:10px 0 18px}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#ffd166 100%);width:0%}label.block{display:block;margin:0 0 6px;font-size:14px;color:var(--muted)}.input,textarea,select{width:100%;background:#0e1730;border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:12px;outline:none;font-size:16px}.input:focus,textarea:focus,select:focus{border-color:#29406f;box-shadow:0 0 0 3px #29406f59}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:640px){.row{grid-template-columns:1fr}}.badge{display:inline-block;padding:12px 16px;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:#0e1730;margin:6px 8px 0 0;color:var(--text);font-weight:600;font-size:16px}.badge.active{border-color:var(--accent-2);background:#46c2a91f}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 16px;border-radius:12px;font-weight:600;font-size:16px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:linear-gradient(90deg,#46c2a9,#5dd7be);color:#04131c}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-danger{background:transparent;color:#ff8080;border:1px solid rgba(239,68,68,.4)}.btn-group{display:flex;gap:10px;flex-wrap:wrap}.panel{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:16px;margin:10px 0 0}.canvas-wrap{border:1px dashed #2b3a63;border-radius:16px;overflow:hidden;background:#0e1730;touch-action:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar .left,.toolbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.range{display:flex;align-items:center;gap:8px}.range input[type=range]{accent-color:#46c2a9}hr.sep{height:1px;border:none;background:var(--border);margin:18px 0}.list{padding-left:18px;color:#c5d3f1}.dob-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width:640px){.dob-row{grid-template-columns:1fr}}