:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}.generator-wrapper{background:#040d1a;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Orbitron,sans-serif;display:flex;position:relative;overflow:hidden}.bg-scene{pointer-events:none;position:absolute;inset:0}.bg-grid{background-image:linear-gradient(#38bdf80d 1px,#0000 1px),linear-gradient(90deg,#38bdf80d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.bg-glow{filter:blur(120px);opacity:.25;border-radius:50%;width:500px;height:500px;position:absolute;top:20%}.bg-glow.left{background:radial-gradient(circle,#7c3aed,#0000 70%);left:-150px}.bg-glow.right{background:radial-gradient(circle,#0891b2,#0000 70%);right:-150px}.scan-line{background:linear-gradient(90deg,#0000,#38bdf866,#0000);height:2px;animation:5s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.cube{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:floatCube var(--dur,8s) ease-in-out infinite alternate;background:#818cf814;border:1px solid #818cf84d;position:absolute;box-shadow:inset 0 0 12px #818cf826,0 0 16px #38bdf81a}@keyframes floatCube{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(8deg)}to{transform:translateY(4px)rotate(-5deg)}}.holo-stack{width:min(860px,92vw);position:relative}.holo-layer{background:#06122880;border:1px solid #38bdf826;border-radius:12px;position:absolute;inset:0}.layer-3{opacity:.4;transform:translate(-14px,-10px)}.layer-2{opacity:.6;transform:translate(-7px,-5px)}.holo-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#081837eb,#040e23f2);border:1.5px solid #38bdf859;border-radius:12px;padding:28px 32px 36px;position:relative;box-shadow:0 0 60px #38bdf81f,0 0 120px #818cf814,inset 0 0 40px #081837cc}.panel-topbar{align-items:center;gap:6px;margin-bottom:20px;display:flex}.traffic-light{border-radius:50%;width:10px;height:10px}.traffic-light.red{background:#ff5f57;box-shadow:0 0 6px #ff5f57}.traffic-light.yellow{background:#febc2e;box-shadow:0 0 6px #febc2e}.traffic-light.green{background:#28c840;box-shadow:0 0 6px #28c840}.topbar-line{background:linear-gradient(90deg,#38bdf84d,#0000);flex:1;height:1px;margin-left:10px}.topbar-badge{color:#38bdf880;letter-spacing:2px;font-family:Share Tech Mono,monospace;font-size:10px}.side-data{color:#38bdf84d;letter-spacing:1px;font-family:Share Tech Mono,monospace;font-size:9px;line-height:1.8;position:absolute;top:60px}.left-data{left:16px}.right-data{text-align:right;right:16px}.data-line{animation:4s ease-in-out infinite flicker}@keyframes flicker{0%,90%,to{opacity:.3}45%{opacity:.7}}.prediction-container{text-align:center;justify-content:center;align-items:center;min-height:200px;padding:16px 40px;display:flex}.prediction-text{background:linear-gradient(135deg,#38bdf8 0%,#a78bfa 50%,#f472b6 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px #818cf866);letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.1rem,2.8vw,1.55rem);font-weight:600;line-height:1.45}.cursor{-webkit-text-fill-color:#38bdf8;animation:.7s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.circuit-lines{margin:8px 0}.circuit-svg{width:100%;height:50px}.button-wrapper{justify-content:center;margin-top:16px;display:flex}.generate-btn{cursor:grab;color:#ffffffe6;letter-spacing:.1em;background:radial-gradient(circle,#38bdf826,#818cf814);border:1.5px solid #38bdf880;border-radius:999px;outline:none;justify-content:center;align-items:center;width:140px;height:80px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:visible}.generate-btn:hover{background:radial-gradient(circle,#38bdf840,#818cf826);border-color:#38bdf8cc;box-shadow:0 0 30px #38bdf866,0 0 60px #818cf833}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.btn-ring{border:1px solid #38bdf84d;border-radius:999px;animation:4s linear infinite spinRing;position:absolute;inset:-6px}.btn-ring.inner-ring{border-color:#818cf833;animation-duration:6s;animation-direction:reverse;inset:-12px}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-btn.is-generating .btn-ring{border-color:#38bdf899;animation-duration:1s}.btn-label{z-index:1;position:relative}.corner{border-style:solid;border-color:#38bdf880;width:24px;height:24px;position:absolute}.top-left{border-width:2px 0 0 2px;top:16px;left:16px}.top-right{border-width:2px 2px 0 0;top:16px;right:16px}.bottom-left{border-width:0 0 2px 2px;bottom:16px;left:16px}.bottom-right{border-width:0 2px 2px 0;bottom:16px;right:16px}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s}.fade-slide-enter-from{opacity:0;transform:translateY(12px)}.fade-slide-leave-to{opacity:0;transform:translateY(-12px)}.fingerprint{justify-content:center;align-items:center;display:flex}.pulse{opacity:.9;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95)}70%{transform:scale(1)}to{transform:scale(.95)}}