@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#fff;--bg-card:#fffffff2;--bg-card-border:#00000014;--accent-cyan:#09090b;--accent-purple:#7c3aed;--accent-pink:#d946ef;--accent-emerald:#10b981;--text-main:#09090b;--text-muted:#64748b;--text-dim:#94a3b8;--goo-bg:#f1f3f7;--goo-active:#e2e8f0;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-pill:9999px;--radius-card:24px}.character-stage-container{aspect-ratio:1;pointer-events:none;width:min(440px,82vw,44svh);box-shadow:none;z-index:0;background:0 0;border:0;position:fixed;bottom:clamp(92px,12.5vh,114px);left:50%;overflow:visible;transform:translate(-50%)}.character-motion{width:100%;height:100%;position:relative}@keyframes character-idle-breathe{0%,to{transform:none}50%{transform:none}}.character-svg-surface,.character-svg-surface>svg{background:0 0;width:100%;height:100%;display:block;overflow:visible}.character-rive-canvas,.character-fallback{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;position:absolute;inset:0}.character-fallback{object-fit:contain;transform:scale(1.43)}.character-stage-container[data-renderer=fallback] .character-rive-canvas,.character-stage-container[data-renderer=rive] .character-fallback{visibility:hidden}.character-stage-container[data-mood=success] .character-motion,.character-stage-container[data-mood=error] .character-motion{animation:none}.character-credit{width:100%;color:var(--text-dim);text-align:center;font-size:10px;position:absolute;bottom:12px;left:0}.character-credit a{color:var(--text-muted);text-underline-offset:3px}.top-nav-bar{z-index:20;align-self:flex-end;align-items:center;gap:12px;margin-bottom:8px;display:flex;position:relative}.character-studio-link{color:#64748b;font-size:11.5px;font-weight:500;text-decoration:none;transition:color .2s}.character-studio-link:hover{color:#09090b}.project-status{color:var(--text-muted);font-size:11px}@keyframes character-celebrate{0%,to{transform:none}}@keyframes character-shake{0%,to{transform:none}}.gatekeeper-root-view{background-color:var(--bg-primary,#fff);color:var(--text-main,#09090b);font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);z-index:10;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;font-weight:400;display:flex;position:relative;overflow-x:hidden}.gatekeeper-root-view *,.gatekeeper-root-view :before,.gatekeeper-root-view :after{box-sizing:border-box}.gooey-svg-defs{pointer-events:none;opacity:0;width:0;height:0;position:absolute;overflow:hidden}.grid-backdrop{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#00000009 1px,#0000 1px),linear-gradient(#00000009 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 85%);mask-image:radial-gradient(circle,#000 50%,#0000 85%)}.top-nav{display:none!important}.brand-badge{align-items:center;gap:12px;display:flex}.brand-logo-icon{width:34px;height:34px;font-weight:800;font-family:var(--font-heading);color:#040406;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 0 16px #fff3}.brand-text{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.brand-tag{text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;padding:3px 8px;font-size:10px}.top-actions{align-items:center;gap:12px;display:flex}.quick-access-btn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;align-items:center;gap:6px;padding:6px 16px;font-size:12.5px;font-weight:600;transition:all .25s;display:flex}.quick-access-btn:hover{color:#040406;background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 0 20px #ffffff59}.sound-toggle-btn{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .2s;display:flex}.sound-toggle-btn:hover{color:var(--text-main);background:#ffffff14;border-color:#ffffff29}.sound-toggle-btn.active{color:#fff;background:#ffffff14;border-color:#ffffff40}.status-pill{border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.status-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 10px #fffc}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.gatekeeper-title{font-family:var(--font-heading);letter-spacing:-.01em;text-wrap:balance;color:#09090b;-webkit-text-fill-color:initial;background:0 0;max-width:720px;margin-bottom:0;font-size:clamp(24px,3.2vw,34px);font-weight:300;line-height:1.32}.gatekeeper-subtext{font-family:var(--font-heading);color:#64748b;letter-spacing:-.005em;margin-top:10px;font-size:15px;font-weight:400}.gatekeeper-subtitle{font-family:var(--font-body);color:var(--text-muted);max-width:490px;margin:0 auto;font-size:15px;line-height:1.55}.gooey-stage-container{width:100%;margin-bottom:24px;position:relative}.fluid-step-tabs{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.step-tab-btn{color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.step-tab-btn:hover{color:var(--text-muted);background:#ffffff14}.step-tab-btn.active{color:#fff;background:#ffffff26;border-color:#fff6;box-shadow:0 0 16px #ffffff26}.step-tab-btn.completed{color:#cbd5e1;background:#ffffff14;border-color:#ffffff40}.step-num{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.step-tab-btn.active .step-num{color:#040406;background:#fff;font-weight:800}.step-tab-btn.completed .step-num{color:#fff;background:#ffffff40}.gooey-stage-container{flex-direction:column;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative}.gatekeeper-wrapper{text-align:center;z-index:10;flex-direction:column;align-items:center;width:100%;max-width:740px;margin:10px auto 0;display:flex;position:relative}.gatekeeper-header{margin-bottom:16px}.gatekeeper-title{font-family:var(--font-heading);color:#1e293b;letter-spacing:-.02em;max-width:760px;margin:0 auto 12px;font-size:clamp(23px,3.2vw,36px);font-weight:400;line-height:1.35}.gatekeeper-subtext{font-family:var(--font-body);color:#64748b;margin:0;font-size:15px}.xlcrop-highlight,.rnaf-highlight{display:inline-block;position:relative}.xlcrop-highlight b,.rnaf-highlight b{color:#0f172a;background:linear-gradient(120deg,#0f172a 0% 35%,#475569 48%,#64748b 52%,#475569 56%,#0f172a 70% 100%) 0 0/240%;-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;font-weight:750;animation:7s ease-in-out infinite xlcropSubtleRipple,7s ease-in-out infinite rnafSubtleRipple;display:inline-block}@keyframes xlcropSubtleRipple{0%,30%{background-position:140% 0}70%,to{background-position:-80% 0}}@keyframes rnafSubtleRipple{0%,30%{background-position:140% 0}70%,to{background-position:-80% 0}}.xlcrop-highlight:after,.rnaf-highlight:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0f172a26 20%,#0f172a73 50%,#0f172a26 80%,#0000 100%);border-radius:9999px;height:1.5px;animation:7s ease-in-out infinite xlcropUnderlineSubtle,7s ease-in-out infinite rnafUnderlineSubtle;position:absolute;bottom:-2px;left:0;right:0}@keyframes xlcropUnderlineSubtle{0%,to{opacity:.2;transform:scaleX(.9)}50%{opacity:.55;transform:scaleX(1)}}@keyframes rnafUnderlineSubtle{0%,to{opacity:.2;transform:scaleX(.9)}50%{opacity:.55;transform:scaleX(1)}}.step-indicator-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill);font-family:var(--font-body);color:#fff;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:10px;padding:5px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.step-indicator-chip .step-circle{color:#040406;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9.5px;font-weight:800;display:inline-flex}.sequential-step-tracker{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff12;justify-content:center;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;display:inline-flex}.step-tracker-item{color:#64748b;font-family:var(--font-body);border-radius:var(--radius-pill);cursor:default;background:0 0;border:none;align-items:center;gap:7px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .25s;display:inline-flex}.step-tracker-item.completed{color:#cbd5e1;cursor:pointer}.step-tracker-item.completed:hover{color:#fff;background:#ffffff14}.step-tracker-item.active{color:#fff;background:#ffffff14;font-weight:600}.tracker-dot{color:#94a3b8;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:700;transition:all .25s;display:inline-flex}.step-tracker-item.active .tracker-dot{color:#040406;background:#fff;box-shadow:0 0 10px #fff6}.step-tracker-item.completed .tracker-dot{color:#fff;background:#fff3}.tracker-connector{background:#ffffff14;border-radius:1px;width:16px;height:2px;transition:background .3s}.tracker-connector.completed{background:#ffffff59}.gooey-sequential-container{flex-direction:column;align-items:center;width:100%;margin-bottom:14px;display:flex;position:relative}.gooey-filter-pod{filter:url(#goo-effect);isolation:isolate;justify-content:center;align-items:center;padding:16px 20px;display:inline-flex;position:relative}.gooey-field-pod{border-radius:var(--radius-pill);background:#f1f3f7;align-items:center;width:360px;min-height:58px;padding:8px 16px 8px 20px;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 4px 18px #0000000f}.gooey-field-pod:focus-within{background:#eef1f6;box-shadow:0 6px 24px #00000017}.gooey-pill-icon{opacity:.85;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:12px;font-size:18px}.gooey-sequential-input{color:#09090b;font-family:var(--font-body);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;font-size:15.5px;font-weight:500}.gooey-sequential-input::placeholder{color:#94a3b8;font-family:var(--font-body);font-size:14px}.gooey-action-btn{color:#fff;font-family:var(--font-heading);opacity:0;visibility:hidden;pointer-events:none;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;max-width:0;min-height:58px;max-height:58px;box-shadow:none;background:#09090b;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-left:0;padding:0;font-size:14px;font-weight:700;transition:max-width .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1),margin-left .35s cubic-bezier(.16,1,.3,1),opacity .25s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s;display:inline-flex;overflow:hidden;transform:scale(.85)}.gooey-action-btn.visible{opacity:1;visibility:visible;pointer-events:auto;max-width:200px;margin-left:14px;padding:0 24px;transform:scale(1);box-shadow:0 6px 20px #00000029}.gooey-action-btn.visible:hover{background:#18181b;transform:scale(1.05)translate(2px);box-shadow:0 8px 26px #00000038}.gooey-action-btn.visible:active{transform:scale(.95)}.action-btn-arrow{flex-shrink:0;transition:transform .2s}.gooey-action-btn.visible:hover .action-btn-arrow{transform:translate(3px)}.gooey-step-nav-row{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.field-back-icon-btn,.step-back-btn{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-4px;margin-right:8px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:none}.field-back-icon-btn:hover,.step-back-btn:hover{color:#09090b;background:#0000001f;transform:translate(-2px)}.field-back-icon-btn:active,.step-back-btn:active{transform:scale(.92)}.field-back-icon-btn svg,.step-back-btn svg{width:17px;height:17px;display:block}.gooey-satellite-pill{border-radius:var(--radius-pill);color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .25s;display:inline-flex}.gooey-satellite-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.gooey-satellite-pill.demo-pill{color:#fff;background:#ffffff0a;border-style:dashed;border-color:#fff3}.gooey-satellite-pill.demo-pill:hover{background:#ffffff1a;border-color:#fff}.feedback-message{font-family:var(--font-body);color:#64748b;min-height:20px;margin-top:10px;font-size:13px;font-weight:500;transition:all .2s}.feedback-message.error{color:#dc2626;font-weight:600}.feedback-message.success{color:#16a34a;font-weight:600}.shake-animation{animation:.5s cubic-bezier(.36,.07,.19,.97) both liquid-shake}@keyframes liquid-shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.waitlist-card-panel{background:var(--bg-card);border:1px solid var(--bg-card-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-card);width:100%;max-width:580px;margin-top:20px;padding:32px 28px;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:none;box-shadow:0 20px 50px #00000080}@keyframes fadeInModal{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.waitlist-card-panel h3{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:22px;font-weight:700}.waitlist-card-panel p{color:var(--text-muted);font-family:var(--font-body);margin-bottom:20px;font-size:14px;line-height:1.5}.waitlist-btn-row{justify-content:center;gap:12px;display:flex}.secondary-btn{color:var(--text-main);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;padding:10px 20px;font-size:13.5px;transition:all .2s}.secondary-btn:hover{background:#ffffff1f}.primary-req-btn{color:#040406;border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;background:#fff;border:none;padding:10px 24px;font-size:13.5px;font-weight:600;transition:all .2s;box-shadow:0 8px 20px #fff3}.primary-req-btn:hover{background:#f4f4f5;transform:translateY(-2px);box-shadow:0 12px 28px #ffffff59}.showcase-wrapper{opacity:0;z-index:10;width:100%;max-width:1120px;margin:64px auto 40px;transition:all .7s cubic-bezier(.16,1,.3,1);display:none;position:relative;transform:perspective(1200px)translateY(36px)scale(.96)}.showcase-wrapper.active{opacity:1;display:block;transform:perspective(1200px)translateY(0)scale(1)}.showcase-banner{border-radius:var(--radius-card);background:linear-gradient(135deg,#14141af0,#0a0a0efa);border:1px solid #ffffff24;justify-content:space-between;align-items:center;margin-bottom:36px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000b3,0 0 40px #ff632f14}.showcase-banner:before{content:"";background:linear-gradient(90deg,#0000,#ff632f,#fffc,#ff632f,#0000);height:2px;animation:4s ease-in-out infinite shimmerBorder;position:absolute;top:0;left:0;right:0}@keyframes shimmerBorder{0%,to{opacity:.4}50%{opacity:1}}.visitor-badge{align-items:center;gap:16px;display:flex}.visitor-avatar{color:#040406;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.visitor-info h2{font-family:var(--font-heading);color:#fff;font-size:20px;font-weight:700}.visitor-info p{color:#94a3b8;font-size:13px;font-family:var(--font-mono)}.lock-gate-btn{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:8px 18px;font-size:13px;transition:all .2s;display:flex}.lock-gate-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:20px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-card);flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 16px 36px #000c,0 0 20px #ffffff14}.project-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fffc,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.project-card:hover:before{opacity:1}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.project-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);color:#fff;background:#ffffff14;border:1px solid #ffffff2e;padding:4px 10px;font-size:11px;font-weight:700}.project-card h3{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.project-card p{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.6}.project-meta{color:var(--text-dim);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;display:flex}.view-prototype-btn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff14;border:none;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.view-prototype-btn:hover{color:#040406;background:#fff}@media (max-width:640px){.top-nav{padding:14px 20px}.gatekeeper-title{font-size:28px}.gatekeeper-subtitle{font-size:14px}.gooey-liquid-track{border-radius:20px;flex-direction:column;gap:8px;padding:12px}.gooey-action-blob{border-radius:12px;justify-content:center;width:100%}.showcase-banner{flex-direction:column;align-items:flex-start;gap:16px}}.proto-modal-overlay{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:100;opacity:0;pointer-events:none;background:#04050ae0;justify-content:center;align-items:center;padding:24px;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.proto-modal-overlay.active{opacity:1;pointer-events:auto}.proto-modal-window{background:#09090d;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;width:100%;max-width:980px;height:85vh;max-height:720px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 30px 80px #000000e6,0 0 40px #ffffff0f}.proto-modal-overlay.active .proto-modal-window{transform:translateY(0)scale(1)}.proto-modal-header{background:#10152399;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.proto-header-left{align-items:center;gap:12px;display:flex}.proto-title-badge{font-family:var(--font-heading);color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.proto-tab-pills{border-radius:var(--radius-pill);background:#ffffff0a;gap:8px;padding:4px;display:flex}.proto-tab-btn{color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.proto-tab-btn:hover{color:var(--text-main)}.proto-tab-btn.active{color:#fff;background:#ffffff26}.proto-close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.proto-close-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.proto-body{background:#07090f;flex:1;position:relative;overflow:hidden}.aether-viewport{background-image:radial-gradient(circle,#1e293b4d 0%,#0000 80%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 100%,30px 30px,30px 30px;width:100%;height:100%;position:relative;overflow:hidden}.aether-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-pill);z-index:10;background:#101523d9;border:1px solid #ffffff1f;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.aether-tool-btn{color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .2s;display:flex}.aether-tool-btn:hover{color:#040406;background:#fff}.draggable-card{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101016e6;border:1px solid #ffffff24;border-radius:16px;width:240px;padding:16px;transition:box-shadow .2s,border-color .2s;position:absolute;box-shadow:0 15px 35px #000000b3,0 0 20px #ffffff0d}.draggable-card:active{cursor:grabbing;border-color:#fff;box-shadow:0 25px 50px #000000e6,0 0 25px #fff3}.draggable-card h4{color:#fff;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.draggable-card p{color:var(--text-muted);font-size:12px;line-height:1.4}.neurogoo-viewport{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.gooey-canvas-container{filter:url(#goo-heavy);cursor:crosshair;width:100%;height:100%;position:relative}.neurogoo-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill);color:var(--text-muted);pointer-events:none;z-index:5;background:#0f172acc;border:1px solid #ffffff1a;padding:6px 16px;font-size:12px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.gooey-ball{pointer-events:none;background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #fff6}.ciphervault-viewport{gap:24px;width:100%;height:100%;padding:32px;display:flex;overflow-y:auto}.cipher-card{background:#12182899;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:1;padding:24px;display:flex}.cipher-card h3{font-family:var(--font-heading);color:#fff;margin-bottom:12px;font-size:18px}.cipher-card p{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.5}.cipher-console{font-family:var(--font-mono);color:#e2e8f0;background:#04060a;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:14px;font-size:12px;line-height:1.6;overflow-y:auto}.yac-loader-overlay{z-index:9999;opacity:1;visibility:visible;-webkit-user-select:none;user-select:none;background-color:#040406;background-image:radial-gradient(circle at 50% 48%,#863bff12 0%,#0000 60%),linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:100% 100%,48px 48px,48px 48px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:space-between;padding:28px 36px;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s;display:flex;position:fixed;inset:0}.yac-loader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-top-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.loader-indicator-tag{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffff73;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;padding:6px 14px;font-size:11px}.skip-loader-btn{color:#cbd5e1;font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.skip-loader-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59;transform:translate(2px)}.loader-content-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:flex;position:relative}.morph-stage{flex-direction:column;justify-content:center;align-items:center;width:100%;display:none;position:relative}.morph-stage.active{display:flex}.morph-container{justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative}.morph-text{width:100%;font-family:var(--font-heading);text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#fff;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(34px,6.8vw,78px);font-weight:800;display:inline-block;position:absolute}.morph-caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;margin-top:24px;font-size:12px;animation:2s ease-in-out infinite pulseCaption}@keyframes pulseCaption{0%,to{opacity:.35}50%{opacity:.75}}.loader-logo-stage{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;animation:.4s cubic-bezier(.16,1,.3,1) both fadeInLoaderLogo;display:none}.loader-logo-stage.active{display:flex}@keyframes fadeInLoaderLogo{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.loader-logo-stage .loader-logo-svg{--stroke:.1s;width:auto;max-width:min(580px,88vw);height:clamp(52px,8.5vh,90px);display:block;overflow:visible}.loader-logo-stage #loader-logotype path:first-child{--t:50ms;--l:85px}.loader-logo-stage #loader-logotype path:nth-child(2){--t:.15s;--l:148px}.loader-logo-stage #loader-logotype path:nth-child(3){--t:.4s;--l:140px}.loader-logo-stage #loader-logotype path:nth-child(4){--t:.5s;--l:140px}.loader-logo-stage #loader-logotype path:nth-child(5){--t:.6s;--l:58px}.loader-logo-stage #loader-logotype path:nth-child(6){--t:.75s;--l:155px}.loader-logo-stage #loader-logotype path:nth-child(7){--t:.85s;--l:155px}.loader-logo-stage #loader-logomark path{--t:1.1s;--l:330px;stroke:#ff632f;fill:#ff632f;fill-opacity:0;animation:point-pen-draw var(--stroke) linear var(--t) both, logomark-fill .25s ease calc(var(--t) + .12s) forwards}.loader-logo-stage .loader-logo-svg path{stroke-dasharray:calc(var(--l) * 2);animation:point-pen-draw var(--stroke) linear var(--t) both}.loader-logo-caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;opacity:0;font-size:12px;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(6px)}.loader-logo-caption.visible{opacity:1;transform:translateY(0)}.loader-actions-row{opacity:0;pointer-events:none;align-items:center;gap:12px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(8px)}.loader-actions-row.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.loader-proceed-btn{color:#040406;font-family:var(--font-heading);cursor:pointer;letter-spacing:.02em;background:#10b981;border:none;border-radius:9999px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #10b98159}.loader-proceed-btn:hover{background:#34d399;transform:translateY(-1px);box-shadow:0 6px 22px #10b98180}.loader-replay-btn{color:#e2e8f0;font-family:var(--font-body);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;padding:9px 18px;font-size:12px;font-weight:600;transition:all .2s}.loader-replay-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff59}.loader-bottom-bar{font-family:var(--font-heading);color:#94a3b8;letter-spacing:.06em;align-items:center;gap:10px;font-size:11px;font-weight:300;display:flex}.loader-status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite dotPulse;box-shadow:0 0 8px #10b981}@keyframes dotPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.grand-welcome-overlay{z-index:9998;opacity:0;pointer-events:none;visibility:hidden;background:#000;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(20px,3.5vh,40px) clamp(20px,4vw,56px);transition:visibility .35s;display:flex;position:fixed;inset:0;box-shadow:inset 0 0 120px #ff632f17}.grand-welcome-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.welcome-top-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.welcome-indicator-tag{font-family:var(--font-mono);letter-spacing:.16em;color:#ff632f;text-transform:uppercase;background:#ff632f1a;border:1px solid #ff632f40;border-radius:9999px;padding:5px 14px;font-size:11px}.welcome-content-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:960px;display:flex}.welcome-morph-container{justify-content:center;align-items:center;width:100%;height:88px;display:flex;position:relative}.welcome-morph-text{width:100%;font-family:var(--font-heading);text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#fff;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 0 32px #ffffff40;font-size:clamp(22px,4.2vw,44px);font-weight:700;display:inline-block;position:absolute}.welcome-morph-text.grand-highlight{background:linear-gradient(135deg,#fff 25%,#ff8c42 70%,#ff632f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px #ff632f73);-webkit-background-clip:text}.welcome-caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;text-align:center;margin-top:24px;font-size:12px;animation:1.8s ease-in-out infinite pulseCaption}.welcome-bottom-bar{font-family:var(--font-heading);color:#94a3b8;letter-spacing:.06em;align-items:center;gap:10px;font-size:11px;font-weight:400;display:flex}.welcome-status-dot{background:#ff632f;border-radius:50%;width:7px;height:7px;animation:1.6s infinite dotPulse;box-shadow:0 0 10px #ff632f}.replay-intro-nav-btn{color:#64748b;font-family:var(--font-heading);cursor:pointer;background:#0000000a;border:1px solid #0000001a;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:300;transition:all .2s;display:inline-flex}.replay-intro-nav-btn:hover{color:#fff;background:#0a0a0f;border-color:#0a0a0f}.point-pen-container{z-index:20;box-shadow:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:0;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:clamp(14px,2.2vh,26px);left:50%;transform:translate(-50%)}.point-pen-container:hover{transform:translate(-50%)translateY(-2px)}.point-pen-container .point-pen-svg{width:auto;max-width:min(560px,85vw);height:clamp(30px,4.2vh,44px);display:block;overflow:visible}.point-pen-container{--stroke:.1s}.point-pen-container #logotype path:first-child{--t:50ms;--l:85px}.point-pen-container #logotype path:nth-child(2){--t:.15s;--l:148px}.point-pen-container #logotype path:nth-child(3){--t:.4s;--l:140px}.point-pen-container #logotype path:nth-child(4){--t:.5s;--l:140px}.point-pen-container #logotype path:nth-child(5){--t:.6s;--l:58px}.point-pen-container #logotype path:nth-child(6){--t:.75s;--l:155px}.point-pen-container #logotype path:nth-child(7){--t:.85s;--l:155px}.point-pen-container #logomark path{--t:1.1s;--l:330px;stroke:#ff632f;fill:#ff632f;fill-opacity:0;animation:point-pen-draw var(--stroke) linear var(--t) both, logomark-fill .25s ease calc(var(--t) + .12s) forwards}@keyframes logomark-fill{0%{fill-opacity:0}to{fill-opacity:1}}.point-pen-container .point-pen-svg path{stroke-dasharray:calc(var(--l) * 2);animation:point-pen-draw var(--stroke) linear var(--t) both}@keyframes point-pen-draw{0%{stroke-dashoffset:calc(var(--l) * 2 + .5px)}to{stroke-dashoffset:var(--l)}}.point-pen-container #logotype{stroke:#09090b}.point-pen-container #logomark{stroke:#ff632f}.point-pen-replay-btn{color:#64748b;font:11px/1 var(--font-body);cursor:pointer;letter-spacing:.02em;background:#00000008;border:1px solid #00000029;border-radius:999px;padding:4px 14px;font-weight:500;transition:all .2s}.point-pen-replay-btn:hover{color:#09090b;background:#00000014;border-color:#00000059}.point-pen-replay-btn:active{transform:scale(.95)}.gatekeeper-header,.gooey-sequential-container{z-index:1;position:relative}@media (max-width:640px){#app{padding:24px 16px}.character-stage-container{width:min(380px,90vw,40svh)}.gooey-filter-pod{flex-wrap:wrap;gap:8px;max-width:100%;padding:12px 0}.gooey-field-pod{min-width:0;max-width:100%}.gooey-sequential-input{width:min(240px,60vw);min-width:0}}@media (prefers-reduced-motion:reduce){.shake-animation{animation:none!important}}.changelog-overlay{z-index:9996;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);opacity:0;pointer-events:none;visibility:hidden;background:#04050ae0;justify-content:center;align-items:center;padding:clamp(16px,3vh,32px);transition:visibility .35s;display:flex;position:fixed;inset:0}.changelog-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.changelog-window{background:#09090d;border:1px solid #ffffff29;border-radius:24px;flex-direction:column;width:100%;max-width:720px;max-height:88vh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 30px 80px #000000d9,0 0 40px #a7c7391f}.changelog-overlay.active .changelog-window{transform:translateY(0)scale(1)}.changelog-top-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;display:flex}.changelog-title-group{flex-direction:column;gap:4px;display:flex}.changelog-heading{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:700;display:flex}.changelog-pulse-dot{background:#a7c739;border-radius:50%;width:8px;height:8px;animation:1.8s infinite dotPulse;box-shadow:0 0 10px #a7c739}.changelog-chips-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.changelog-chip{font-family:var(--font-mono);letter-spacing:.03em;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.changelog-chip.build-chip{color:#a7c739;background:#a7c73926;border:1px solid #a7c73959}.changelog-chip.date-chip{color:#cbd5e1;background:#ffffff12;border:1px solid #ffffff24}.changelog-tabs-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;gap:12px;padding:0 26px;display:flex}.changelog-tab-btn{color:#94a3b8;font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.changelog-tab-btn:hover{color:#fff}.changelog-tab-btn.active{color:#fff;border-bottom-color:#a7c739}.tab-count-pill{font-size:10px;font-family:var(--font-mono);color:#cbd5e1;background:#ffffff14;border-radius:9999px;padding:2px 7px;font-weight:700}.changelog-tab-btn.active .tab-count-pill{color:#a7c739;background:#a7c73933}.servicelog-meta-row{font-family:var(--font-mono);color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:3px;font-size:11px;display:flex}.servicelog-endpoint{color:#38bdf8;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.servicelog-metrics{color:#10b981;white-space:nowrap;font-weight:600}.commit-badge{font-family:var(--font-mono);color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px}.changelog-scrollable-body{flex-direction:column;flex:1;gap:12px;padding:22px 26px;display:flex;overflow-y:auto}.changelog-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:6px;padding:14px 18px;transition:all .2s;display:flex}.changelog-card:hover{background:#ffffff0f;border-color:#a7c73959;transform:translateY(-1px)}.changelog-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.changelog-category{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:10.5px;font-weight:700;font-family:var(--font-mono)}.changelog-pill-tag{text-transform:uppercase;color:#a7c739;background:#a7c7392e;border:1px solid #a7c7394d;border-radius:9999px;padding:2px 7px;font-size:9.5px;font-weight:700}.changelog-item-title{color:#fff;font-size:14.5px;font-weight:600;font-family:var(--font-heading);letter-spacing:-.01em}.changelog-item-desc{color:#94a3b8;font-size:12.5px;line-height:1.5;font-family:var(--font-body)}.changelog-bottom-bar{background:#ffffff05;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex}.changelog-visitor-badge{font-family:var(--font-body);color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.changelog-visitor-badge strong{color:#fff}.changelog-ack-btn{color:#0f1b2d;font-family:var(--font-heading);cursor:pointer;white-space:nowrap;background:#a7c739;border:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 24px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #a7c73959}.changelog-ack-btn:hover{background:#b8dc3e;transform:translateY(-2px);box-shadow:0 6px 24px #a7c73980}.changelog-ack-btn:active{transform:scale(.97)}.changelog-ack-arrow{transition:transform .2s}.changelog-ack-btn:hover .changelog-ack-arrow{transform:translate(3px)}