:root{color-scheme:dark;--bg: #09111d;--panel: rgba(10, 20, 34, .78);--panel-strong: rgba(14, 29, 45, .95);--line: rgba(166, 221, 255, .18);--line-strong: rgba(166, 221, 255, .34);--text: #edf6ff;--muted: #9eb7cb;--ice: #8fd8ff;--ice-strong: #c7f0ff;--alert: #ff6d6d;--shadow: 0 32px 90px rgba(0, 0, 0, .35);font-family:Space Grotesk,IBM Plex Sans SC,Noto Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top,rgba(66,143,188,.2),transparent 34%),radial-gradient(circle at 80% 20%,rgba(255,109,109,.12),transparent 18%),linear-gradient(180deg,#0d1724,#09111d,#050b13)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 28px,28px 100%;-webkit-mask-image:radial-gradient(circle at center,black 58%,transparent 100%);mask-image:radial-gradient(circle at center,black 58%,transparent 100%)}button{font:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:40px 0 72px}.hero-card,.question-card,.result-card,.topbar,.secondary-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card,.question-card,.result-card{border-radius:28px;padding:32px}.hero-card{min-height:calc(100vh - 112px);display:grid;align-content:center;gap:18px;background:linear-gradient(135deg,#12273af5,#08101ceb),var(--panel)}.hero-card h1,.result-card h2{margin:0;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.98;letter-spacing:-.05em}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ice)}.hero-meta,.hero-copy,.result-tagline,.result-system-note,.tiny-note,.question-text,.detail-grid p,.archive-note{margin:0;color:var(--muted);line-height:1.7}.hero-copy{max-width:48rem;font-size:1.06rem}.hero-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tags span{padding:10px 14px;border-radius:999px;background:#8fd8ff14;border:1px solid rgba(143,216,255,.18);color:var(--ice-strong)}.primary-button,.secondary-button,.option-button{border:0;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button,.secondary-button{min-height:54px;padding:0 22px;border-radius:999px}.primary-button{width:fit-content;background:linear-gradient(135deg,#c9efff,#7dcfff);color:#05111d;font-weight:700}.secondary-button{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.topbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:24px 28px;border-radius:24px;margin-bottom:20px}.topbar h2{margin:8px 0 0;font-size:clamp(1.6rem,3vw,2.4rem)}.progress-box{min-width:210px;color:var(--ice-strong)}.progress-track,.metric-track{height:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.progress-fill,.metric-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7fd0ff,#d3f3ff)}.question-card{display:grid;gap:28px}.question-text{font-size:clamp(1.15rem,2vw,1.5rem);color:var(--text)}.option-grid{display:grid;gap:14px}.option-button{width:100%;text-align:left;padding:20px;border-radius:22px;background:#ffffff05;border:1px solid rgba(255,255,255,.09);color:var(--text)}.option-button:hover,.option-button:focus-visible,.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.option-button:hover,.option-button:focus-visible{border-color:#8fd8ff73;background:#8fd8ff14;outline:none}.result-card{display:grid;gap:24px}.result-tagline{font-size:1.1rem;color:var(--ice-strong)}.metric-list{display:grid;gap:16px}.metric-row{display:grid;gap:8px}.metric-head{display:flex;justify-content:space-between;gap:16px}.metric-head span{color:var(--muted)}.metric-head strong{color:var(--ice-strong)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.detail-grid article,.secondary-card,.og-card{padding:18px;border-radius:22px;background:var(--panel-strong)}.result-personas{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.identity-tags{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}.identity-tag,.persona-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#8fd8ff1a;border:1px solid rgba(143,216,255,.25);color:var(--ice-strong);font-size:.95rem}.og-preview{width:100%;display:flex;justify-content:center;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08)}.og-preview img{width:auto;max-width:100%;height:auto;display:block}.detail-grid h3,.secondary-card h3{margin:0 0 10px}.archive-note{padding:16px 18px;border-radius:18px;border:1px solid rgba(255,109,109,.22);background:#ff6d6d14;color:#ffd7d7}.secondary-card ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.secondary-card li,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{justify-content:flex-start;flex-wrap:wrap}@media (max-width: 820px){.shell{width:min(100vw - 20px,100%);padding:18px 0 48px}.hero-card,.question-card,.result-card{padding:22px;border-radius:24px}.topbar{padding:18px;border-radius:20px;flex-direction:column;align-items:stretch}.detail-grid{grid-template-columns:1fr}}