:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#070a0f;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 20%,#121827 0,#090d14 45%,#05070b 100%);min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font-family:inherit}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app{flex-direction:column;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow-x:hidden}.ambient{filter:blur(110px);opacity:.18;pointer-events:none;border-radius:50%;width:500px;height:500px;position:fixed}.ambient-one{background:#8b5cf6;top:-180px;left:-140px}.ambient-two{background:#22d3ee;bottom:-220px;right:-180px}.console{z-index:2;-webkit-backdrop-filter:blur(28px);background:linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;width:min(100%,520px);min-height:680px;margin:5vh auto 0;padding:34px;display:flex;position:relative;box-shadow:0 40px 100px #00000073,inset 0 1px #ffffff14}.header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{letter-spacing:.22em;color:#8b9aaf;margin:0 0 7px;font-size:.68rem;font-weight:700}.secret-trigger{cursor:default;-webkit-user-select:none;user-select:none}h1{letter-spacing:-.04em;margin:0;font-size:2rem}.status{color:#94a3b8;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.72rem;transition:color .25s,border-color .25s,background .25s;display:flex}.status-idle{color:#a7f3d0}.status-loading{color:#bae6fd}.status-success{color:#fde68a}.status-error{color:#fca5a5}.control-area{place-items:center;min-height:285px;display:grid;position:relative}.halo{filter:blur(1px);pointer-events:none;background:#ffffff09;border-radius:50%;width:245px;height:245px;transition:transform .4s,box-shadow .4s,background .4s;position:absolute}.halo-idle{box-shadow:0 0 100px #7c3aed24,inset 0 0 55px #ffffff05}.halo-loading{background:#38bdf812;transform:scale(1.08);box-shadow:0 0 130px #38bdf84d}.halo-success{background:#facc151a;transform:scale(1.15);box-shadow:0 0 150px #facc1557}.halo-error{background:#f8717114;box-shadow:0 0 110px #f8717140}.light-button{z-index:2;color:#e2e8f0;cursor:pointer;background:radial-gradient(circle at 35% 25%,#ffffff24,#0000 42%),#111827;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:162px;height:162px;padding:0;transition:color .3s,background .3s,box-shadow .3s,opacity .3s;display:grid;position:relative;box-shadow:0 22px 45px #00000073,inset 0 1px #ffffff1f,inset 0 -8px 18px #00000038}.light-button:focus-visible{outline-offset:6px;outline:2px solid #67e8f9}.light-button:disabled{cursor:wait}.light-button-loading{color:#7dd3fc;box-shadow:0 22px 45px #00000073,0 0 50px #38bdf82e}.light-button-success{color:#fef08a;background:radial-gradient(circle at 50% 45%,#fef08a42,#0000 52%),#17160e;box-shadow:0 0 70px #facc1552,0 22px 45px #00000073}.light-button-error{color:#fca5a5}.flick-counter{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:-2px auto 26px;display:flex;position:relative}.counter-number-window{justify-content:center;align-items:center;width:100%;height:9rem;display:flex;position:relative;overflow:hidden}.counter-number{letter-spacing:-.08em;color:#f8fafc;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 0 24px #8b5cf673,0 0 60px #22d3ee3b,0 0 110px #ec489926;will-change:transform, opacity;font-size:clamp(6rem,20vw,9rem);font-weight:900;line-height:1;display:block}.flick-counter>span{letter-spacing:.34em;color:#64748b;margin-top:8px;padding-left:.34em;font-size:.72rem;font-weight:800;display:block}.copy{text-align:center}.copy h2{letter-spacing:-.02em;margin:0;font-size:1.25rem}.copy p{color:#7f8da3;max-width:330px;margin:9px auto 0;font-size:.88rem;line-height:1.55}.disco-button{color:#f0abfc;letter-spacing:.14em;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:linear-gradient(120deg,#8b5cf62e,#ec48992e,#22d3ee2e);border:1px solid #f472b64d;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:22px auto 0;padding:11px 18px;font-size:.7rem;font-weight:800;transition:box-shadow .2s,border-color .2s,opacity .2s;display:flex;box-shadow:0 0 30px #ec489914}.disco-button:hover:not(:disabled){border-color:#f472b68c;box-shadow:0 0 35px #ec48992e,0 0 70px #22d3ee14}.disco-button:focus-visible{outline-offset:5px;outline:2px solid #f0abfc}.disco-button:disabled{opacity:.55;cursor:wait}.disco-celebration{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{background:linear-gradient(135deg,#f472b6,#a78bfa,#22d3ee,#fde047);border-radius:3px;width:10px;height:18px;position:absolute;top:-30px;box-shadow:0 0 14px #fff3}.console-disco{animation:.65s linear infinite disco-glow}@keyframes disco-glow{0%{border-color:#ec489966;box-shadow:0 40px 100px #00000073,0 0 55px #ec48994d}25%{border-color:#22d3ee66;box-shadow:0 40px 100px #00000073,0 0 70px #22d3ee52}50%{border-color:#facc1566;box-shadow:0 40px 100px #00000073,0 0 70px #facc154d}75%{border-color:#8b5cf673;box-shadow:0 40px 100px #00000073,0 0 70px #8b5cf659}to{border-color:#ec489966;box-shadow:0 40px 100px #00000073,0 0 55px #ec48994d}}.footer{color:#536176;letter-spacing:.16em;border-top:1px solid #ffffff0f;justify-content:center;gap:10px;margin-top:34px;padding-top:20px;font-size:.62rem;font-weight:700;display:flex}.separator{opacity:.35}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.app{padding:14px}.console{border-radius:25px;width:100%;min-height:calc(100vh - 28px);padding:25px 20px}.header{align-items:center}h1{font-size:1.75rem}.status span{display:none}.control-area{min-height:250px}.light-button{width:145px;height:145px}.halo{width:220px;height:220px}.flick-counter{margin:-5px auto 24px}.counter-number-window{height:7.5rem}.counter-number{font-size:clamp(5.5rem,27vw,7.5rem)}.flick-counter>span{letter-spacing:.3em;margin-top:5px;font-size:.66rem}.disco-button{margin-top:16px}.footer{margin-top:28px}}@media (width<=380px){.app{padding:8px}.console{border-radius:22px;min-height:calc(100vh - 16px);padding:22px 16px}h1{font-size:1.55rem}.eyebrow{font-size:.6rem}.control-area{min-height:225px}.light-button{width:132px;height:132px}.halo{width:195px;height:195px}.counter-number-window{height:6.7rem}.counter-number{font-size:5.7rem}.copy h2{font-size:1.1rem}.copy p{font-size:.82rem}}.site-footer{z-index:2;width:min(1120px,100% - 40px);margin:0 auto 34px;position:relative}.site-footer-inner{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff14;border-radius:22px;grid-template-columns:minmax(170px,.8fr) minmax(0,1.7fr) auto;align-items:center;gap:34px;padding:26px 28px;display:grid;box-shadow:0 24px 70px #0000003d,inset 0 1px #ffffff0b}.site-footer-brand{flex-direction:column;gap:7px;display:flex}.site-footer-kicker{letter-spacing:.18em;color:#64748b;font-size:.62rem;font-weight:800}.site-footer-brand strong{letter-spacing:-.02em;color:#e2e8f0;font-size:.95rem;font-weight:700}.site-footer-copy{border-left:1px solid #ffffff12;padding-left:28px}.site-footer-copy p{color:#748298;max-width:630px;margin:0;font-size:.76rem;line-height:1.65}.site-footer-copy p+p{margin-top:4px}.site-footer-meta{color:#536176;letter-spacing:.14em;white-space:nowrap;justify-content:flex-end;align-items:center;gap:9px;font-size:.58rem;font-weight:800;display:flex}.site-footer-dot{background:#475569;border-radius:50%;width:4px;height:4px}@media (width<=800px){.site-footer-inner{grid-template-columns:1fr;gap:18px}.site-footer-copy{border-top:1px solid #ffffff12;border-left:0;padding-top:18px;padding-left:0}.site-footer-meta{justify-content:flex-start}}@media (width<=600px){.site-footer{width:calc(100% - 28px);margin-bottom:14px}.site-footer-inner{border-radius:20px;padding:22px 20px}.site-footer-copy p{font-size:.72rem}}@media (width<=380px){.site-footer{width:calc(100% - 16px);margin-bottom:8px}.site-footer-inner{border-radius:18px;padding:20px 16px}.site-footer-meta{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.spin,.console-disco{animation:none}.halo,.light-button,.status,.disco-button{transition:none}}.architecture-section{z-index:2;width:min(100%,1180px);margin:110px auto 70px;padding:0 10px;position:relative}.architecture-heading{max-width:720px;margin-bottom:42px}.architecture-heading .eyebrow{margin-bottom:10px}.architecture-heading h2{letter-spacing:-.055em;color:#f8fafc;margin:0;font-size:clamp(2rem,5vw,3.7rem);font-weight:800;line-height:.98}.architecture-intro{color:#7f8da3;max-width:650px;margin:18px 0 0;font-size:.95rem;line-height:1.75}.pipeline{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:center;display:grid;position:relative}.pipeline-step{display:contents}.pipeline-node{-webkit-backdrop-filter:blur(20px);background:radial-gradient(circle at 20% 0,#8b5cf61a,#0000 42%),linear-gradient(145deg,#fff1,#ffffff05);border:1px solid #ffffff17;border-radius:22px;min-width:0;min-height:208px;padding:20px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 24px 55px #00000047,inset 0 1px #ffffff0f}.pipeline-node:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 15%,#ffffff09 48%,#0000 78%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.pipeline-node:hover{background:radial-gradient(circle at 20% 0,#8b5cf626,#0000 45%),linear-gradient(145deg,#ffffff16,#ffffff06);border-color:#8b5cf647;transform:translateY(-6px);box-shadow:0 28px 70px #00000057,0 0 40px #8b5cf612,inset 0 1px #ffffff14}.pipeline-node:hover:after{transform:translate(100%)}.pipeline-icon{color:#c4b5fd;background:linear-gradient(145deg,#8b5cf624,#22d3ee0e);border:1px solid #ffffff17;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:26px;display:grid;box-shadow:inset 0 1px #ffffff12,0 0 30px #8b5cf614}.pipeline-type{color:#64748b;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:.62rem;font-weight:800;line-height:1;display:block}.pipeline-node h3{color:#e2e8f0;letter-spacing:-.015em;margin:0;font-size:.98rem;font-weight:700;line-height:1.3}.pipeline-node p{color:#66758b;margin:8px 0 0;font-size:.76rem;line-height:1.55}.pipeline-connector{align-items:center;width:28px;height:18px;display:flex;position:relative;overflow:hidden}.pipeline-connector span{transform-origin:0;background:linear-gradient(90deg,#8b5cf626,#22d3ee80,#8b5cf626);height:1px;position:absolute;top:50%;left:0;right:0}.pipeline-connector i{background:#67e8f9;border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0;box-shadow:0 0 8px #67e8f9d9,0 0 16px #8b5cf68c}.architecture-note{color:#5f6d82;align-items:center;gap:9px;margin-top:22px;font-size:.72rem;line-height:1.5;display:flex}.architecture-note .status-dot{background:#67e8f9;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #67e8f98c}@media (width<=1050px){.architecture-section{width:min(100%,760px)}.pipeline{grid-template-columns:1fr;align-items:stretch}.pipeline-step{flex-direction:column;display:flex}.pipeline-node{min-height:0}.pipeline-connector{width:18px;height:34px;margin-left:24px;display:block;overflow:hidden}.pipeline-connector span{transform-origin:top;background:linear-gradient(#8b5cf626,#22d3ee80,#8b5cf626);width:1px;height:100%;inset:0 auto 0 8px}.pipeline-connector i{margin-top:0;top:0;left:5px}}@media (width<=600px){.app{padding-bottom:28px}.console{margin-top:0}.architecture-section{margin:78px auto 38px;padding:0}.architecture-heading{margin-bottom:30px}.architecture-heading h2{font-size:clamp(2rem,12vw,3rem)}.architecture-intro{margin-top:15px;font-size:.88rem;line-height:1.65}.pipeline-node{border-radius:19px;padding:18px}.pipeline-icon{width:42px;height:42px;margin-bottom:20px}.architecture-note{align-items:flex-start;font-size:.68rem}.architecture-note .status-dot{margin-top:.22rem}}@media (width<=380px){.architecture-section{margin-top:64px}.architecture-heading h2{font-size:1.9rem}.pipeline-node h3{font-size:.92rem}.pipeline-node p{font-size:.73rem}}@media (prefers-reduced-motion:reduce){.pipeline-node{transition:none}.pipeline-node:after{display:none}}