:root{--bg:#070b16;--panel:#0b1120d6;--panel-strong:#080c18f0;--text:#d9e2f2;--text-dim:#91a0ba;--text-soft:#b9c4d7;--title:#f7f4ee;--border:#94a3b82e;--border-strong:#fbbf2459;--accent:#f5b94c;--accent-deep:#c8891a;--glow:#f5b94c24;--shadow:0 28px 80px #0206178c;--font-sans:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-ui);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#8b5cf62e,#0000 34%),radial-gradient(circle at 100% 0,#f5b94c2e,#0000 28%),radial-gradient(circle at 50% 0,#3b82f61f,#0000 42%),linear-gradient(#050814 0%,#08101f 50%,#050814 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#8b5cf62e,#0000 34%),radial-gradient(circle at 100% 0,#f5b94c29,#0000 28%),radial-gradient(circle at 50% 0,#3b82f61f,#0000 42%),linear-gradient(#050814 0%,#08101f 50%,#050814 100%);margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}input,textarea{color:var(--title)}#root{width:100%}.onboarding-shell,.persona-shell{min-height:100vh;padding:32px 20px}.onboarding-shell{place-items:center;display:grid}.onboarding-card{background:var(--panel);border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;gap:16px;padding:32px;display:grid}.onboarding-card h1,.persona-hero h1,.persona-card-preview h2{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--title);margin:0;font-weight:700}.onboarding-card h1{font-size:clamp(2rem,4vw,3rem);line-height:1.02}.onboarding-card p{color:var(--text-soft);margin:0}.onboarding-card input[type=email]{background:#080c18b8;border:1px solid #94a3b838;border-radius:14px;outline:none;padding:14px 16px}.onboarding-card button{color:#140f06;cursor:pointer;background:linear-gradient(135deg,#c98f21 0%,#f3bf53 100%);border:1px solid #fbbf242e;border-radius:14px;padding:13px 16px;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s}.onboarding-card button:hover,.primary-action:hover,.mic-button:hover,.voice-option:hover{transform:translateY(-1px)}.onboarding-card button:disabled{opacity:.5;cursor:not-allowed;transform:none}.step-label,.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;font-weight:700}.status-message{color:var(--text-soft);background:#3b82f61f;border:1px solid #60a5fa2e;border-radius:14px;padding:12px 14px}.persona-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:24px;width:min(1240px,100%);margin:0 auto;display:grid}.persona-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px}.persona-card-main{padding:26px}.persona-hero{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.persona-hero h1{margin-top:8px;font-size:clamp(2.2rem,4vw,4rem);line-height:.95}.lede{color:var(--text-soft);max-width:58ch;margin-top:12px}.hero-chip{color:#f6d58c;background:#f5b94c14;border:1px solid #f5b94c3d;border-radius:999px;align-self:start;padding:10px 14px;font-size:.85rem;font-weight:700}.hero-actions{flex-direction:column;align-items:end;gap:10px;display:flex}.action-row{flex-wrap:wrap;gap:12px;display:flex}.text-input,.text-area{width:100%;color:var(--title);background:#080c18b8;border:1px solid #94a3b833;border-radius:16px;outline:none;transition:border-color .16s,box-shadow .16s}.text-input{padding:14px 16px;font-size:1rem}.text-area{resize:vertical;min-height:130px;padding:14px 16px;line-height:1.5}.text-input:focus,.text-area:focus{border-color:#f5b94c80;box-shadow:0 0 0 4px #f5b94c1f}.voice-list{gap:10px;display:grid}.voice-option{width:100%;color:var(--title);cursor:pointer;background:#080c1899;border:1px solid #94a3b829;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.voice-option.active{background:#f5b94c17;border-color:#f5b94c99}.voice-title{font-size:.95rem;font-weight:700}.voice-desc{color:var(--text-dim);font-size:.82rem}.voice-dot{background:0 0;border:1px solid #94a3b84d;border-radius:50%;flex-shrink:0;width:14px;height:14px}.field-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mic-button,.primary-action{cursor:pointer;border:1px solid #f5b94c47;border-radius:999px;padding:10px 14px;transition:transform .16s,border-color .16s,box-shadow .16s}.secondary-action{color:var(--text-soft);cursor:pointer;background:#080c18b8;border:1px solid #94a3b82e;border-radius:999px;padding:10px 14px;font-weight:700}.secondary-action-wide{flex:220px}.mic-button{color:var(--title);background:#080c18c7}.mic-button-active{background:#3b82f624;border-color:#60a5fa8c}.support-note{color:var(--text-dim);margin-top:10px;font-size:.9rem}.support-note-accent{color:#f6d58c}.summary-card{background:linear-gradient(#f5b94c14,#f5b94c05);border:1px solid #f5b94c29;border-radius:18px;padding:14px 16px}.summary-label{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px;font-size:.7rem;font-weight:700}.summary-card p,.preview-meta p{color:var(--text-soft);margin:0;line-height:1.55}.portrait-source{text-transform:uppercase;letter-spacing:.16em;border-radius:999px;align-items:center;margin:8px 0 10px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.portrait-source.ai{color:#8ef0cb;background:#52c78d14;border:1px solid #52c78d3d}.portrait-source.fallback{color:#f7ca6d;background:#f5b94c14;border:1px solid #f5b94c38}.portrait-status-card{background:#080c18bd;border:1px solid #94a3b824;border-radius:16px;padding:12px 12px 10px}.portrait-status-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.portrait-status-label{color:var(--title);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.portrait-status-time{color:#93a4bf;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.portrait-status-track{background:#94a3b81f;border-radius:999px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.portrait-status-fill{border-radius:inherit;background:linear-gradient(90deg,#5eead4 0%,#f5b94c 100%);height:100%;transition:width .22s}.portrait-status-detail{color:var(--text-soft);font-size:.84rem;line-height:1.45}.portrait-log-card{background:#080c189e;border:1px solid #94a3b824;border-radius:18px;margin-top:14px;padding:14px 16px}.portrait-log-empty{color:var(--text-dim);margin-top:8px;font-size:.9rem}.portrait-log-list{gap:10px;margin-top:10px;display:grid}.portrait-log-item{background:#0f172a8c;border:1px solid #94a3b81f;border-radius:14px;padding:10px 11px}.portrait-log-info{border-color:#60a5fa29}.portrait-log-success{border-color:#52c78d2e}.portrait-log-warn{border-color:#f5b94c38}.portrait-log-error{border-color:#ef6a6a2e}.portrait-log-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.portrait-log-title{color:var(--title);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.portrait-log-ts{color:#93a4bf;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.portrait-log-detail{color:var(--text-soft);font-size:.86rem;line-height:1.45}.primary-action{color:#140f06;background:linear-gradient(135deg,#c8891a 0%,#f5b94c 100%);width:100%;margin-top:4px;padding:15px 18px;font-weight:800;box-shadow:0 16px 40px #f5b94c33}.persona-card-preview{padding:20px;position:sticky;top:24px}.preview-stack{gap:14px;display:grid}.preview-block{gap:8px;display:grid}.preview-label{color:#f7ca6d;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800}.preview-frame{aspect-ratio:3/4;background:radial-gradient(circle at top,#f5b94c1a,#080c18f2);border:1px solid #94a3b82e;border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.portrait-image{object-fit:contain;object-position:center top;width:100%;height:100%;display:block}.preview-meta{padding:18px 10px 6px}.preview-meta h2{margin-bottom:10px;font-size:clamp(1.5rem,2vw,2.1rem)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag{color:#f7d98f;background:#f5b94c1f;border:1px solid #f5b94c2e;border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:700}.tag-muted{color:var(--text-soft);background:#94a3b814;border-color:#94a3b829}.session-shell{min-height:100vh}@media (width<=980px){.persona-layout{grid-template-columns:1fr}.persona-card-preview{position:static}.persona-hero{flex-direction:column}.hero-actions{align-items:start}}@media (width<=640px){.onboarding-shell,.persona-shell{padding:16px}.onboarding-card,.persona-card-main,.persona-card-preview{border-radius:22px;padding:20px}.field-row{flex-direction:column;align-items:start}}