*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;max-width:100vw}:root{--bg-base:#060e0a;--bg-surface:#0d1f14;--bg-card:#111e16;--accent:#00e676;--accent-dim:rgba(31,223,118,0.19);--accent-glow:rgba(0,230,118,0.25);--text-primary:#e8f5e9;--text-secondary:#6b8f76;--text-muted:#3d5c48;--border-card:rgba(31,223,118,0.25)}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6}body{font-size:16px;color:var(--text-primary);background:var(--bg-base);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.03em;margin:0}h1{font-size:clamp(22px,4vw,28px)}h1,h2{line-height:1.3}h2{font-size:clamp(20px,3.5vw,26px)}p{margin:0;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;box-shadow:inset 0 0 40px rgba(0,230,118,.03),0 1px 0 rgba(31,223,118,.09);transition:border-color .2s ease}.card:hover{border-color:rgba(31,223,118,.5)}.radial-glow{background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(0,230,118,.07) 0,transparent 70%)}.btn-primary{background:var(--accent);color:#060e0a;font-weight:700;border-radius:8px;padding:14px 28px;min-height:56px;width:100%;box-shadow:0 0 24px rgba(0,230,118,.25);transition:all .2s ease;font-size:16px;border:none;cursor:pointer}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 0 32px rgba(0,230,118,.4)}.btn-primary:active{transform:scale(.97)}.chip{border:1px solid rgba(31,223,118,.19);background:rgba(0,230,118,.03);color:var(--accent);font-size:11px;border-radius:999px;padding:4px 14px;letter-spacing:.1em;text-transform:uppercase;display:inline-block}.answer-tile{background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;padding:16px;min-height:56px;width:100%;font-size:16px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.answer-tile:active{transform:scale(.97);transition:transform .12s ease-out}.answer-tile.selected{border-color:var(--accent);background:rgba(0,230,118,.06);box-shadow:0 0 0 1px rgba(0,230,118,.25)}.aria-bubble{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:14px 14px 14px 4px;align-self:flex-start;font-size:16px;line-height:1.6}.aria-bubble,.user-bubble{padding:12px 16px;max-width:80%;color:var(--text-primary)}.user-bubble{background:rgba(31,223,118,.09);border:1px solid rgba(31,223,118,.19);border-radius:14px 14px 4px 14px;align-self:flex-end}.aria-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.aria-avatar.typing{box-shadow:0 0 0 3px rgba(0,230,118,.19),0 0 12px rgba(0,230,118,.25)}.quick-reply{border:1px solid var(--border-card);background:transparent;border-radius:999px;padding:8px 16px;color:var(--text-primary);font-size:14px;min-height:40px;cursor:pointer;transition:all .2s ease}.quick-reply.selected,.quick-reply:hover{border-color:var(--accent);background:rgba(0,230,118,.06)}.pin-container{max-width:480px;margin:0 auto;padding:80px 24px;min-height:100vh;background:#060e0a;display:flex;flex-direction:column;align-items:center}.pin-boxes-row{display:flex;flex-direction:row;gap:8px;justify-content:center}.pin-box{width:48px;height:64px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;font-size:28px;font-weight:700;color:var(--text-primary);text-align:center;caret-color:var(--accent);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pin-box:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,230,118,.19);outline:none}.pin-box.error{border-color:#ff6b6b;box-shadow:0 0 0 2px rgba(255,107,107,.19)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px #00e676,0 0 12px rgba(0,230,118,.4)}50%{box-shadow:0 0 12px #00e676,0 0 24px rgba(0,230,118,.6)}}.pin-shake{animation:shake .4s ease-out}@media (max-width:480px){.pin-container{padding:60px 16px}.pin-box{width:44px;height:56px;font-size:24px}.pin-boxes-row{gap:6px}}.question-enter{opacity:0}.question-enter-active{opacity:1;transition:opacity 195ms}@media (prefers-reduced-motion:no-preference){.question-enter{opacity:0;transform:translateY(16px)}.question-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mode-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:640px){.mode-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.btn-primary{min-height:48px!important;padding:12px 20px!important;font-size:15px!important}.metrics-row{gap:24px;padding:32px 0}.metrics-row .metrics-number{font-size:28px}.metrics-row .metrics-label{font-size:11px}.metrics-row .metrics-divider{height:32px}}.form-container{max-width:640px;margin:0 auto;padding:0 24px 120px;min-height:100vh;background:#060e0a}@media (max-width:640px){.form-container{padding:0 16px 120px}.answer-tile{min-height:64px}.benchmark-card{margin:0 16px;padding:24px}}.results-container{max-width:680px;margin:0 auto;padding:40px 24px 80px;min-height:100vh;background:#060e0a}.results-leakage-total{font-size:clamp(48px,8vw,64px);font-weight:800;letter-spacing:-.03em;color:#00e676;line-height:1;text-align:center}.results-narrative p{font-size:17px;line-height:1.8;color:#e8f5e9;margin-bottom:20px}@media (max-width:640px){.results-container{padding:24px 16px 80px}.results-leakage-total{font-size:48px}.results-narrative p{font-size:16px;line-height:1.7}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}