:root{--bg-color:#f5f5f0;--grid-color:rgba(0,0,0,.08);--accent-red:#ff3b30;--accent-orange:#ff9500;--accent-green:#00ff41;--dark-pane:#0a0a0a;--light-pane:#fff;--font-mono:"Geist Mono",monospace;--font-serif:"Instrument Serif",serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f0;font-family:var(--font-mono);height:100vh;overflow:hidden;overflow-x:hidden;display:flex;flex-direction:column;color:#1a1a1a}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:30px 30px;z-index:-2;opacity:1}.grid-background:after{content:"";position:absolute;background:url(https://www.transparenttextures.com/patterns/felt.png);opacity:.15}.grid-background:after,.vignette{top:0;left:0;width:100%;height:100%;pointer-events:none}.vignette{position:fixed;background:radial-gradient(circle at 50% 50%,rgba(255,248,230,0) 0,rgba(20,20,25,.01) 60%,rgba(10,10,15,.05) 85%,rgba(5,5,8,.12) 100%);z-index:10000;mix-blend-mode:multiply;animation:vignette-volumetric 15s ease-in-out infinite alternate}@keyframes vignette-volumetric{0%{opacity:.2;transform:scale(1)}to{opacity:.3;transform:scale(1.03)}}@keyframes vignette-breath{0%{opacity:.5}to{opacity:.8}}.main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;z-index:10}.logo-container{position:relative;display:flex;flex-direction:column;gap:0}.aesthetic-tag{font-family:var(--font-mono);font-size:.55rem;font-weight:800;color:#999;letter-spacing:5px;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:2px;opacity:.7;animation:slide-right 1.5s cubic-bezier(.19,1,.22,1) both}.aesthetic-tag:after{content:"";width:25px;height:1px;background:var(--accent-orange)}@keyframes slide-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:.7;transform:translateX(0)}}.logo{font-size:3.5rem;display:flex;align-items:baseline;gap:0;color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-2px}.logo-text-serif{font-family:var(--font-serif);font-weight:900;font-style:italic;color:#1a1a1a;position:relative}.logo-text-serif:before{content:"SketchFlow";position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;-webkit-text-stroke:1px rgba(255,149,0,.4);z-index:-1;transform:translate(2px,2px);font-style:italic}.logo-text-serif span{color:#ff9500;background:linear-gradient(90deg,#ff9500,#ff3b30,#ff9500);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow-shine 3s linear infinite}@keyframes flow-shine{to{background-position:200%}}.logo-text-mono{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:#fff;background:#1a1a1a;padding:4px 12px;border-radius:2px;margin-left:15px;box-shadow:4px 4px 0 gold;transform:translateY(-12px);animation:ai-prism-pulse 3s infinite alternate}@keyframes ai-prism-pulse{0%{box-shadow:4px 4px 0 gold}to{box-shadow:4px 4px 0 #00f0ff}}.curly-underline{position:absolute;bottom:-12px;left:0;width:100%;height:24px;pointer-events:none}.curly-underline svg{width:100%;height:100%;overflow:visible}.underline-path{fill:none;stroke:url(#underlineGradient);stroke-width:5;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:draw-underline 2s cubic-bezier(.19,1,.22,1) forwards;filter:url(#charcoal)}.underline-shadow{fill:none;stroke:rgba(0,0,0,.1);stroke-width:5;stroke-linecap:round;transform:translate(2px,3px);filter:blur(2px)}.underline-pulse{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:20,580;stroke-dashoffset:600;animation:pulse-flow 3s linear infinite;opacity:.8;filter:blur(1px)}@keyframes pulse-flow{0%{stroke-dashoffset:600}to{stroke-dashoffset:-600}}@keyframes draw-underline{to{stroke-dashoffset:0}}svg.filter-defs{position:absolute;width:0;height:0}.nav-pills{position:fixed;top:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:hsla(0,0%,100%,.2);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);padding:6px 12px;border-radius:100px;border:1px solid rgba(0,0,0,.04);box-shadow:0 30px 60px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.4);z-index:1000;gap:8px}.pill-group{display:flex;gap:4px}.pill{padding:10px 24px;font-family:var(--font-mono);font-size:.7rem;font-weight:800;color:rgba(0,0,0,.3);border-radius:100px;cursor:pointer;transition:all .5s cubic-bezier(.19,1,.22,1);letter-spacing:2px;text-transform:uppercase}.pill:hover{color:rgba(0,0,0,.6);background:rgba(0,0,0,.02)}.pill.active{background:#000;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.15)}.deploy-module{margin-left:8px;padding-left:8px}.deploy-btn{background:var(--accent-orange);color:#fff;border:none;padding:10px 28px;border-radius:100px;font-family:var(--font-mono);font-size:.7rem;font-weight:900;letter-spacing:2px;cursor:pointer;transition:.4s;box-shadow:0 4px 15px rgba(255,149,0,.2);text-transform:uppercase}.deploy-btn:hover{background:#000;box-shadow:0 10px 30px rgba(255,149,0,.3);transform:translateY(-2px)}.nav-settings{position:fixed;right:40px;top:35px;display:flex;gap:20px;z-index:1000;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px 16px;border-radius:100px;border:1px solid rgba(0,0,0,.05)}.toggle-container{display:flex;align-items:center;gap:8px}.toggle-label{font-size:.55rem;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:1px}.toggle{width:32px;height:16px;background:#ccc;border-radius:100px;position:relative;cursor:pointer;transition:.3s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:.3s cubic-bezier(.19,1,.22,1)}.toggle.active{background:#000}.toggle.active:after{left:18px}.workspace{padding:0 40px 40px;gap:40px;overflow-y:auto;height:calc(100vh - 120px)}.pane,.workspace{flex:1 1;display:flex;position:relative}.pane{overflow:visible;flex-direction:column;background:transparent;transition:all .4s cubic-bezier(.19,1,.22,1);min-height:600px}.pane:hover{transform:translateY(-2px)}.pane-header{padding:0 0 12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(0,0,0,.5);border-bottom:2px dashed rgba(0,0,0,.1);margin-bottom:20px}.sketch-deck{background:transparent;border:none;color:#1a1a1a}.sketch-deck .pane-header{background:transparent;border-bottom:2px dashed rgba(0,0,0,.1);color:#1a1a1a}.canvas-container{flex:1 1;position:relative;background:transparent;min-height:550px;display:flex;flex-direction:column}.rulers{top:0;left:0;width:100%;height:100%;pointer-events:none}.ruler,.rulers{position:absolute}.ruler{background:#eee;color:#999;font-size:10px;display:flex;justify-content:space-around}.ruler.top{top:0;left:40px;right:0;height:20px;border-bottom:1px solid #ddd}.ruler.left{top:20px;left:0;bottom:0;width:40px;flex-direction:column;border-right:1px solid #ddd}.sketch-canvas{position:absolute;top:20px;left:40px;right:0;bottom:0;padding:20px}.hand-drawn-svg{width:100%;height:100%;max-width:100%;display:block}.sketch-rect{fill:none;stroke:#333;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sketch-line{stroke:#333;stroke-width:1.5;stroke-linecap:round}.sketch-arrow{stroke:#666;stroke-width:1.5;marker-end:url(#arrowhead)}.hand-text{font-size:14px;fill:#333}.typewriter{font-family:Courier New,Courier,monospace;font-size:12px}.annotation{fill:#666;font-size:10px}.react-output{background:transparent;color:#1a1a1a;border:none}.react-output .pane-header{background:transparent;border-bottom:2px dashed rgba(0,0,0,.1);color:#666;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-weight:700}.preview-pane{flex:1 1;padding:30px;display:flex;flex-direction:column;gap:1rem;background-image:radial-gradient(circle at 50% -20%,rgba(255,149,0,.1),transparent),url(https://www.transparenttextures.com/patterns/felt.png);background-size:auto,200px 200px;overflow-y:auto;scrollbar-width:none;justify-content:flex-start}.preview-contact{animation:fade-in-up .8s cubic-bezier(.19,1,.22,1) .7s both;box-shadow:0 10px 30px rgba(255,149,0,.05);flex-shrink:1}.preview-nav{background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);padding:12px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:#000;animation:slide-down .8s cubic-bezier(.19,1,.22,1) both;box-shadow:0 4px 15px rgba(255,149,0,.05);flex-shrink:0}.preview-logo{width:24px;height:24px;background:var(--accent-orange);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7L12 12L22 7L12 2Z'/%3E%3Cpath d='M2 17L12 22L22 17'/%3E%3Cpath d='M2 12L12 17L22 12'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7L12 12L22 7L12 2Z'/%3E%3Cpath d='M2 17L12 22L22 17'/%3E%3Cpath d='M2 12L12 17L22 12'/%3E%3C/svg%3E") no-repeat center;box-shadow:0 0 15px rgba(255,149,0,.2)}.preview-links{display:flex;gap:20px;font-weight:500;color:#999}.preview-links span:hover{color:#fff;cursor:pointer}.auth-pill{background:#fff;color:#000;padding:5px 15px;border-radius:6px;font-weight:700;margin-left:10px;transition:.3s}.auth-pill:hover{background:var(--accent-green);transform:scale(1.05)}.preview-hero{height:160px;background:transparent;border-radius:0;position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(0,0,0,.15);animation:fade-in-up .8s cubic-bezier(.19,1,.22,1) .2s both;box-shadow:none;flex-shrink:1}.spring-label{font-size:3rem;font-family:var(--font-mono);color:transparent;-webkit-text-stroke:2px #1a1a1a;font-style:normal;font-weight:900;letter-spacing:-1px;margin-bottom:15px;text-transform:uppercase;text-shadow:4px 4px 0 rgba(255,149,0,.2)}.hero-line{width:120px;height:4px;background:transparent;border-bottom:3px dashed #1a1a1a;border-radius:0;box-shadow:none;opacity:.5}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;flex-shrink:1}.preview-card{background:transparent;border:2px dashed rgba(0,0,0,.15);border-radius:0;padding:15px;transition:.4s cubic-bezier(.19,1,.22,1);animation:fade-in-up .8s both;box-shadow:none}.preview-card:first-child{animation-delay:.4s}.preview-card:nth-child(2){animation-delay:.5s}.preview-card:nth-child(3){animation-delay:.6s}.preview-card:hover{transform:translateY(-5px);box-shadow:none;border-color:#1a1a1a;border-style:solid}.card-img{height:100px;background:transparent;border:2px dashed rgba(0,0,0,.1);border-radius:0;margin-bottom:12px}.card-title{font-size:.6rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px}@keyframes slide-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.kinetic-core-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:40px}.kinetic-core{position:relative;width:140px;height:140px;perspective:1000px}.core-ball{position:absolute;top:50%;left:50%;width:60px;height:60px;background:radial-gradient(circle at 30% 30%,gold,#ff3b30,#000);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 20px hsla(0,0%,100%,.3),0 0 50px rgba(255,191,0,.4),0 0 100px rgba(255,59,48,.2);animation:core-nebula-pulse 4s infinite alternate;z-index:10}@keyframes core-nebula-pulse{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg);filter:hue-rotate(0deg) brightness(1)}33%{transform:translate(-50%,-50%) scale(1.1) rotate(10deg);filter:hue-rotate(120deg) brightness(1.2)}66%{transform:translate(-50%,-50%) scale(.95) rotate(-10deg);filter:hue-rotate(240deg) brightness(1.1)}to{transform:translate(-50%,-50%) scale(1) rotate(0deg);filter:hue-rotate(1turn) brightness(1)}}.core-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transform-style:preserve-3d;pointer-events:none;mix-blend-mode:screen}.ring-1{border:1px solid transparent;border-top:4px solid gold;animation:flux-1 3s ease-in-out infinite}.ring-2{width:85%;height:85%;top:7.5%;left:7.5%;border:1px solid transparent;border-left:4px solid #ff3b30;animation:flux-2 4s ease-in-out infinite alternate}.ring-3{width:110%;height:110%;top:-5%;left:-5%;border:1px solid hsla(0,0%,100%,.1);animation:flux-3 7s linear infinite}@keyframes flux-1{0%{transform:rotateX(70deg) rotateY(0deg) rotate(0deg)}50%{transform:rotateX(20deg) rotateY(180deg) rotate(45deg)}to{transform:rotateX(70deg) rotateY(1turn) rotate(0deg)}}@keyframes flux-2{0%{transform:rotateX(-30deg) rotateY(0deg) rotate(0deg)}50%{transform:rotateX(-80deg) rotateY(-180deg) rotate(-90deg)}to{transform:rotateX(-30deg) rotateY(-1turn) rotate(0deg)}}@keyframes flux-3{0%{transform:rotateX(45deg) rotate(0deg);opacity:.2}50%{transform:rotateX(60deg) rotate(180deg);opacity:.5}to{transform:rotateX(45deg) rotate(1turn);opacity:.2}}.core-particles .particle{position:absolute;width:4px;height:4px;background:#00ff41;border-radius:50%;filter:blur(1px);box-shadow:0 0 10px #00ff41}.p1{top:0;animation:orbit-1 2s linear infinite}.p1,.p2{left:50%}.p2{bottom:0;animation:orbit-2 2.5s linear infinite}.p3{left:0;top:50%;animation:orbit-3 3s linear infinite}.p4{right:0;top:50%;animation:orbit-4 1.8s linear infinite}@keyframes orbit-1{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(80px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(80px) rotate(-1turn)}}@keyframes orbit-2{0%{transform:translate(-50%,-50%) rotate(0deg) translateY(70px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn) translateY(70px) rotate(1turn)}}@keyframes orbit-3{0%{transform:translate(-50%,-50%) rotate(45deg) translateX(90px) rotate(-45deg)}to{transform:translate(-50%,-50%) rotate(405deg) translateX(90px) rotate(-405deg)}}@keyframes orbit-4{0%{transform:translate(-50%,-50%) rotate(-45deg) translateX(65px) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(-405deg) translateX(65px) rotate(405deg)}}.core-shockwave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border:2px solid #00ff41;border-radius:50%;opacity:0;pointer-events:none;z-index:-1}.core-shockwave.animate{animation:core-stomp 1s cubic-bezier(.19,1,.22,1) forwards;animation:core-stomp .8s cubic-bezier(0,.5,.5,1) forwards}@keyframes core-stomp{0%{width:0;height:0;opacity:1;border-width:50px;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);filter:hue-rotate(0deg)}to{width:200vw;height:200vw;opacity:0;border-width:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);filter:hue-rotate(1turn)}}.deploy-module{margin-left:15px;padding-left:15px;border-left:1px solid rgba(0,0,0,.05)}.generate-site-btn{background:#000;color:#fff;border:none;padding:8px 24px;font-family:var(--font-mono);font-size:.65rem;font-weight:900;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);border-radius:100px;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(255,149,0,.2);position:relative;overflow:hidden}.generate-site-btn:hover{transform:translateY(-2px);background:var(--accent-orange);box-shadow:0 15px 40px rgba(255,149,0,.4)}.btn-indicator{width:6px;height:6px;background:var(--accent-orange);border-radius:50%;box-shadow:0 0 10px var(--accent-orange);animation:indicator-pulse 2s infinite}@keyframes indicator-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.generate-site-btn:active{transform:translateY(2px) scale(.97)}.generate-site-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);animation:button-sweep 4s cubic-bezier(.19,1,.22,1) infinite;z-index:2}@keyframes button-sweep{0%{left:-100%}20%{left:100%}to{left:100%}}.btn-led{width:6px;height:6px;background:gold;border-radius:50%;box-shadow:0 0 10px gold;animation:led-pulse 1.5s infinite}@keyframes led-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px gold}50%{opacity:.4;transform:scale(.7);box-shadow:0 0 2px gold}}.system-monitor{height:240px;background:hsla(60,20%,95%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);display:flex;padding:20px 40px;gap:30px;z-index:50;position:relative}.architecture-viz{flex:2 1;background:hsla(0,0%,100%,.4);border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:15px;display:flex;flex-direction:column;box-shadow:inset 0 0 20px rgba(0,0,0,.02)}.viz-header{display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:800;color:#1a1a1a;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green)}.node-graph{flex:1 1;width:100%;overflow:visible;display:flex;align-items:center;justify-content:center;margin-top:-10px}.tech-line{fill:none;stroke:#1a1a1a;stroke-width:1;stroke-dasharray:2 4;opacity:.3}.tech-line-dim{fill:none;stroke:#1a1a1a;stroke-width:.5;opacity:.1}.node{fill:#fff;stroke:#1a1a1a;stroke-width:1.5}.node.active{fill:#00f0ff;stroke:#bf00ff;stroke-width:1.5;filter:drop-shadow(0 0 8px #00F0FF) drop-shadow(0 0 15px #BF00FF);animation:node-prism-shift 3s infinite alternate}@keyframes node-prism-shift{0%{transform:scale(1);filter:drop-shadow(0 0 5px #00F0FF)}50%{transform:scale(1.2);filter:drop-shadow(0 0 15px #BF00FF)}to{transform:scale(1);filter:drop-shadow(0 0 5px #00F0FF)}}.terminal-pane{flex:1.2 1;background:rgba(10,11,16,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:30px;display:flex;flex-direction:column;box-shadow:0 40px 100px rgba(0,0,0,.4);overflow:hidden;position:relative;gap:20px}.terminal-pane:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% -20%,rgba(0,240,255,.05),transparent),url(https://www.transparenttextures.com/patterns/felt.png);opacity:.2;pointer-events:none}.terminal-header{font-size:.55rem;font-weight:900;color:hsla(0,0%,100%,.3);text-transform:uppercase;letter-spacing:4px;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.05)}.terminal-header:after{content:"STREAMING_ACTIVE";color:var(--accent-green);text-shadow:0 0 10px var(--accent-green);font-size:.45rem;animation:pulse-opacity 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.terminal-content{flex:1 1;font-family:var(--font-mono);font-size:.65rem;line-height:2;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.log{opacity:.8;margin-bottom:6px;transition:all .3s;display:flex;gap:8px}.log:before{content:"→";color:var(--accent-orange);opacity:.5}.log .timestamp{color:#888}.log .status{font-weight:800}.log .status.info{color:#00a3ff}.log .status.success{color:var(--accent-green);text-shadow:0 0 15px rgba(0,255,65,.2)}.log .status.process{color:var(--accent-orange)}.log.success{color:var(--accent-green);opacity:1;font-weight:800;text-shadow:0 0 15px rgba(0,255,65,.2)}.status-led.pulse{width:6px;height:6px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 12px var(--accent-green);animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.status-text{font-size:.55rem;font-weight:900;letter-spacing:2px;color:hsla(0,0%,100%,.4);font-family:var(--font-mono)}.quick-actions{gap:8px;background:hsla(0,0%,100%,.03);padding:6px;border-radius:50px}.action-btn,.quick-actions{display:flex;align-items:center}.action-btn{background:transparent;border:none;width:32px;height:32px;border-radius:50%;justify-content:center;color:hsla(0,0%,100%,.3);cursor:pointer;transition:all .3s}.action-btn.active,.action-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.v-divider{width:1px;height:16px;background:hsla(0,0%,100%,.1)}.energy-monitor{display:flex;align-items:center;gap:15px}.waveform{display:flex;align-items:flex-end;gap:3px;height:12px}.waveform .bar{width:2px;background:var(--accent-green);border-radius:1px;animation:wave-bounce .8s ease-in-out infinite alternate}.waveform .bar:nth-child(2){animation-delay:.1s;height:60%}.waveform .bar:nth-child(3){animation-delay:.2s;height:100%}.waveform .bar:nth-child(4){animation-delay:.3s;height:70%}.waveform .bar:nth-child(5){animation-delay:.4s;height:50%}@keyframes wave-bounce{0%{height:20%;opacity:.3}to{height:100%;opacity:1}}.energy-value{font-size:.5rem;font-weight:800;color:hsla(0,0%,100%,.3);letter-spacing:1px}.vortex-mode{gap:80px;padding:0 80px 100px}.vortex-blueprint{flex:1.4 1;background:rgba(0,0,0,.4);border-radius:4px;border:1px solid hsla(0,0%,100%,.05);position:relative}.vortex-blueprint:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(hsla(0,0%,100%,.02) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.blueprint-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px}.telemetry-draft{flex:1 1;background:rgba(10,12,18,.8);border:1px solid rgba(0,240,255,.1);border-radius:4px;position:relative;overflow:hidden}.drafting-board{padding:40px;position:relative;z-index:1}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,240,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.telemetry-entries{gap:35px}.draft-entry,.telemetry-entries{display:flex;flex-direction:column}.draft-entry{border-left:1px solid hsla(0,0%,100%,.1);padding-left:20px;gap:12px;transition:all .4s}.draft-entry.active{border-left-color:var(--accent-green);background:linear-gradient(90deg,rgba(0,240,255,.05),transparent)}.draft-entry.warning{border-left-color:#ff3b30}.entry-header{display:flex;align-items:baseline;gap:10px}.entry-header .tag{font-size:.5rem;font-weight:900;color:hsla(0,0%,100%,.2);font-family:var(--font-mono)}.entry-header .title{font-size:.7rem;font-weight:800;letter-spacing:2px;color:#fff}.sketch-bar{width:100%;height:2px;background:hsla(0,0%,100%,.05);border-radius:1px;overflow:hidden}.sketch-bar .fill{height:100%;background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);transition:width 1s ease-in-out}.entry-footer{font-size:.45rem;font-weight:800;color:hsla(0,0%,100%,.3);font-family:var(--font-mono)}.sketch-arrow{fill:none;stroke:var(--accent-green);stroke-width:.8;opacity:.5}.vortex-scaled{transform:scale(.6)}.telemetry-sketch{flex:0 0 320px;padding:20px 0 20px 20px;position:relative;display:flex;flex-direction:column;gap:15px}@media (max-width:1024px){.workspace{padding:0 30px 40px;gap:30px;height:auto;min-height:calc(100vh - 140px)}.pane,.react-output,.sketch-deck{min-height:600px}.canvas-container{min-height:550px}.sketch-canvas{min-height:500px}.hand-drawn-svg{min-height:480px}.nav-pills{top:20px;padding:5px 10px;gap:6px}.pill-label{font-size:.6rem;letter-spacing:1.5px}.toggle{width:28px;height:14px}.toggle:after{width:10px;height:10px}.toggle.active:after{left:16px}.logo-text-serif{font-size:2.5rem}.logo-text-mono{font-size:1.2rem;padding:3px 10px}.aesthetic-tag{font-size:.5rem}.main-header{padding:20px 30px}.system-monitor{height:auto;min-height:200px;padding:15px 30px;flex-direction:column;gap:20px}.architecture-viz,.terminal-pane{width:100%}}@media (max-width:768px){body{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100vh}.main-header{flex-direction:column;align-items:center;padding:15px 20px;gap:20px;position:relative}.logo-container{align-items:center;text-align:center}.logo{flex-direction:column;align-items:center;gap:10px}.logo-text-serif{font-size:2rem}.logo-text-mono{margin-left:0;transform:translateY(0);font-size:1rem}.aesthetic-tag{justify-content:center}.aesthetic-tag:after{width:20px}.nav-pills{position:static;transform:none;width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;padding:8px}.pill-group{flex-direction:column;align-items:center;gap:4px}.pill-label{font-size:.5rem}.toggle{width:24px;height:12px}.toggle:after{width:8px;height:8px}.toggle.active:after{left:14px}.deploy-module{margin-left:0;padding-left:0;border-left:none;border-top:1px solid rgba(0,0,0,.05);padding-top:8px;width:100%}.generate-site-btn{width:100%;padding:10px 20px;font-size:.6rem;justify-content:center}.github-btn{display:none}.workspace{flex-direction:column;padding:20px;gap:30px;overflow-y:visible;height:auto}.pane{width:100%;min-height:500px;max-height:none}.react-output,.sketch-deck{min-height:500px;flex:1 1}.pane-header{font-size:.7rem;padding:0 0 10px}.canvas-container{min-height:450px;height:auto}.preview-pane{min-height:450px}.rulers{display:none}.sketch-canvas{position:relative;top:0;left:0;padding:15px;min-height:400px}.hand-drawn-svg{width:100%;height:100%;min-height:400px}.hand-text{font-size:12px}.typewriter{font-size:10px}.annotation{font-size:9px}.sketch-rect{stroke-width:1.8}.sketch-line{stroke-width:1.3}.preview-pane{padding:20px}.preview-nav{padding:10px 16px;font-size:.6rem}.preview-links{gap:12px}.preview-hero{height:120px}.spring-label{font-size:2rem;-webkit-text-stroke:1.5px #1a1a1a}.hero-line{width:80px;height:3px}.preview-grid{grid-template-columns:1fr;gap:15px}.preview-card{padding:12px}.card-title{font-size:.55rem}.kinetic-core-container{transform:translate(-50%,-50%) scale(.8)}.kinetic-core{width:100px;height:100px}.core-ball{width:45px;height:45px}.system-monitor{height:auto;padding:15px 20px;flex-direction:column;gap:15px}.architecture-viz,.terminal-pane{width:100%;flex:1 1}.terminal-pane{padding:20px;min-height:250px}.viz-header{font-size:.6rem}.terminal-header{font-size:.5rem}.terminal-content{font-size:.6rem;line-height:1.8}.node-graph svg{height:80px}.telemetry-sketch{width:100%;padding:20px 0;border-top:1px dashed rgba(0,0,0,.1);border-left:none}.vortex-mode{gap:30px;padding:0 20px 40px}.telemetry-draft,.vortex-blueprint{width:100%}}@media (max-width:640px){.logo-text-serif{font-size:1.8rem}.logo-text-mono{font-size:.9rem;padding:3px 8px}.aesthetic-tag{font-size:.45rem;letter-spacing:3px}.nav-pills{padding:6px;gap:4px}.pill-label{font-size:.45rem;letter-spacing:1px}.generate-site-btn{font-size:.55rem;padding:8px 16px}.btn-indicator{width:5px;height:5px}.pane,.react-output,.sketch-deck{min-height:450px}.canvas-container{min-height:400px}.sketch-canvas{min-height:380px;padding:12px}.hand-drawn-svg{min-height:360px}.hand-text{font-size:11px}.typewriter{font-size:9px}.annotation{font-size:8px}.sketch-rect{stroke-width:1.5}.sketch-line{stroke-width:1.2}.preview-pane{padding:15px;min-height:400px}.spring-label{font-size:1.6rem;-webkit-text-stroke:1px #1a1a1a}.preview-card{padding:10px}.card-img{height:80px;margin-bottom:10px}.system-monitor{padding:12px 15px}.terminal-content{font-size:.55rem}.log{margin-bottom:4px}}@media (max-width:480px){.main-header{padding:12px 15px}.logo-text-serif{font-size:1.5rem;letter-spacing:-1px}.logo-text-mono{font-size:.8rem;padding:2px 6px;box-shadow:3px 3px 0 gold}.aesthetic-tag{font-size:.4rem;letter-spacing:2px;margin-bottom:1px}.aesthetic-tag:after{width:15px}.curly-underline{bottom:-8px;height:20px}.nav-pills{padding:5px;gap:3px}.pill-label{font-size:.4rem;letter-spacing:.5px}.pill-group{gap:3px}.toggle{width:20px;height:10px}.toggle:after{width:6px;height:6px;top:2px;left:2px}.toggle.active:after{left:12px}.deploy-module{padding-top:5px;margin-top:5px}.generate-site-btn{font-size:.5rem;padding:7px 14px;letter-spacing:1px}.btn-indicator{width:4px;height:4px}.workspace{padding:15px;gap:25px}.pane,.react-output,.sketch-deck{min-height:400px}.pane-header{font-size:.65rem;letter-spacing:1.5px;padding:0 0 8px;margin-bottom:15px}.canvas-container{min-height:350px}.sketch-canvas{padding:10px;min-height:330px}.hand-drawn-svg{min-height:310px}.preview-pane{padding:10px;min-height:350px}.hand-text{font-size:10px}.typewriter{font-size:9px}.annotation{font-size:8px}.sketch-rect{stroke-width:1.5}.sketch-line{stroke-width:1.2}.sketch-canvas{min-height:380px;padding:12px}.hand-drawn-svg{min-height:360px}.preview-nav{padding:8px 12px;font-size:.55rem;flex-wrap:wrap;justify-content:center;gap:8px}.preview-logo{width:20px;height:20px}.preview-links{gap:8px;font-size:.5rem}.preview-auth{width:100%;justify-content:center;margin-top:5px}.auth-pill{padding:4px 12px;font-size:.5rem}.preview-hero{height:100px;padding:15px}.spring-label{font-size:1.3rem;-webkit-text-stroke:1px #1a1a1a;margin-bottom:10px}.hero-line{width:60px;height:2px;border-bottom-width:2px}.preview-grid{gap:12px}.preview-card{padding:8px}.card-img{height:60px;margin-bottom:8px}.card-title{font-size:.5rem}.kinetic-core-container{transform:translate(-50%,-50%) scale(.6)}.kinetic-core{width:80px;height:80px}.core-ball{width:35px;height:35px}.system-monitor{padding:10px 12px;gap:12px}.architecture-viz{padding:12px}.viz-header{font-size:.55rem;letter-spacing:.5px;margin-bottom:8px}.status-dot{width:6px;height:6px}.node-graph svg{height:60px}.terminal-pane{padding:15px;min-height:200px}.terminal-header{font-size:.45rem;letter-spacing:2px;padding-bottom:10px}.terminal-header:after{font-size:.4rem}.terminal-content{font-size:.5rem;line-height:1.6}.log{margin-bottom:3px;gap:6px}.log:before{font-size:.4rem}.vignette{opacity:.1}.grid-background{background-size:20px 20px}.sketch-rect{stroke-width:1}.sketch-line{stroke-width:.8}.hand-text{font-size:8px}.typewriter{font-size:7px}.annotation{font-size:6px}}@media (max-width:360px){.logo-text-serif{font-size:1.2rem}.logo-text-mono{font-size:.7rem}.pill-label{font-size:.35rem}.generate-site-btn{font-size:.45rem;padding:6px 12px}.spring-label{font-size:1.1rem}.preview-hero,.preview-nav{font-size:.5rem}.workspace{padding:12px;gap:20px}.pane,.react-output,.sketch-deck{min-height:350px}.canvas-container{min-height:300px}.sketch-canvas{min-height:280px;padding:8px}.hand-drawn-svg{min-height:260px}.hand-text{font-size:8px}.typewriter{font-size:7px}.annotation{font-size:6px}.sketch-rect{stroke-width:1}.sketch-line{stroke-width:.8}.preview-pane{min-height:300px}.system-monitor{padding:8px 10px}.terminal-content{font-size:.45rem}}@import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Outfit:wght@300;400;600;800;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap");.canvas-root{height:100vh;width:100vw;overflow:hidden;background:transparent;font-family:var(--font-mono);color:#1a1a1a;perspective:1200px}.artistic-daughter{font-family:Architects Daughter,cursive;color:#444}.landing-viewport{height:100vh;width:100vw;overflow-y:auto;box-sizing:border-box;padding:180px 40px 100px;display:flex;flex-direction:column;align-items:center;background:transparent;scrollbar-width:none;animation:fade-in-up .8s cubic-bezier(.19,1,.22,1) forwards}.landing-viewport::-webkit-scrollbar{display:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.landing-hero-header{text-align:center;max-width:850px;margin-bottom:70px}.landing-main-title{font-family:Playfair Display,serif;font-size:3.8rem;font-weight:400;color:#1a1a1a;letter-spacing:-2px;line-height:1.1;margin:0 0 20px;text-transform:capitalize}.landing-main-title span{font-style:italic;color:#8c8380}.landing-subtitle{font-family:var(--font-mono);font-size:.68rem;color:#8c8380;max-width:620px;margin:0 auto;line-height:1.8;letter-spacing:1.5px;text-transform:uppercase}.demo-visual-chamber-centered{width:100%;max-width:960px;height:480px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer;margin-bottom:80px;position:relative}.launcher-strip{display:flex;justify-content:center;margin-bottom:90px}.onboarding-cta{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;padding:18px 48px;font-family:var(--font-mono);font-size:.72rem;font-weight:900;letter-spacing:2px;cursor:pointer;box-shadow:4px 4px 0 #ff9500;transition:all .2s;text-transform:uppercase}.onboarding-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #ff9500}.landing-footer-telemetry{width:100%;max-width:850px;border-top:1px solid rgba(58,46,43,.08);padding-top:25px;display:flex;justify-content:space-between;font-size:.55rem;color:#8c8380;letter-spacing:1.5px;margin-top:auto;padding-bottom:30px}.footer-metric-pill{display:flex;align-items:center;gap:6px}.footer-metric-dot{width:4px;height:4px;border-radius:50%;background:#ff9500;box-shadow:0 0 6px #ff9500}.main-workspace{display:grid;grid-template-columns:240px 1fr 380px;grid-gap:30px;gap:30px;padding:120px 40px 40px;height:100vh;box-sizing:border-box;animation:fade-in-up .8s cubic-bezier(.19,1,.22,1) forwards}.palette-card{background:transparent;border:1px solid rgba(0,0,0,.15);padding:24px;border-radius:0;display:flex;flex-direction:column;gap:15px;position:relative}.palette-card:before{top:-7px;left:-4px}.palette-card:after,.palette-card:before{content:"+";position:absolute;font-size:10px;color:#1a1a1a}.palette-card:after{bottom:-7px;right:-4px}.module-btn{padding:16px 18px;border-radius:0;border:1px solid rgba(0,0,0,.15);background:transparent;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.19,1,.22,1);position:relative}.module-btn:hover{background:#fff;border-color:#1a1a1a;box-shadow:4px 4px 0 #1a1a1a;transform:translate(-2px,-2px)}.module-btn-indicator{position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--color);transform:scaleY(0);transition:.2s}.module-btn.active{background:rgba(255,149,0,.05);border-color:#ff9500}.module-btn.active .module-btn-indicator{transform:scaleY(1);background:#ff9500}.lab-table{background:#fff;border:1px solid #e5e5e5;position:relative;box-shadow:0 40px 100px -20px rgba(0,0,0,.06);background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/22/Da_Vinci_Vitruve_Luc_Viatour.jpg/800px-Da_Vinci_Vitruve_Luc_Viatour.jpg),linear-gradient(rgba(0,0,0,.01) 1.5px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.01) 1.5px,transparent 0);background-size:600px,30px 30px;background-position:50%,0 0;background-repeat:no-repeat,repeat;background-blend-mode:multiply;padding:60px;overflow-y:auto;scrollbar-width:none;transition:transform .1s ease-out;transform-style:preserve-3d}.laser-scan{position:absolute;left:-10%;width:120%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,78%,.3),transparent);z-index:100;pointer-events:none;animation:scan-move 3.5s cubic-bezier(.4,0,.2,1) infinite}.laser-scan:before{top:-80px;height:80px;background:linear-gradient(180deg,transparent,rgba(79,70,229,.04))}.laser-scan:after,.laser-scan:before{content:"";position:absolute;left:0;width:100%}.laser-scan:after{top:-1px;height:2px;background:linear-gradient(90deg,transparent 20%,rgba(79,70,229,.9) 50%,transparent 80%);box-shadow:0 0 20px rgba(79,70,229,.4)}@keyframes scan-move{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:100%;opacity:0}}.lab-table:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/22/Da_Vinci_Vitruve_Luc_Viatour.jpg) no-repeat;background-size:600px;background-position:100%;opacity:.05;pointer-events:none;transform:translateZ(20px);mix-blend-mode:multiply}@keyframes wireframe-in{0%{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.art-sketch{background:#fdfdfd;border:1px solid rgba(0,0,0,.1);position:relative;margin-bottom:30px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.02);z-index:1}.art-sketch:after,.art-sketch:before{content:"";position:absolute;bottom:15px;width:45%;height:20px;box-shadow:0 15px 15px rgba(0,0,0,.15);z-index:-1;transition:all .3s}.art-sketch:before{left:10px;transform:skew(-8deg) rotate(-3deg)}.art-sketch:after{right:10px;transform:skew(8deg) rotate(3deg)}.floating-particle{position:absolute;width:3px;height:3px;background:#aaa;border-radius:50%;pointer-events:none;opacity:.2;animation:float-particle 10s linear infinite}@keyframes float-particle{0%{transform:translateY(100vh) translateX(0)}to{transform:translateY(-100vh) translateX(100px)}}.vision-btn{background:transparent;color:#1a1a1a;border:1px solid #1a1a1a;padding:16px 15px;border-radius:0;cursor:pointer;font-size:.6rem;letter-spacing:2px;font-weight:900;transition:all .2s;width:100%;box-sizing:border-box;text-transform:uppercase;margin-top:20px;line-height:1.4;white-space:normal}.vision-btn:hover:not(:disabled){background:#1a1a1a;color:#fff;box-shadow:4px 4px 0 #ff9500;transform:translate(-2px,-2px)}.vision-btn:disabled{opacity:.5;cursor:not-allowed;border-style:dashed}.process-graph{display:flex;justify-content:space-between;position:relative;margin:30px 0 40px}.process-path{position:absolute;top:5px;left:15%;right:15%;height:2px;background:repeating-linear-gradient(90deg,#e5e5e5,#e5e5e5 4px,transparent 0,transparent 8px);z-index:1}.path-line{position:absolute;top:-1px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#ff9500,transparent);opacity:0;transition:.5s}.path-line.flowing{opacity:.8;animation:data-flow 1.5s linear infinite;filter:drop-shadow(0 0 4px #FF9500)}@keyframes data-flow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.process-node{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2;width:33%}.node-circle{width:12px;height:12px;border-radius:50%;border:2px solid #ddd;background:#fff;transition:all .5s cubic-bezier(.25,1,.5,1)}.process-node span{font-size:.5rem;font-weight:900;letter-spacing:2px;color:#999;transition:.5s;text-align:center}.process-node.active .node-circle{border-color:#1a1a1a;background:#1a1a1a;box-shadow:0 0 15px rgba(0,0,0,.15);transform:scale(1.3)}.process-node.active span{color:#1a1a1a}.process-node.pulse .node-circle{border-color:#ff9500;background:#fff;box-shadow:0 0 0 0 rgba(255,149,0,.6);animation:node-pulse 1.5s cubic-bezier(.66,0,0,1) infinite}.process-node.pulse span{color:#ff9500}@keyframes node-pulse{to{box-shadow:0 0 0 12px rgba(255,149,0,0)}}.figure-sway{animation:fig-sway 3.5s ease-in-out infinite;transform-origin:center bottom}.waving-hand{animation:hand-wave 1.8s ease-in-out infinite;transform-origin:left top}@keyframes fig-sway{0%,to{transform:rotate(-2deg) translate(0)}50%{transform:rotate(2deg) translate(1px,-1px)}}@keyframes hand-wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}.stark-modal-overlay{position:fixed;inset:0;background:hsla(40,48%,94%,.45);-webkit-backdrop-filter:blur(35px) saturate(180%);backdrop-filter:blur(35px) saturate(180%);z-index:999999;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .4s cubic-bezier(.19,1,.22,1) forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.stark-modal-core{width:900px;height:550px;background:#faf8f5;display:flex;box-shadow:0 40px 100px rgba(44,34,30,.12),0 0 0 1px rgba(139,115,85,.15);transform:scale(.96) translateY(10px);opacity:0;animation:modal-pop .6s cubic-bezier(.19,1,.22,1) .1s forwards;position:relative;overflow:hidden;border-radius:2px}@keyframes modal-pop{to{transform:scale(1) translateY(0);opacity:1}}.stark-pane-left{flex:1 1;background:#faf6ee;position:relative;color:#2c221e;display:flex;flex-direction:column;justify-content:space-between;padding:50px 40px;overflow:hidden;border-right:1px dashed rgba(139,115,85,.2)}.stark-pane-left:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,115,85,.04) 1px,transparent 0),linear-gradient(90deg,rgba(139,115,85,.04) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.sketch-art-container{position:absolute;bottom:-5%;right:-10%;width:130%;height:130%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;opacity:.65}.sketch-art-container img{width:100%;object-fit:contain;filter:invert(1) brightness(1.2) contrast(1.1);mix-blend-mode:screen;transform:rotate(-3deg)}.stark-left-content{position:relative;z-index:10}.telemetry-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.52rem;font-weight:800;letter-spacing:2px;color:#b08b59;background:rgba(176,139,89,.05);border:1px solid rgba(176,139,89,.25);padding:4px 10px;border-radius:20px;text-transform:uppercase;box-shadow:0 1px 2px rgba(58,46,43,.02);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-bottom:25px}.telemetry-badge:hover{background:rgba(176,139,89,.1);border-color:rgba(176,139,89,.45);box-shadow:0 0 10px rgba(176,139,89,.15);transform:translateY(-1px)}.telemetry-badge:before{content:"";display:inline-block;width:6px;height:6px;background-color:#00d330;border-radius:50%;box-shadow:0 0 6px #00d330;animation:auth-live-pulse 1.6s ease-in-out infinite}@keyframes auth-live-pulse{0%{transform:scale(.85);opacity:.7;box-shadow:0 0 0 0 rgba(0,211,48,.5)}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 0 5px rgba(0,211,48,0)}to{transform:scale(.85);opacity:.7;box-shadow:0 0 0 0 rgba(0,211,48,0)}}.telemetry-badge:after{content:"";display:inline-block;width:3px;height:6px;background:#b08b59;margin-left:4px;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.minimal-quote{font-family:var(--font-serif);font-size:2.2rem;line-height:1.05;color:#2c221e;max-width:90%;margin-top:15px}.minimal-quote span{color:#8b7355;font-style:italic}.hand-text{font-family:var(--font-mono),Courier,monospace;text-transform:uppercase;font-size:7px!important}.stark-brand{position:relative;z-index:10;display:flex;align-items:baseline;gap:15px}.stark-brand h2{font-family:var(--font-serif);font-size:1.4rem;color:#2c221e;margin:0;letter-spacing:-.5px}.stark-brand h2 span{color:#b08b59}.stark-brand .status{font-family:var(--font-mono);font-size:.5rem;color:#8b7355;letter-spacing:2px}.stark-pane-right{width:440px;background:#f5f5f0;padding:50px 45px;display:flex;flex-direction:column;position:relative}.modal-dismiss{position:absolute;top:30px;right:30px;font-family:var(--font-mono);font-size:.55rem;font-weight:800;letter-spacing:1.5px;color:rgba(0,0,0,.4);cursor:pointer;transition:.2s}.modal-dismiss:hover{color:#ff3b30}.mode-toggle-group{display:flex;align-items:baseline;gap:15px;margin-bottom:50px;margin-top:20px}.mode-heading{font-family:var(--font-serif);font-size:2.5rem;color:rgba(0,0,0,.2);margin:0;cursor:pointer;transition:.4s cubic-bezier(.19,1,.22,1);letter-spacing:-1px}.mode-heading.active{color:#1a1a1a}.mode-heading:hover:not(.active){color:rgba(0,0,0,.5)}.mode-divider{font-family:var(--font-serif);font-size:2.2rem;color:rgba(0,0,0,.1);font-weight:300}.form-transition-wrapper{flex-grow:1;position:relative}.form-layer{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(10px);transition:.4s cubic-bezier(.19,1,.22,1)}.form-layer.active{opacity:1;pointer-events:auto;transform:translateX(0)}.minimal-input-group{position:relative;margin-bottom:35px}.minimal-input{width:100%;background:transparent;border:none;border-bottom:1px dashed rgba(0,0,0,.2);padding:8px 0;font-family:var(--font-mono);font-size:.9rem;color:#1a1a1a;outline:none;transition:.3s}.minimal-input:focus{border-bottom-color:#ff9500}.minimal-label{position:absolute;left:0;top:10px;font-family:var(--font-mono);font-size:.65rem;font-weight:800;color:#888;pointer-events:none;transition:.3s cubic-bezier(.19,1,.22,1);letter-spacing:2px}.minimal-input:focus~.minimal-label,.minimal-input:not(:placeholder-shown)~.minimal-label{top:-14px;font-size:.5rem;color:#ff9500}.signup-form .minimal-input:focus~.minimal-label,.signup-form .minimal-input:not(:placeholder-shown)~.minimal-label{color:#00ff41}.signup-form .minimal-input:focus{border-bottom-color:#00ff41}.brutalist-btn{width:100%;background:#1a1a1a;color:#fff;border:none;padding:16px;font-family:var(--font-mono);font-size:.75rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;cursor:pointer;margin-top:15px;box-shadow:4px 4px 0 #ff9500;transition:.2s}.brutalist-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #ff9500}.signup-form .brutalist-btn{box-shadow:4px 4px 0 #00ff41}.signup-form .brutalist-btn:hover{box-shadow:6px 6px 0 #00ff41}.verification-overlay-sheet{position:absolute;inset:0;background:#0a0a0a;z-index:1000;padding:50px;font-family:var(--font-mono);color:#bbb;display:flex;flex-direction:column;animation:overlay-wipe .5s cubic-bezier(.19,1,.22,1) forwards;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}@keyframes overlay-wipe{to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.verification-terminal{flex-grow:1;overflow-y:auto;font-size:.7rem;display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:25px}.verification-line{line-height:1.4}.verification-line.success{color:#00ff41}.minimal-input.input-error{border-bottom-color:#ff3b30!important}.minimal-label.label-error{top:-14px;font-size:.5rem;color:#ff3b30!important;animation:error-shake .35s cubic-bezier(.36,.07,.19,.97) both}@keyframes error-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.face-scan-wrapper{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;background:#faf6ee;border:2px dashed rgba(139,115,85,.4);box-shadow:0 10px 30px rgba(44,34,30,.08);animation:scanning-pulse 2s ease-in-out infinite}@keyframes scanning-pulse{0%,to{border-color:rgba(139,115,85,.4)}50%{border-color:#e5a93c;box-shadow:0 0 15px rgba(229,169,60,.25)}}.face-scan-video{width:100%;height:100%;object-fit:cover;filter:sepia(1) contrast(1.15) brightness(.95) saturate(.85);transform:scaleX(-1)}.face-scan-fallback{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(139,115,85,.03)}.face-scan-laser{position:absolute;left:0;width:100%;height:2px;background:#e5a93c;box-shadow:0 0 10px #e5a93c,0 0 20px rgba(229,169,60,.5);z-index:20;animation:laser-sweep 3s linear infinite;pointer-events:none}@keyframes laser-sweep{0%{top:0;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}.biometric-scanner-btn{display:inline-block;font-family:var(--font-mono),monospace;font-size:.58rem;font-weight:800;color:#8b7355;cursor:pointer;background:transparent;border:none;text-decoration:underline;letter-spacing:1px;transition:.2s;margin-top:15px}.biometric-scanner-btn:hover{color:#e5a93c}.face-scan-canvas{width:100%;height:100%;object-fit:cover;filter:sepia(.85) contrast(1.15) brightness(.96) saturate(.9);transform:scaleX(-1)}.avatar-customizer-wrapper{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box}.avatar-category-tabs{display:flex;gap:12px;border-bottom:1px dashed rgba(139,115,85,.15);padding-bottom:14px;margin-bottom:20px}.avatar-category-btn{font-family:var(--font-mono),monospace;font-size:.58rem;font-weight:800;letter-spacing:1.5px;color:rgba(44,34,30,.4);cursor:pointer;background:transparent;border:none;text-transform:uppercase;transition:.2s;position:relative;padding:4px 8px}.avatar-category-btn.active{color:#2c221e}.avatar-category-btn.active:after{content:"■";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:5px;color:#e5a93c}.avatar-selection-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px;flex-grow:1;overflow-y:auto;padding-right:5px;max-height:280px}.avatar-selection-grid::-webkit-scrollbar{width:3px}.avatar-selection-grid::-webkit-scrollbar-thumb{background:rgba(139,115,85,.2);border-radius:2px}.avatar-option-card{background:#faf8f5;border:1px dashed rgba(139,115,85,.2);padding:14px 10px;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative}.avatar-option-card:before{content:"";position:absolute;inset:-1px;border:1px solid transparent;pointer-events:none;transition:.2s}.avatar-option-card:hover{border-color:rgba(44,34,30,.4);background:rgba(139,115,85,.02)}.avatar-option-card.active{border-color:#e5a93c;background:rgba(229,169,60,.04)}.avatar-option-card.active:before{border-color:#e5a93c;box-shadow:0 0 8px rgba(229,169,60,.1);animation:card-wiggle .3s ease-in-out}@keyframes card-wiggle{0%,to{transform:rotate(0)}33%{transform:rotate(-1deg)}66%{transform:rotate(1deg)}}.avatar-option-thumbnail{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.avatar-option-label{font-family:var(--font-mono),monospace;font-size:.52rem;font-weight:800;letter-spacing:.5px;color:#8b7355;text-transform:uppercase}.avatar-option-card.active .avatar-option-label{color:#2c221e}