:root{--forest: #122116;--forest-2: #19291d;--forest-3: #253629;--sage: #49654d;--mist: #bdc4be;--cream: #eee9e2;--copper: #a97744;--copper-light: #c49465;--red: #e0704f;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--forest);color:var(--cream);font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit}.page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,var(--forest-3) 0%,var(--forest) 70%)}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px}.logo{height:26.4px;width:auto}.back,.back-spacer{width:40px;height:40px}.back{border:0;border-radius:50%;background:#ffffff0f;color:var(--cream);font-size:20px;cursor:pointer}.progress{height:4px;margin:0 16px;border-radius:4px;background:#ffffff1a;overflow:hidden}.progress div{height:100%;background:var(--copper);transition:width .3s ease}.main{flex:1;width:100%;max-width:520px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:16px}.card{background:var(--forest-2);border:1px solid rgba(238,233,226,.08);border-radius:18px;padding:24px 20px;animation:rise .25s ease both}.center{text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.hero{text-align:center;padding:28px 4px 0}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-light);margin-bottom:10px}.h1{font-size:clamp(30px,8.5vw,42px);line-height:1.12;font-weight:700;margin:0 0 16px}.h1 em{font-style:normal;color:var(--copper-light)}.h2{font-size:24px;line-height:1.25;font-weight:600;margin:0 0 10px}.h3{font-size:20px;font-weight:600;margin:0 0 8px}.lede{font-size:16px;line-height:1.6;color:var(--mist);margin:0 auto 20px;max-width:420px}.muted{color:var(--mist);line-height:1.6}p{line-height:1.6}.pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}.pill{padding:6px 14px;border-radius:999px;border:1px solid rgba(169,119,68,.5);color:var(--cream);font-size:13px;font-weight:500}.btn{display:block;width:100%;padding:17px 20px;border:0;border-radius:999px;background:var(--copper);color:#fff;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;margin-top:8px;box-shadow:0 8px 24px -10px #a97744cc}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6}.btn.ghost{background:transparent;border:1px solid rgba(238,233,226,.25);box-shadow:none}.link{display:block;margin:16px auto 0;padding:8px;border:0;background:none;color:var(--copper-light);font-size:15px;font-weight:500;cursor:pointer}.fine{font-size:12px;color:#bdc4bebf;text-align:center;margin:16px 0 0}.fine.left{text-align:left;margin:-8px 0 14px}.fine a{color:inherit}.question{font-size:21px;line-height:1.4;font-weight:600;margin:0 0 22px}.options{display:flex;flex-direction:column;gap:10px}.option{width:100%;text-align:left;padding:15px 18px;border-radius:14px;border:1px solid rgba(238,233,226,.14);background:#ffffff08;color:var(--cream);font-size:15px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.options.scale .option{padding:17px 18px;font-size:16px}.option:active,.option.selected{background:#a9774438;border-color:var(--copper)}.field{display:block;text-align:left;margin:14px 0}.field span{display:block;font-size:13px;font-weight:500;color:var(--mist);margin-bottom:6px}.field input{width:100%;padding:15px 16px;border-radius:12px;border:1px solid rgba(238,233,226,.2);background:#00000040;color:var(--cream);font-size:16px;outline:none}.field input:focus{border-color:var(--copper)}.error{color:var(--red);font-size:14px;margin:8px 0 0}.score{font-size:84px;font-weight:700;line-height:1;margin:6px 0 24px;color:var(--cream)}.score span{font-size:24px;font-weight:500;color:var(--mist);margin-left:4px}.bars{display:flex;flex-direction:column;gap:14px;text-align:left}.bar-label{display:flex;justify-content:space-between;font-size:14px;font-weight:500;margin-bottom:6px}.track{height:10px;border-radius:10px;background:#ffffff14;overflow:hidden}.fill{height:100%;border-radius:10px;background:var(--sage)}.bar.gap .fill{background:var(--copper)}.bar.gap .bar-label{color:var(--copper-light)}.gap-title{font-size:30px;font-weight:700;margin:0 0 8px;color:var(--copper-light);text-transform:uppercase;letter-spacing:.02em}.start-here{margin-top:18px;padding:16px 18px;border-radius:14px;background:#a977441f;border-left:3px solid var(--copper)}.start-here p{margin:0}.admin{max-width:1200px;margin:0 auto;padding:24px 16px}.admin table{width:100%;border-collapse:collapse;font-size:13px}.admin th,.admin td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(238,233,226,.1);white-space:nowrap}.admin th{color:var(--mist);font-weight:500}.table-wrap{overflow-x:auto}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.stat{background:var(--forest-2);border-radius:12px;padding:12px 16px;min-width:120px}.stat b{display:block;font-size:24px}.admin .btn{width:auto;display:inline-block}