/* ============================================================
   REALITY BEAST // V2 — INTAKE TERMINAL (quote quiz)
   ============================================================ */
.intake{ padding-block:clamp(60px,8vw,120px); border-top:1px solid var(--line-2); position:relative; }
.intake-head{ text-align:center; margin-bottom:clamp(30px,4vw,52px); }
.intake-head h2{ font-family:var(--display); text-transform:uppercase; font-size:clamp(44px,8vw,150px); line-height:.84; margin-top:14px; padding-bottom:.1em; }
.intake-head h2 em{ font-style:normal; color:var(--fire); }
.intake-head p{ color:var(--ink-dim); max-width:54ch; margin:clamp(22px,3vw,40px) auto 0; font-size:14px; letter-spacing:.04em; }

.console{ max-width:1080px; margin-inline:auto; border:1.5px solid var(--acid); background:var(--bg-2);
  box-shadow:0 0 0 1px rgba(198,255,26,.12), 0 40px 120px -50px rgba(198,255,26,.25); }
.console-bar{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1.5px solid var(--line-2);
  font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-dim); background:var(--bg); }
.console-bar .dots{ display:flex; gap:7px; }
.console-bar .dots i{ width:11px; height:11px; border-radius:50%; }
.console-bar .dots i:nth-child(1){ background:var(--fire); }
.console-bar .dots i:nth-child(2){ background:var(--amber); }
.console-bar .dots i:nth-child(3){ background:var(--acid); }
.console-bar .title b{ color:var(--acid); font-weight:400; }
.console-bar .live{ margin-left:auto; color:var(--fire); display:flex; align-items:center; gap:7px; }
.console-bar .live i{ width:8px; height:8px; background:var(--fire); border-radius:50%; animation:blink 1.1s steps(2) infinite; }

.console-body{ display:grid; grid-template-columns:260px 1fr; min-height:520px; }
@media(max-width:820px){ .console-body{ grid-template-columns:1fr; min-height:0; } }

/* log rail */
.con-rail{ border-right:1.5px solid var(--line-2); padding:22px 20px; font-family:var(--mono); font-size:12px; background:var(--bg); }
.con-rail .rk{ color:var(--ink-dim); letter-spacing:.18em; text-transform:uppercase; font-size:10px; margin-bottom:18px; }
.con-step{ display:flex; gap:10px; align-items:center; padding:9px 0; color:var(--ink-dim); letter-spacing:.06em; transition:color .2s; }
.con-step .mk{ width:18px; color:var(--line-2); }
.con-step.active{ color:var(--acid); }
.con-step.active .mk{ color:var(--acid); }
.con-step.done{ color:var(--ink); }
.con-step.done .mk{ color:var(--fire); }
.con-rail .foot{ margin-top:26px; color:var(--ink-dim); opacity:.5; font-size:10px; letter-spacing:.1em; }
@media(max-width:820px){ .con-rail{ display:none; } }

/* main */
.con-main{ padding:clamp(24px,3vw,40px); display:flex; flex-direction:column; position:relative; }
.con-prog{ font-family:var(--mono); font-size:13px; letter-spacing:.2em; color:var(--acid); margin-bottom:24px; }
.con-prog .bar{ color:var(--acid); }
.con-prog .pct{ color:var(--ink-dim); }

.con-panel{ display:none; flex:1; flex-direction:column; }
.con-panel.active{ display:flex; animation:cf .35s var(--ease); }
@keyframes cf{ from{ transform:translateX(14px); } to{ transform:none; } }
.con-q{ font-family:var(--mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--fire); }
.con-q::before{ content:"> "; }
.con-title{ font-family:var(--display); text-transform:uppercase; font-size:clamp(28px,4vw,52px); line-height:.86; margin:12px 0 6px; }
.con-hint{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:24px; }

/* option rows */
.con-opts{ display:flex; flex-direction:column; gap:8px; }
.con-opt{ display:flex; align-items:center; gap:16px; text-align:left; border:1.5px solid var(--line-2); background:transparent; color:var(--ink); padding:15px 18px; font-family:var(--mono); transition:border-color .15s, background .15s, transform .15s; }
.con-opt:hover{ border-color:var(--ink); transform:translateX(4px); }
.con-opt .box{ color:var(--acid); font-size:15px; width:30px; flex:none; letter-spacing:.05em; }
.con-opt .ot{ display:block; font-family:var(--display); text-transform:uppercase; font-size:20px; line-height:1; }
.con-opt .os{ display:block; color:var(--ink-dim); font-size:12px; margin-top:6px; line-height:1.4; }
.con-opt .meta{ margin-left:auto; color:var(--ink-dim); font-size:11px; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; }
.con-opt.sel{ border-color:var(--acid); background:rgba(198,255,26,.09); }
.con-opt.sel .box{ color:var(--fire); }
@media(max-width:560px){ .con-opt .meta{ display:none; } }

/* fields */
.con-fields{ display:flex; flex-direction:column; gap:18px; }
.con-field label{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-dim); display:block; margin-bottom:8px; }
.con-field label::before{ content:"// "; color:var(--acid); }
.con-field .inp{ display:flex; align-items:center; gap:10px; border:1.5px solid var(--line-2); background:var(--bg); padding:0 14px; transition:border-color .2s; }
.con-field .inp .pmt{ color:var(--acid); font-family:var(--mono); }
.con-field input, .con-field textarea{ flex:1; background:none; border:none; outline:none; color:var(--ink); font-family:var(--mono); font-size:15px; padding:14px 0; resize:vertical; }
.con-field .inp:focus-within{ border-color:var(--acid); }
.con-field.invalid .inp{ border-color:var(--fire); }
.con-field .err{ color:var(--fire); font-family:var(--mono); font-size:11px; margin-top:6px; display:none; }
.con-field.invalid .err{ display:block; }

/* review dump */
.con-rev{ font-family:var(--mono); font-size:13px; border:1px solid var(--line-2); }
.con-rev .rr{ display:flex; gap:16px; padding:13px 16px; border-bottom:1px solid var(--line-2); }
.con-rev .rr:last-child{ border-bottom:none; }
.con-rev .rk{ color:var(--acid); width:120px; flex:none; letter-spacing:.1em; text-transform:uppercase; }
.con-rev .rk::before{ content:"› "; }
.con-rev .rv{ color:var(--ink); }
.con-rev .rv.empty{ color:var(--ink-dim); }

/* nav */
.con-nav{ display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line-2); }
.con-back{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-dim); transition:color .2s; }
.con-back:hover{ color:var(--ink); }
.con-back[disabled]{ opacity:.25; pointer-events:none; }
.con-next{ font-family:var(--mono); font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; padding:15px 26px; background:var(--acid); color:#000; transition:.18s; }
.con-next:hover{ background:var(--fire); transform:translate(-2px,-2px); }
.con-next[disabled]{ opacity:.3; pointer-events:none; }

/* success */
.con-success{ position:absolute; inset:0; background:var(--bg); display:none; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:36px; }
.con-success.show{ display:flex; }
.con-success .ok{ font-family:var(--mono); font-size:12px; letter-spacing:.3em; color:var(--acid); }
.con-success h3{ font-family:var(--display); text-transform:uppercase; font-size:clamp(38px,6vw,84px); line-height:.88; margin:18px 0 30px; padding-bottom:.08em; }
.con-success h3 em{ font-style:normal; color:var(--fire); }
.con-success p{ color:var(--ink-dim); max-width:46ch; font-size:14px; }
.con-success .scan{ margin-top:22px; font-family:var(--mono); font-size:11px; color:var(--ink-dim); letter-spacing:.08em; }