:root{--color-canvas: #010001;--color-carbon: #1a1a1a;--color-carbon-raised: #1a1a1a;--color-signal-white: #ffffff;--color-secondary-text: rgba(255, 255, 255, .68);--color-cool-gray: #777e90;--color-cold-edge: #213744;--color-creator-cyan: #00ffe1;--color-spectral-pink: #ff4fd3;--color-danger: #ff4fd3;--color-stage-wood: rgb(109, 76, 46);--color-background: var(--color-canvas);--color-foreground: var(--color-signal-white);--color-accent: var(--color-creator-cyan);--color-surface: var(--color-carbon);--color-border: var(--color-cold-edge);--color-border-strong: var(--color-cool-gray);--radius: 8px;--border-width: 1px;--touch-target: 44px;--spacing-unit: 8px;--press-duration: .14s;--state-duration: .22s;--page-duration: .32s;--safe-top-raw: env(safe-area-inset-top, 0px);--safe-bottom-raw: env(safe-area-inset-bottom, 0px);--safe-left-raw: env(safe-area-inset-left, 0px);--safe-right-raw: env(safe-area-inset-right, 0px);--safe-top-resolved: max(0px, var(--safe-top-raw));--safe-bottom-resolved: max(0px, var(--safe-bottom-raw));--safe-left-resolved: max(0px, var(--safe-left-raw));--safe-right-resolved: max(0px, var(--safe-right-raw));--safe-top: var(--safe-top-resolved);--safe-bottom: var(--safe-bottom-resolved);--safe-left: var(--safe-left-resolved);--safe-right: var(--safe-right-resolved);--phone-tab-target-height: 52px;--phone-tab-bar-height: 63px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;min-height:100dvh;overflow:hidden}html{background:var(--color-canvas);color-scheme:dark}body{background:var(--color-canvas);color:var(--color-foreground);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,textarea,select{font:inherit}button{-webkit-user-select:none;user-select:none}:where(button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--color-creator-cyan);outline-offset:2px}.pixel,img.pixel,canvas.pixel{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.app-stage,.app-shell,.app-shell-frame{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--color-canvas)}.app-stage{height:100dvh}.app-shell-frame{position:absolute;inset:0}.app-content{position:absolute;top:var(--safe-top-resolved);right:var(--safe-right-resolved);bottom:calc(var(--phone-tab-bar-height) + var(--safe-bottom-resolved));left:var(--safe-left-resolved);min-width:0;min-height:0;overflow:hidden;background:var(--color-canvas);transition:bottom var(--state-duration) ease}.tab-layer{position:absolute;inset:0;z-index:0;min-width:0;min-height:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--state-duration) ease,visibility 0s linear var(--state-duration)}.tab-layer.is-active{z-index:1;visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.tab-bar{position:absolute;right:0;bottom:0;left:0;z-index:50;display:flex;height:calc(var(--phone-tab-bar-height) + var(--safe-bottom-resolved));padding:7px calc(10px + var(--safe-right-resolved)) calc(4px + var(--safe-bottom-resolved)) calc(10px + var(--safe-left-resolved));background:#010001f7;border-top:1px solid var(--color-cold-edge);transition:transform var(--state-duration) ease,opacity var(--state-duration) ease}.tab-list{display:flex;flex:1;min-width:0;min-height:0;gap:4px}.tab-button{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:var(--phone-tab-target-height);padding:0;color:var(--color-secondary-text);background:transparent;border:0;border-radius:var(--radius);cursor:pointer}.tab-icon-wrap{position:relative;display:grid;width:27px;height:27px;place-items:center}.tab-icon{width:27px;height:27px;opacity:.48;transition:opacity var(--state-duration) ease,transform var(--state-duration) ease}.tab-copy{display:flex;flex-direction:column;align-items:center;min-width:0}.tab-label{overflow:hidden;max-width:100%;color:var(--color-secondary-text);font-size:10px;font-weight:500;line-height:13px;text-overflow:ellipsis;white-space:nowrap;transition:color var(--state-duration) ease}.tab-subtitle{display:none}.tab-button.is-active .tab-icon{opacity:1;transform:scale(1.04)}.tab-button.is-active .tab-label{color:var(--color-creator-cyan);font-weight:700}.tab-battle-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-spectral-pink);border:1px solid var(--color-canvas);border-radius:50%}.tab-bar-brand,.tab-bar-demo,.tab-bar-foot{display:none}@media (max-width: 619px){.app-shell-frame:has(input:focus,textarea:focus,[contenteditable=true]:focus) .tab-bar{opacity:0;pointer-events:none;transform:translateY(100%)}.app-shell-frame:has(input:focus,textarea:focus,[contenteditable=true]:focus) .app-content{bottom:0}}@media (min-width: 620px){.app-shell-frame{display:flex}.app-content{position:relative;inset:auto;flex:1;order:1;width:auto;height:auto;margin-top:var(--safe-top-resolved);margin-right:var(--safe-right-resolved);margin-bottom:var(--safe-bottom-resolved);transition:none}.tab-bar{position:relative;inset:auto;z-index:50;flex:0 0 92px;flex-direction:column;order:0;width:92px;height:100%;gap:18px;padding:max(18px,var(--safe-top-resolved)) 10px max(18px,var(--safe-bottom-resolved)) max(10px,var(--safe-left-resolved));background:linear-gradient(#00ffe105,#00ffe105),var(--color-canvas);border-top:0;border-right:1px solid rgba(255,255,255,.12);opacity:1;transform:none}.tab-bar-brand{display:flex;align-items:center;justify-content:center;width:100%}.tab-bar-brand-icon{display:grid;flex:0 0 52px;width:52px;height:52px;background:var(--color-carbon);border:1px solid rgba(0,255,225,.64);border-radius:var(--radius);place-items:center}.tab-bar-brand-icon img{width:46px;height:46px}.tab-bar-brand-copy{display:none}.tab-bar-demo{display:flex;align-items:center;justify-content:center;width:100%;height:42px;background:#ff4fd31a;border:1px solid rgba(255,79,211,.46);border-radius:var(--radius)}.tab-bar-demo-dot{width:8px;height:8px;background:var(--color-spectral-pink);border-radius:50%}.tab-bar-demo-copy{display:none}.tab-list{flex:0 0 auto;flex-direction:column;width:100%;gap:10px}.tab-button{flex:0 0 58px;flex-direction:row;width:100%;min-height:58px;color:var(--color-secondary-text);background:#ffffff09;border:1px solid var(--color-cold-edge)}.tab-button.is-active{color:var(--color-signal-white);background:var(--color-carbon);border-color:var(--color-creator-cyan)}.tab-icon-wrap{width:42px;height:42px}.tab-icon{width:41px;height:41px}.tab-copy{display:none}.tab-bar-foot{margin-top:auto}}@media (min-width: 1280px){.tab-bar{flex-basis:220px;width:220px;padding-right:14px;padding-left:max(14px,var(--safe-left-resolved))}.tab-bar-brand{justify-content:flex-start;gap:10px}.tab-bar-brand-copy,.tab-bar-demo-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.tab-bar-brand-copy{gap:3px}.tab-bar-brand-copy strong{color:var(--color-signal-white);font-size:16px;font-weight:900;white-space:nowrap}.tab-bar-brand-copy small{color:var(--color-creator-cyan);font-size:9px;font-weight:900;letter-spacing:1.1px}.tab-bar-demo{justify-content:flex-start;gap:7px;padding:0 10px}.tab-bar-demo-copy{gap:2px}.tab-bar-demo-copy strong{color:var(--color-signal-white);font-size:10px;font-weight:900}.tab-bar-demo-copy small{color:#ffffff94;font-size:9px;font-weight:800}.tab-button{flex-basis:60px;justify-content:flex-start;min-height:60px;gap:11px;padding:0 12px}.tab-icon{width:37px;height:37px}.tab-copy{display:flex;align-items:flex-start;gap:2px;text-align:left}.tab-label{color:var(--color-secondary-text);font-size:13px;font-weight:900;line-height:16px}.tab-subtitle{display:block;overflow:hidden;max-width:118px;color:#ffffff7a;font-size:9px;font-weight:700;line-height:12px;text-overflow:ellipsis;white-space:nowrap}.tab-button.is-active .tab-label{color:var(--color-signal-white)}.tab-button.is-active .tab-subtitle{color:#ffffffad}.tab-bar-foot{display:block;padding-left:4px;color:#ffffff6b;font-size:9px;font-weight:900;letter-spacing:1.2px}}.onboarding-overlay{position:absolute;inset:0;z-index:200;overflow:hidden;background:var(--color-canvas)}.onboarding-background{position:absolute;inset:0;background-color:var(--color-canvas);background-image:linear-gradient(rgba(33,55,68,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(33,55,68,.13) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.onboarding-frame{position:relative;display:flex;flex-direction:column;width:min(100%,560px);height:100%;min-height:0;margin:0 auto;padding:max(var(--safe-top-resolved),12px) max(var(--safe-right-resolved),20px) max(var(--safe-bottom-resolved),12px) max(var(--safe-left-resolved),20px)}.onboarding-header{display:flex;flex:0 0 54px;align-items:center;height:54px;gap:12px}.onboarding-brand-icon{width:48px;height:48px;object-fit:cover;border:1px solid var(--color-cold-edge);border-radius:11px}.onboarding-brand-copy{display:flex;flex-direction:column;gap:2px}.onboarding-brand-copy strong{color:var(--color-signal-white);font-size:18px;font-weight:900}.onboarding-brand-copy small{color:var(--color-creator-cyan);font-size:8px;font-weight:900;letter-spacing:.8px}.onboarding-header-label{margin-left:auto;color:var(--color-secondary-text);font-size:12px;font-weight:600}.onboarding-page{display:flex;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.onboarding-page::-webkit-scrollbar{display:none}.onboarding-page-inner{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:18px 0}.onboarding-avatar-step{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;gap:16px}.onboarding-avatar-stage{position:relative;width:100%;height:292px;flex:0 0 292px;overflow:hidden}.onboarding-avatar-floor{position:absolute;right:0;bottom:0;left:0;height:30px;pointer-events:none}.onboarding-avatar-floor:before,.onboarding-avatar-floor:after{position:absolute;left:50%;content:"";transform:translate(-50%)}.onboarding-avatar-floor:before{bottom:1px;width:170px;height:17px;background:color-mix(in srgb,var(--avatar-tint) 15%,transparent);border-radius:50%}.onboarding-avatar-floor:after{bottom:8px;width:116px;height:2px;background:var(--avatar-tint)}.onboarding-avatar-sprite{position:absolute;bottom:7px;left:50%;width:192px;height:208px;background-repeat:no-repeat;transform:translate(-50%) scale(1.28);transform-origin:bottom center}.onboarding-avatar-arrow{position:absolute;top:50%;display:grid;width:42px;height:52px;padding:0;color:var(--color-signal-white);background:#1a1a1ae0;border:1px solid var(--color-cold-edge);border-radius:var(--radius);font-size:25px;font-weight:900;line-height:1;cursor:pointer;place-items:center;transform:translateY(-50%)}.onboarding-avatar-arrow.is-left{left:8px}.onboarding-avatar-arrow.is-right{right:8px}.onboarding-avatar-arrow:disabled{color:#ffffff3d;background:#1a1a1a57;border-color:#21374473;cursor:default}.onboarding-avatar-options{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-avatar-option{display:flex;align-items:center;min-width:0;height:50px;gap:7px;padding:0 9px;color:var(--color-signal-white);text-align:left;background:var(--color-carbon);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);cursor:pointer}.onboarding-avatar-option.is-selected{color:#000;background:var(--avatar-tint);border:2px solid rgba(0,0,0,.76)}.onboarding-avatar-number{flex:0 0 auto;color:#ffffff6b;font-size:9px;font-weight:900}.onboarding-avatar-option.is-selected .onboarding-avatar-number{color:#0000009e}.onboarding-avatar-option-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}.onboarding-avatar-option-copy strong,.onboarding-avatar-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-avatar-option-copy strong{font-size:14px;font-weight:900}.onboarding-avatar-option-copy small{font-size:10px;font-weight:600;opacity:.48}.onboarding-avatar-option.is-selected small{opacity:.7}.onboarding-avatar-check{flex:0 0 auto;font-size:14px;font-weight:900}.onboarding-static-step{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px}.onboarding-illustration{width:252px;height:252px;flex:0 0 auto;object-fit:contain}.onboarding-copy{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px;text-align:center}.onboarding-kicker{display:flex;align-items:center;min-height:28px;padding:0 10px;color:var(--color-creator-cyan);border:1px dashed var(--color-creator-cyan);border-radius:var(--radius);font-size:10px;font-weight:900;letter-spacing:1px}.onboarding-copy h1{color:var(--color-signal-white);font-size:28px;font-weight:900;line-height:1.3;letter-spacing:-.3px;white-space:pre-line}.onboarding-copy p{max-width:300px;color:var(--color-secondary-text);font-size:14px;font-weight:400;line-height:1.75}.onboarding-footer{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:16px;padding-top:14px}.onboarding-progress{display:flex;align-items:center;gap:7px}.onboarding-progress-dot{width:7px;height:7px;padding:0;background:var(--color-cold-edge);border:0;border-radius:999px;cursor:pointer;transition:width var(--page-duration) ease,background var(--state-duration) ease}.onboarding-progress-dot.is-active{width:20px;background:var(--color-signal-white)}.onboarding-actions{display:flex;align-items:center;width:100%;min-width:0;gap:10px}.onboarding-skip{min-width:48px;min-height:44px;padding:0;color:var(--color-secondary-text);background:transparent;border:0;font-size:14px;font-weight:500;cursor:pointer}.onboarding-action-spacer{flex:1;min-width:4px}.onboarding-previous,.onboarding-next{display:flex;align-items:center;justify-content:center;height:48px;border-radius:var(--radius);cursor:pointer;white-space:nowrap}.onboarding-previous{gap:5px;padding:0 15px;color:var(--color-signal-white);background:var(--color-carbon);border:1px solid var(--color-cold-edge);font-size:13px;font-weight:700}.onboarding-next{min-width:154px;gap:9px;padding:0 17px;color:#000;background:var(--color-creator-cyan);border:1px solid rgba(0,0,0,.72);box-shadow:0 4px 0 var(--color-cold-edge);font-size:13px;font-weight:900}@media (min-width: 760px){.onboarding-frame{width:min(100%,820px);padding-right:max(var(--safe-right-resolved),36px);padding-left:max(var(--safe-left-resolved),36px)}.onboarding-page-inner.is-avatar .onboarding-avatar-step{max-width:620px}.onboarding-static-step{flex-direction:row;gap:54px}.onboarding-illustration{width:300px;height:300px}.onboarding-copy.can-lead{align-items:flex-start;max-width:360px;text-align:left}.onboarding-copy.can-lead h1{font-size:32px}.onboarding-copy.can-lead p{max-width:360px;font-size:16px}}@media (max-width: 389px){.onboarding-previous{width:44px;padding:0}.onboarding-previous-label{display:none}.onboarding-next{min-width:132px;padding:0 13px;font-size:12px}}@media (max-height: 879px){.onboarding-header{flex-basis:48px;height:48px}.onboarding-brand-icon{width:42px;height:42px}.onboarding-brand-copy strong{font-size:16px}.onboarding-page-inner{padding:8px 0}.onboarding-avatar-step,.onboarding-copy{gap:13px}.onboarding-avatar-stage{height:250px;flex-basis:250px}.onboarding-avatar-sprite{transform:translate(-50%) scale(1.1)}.onboarding-avatar-option{height:46px}.onboarding-avatar-option-copy strong{font-size:13px}.onboarding-static-step{gap:16px}.onboarding-illustration{width:218px;height:218px}.onboarding-copy h1{font-size:25px}.onboarding-footer{gap:14px}.onboarding-previous,.onboarding-next{height:44px}}@media (max-height: 620px){.onboarding-avatar-stage{height:190px;flex-basis:190px}.onboarding-avatar-sprite{transform:translate(-50%) scale(.82)}.onboarding-illustration{width:160px;height:160px}.onboarding-copy p{line-height:1.5}}.decision-backdrop{position:absolute;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:max(16px,var(--safe-top-resolved)) max(16px,var(--safe-right-resolved)) max(16px,var(--safe-bottom-resolved)) max(16px,var(--safe-left-resolved));background:#000000b8}.decision-dialog{width:min(100%,620px);max-height:100%;padding:18px;overflow-y:auto;overscroll-behavior:contain;background:var(--color-carbon);border:1px solid var(--color-creator-cyan);border-radius:var(--radius);box-shadow:0 18px 70px #00000094}.decision-close{width:100%;min-height:44px;color:#000;background:var(--color-creator-cyan);border:0;border-radius:var(--radius);font-size:13px;font-weight:900;cursor:pointer}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}