:root{--bg: #0b0720;--surface: #17112e;--line: #3d3366;--text: #f7f5ff;--muted: #c9c2e6;--accent: #2cf5e0;--on-accent: #0b0720;--danger: #ff94a8;--focus: #ffe45c;--persona-a: #5a4bff;--persona-b: #c02cff;--persona-ink: #bfb0ff;--need-a: #00c6e0;--need-b: #1ff08f;--need-ink: #62f5cc;--challenge-a: #ff6b1a;--challenge-b: #ffd000;--challenge-ink: #ffc766;--environment-a: #ff2e9a;--environment-b: #ff4545;--environment-ink: #ff9ccd;--neon: linear-gradient(90deg, var(--persona-b), var(--need-a), var(--challenge-b), var(--environment-a));--display: "Voltaire", "Arial Narrow", system-ui, sans-serif;--sans: "Inter", system-ui, sans-serif;--s1: 4px;--s2: 8px;--s3: 16px;--s4: 24px;--s5: 40px;--radius: 8px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:7rem}[data-kind=persona]{--k-a: var(--persona-a);--k-b: var(--persona-b);--k-ink: var(--persona-ink)}[data-kind=need]{--k-a: var(--need-a);--k-b: var(--need-b);--k-ink: var(--need-ink)}[data-kind=challenge]{--k-a: var(--challenge-a);--k-b: var(--challenge-b);--k-ink: var(--challenge-ink)}[data-kind=environment]{--k-a: var(--environment-a);--k-b: var(--environment-b);--k-ink: var(--environment-ink)}body{margin:0;overflow-x:clip;background:radial-gradient(60rem 40rem at 0% 0%,rgb(192 44 255 / .18),transparent 60%),radial-gradient(50rem 40rem at 100% 100%,rgb(255 46 154 / .14),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font:400 1.0625rem/1.55 var(--sans);min-height:100vh}#root{max-width:84rem;margin:0 auto;padding:0 var(--s3) var(--s5);padding-left:max(var(--s3),env(safe-area-inset-left));padding-right:max(var(--s3),env(safe-area-inset-right))}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ux-main:focus,.ux-h2:focus{outline:none}.ux-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ux-skip{position:absolute;left:var(--s3);top:-100px;background:var(--accent);color:var(--on-accent);padding:var(--s2) var(--s3);border-radius:var(--radius);font-weight:600;z-index:10}.ux-skip:focus{top:var(--s2)}.ux-wordmark,.ux-h1,.ux-h2,.ux-h3,.ux-slot-title,.ux-card-title,.ux-gate-title{font-family:var(--display);font-weight:400;letter-spacing:.01em}.ux-wordmark{font-size:1.75rem;margin:0}.ux-wordmark,.ux-h1{background:linear-gradient(90deg,#c79bff,var(--need-ink) 45%,var(--challenge-ink) 70%,var(--environment-ink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.ux-wordmark,.ux-h1{-webkit-text-fill-color:currentColor}}.ux-h1{font-size:2.75rem;line-height:1.15;margin:var(--s4) 0 var(--s2)}.ux-h2{font-size:1.625rem;margin:var(--s4) 0 var(--s3)}.ux-h3{font-size:1.25rem;margin:var(--s3) 0 var(--s1)}.ux-hint{font-family:var(--sans);font-weight:400;font-size:1rem;color:var(--muted)}.ux-muted{color:var(--muted)}.ux-lede{margin:0 0 var(--s4)}.ux-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) 0;border-bottom:3px solid transparent;border-image:var(--neon) 1}.ux-nav{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0}.ux-nav-btn{min-height:44px;padding:0 var(--s3);background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:600 1rem var(--sans);cursor:pointer}.ux-nav-btn[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.ux-nav-btn:hover{color:var(--text)}.ux-btn-primary,.ux-btn-ghost,.ux-btn-danger,.ux-seg{min-height:44px;padding:0 var(--s3);border-radius:var(--radius);font:600 1rem var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);text-decoration:none}.ux-btn-primary{background:linear-gradient(90deg,var(--environment-a),var(--challenge-a) 55%,var(--challenge-b));color:var(--on-accent);border:0;box-shadow:0 0 24px #ff2e9a73}.ux-btn-primary:disabled{background:var(--surface);color:var(--muted);border:1px dashed var(--muted);box-shadow:none;opacity:1}.ux-btn-primary:hover:not(:disabled){box-shadow:0 0 36px #ff6b1ab3}.ux-btn-ghost,.ux-seg{background:none;color:var(--text);border:1px solid var(--muted)}.ux-btn-danger{background:none;color:var(--danger);border:1px solid var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}.ux-btn-wide{width:100%;font-size:1.125rem;min-height:52px}.ux-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s3)}.ux-segmented{display:flex;flex-wrap:wrap;gap:var(--s2)}.ux-seg[aria-pressed=true]{border-color:var(--k-ink);box-shadow:inset 0 0 0 1px var(--k-ink),0 0 16px color-mix(in srgb,var(--k-b) 55%,transparent);text-decoration:underline;text-underline-offset:4px}.ux-count{color:var(--muted);font-weight:400}.ux-form{display:grid;gap:var(--s3)}.ux-field{display:grid;gap:var(--s1)}.ux-field label{font-weight:600}.ux-optional{font-weight:400;color:var(--muted)}input,textarea{width:100%;min-height:44px;padding:var(--s2) var(--s3);background:var(--surface);color:var(--text);border:1px solid var(--muted);border-radius:var(--radius);font:inherit}textarea{resize:vertical}.ux-list{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;gap:var(--s3)}.ux-narrow{max-width:44rem;margin:0 auto}.ux-card{background:linear-gradient(180deg,var(--k-a),var(--k-b)) left / 5px 100% no-repeat,var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3) var(--s3) var(--s3) calc(var(--s3) + 5px)}.ux-card-title{font-size:1.375rem;line-height:1.25;margin:0}.ux-card-detail{color:var(--muted);margin:var(--s1) 0 0;white-space:pre-wrap}.ux-confirm-text{font-weight:600;margin-right:var(--s2)}.ux-scenario{--gap: 6px;--slant: 1.5rem;--lines: linear-gradient(180deg, #d9ccff, #9ffbe6, #ffe39e, #ffc2e2);list-style:none;margin:0 calc(50% - 50vw);padding:0;display:grid;position:relative;isolation:isolate;overflow:hidden}.ux-scenario:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--lines)}.ux-slot{position:relative;background:linear-gradient(160deg,var(--k-a),var(--k-b) 55%,color-mix(in srgb,var(--k-b) 35%,var(--bg)));padding:calc(var(--slant) + var(--s3)) var(--s3);clip-path:polygon(0 var(--slant),100% 0,100% calc(100% - var(--slant)),0 100%)}.ux-slot+.ux-slot{margin-top:calc(var(--gap) - var(--slant))}.ux-slot:first-child{padding-top:var(--s3);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--slant)),0 100%)}.ux-slot:last-child{padding-bottom:var(--s3);clip-path:polygon(0 var(--slant),100% 0,100% 100%,0 100%)}@media(min-width:64rem){.ux-scenario{--slant: 3rem;--lines: linear-gradient(90deg, #d9ccff, #9ffbe6, #ffe39e, #ffc2e2);display:flex}.ux-slot{flex:1 1 0;min-width:0;min-height:28rem;padding:var(--s4) calc(var(--slant) + var(--s2));clip-path:polygon(var(--slant) 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}.ux-slot+.ux-slot{margin-top:0;margin-left:calc(var(--gap) - var(--slant))}.ux-slot:first-child{padding-top:var(--s4);padding-left:var(--s4);clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%)}.ux-slot:last-child{padding-bottom:var(--s4);padding-right:var(--s4);clip-path:polygon(var(--slant) 0,100% 0,100% 100%,0 100%)}}.ux-slot-body{position:relative;z-index:1;max-width:28rem;background:#0b0720d1;border:1px solid var(--k-ink);border-radius:12px;padding:var(--s3);box-shadow:0 0 24px color-mix(in srgb,var(--k-b) 50%,transparent)}.ux-slot[data-locked] .ux-slot-body{border-width:3px;padding:calc(var(--s3) - 2px);box-shadow:0 0 40px var(--k-b)}.ux-slot-kind{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--k-ink)}.ux-slot-title{font-size:1.625rem;line-height:1.25;margin:var(--s1) 0 0;overflow-wrap:anywhere}.ux-slot .ux-btn-ghost{margin-top:var(--s3);border-color:var(--k-ink)}.ux-lock[aria-pressed=true]{background:var(--k-ink);color:var(--on-accent)}.ux-scenario[data-intro] .ux-slot{animation:ux-slam-in .64s cubic-bezier(.2,.85,.25,1) both;animation-delay:calc(var(--i) * .17s + 80ms)}.ux-scenario[data-intro]:before{animation:ux-fade-in .2s ease-out both;animation-delay:.8s}@keyframes ux-slam-in{0%{transform:translate(100vw) skew(-10deg)}62%{transform:translate(-3%) skew(4deg)}80%{transform:translate(1%) skew(-1deg)}to{transform:none}}@keyframes ux-fade-in{0%{opacity:0}}.ux-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .45) 50%,transparent 65%) 0 0 / 250% 100%}.ux-slot[data-spinning]:after{opacity:1;animation:ux-sheen .38s linear infinite}.ux-slot[data-spinning] .ux-reel{animation:ux-reel 70ms linear infinite;filter:blur(1.5px)}.ux-slot[data-spinning] .ux-slot-body{animation:ux-judder 90ms linear infinite}@keyframes ux-sheen{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes ux-reel{0%{transform:translateY(-12px);opacity:.55}to{transform:translateY(12px);opacity:.55}}@keyframes ux-judder{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}.ux-slot[data-landed] .ux-slot-body{animation:ux-land .46s cubic-bezier(.3,1.5,.5,1)}@keyframes ux-land{0%{transform:scale(1.07);box-shadow:0 0 80px var(--k-b)}45%{transform:scale(.97)}75%{transform:scale(1.01)}to{transform:none}}.ux-btn-primary:active:not(:disabled){transform:scale(.97)}.ux-btn-primary[aria-disabled=true]{cursor:progress}.ux-shuffle-bar{position:sticky;bottom:0;padding:var(--s3) 0;padding-bottom:max(var(--s3),env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg) 40%);margin-top:var(--s3)}@media(min-width:64rem){.ux-shuffle-bar{position:static;background:none}.ux-shuffle-bar .ux-btn-wide{max-width:24rem;display:flex;margin:0 auto}}.ux-error,.ux-autherr{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);padding:var(--s2) var(--s3)}.ux-auth-screen{min-height:80vh;display:grid;place-items:center}.ux-auth-card{width:100%;max-width:24rem}.ux-auth-card .ux-wordmark{font-size:2rem;margin-bottom:var(--s3)}.ux-authform{display:grid;gap:var(--s3)}.ux-authsub,.ux-gate-body,.ux-gate-who,.ux-loading{color:var(--muted)}.ux-gate-title{font-size:1.5rem;margin:0 0 var(--s2)}.ux-gate-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0}.ux-gate-ok{color:var(--accent)}.ux-btn-primary:focus-visible{outline-offset:3px}.ux-footer{max-width:84rem;margin:0 auto;padding:var(--s4) var(--s3);color:var(--muted);font-size:.9375rem}.ux-footer summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.ux-changelog ul{padding-left:var(--s4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}