*{box-sizing:border-box}
:root{--bg:#17130f;--bg2:#231a15;--card:#f3eadc;--ink:#271d17;--muted:#7b6a5c;--line:rgba(255,255,255,.16);--amber:#d99b42;--silver:#c8c1b5;--danger:#a84632;--good:#5e7d56}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 10%,rgba(217,155,66,.16),transparent 28%),linear-gradient(135deg,#120f0d,#241711 50%,#0f1115);color:#f8efe3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
button,input,textarea{font:inherit}.hidden{display:none!important}.shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;min-height:100vh;padding:28px}.sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:28px;height:calc(100vh - 56px)}.brand,.panel{border:1px solid var(--line);background:rgba(255,255,255,.055);backdrop-filter:blur(12px);border-radius:28px;padding:24px}.brand h1{font-family:Georgia,serif;font-size:46px;line-height:.95;margin:10px 0 14px}.brand p,.note{color:#d8c9b8;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--amber);font-weight:800}.progress-head{display:flex;justify-content:space-between;margin-bottom:12px;color:#eee}.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),#f1d6a5);transition:width .4s ease}.signals ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.signals li{color:#e9ded0;border-left:2px solid var(--amber);padding-left:10px;line-height:1.35}.signals li.dim{border-color:#c8c1b5}.stage{display:grid;place-items:center;min-height:calc(100vh - 56px)}.card{width:min(1020px,100%);border-radius:34px;background:var(--card);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden}.intro-card,.result-card{padding:42px}.intro-card h2,.question-title,.result-card h2{font-family:Georgia,serif;font-size:clamp(32px,5vw,66px);line-height:.98;margin:12px 0 18px}.intro-card p{font-size:18px;max-width:760px}.name-field{display:grid;gap:8px;margin:30px 0 18px;color:var(--muted);font-weight:700}.name-field input{border:1px solid #dac9b4;border-radius:16px;padding:14px 16px;background:#fffaf2;color:var(--ink)}button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;background:#fff8ec;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#2a1b12,#8c5c26);color:#fff;box-shadow:0 10px 24px rgba(140,92,38,.3)}.ghost{background:transparent;border:1px solid var(--line);color:#f6eadb}.visual{position:relative;min-height:300px;background:#000}.visual img{display:block;width:100%;height:min(46vh,440px);object-fit:cover}.visual:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.72))}.visual-caption{position:absolute;left:24px;bottom:20px;color:#fff;z-index:1}.question-body{padding:34px}.question-meta{display:flex;gap:8px;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.subtitle{color:var(--muted);font-size:18px;line-height:1.5}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.choice{text-align:left;border-radius:18px;padding:16px 18px;background:#fff9f0;border:1px solid #e2d2bd}.choice[aria-pressed="true"]{background:#332015;color:#fff;border-color:#332015;box-shadow:0 12px 25px rgba(51,32,21,.22)}.rating{margin:24px 0}.rating-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.rating button{border-radius:16px;background:#fff9f0;border:1px solid #dfccb4}.rating button.active{background:#2c1b12;color:#fff}.rating-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:10px;gap:20px}.free-hint{background:#fff9f0;border:1px dashed #d9c3aa;border-radius:18px;padding:18px;color:var(--muted);margin:20px 0}.why{display:grid;gap:8px;margin-top:22px}.why label{font-weight:900;color:#5b4332}.why textarea{min-height:126px;resize:vertical;border:1px solid #dac9b4;border-radius:20px;padding:16px;background:#fffaf2;color:var(--ink);line-height:1.5}.warn{min-height:22px;color:var(--danger);font-weight:800}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.axes{display:grid;gap:12px;margin:18px 0 30px}.axis{display:grid;grid-template-columns:minmax(130px,1fr) minmax(140px,2fr) auto;gap:14px;align-items:center}.track{height:10px;border-radius:999px;background:#dfd0bd;overflow:hidden}.fill{display:block;height:100%;background:linear-gradient(90deg,#8c5c26,var(--amber))}.result-card h3{font-family:Georgia,serif;font-size:28px;margin:30px 0 8px}.result-card li{line-height:1.55;margin:8px 0}.suggestions{padding-left:24px}
@media (max-width:900px){.shell{grid-template-columns:1fr;padding:14px}.sidebar{position:static;height:auto}.brand h1{font-size:38px}.stage{min-height:auto}.choices{grid-template-columns:1fr}.intro-card,.result-card,.question-body{padding:24px}.visual img{height:310px}.axis{grid-template-columns:1fr}.rating-row{gap:5px}.rating button{padding:10px 6px}.nav button{flex:1}}

/* v0.2.1 navigation / thinking states */
.nav-map-panel{padding:18px}.question-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:12px}.q-dot{padding:0;min-width:0;height:28px;border-radius:10px;font-size:11px;background:rgba(255,248,236,.14);color:#f8efe3;border:1px solid rgba(255,255,255,.12)}.q-dot:hover{transform:none;background:rgba(255,248,236,.24)}.q-dot.current{outline:2px solid var(--amber);outline-offset:2px}.q-dot.done{background:rgba(94,125,86,.85);color:#fff}.q-dot.thinking{background:rgba(217,155,66,.82);color:#241711}.q-dot.draft{border-color:#d99b42;color:#f1d6a5}.map-legend{font-size:11px;color:#d8c9b8;line-height:1.6;margin:12px 0 0}.dot{display:inline-block;width:9px;height:9px;border-radius:999px;margin:0 4px 0 10px;background:rgba(255,255,255,.2)}.dot.done{background:#5e7d56}.dot.thinking{background:#d99b42}.dot.draft{background:transparent;border:1px solid #d99b42}.status-pill{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 8px}.status-pill.done{background:#dfead9;color:#3d5739}.status-pill.thinking{background:#f1d6a5;color:#65400f}.nav-main{gap:10px;flex-wrap:wrap}.nav-main .secondary{background:#efe2cf;color:#5d4634}.nav-main #travelNextBtn{background:#fff8ec;border:1px solid #dfcdb7}@media (max-width:900px){.question-nav{grid-template-columns:repeat(8,1fr)}.q-dot{height:26px;font-size:10px}.nav-main button{flex:1 1 42%}}