:root{
  --bg:#030917;
  --bg-soft:#061022;
  --panel:rgba(8,20,43,.86);
  --panel-strong:#08162f;
  --paper:#f4f0e8;
  --muted:#aeb5c2;
  --muted-2:#788296;
  --gold:#d8ad6b;
  --gold-light:#f0d5a6;
  --line:rgba(255,255,255,.11);
  --line-gold:rgba(216,173,107,.34);
  --success:#73c692;
  --danger:#dc7b76;
  --shadow:0 32px 90px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif}
body{min-height:100dvh;overflow:hidden}
button,input,textarea{font:inherit}
button{color:inherit}
.app-shell{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(43,80,151,.27),transparent 35%),linear-gradient(180deg,var(--bg-soft),var(--bg));isolation:isolate}
.grid-noise{position:absolute;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.ambient{position:absolute;border:1px solid rgba(216,173,107,.07);border-radius:50%;z-index:-2;pointer-events:none}
.ambient-a{width:48vw;height:48vw;right:-25vw;bottom:-27vw;box-shadow:0 0 0 78px rgba(216,173,107,.012),0 0 0 156px rgba(216,173,107,.007)}
.ambient-b{width:34vw;height:34vw;left:-24vw;top:12vh;box-shadow:0 0 0 68px rgba(95,129,196,.018)}
.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:70px;padding:0 clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.2em}
.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(216,173,107,.62)}
.topbar-right{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.progress-number{color:var(--gold);min-width:34px;text-align:right}
.progress-track{position:fixed;z-index:30;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.03)}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .4s cubic-bezier(.22,1,.36,1)}
.stage{position:absolute;inset:70px 0 54px;display:grid;place-items:center;padding:26px clamp(20px,5vw,86px);overflow:auto;scrollbar-width:none}
.stage::-webkit-scrollbar{display:none}
.screen{width:min(980px,100%);margin:auto;animation:screenIn .42s cubic-bezier(.22,1,.36,1)}
@keyframes screenIn{from{opacity:0;transform:translateY(16px) scale(.992);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.eyebrow{margin-bottom:14px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(46px,7vw,88px);line-height:.94;max-width:880px}
h2{font-size:clamp(34px,4.7vw,60px);line-height:1.02;max-width:900px}
h1 em,h2 em{color:var(--gold);font-style:italic}
.lead{max-width:790px;margin:22px 0 0;color:#c9cdd6;font-size:clamp(15px,1.4vw,19px);line-height:1.65}
.helper{max-width:790px;margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.helper-box{margin-top:20px;max-width:820px;padding:15px 17px;border-left:2px solid var(--gold);background:rgba(216,173,107,.06);color:#cfd3da;font-size:12px;line-height:1.55}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.primary-btn,.secondary-btn,.back-btn{border:0;cursor:pointer;transition:.2s}
.primary-btn{padding:13px 18px;border:1px solid var(--line-gold);background:rgba(216,173,107,.12);color:#fff}
.primary-btn:hover{transform:translateY(-2px);border-color:rgba(216,173,107,.68);background:rgba(216,173,107,.17)}
.primary-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.secondary-btn{padding:13px 17px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d8dde6}
.secondary-btn:hover{border-color:rgba(255,255,255,.24);transform:translateY(-2px)}
.field-wrap{margin-top:28px;max-width:820px}
.text-input,.text-area{width:100%;border:1px solid var(--line);outline:0;background:rgba(255,255,255,.025);color:#fff;padding:17px 18px;transition:.2s;box-shadow:none}
.text-input{height:58px;font-size:17px}
.text-area{min-height:162px;resize:vertical;font-size:15px;line-height:1.55}
.text-input:focus,.text-area:focus{border-color:rgba(216,173,107,.58);background:rgba(216,173,107,.035);box-shadow:0 0 0 4px rgba(216,173,107,.06)}
.field-meta{display:flex;justify-content:space-between;gap:16px;margin-top:9px;color:var(--muted-2);font-size:10px;line-height:1.4}
.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:26px;max-width:900px}
.options.one-col{grid-template-columns:1fr;max-width:820px}
.option-card{position:relative;min-height:76px;padding:16px 46px 16px 17px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(12,28,57,.72),rgba(5,13,29,.86));cursor:pointer;transition:.2s;text-align:left;color:#fff}
.option-card:hover{transform:translateY(-2px);border-color:rgba(216,173,107,.42);background:linear-gradient(160deg,rgba(18,37,71,.82),rgba(7,16,35,.93))}
.option-card.selected{border-color:rgba(216,173,107,.72);background:linear-gradient(160deg,rgba(69,52,27,.32),rgba(8,18,37,.96));box-shadow:inset 0 0 0 1px rgba(216,173,107,.16)}
.option-title{display:block;font-size:14px;font-weight:700;line-height:1.25}
.option-sub{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}
.info-dot{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(216,173,107,.32);color:var(--gold);font-family:Georgia,serif;font-size:13px;font-style:italic}
.tooltip{position:absolute;z-index:15;left:10px;right:10px;bottom:calc(100% + 9px);padding:12px 13px;border:1px solid rgba(216,173,107,.25);background:#071329;color:#d9dde4;font-size:11px;line-height:1.5;box-shadow:0 20px 50px rgba(0,0,0,.42);opacity:0;transform:translateY(6px);pointer-events:none;transition:.18s}
.option-card:hover .tooltip,.option-card.tooltip-open .tooltip{opacity:1;transform:none}
.multi-help{margin-top:15px;color:var(--muted-2);font-size:11px}
.scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:30px;max-width:900px}
.scale-btn{min-height:126px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:16px 12px;text-align:left;cursor:pointer;transition:.2s;color:#fff}
.scale-btn:hover{transform:translateY(-2px);border-color:rgba(216,173,107,.42)}
.scale-btn.selected{border-color:rgba(216,173,107,.7);background:rgba(216,173,107,.10)}
.scale-number{display:block;font-family:Georgia,serif;color:var(--gold);font-size:27px;margin-bottom:8px}
.scale-copy{display:block;color:#c8ced8;font-size:10.5px;line-height:1.45}
.scenario{margin-top:23px;max-width:820px;padding:19px 21px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,29,57,.72),rgba(5,13,29,.9));box-shadow:var(--shadow)}
.scenario-label{display:block;color:var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px}
.scenario p{margin:0;color:#d5dae2;font-family:Georgia,serif;font-size:18px;line-height:1.55}
.quote{color:var(--gold-light);font-style:italic}
.section-intro{max-width:880px}
.section-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:26px}
.section-point{padding:17px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.section-point strong{display:block;color:#fff;font-size:13px}
.section-point span{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
.footer-ui{position:fixed;z-index:20;left:0;right:0;bottom:0;height:54px;padding:0 clamp(20px,4vw,58px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;color:var(--muted-2);font-size:9px;letter-spacing:.04em}
.back-btn{background:none;color:#aab2bf;padding:7px 0;opacity:.9}
.back-btn:hover{color:#fff}.back-btn.hidden{opacity:0;pointer-events:none}
.privacy-note{text-align:center}.keyboard-note{text-align:right}
.toast{position:fixed;z-index:100;left:50%;bottom:72px;transform:translate(-50%,14px);max-width:min(540px,calc(100vw - 32px));padding:11px 14px;border:1px solid rgba(216,173,107,.28);background:#08152d;color:#e1e5eb;font-size:11px;line-height:1.45;box-shadow:0 20px 55px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.25s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.final-mark{width:54px;height:54px;border:1px solid rgba(216,173,107,.45);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px;margin-bottom:20px;box-shadow:0 0 0 10px rgba(216,173,107,.035)}
.status-line{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.55}
.status-line strong{color:#fff}
@media(max-width:760px){
  body{overflow:auto}.app-shell{min-height:100dvh}.stage{padding:22px 18px 84px;inset:62px 0 0;align-items:start}.topbar{height:62px;padding:0 18px}.section-label{display:none}.footer-ui{height:58px;padding:0 18px;grid-template-columns:auto 1fr}.privacy-note{display:none}.keyboard-note{display:none}.options{grid-template-columns:1fr;gap:9px}.option-card{min-height:70px}.scale{grid-template-columns:1fr;gap:8px}.scale-btn{min-height:auto;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;padding:12px 13px}.scale-number{margin:0}.section-points{grid-template-columns:1fr}.lead{font-size:15px}.tooltip{position:static;margin-top:10px;display:none;opacity:1;transform:none}.option-card.tooltip-open .tooltip{display:block}.info-dot{top:18px;transform:none}.ambient-a{width:80vw;height:80vw}}
@media(max-height:720px) and (min-width:761px){.stage{padding-top:16px;padding-bottom:18px}.screen{transform:scale(.94);transform-origin:center}.lead{margin-top:15px}.options{margin-top:18px}.field-wrap{margin-top:20px}.scale{margin-top:20px}.footer-ui{height:46px}}