:root{color:#f7f3ff;background:#050510;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#251247,#050510 42%,#030308);min-height:100vh;margin:0}.app{flex-direction:column;gap:18px;min-height:100vh;padding:24px;display:flex}header{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:34px}p{color:#b9aecb;margin:6px 0 0}.badge{color:#d9cdf6;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px}main{grid-template-columns:360px 1fr;gap:18px;min-height:660px;display:grid}.left,.stage,footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 80px #00000052}.left{flex-direction:column;gap:16px;padding:18px;display:flex}.drop{text-align:center;cursor:pointer;background:#0000002e;border:1px dashed #ffffff47;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:24px;display:flex}.drop strong{text-overflow:ellipsis;white-space:nowrap;max-width:290px;overflow:hidden}.drop span{color:#9c90b2;font-size:13px}.controls{gap:10px;display:flex}button{color:#190818;cursor:pointer;background:linear-gradient(135deg,#ffce58,#ff7b47);border:0;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-weight:800;display:flex}button.ghost{color:#fff;background:#ffffff17;border:1px solid #ffffff1f}.readout,.summary-card,.shift-card{background:#00000038;border:1px solid #ffffff14;border-radius:18px;padding:16px}.readout h2,.summary-card h2{color:#cfc4e7;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:15px}.aura-name{letter-spacing:-.06em;text-shadow:0 0 28px;margin-bottom:16px;font-size:48px;font-weight:900;line-height:.95}.identity-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-grid div{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:5px;min-height:86px;padding:10px;display:flex}.identity-grid svg{color:#ffbd63}.identity-grid span{color:#9f93b8;font-size:12px}.identity-grid b{font-size:16px;line-height:1.1}.identity-grid .wide{grid-column:1/-1;min-height:72px}.feel-name{color:#dcd2ff;align-items:center;gap:8px;margin-bottom:8px;display:flex}.feel-name span{color:#9f93b8;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.feel-name b{font-size:22px}.confidence{align-items:center;gap:10px;margin-top:14px;display:flex}.confidence i{background:#ffffff1f;border-radius:999px;flex:1;height:9px;overflow:hidden}.confidence em{background:linear-gradient(90deg,#7f5cff,#ff7b47,#ffdb6e);border-radius:999px;height:100%;display:block}.confidence small{color:#b9aecb}.summary-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.summary-row:last-child{border-bottom:0}.summary-row span{color:#a99cc1}.summary-row b{font-size:17px}.shift-card{align-items:flex-start;gap:12px;display:flex}.shift-card svg{color:#ffbd63;flex:none}.shift-card b{display:block}.shift-card span{color:#b9aecb;margin-top:4px;font-size:13px;line-height:1.35;display:block}.stage{background:#03030a;min-height:660px;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0 56%,#0000007a 100%);position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#00000059;border:1px solid #ffffff1f;border-radius:16px;padding:12px 16px;position:absolute;bottom:24px;left:24px}.overlay strong{font-size:30px;display:block}.overlay span{color:#beb1d9}.question{z-index:2;color:#cfc4e7;background:#00000042;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:absolute;bottom:24px;right:22px}footer{padding:16px}.timeline{align-items:flex-end;gap:3px;height:64px;display:flex}.timeline .bar{cursor:pointer;border:0;border-radius:5px 5px 0 0;flex:1;align-self:flex-end;min-width:0;padding:0;transition:height .22s,background .22s,transform .12s}.timeline .bar:hover{filter:brightness(1.25);transform:translateY(-4px)}.timeline .bar.active{outline-offset:2px;filter:brightness(1.25);outline:2px solid #ffffffbf}.journey{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.journey p{font-size:13px}.journey-pill{border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;display:flex}.journey-pill b{font-size:13px}.journey-pill span{color:#d7cde8;font-size:12px}@media (width<=900px){main{grid-template-columns:1fr}.stage{min-height:440px}header{flex-direction:column;align-items:flex-start}.app{padding:14px}.identity-grid{grid-template-columns:1fr}.aura-name{font-size:40px}.question{bottom:82px;left:18px;right:auto}}.stage:fullscreen{background:#03030a;border:0;border-radius:0;width:100vw;height:100vh}.stage:fullscreen canvas{width:100vw;height:100vh}.stage:fullscreen .overlay{opacity:.82;bottom:28px;left:28px}.stage:fullscreen .question{opacity:.72;bottom:28px;right:28px}.stage:fullscreen:after{background:radial-gradient(circle,#0000 0 62%,#00000085 100%)}.creature-picker{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0406128f;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:0 12px 34px #00000047}.creature-picker label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;font-size:11px}.creature-picker select{appearance:none;color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;outline:none;padding:7px 30px 7px 10px;font-weight:800}.creature-picker select option{color:#111}