:root{--wb-hot-pink: #ff2a75;--wb-pink: #ff6b9d;--wb-light-pink: #ffb8d0;--wb-cream: #ffd4e8;--wb-purple: #6f2dff;--wb-purple-dark: #4a1db3;--wb-cyan: #00f0ff;--wb-cyan-dark: #00b8c4;--wb-white: #ffffff;--wb-gray: #888888;--wb-gray-dark: #444444;--wb-bg: #0d0015;--wb-bg-light: #1a0a2e;--wb-bg-card: rgba(13, 0, 21, .8);--font-pixel: "Press Start 2P", monospace;--font-mono: "JetBrains Mono", monospace;--font-display: "Orbitron", sans-serif;--glow-pink: 0 0 20px rgba(255, 42, 117, .6);--glow-pink-soft: 0 0 40px rgba(255, 42, 117, .3);--glow-cyan: 0 0 15px rgba(0, 240, 255, .6);--glow-purple: 0 0 20px rgba(111, 45, 255, .6);--border-pink: 1px solid rgba(255, 42, 117, .3);--border-pink-strong: 1px solid rgba(255, 42, 117, .6);--border-cyan: 1px solid rgba(0, 240, 255, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:16px;line-height:1.6;color:var(--wb-white);background:var(--wb-bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--wb-hot-pink);color:var(--wb-white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--wb-bg)}::-webkit-scrollbar-thumb{background:var(--wb-purple-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--wb-purple)}a{color:var(--wb-cyan);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--wb-hot-pink);text-shadow:var(--glow-pink)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:2px;line-height:1.2}h1{font-size:2.5rem;font-weight:900}h2{font-size:1.5rem}h3{font-size:1rem;color:var(--wb-cyan);letter-spacing:3px}code,pre{font-family:var(--font-mono);background:var(--wb-bg-light);border-radius:var(--radius-sm)}code{padding:.2em .4em;font-size:.9em;color:var(--wb-pink)}pre{padding:var(--space-md);overflow-x:auto;border:var(--border-pink)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-pink{color:var(--wb-hot-pink)}.text-cyan{color:var(--wb-cyan)}.text-purple{color:var(--wb-purple)}.text-gray{color:var(--wb-gray)}.font-pixel{font-family:var(--font-pixel)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.gradient-header{background:linear-gradient(90deg,var(--wb-white) 0%,var(--wb-hot-pink) 50%,var(--wb-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-pink{background:linear-gradient(90deg,var(--wb-hot-pink),var(--wb-pink),var(--wb-light-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-synthwave{background:linear-gradient(90deg,var(--wb-cyan) 0%,var(--wb-hot-pink) 50%,var(--wb-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,var(--wb-bg) 0%,transparent 100%);backdrop-filter:blur(10px)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--space-md)}.nav-logo img{width:32px;height:32px;image-rendering:pixelated}.nav-logo-text{font-family:var(--font-pixel);font-size:.7rem}.nav-logo-text .wb{color:var(--wb-hot-pink);text-shadow:var(--glow-pink)}.nav-logo-text .sep{color:var(--wb-cyan)}.nav-logo-text .baron{color:var(--wb-purple);text-shadow:var(--glow-purple)}.nav-links{display:flex;gap:var(--space-lg);list-style:none}.nav-link{font-family:var(--font-display);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--wb-gray);transition:var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--wb-cyan);text-shadow:var(--glow-cyan)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--wb-cyan);box-shadow:var(--glow-cyan);transition:var(--transition-normal)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg);position:relative}.hero-logo{width:160px;height:160px;margin-bottom:var(--space-lg);position:relative}.hero-logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(255,42,117,.3) 0%,rgba(111,45,255,.1) 40%,transparent 70%);filter:blur(40px);z-index:-1}.hero-logo img,.hero-logo canvas{width:100%;height:100%;image-rendering:pixelated}.hero-title{font-family:var(--font-pixel);font-size:1.8rem;margin-bottom:var(--space-sm);letter-spacing:2px}.hero-subtitle{font-family:var(--font-display);font-size:.9rem;color:var(--wb-cyan);letter-spacing:6px;text-transform:uppercase;text-shadow:var(--glow-cyan);margin-bottom:var(--space-xl)}.hero-tagline{max-width:600px;color:var(--wb-gray);font-size:1rem;margin-bottom:var(--space-xl);line-height:1.8}.hero-tagline strong{color:var(--wb-light-pink)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 100%);color:var(--wb-white);box-shadow:var(--glow-pink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff2a75cc;color:var(--wb-white)}.btn-secondary{background:transparent;color:var(--wb-cyan);border:var(--border-cyan)}.btn-secondary:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan);color:var(--wb-cyan)}.btn-group{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.card{background:var(--wb-bg-card);border:var(--border-pink);border-radius:var(--radius-lg);padding:var(--space-lg);backdrop-filter:blur(10px);position:relative}.card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,42,117,.6),rgba(0,240,255,.6),transparent)}.card-title{font-family:var(--font-display);font-size:.8rem;color:var(--wb-cyan);letter-spacing:3px;margin-bottom:var(--space-md)}.section{padding:var(--space-xl) var(--space-lg);position:relative}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-title{font-size:1.5rem;margin-bottom:var(--space-sm)}.section-subtitle{color:var(--wb-gray);font-size:.9rem}.playground-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:1000px;margin:0 auto}.crypto-card{background:var(--wb-bg-card);border:var(--border-pink);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.crypto-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff2a750d,#6f2dff0d);opacity:0;transition:var(--transition-normal)}.crypto-card:hover:before{opacity:1}.crypto-card:hover{transform:translateY(-4px);border-color:#ff2a7580;box-shadow:0 10px 40px #ff2a7533}.crypto-icon{width:64px;height:64px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;filter:drop-shadow(var(--glow-cyan));transition:var(--transition-normal)}.crypto-icon canvas{image-rendering:pixelated;image-rendering:crisp-edges}.crypto-card:hover .crypto-icon{filter:drop-shadow(0 0 20px rgba(255,42,117,.8));transform:scale(1.1)}.crypto-card h3{font-family:var(--font-pixel);font-size:.9rem;color:var(--wb-hot-pink);margin-bottom:var(--space-sm)}.crypto-card p{color:var(--wb-gray);font-size:.85rem}.crypto-tags{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);flex-wrap:wrap}.crypto-tag{font-size:.6rem;padding:var(--space-xs) var(--space-sm);background:var(--wb-bg-light);border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);color:var(--wb-cyan);letter-spacing:1px}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;max-width:800px;margin:0 auto}.skill-tag{font-family:var(--font-mono);font-size:.8rem;padding:var(--space-sm) var(--space-md);background:var(--wb-bg-light);border:var(--border-pink);border-radius:var(--radius-md);color:var(--wb-light-pink);transition:var(--transition-fast)}.skill-tag:hover{border-color:var(--wb-hot-pink);box-shadow:var(--glow-pink)}.footer{padding:var(--space-xl) var(--space-lg);text-align:center;border-top:var(--border-pink);margin-top:var(--space-xl)}.footer-logo{width:48px;height:48px;margin:0 auto var(--space-md);image-rendering:pixelated}.footer-text{color:var(--wb-gray-dark);font-size:.75rem;letter-spacing:2px}.footer-links{display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-md)}.footer-link{color:var(--wb-gray);font-size:.8rem}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:1.2rem}.hero-logo{width:120px;height:120px}.playground-grid{grid-template-columns:1fr}}#encrypted-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at 50% 0%,rgba(255,42,117,.08) 0%,transparent 70%);z-index:-1;pointer-events:none}.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);z-index:1000}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--wb-cyan);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitch-top 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--wb-hot-pink);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:glitch-bottom 1.5s infinite linear alternate-reverse}@keyframes glitch-top{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}@keyframes glitch-bottom{0%,90%,to{transform:translate(0)}91%{transform:translate(2px,1px)}93%{transform:translate(-2px,-1px)}95%{transform:translate(1px,2px)}97%{transform:translate(-1px,-2px)}}.typing-cursor:after{content:"_";animation:blink 1s step-end infinite;color:var(--wb-cyan)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.particles{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--wb-cyan);border-radius:50%;box-shadow:0 0 4px var(--wb-cyan);opacity:.4;animation:float 20s infinite linear}.particle:nth-child(2n){background:var(--wb-hot-pink);box-shadow:0 0 4px var(--wb-hot-pink);animation-duration:25s}.particle:nth-child(3n){background:var(--wb-purple);box-shadow:0 0 4px var(--wb-purple);animation-duration:22s}@keyframes float{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px);opacity:0}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,42,117,.4))}50%{filter:drop-shadow(0 0 40px rgba(255,42,117,.8))}}.neon-border{position:relative}.neon-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--wb-hot-pink),var(--wb-purple),var(--wb-cyan),var(--wb-hot-pink));background-size:400% 400%;border-radius:inherit;z-index:-1;animation:neon-rotate 3s linear infinite;filter:blur(4px);opacity:.7}@keyframes neon-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"01001000 01000001 01000011 01001011";position:absolute;inset:0;font-family:var(--font-mono);font-size:.6rem;color:#00f0ff1a;word-break:break-all;line-height:1.2;pointer-events:none;animation:stream-scroll 10s linear infinite}@keyframes stream-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 40px #ff2a754d}.fade-in{animation:fadeIn .6s ease forwards}.fade-in-up{animation:fadeInUp .6s ease forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}.fade-in-delay-4{animation-delay:.4s;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hex-visualizer{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;padding:var(--space-md);background:var(--wb-bg);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.7rem}.hex-byte{padding:4px;text-align:center;background:var(--wb-bg-light);color:var(--wb-cyan);border-radius:2px;transition:var(--transition-fast)}.hex-byte.active{background:var(--wb-hot-pink);color:var(--wb-white);box-shadow:var(--glow-pink)}.hex-byte.encrypted{background:var(--wb-purple-dark);color:var(--wb-light-pink)}.playground-page{padding:6rem 2rem 2rem;max-width:1000px;margin:0 auto;min-height:100vh}.playground-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--wb-gray);font-size:.8rem;margin-bottom:1rem;transition:var(--transition-fast)}.back-link:hover{color:var(--wb-cyan)}.back-arrow{display:flex;align-items:center}.playground-title-row{display:flex;align-items:center;gap:1.5rem}.playground-icon{flex-shrink:0}.playground-icon canvas{filter:drop-shadow(var(--glow-cyan))}.playground-title{font-family:var(--font-pixel);font-size:1.4rem;margin-bottom:.25rem}.playground-subtitle{font-family:var(--font-display);font-size:.8rem;color:var(--wb-gray);letter-spacing:3px;text-transform:uppercase}.panel{background:var(--wb-bg-card);border:var(--border-pink);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);position:relative}.panel:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,42,117,.4),rgba(0,240,255,.4),transparent)}.panel-title{font-family:var(--font-display);font-size:.75rem;color:var(--wb-cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.panel-icon{display:flex;align-items:center}.wasm-import-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.file-input-wrapper{position:relative;cursor:pointer}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--wb-bg-light);border:1px solid rgba(111,45,255,.3);border-radius:var(--radius-md);font-size:.8rem;color:var(--wb-light-pink);transition:var(--transition-fast)}.file-input-wrapper:hover .file-input-label{border-color:var(--wb-purple);box-shadow:0 0 10px #6f2dff4d}.file-icon{display:flex}.wasm-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--wb-gray);padding:.5rem 1rem;background:var(--wb-bg);border-radius:var(--radius-md)}.wasm-status.loaded{color:#0f8;border:1px solid rgba(0,255,136,.3)}.status-icon{display:flex}.key-size-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.key-size-label{font-size:.75rem;color:var(--wb-gray);letter-spacing:1px}.key-size-selector{display:flex;gap:1.5rem}.key-input-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.key-input-wrapper{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.key-input-wrapper .key-input{flex:1;padding-right:3rem}.key-input-wrapper .icon-btn{position:absolute;right:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem;color:var(--wb-gray);transition:var(--transition-fast)}.radio-label:hover{color:var(--wb-light-pink)}.radio-label input[type=radio]{display:none}.radio-custom{width:14px;height:14px;border:2px solid var(--wb-purple);border-radius:50%;position:relative;transition:var(--transition-fast)}.radio-label input[type=radio]:checked+.radio-custom{border-color:var(--wb-cyan);box-shadow:var(--glow-cyan)}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--wb-cyan);border-radius:50%}.radio-label input[type=radio]:checked~span:last-child{color:var(--wb-cyan)}.key-input{flex:1;background:var(--wb-bg);border:1px solid rgba(255,42,117,.2);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--wb-light-pink);transition:var(--transition-fast)}.key-input:focus{outline:none;border-color:var(--wb-hot-pink);box-shadow:0 0 10px #ff2a7533}.key-input::placeholder{color:var(--wb-gray-dark)}.panel-hint{margin-top:1rem;font-size:.7rem;color:var(--wb-gray-dark)}.panel-hint code{background:var(--wb-bg);padding:.15em .4em;border-radius:3px;color:var(--wb-cyan);font-size:.7rem}.io-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start}@media (max-width: 768px){.io-grid{grid-template-columns:1fr}.io-controls{flex-direction:row!important;justify-content:center}}.io-column{display:flex;flex-direction:column}.io-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.io-header .panel-title{margin-bottom:0}.io-textarea{width:100%;min-height:200px;background:var(--wb-bg);border:1px solid rgba(255,42,117,.2);border-radius:var(--radius-md);padding:1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--wb-white);resize:vertical;transition:var(--transition-fast)}.io-textarea:focus{outline:none;border-color:var(--wb-cyan);box-shadow:0 0 15px #00f0ff33}.io-textarea::placeholder{color:var(--wb-gray-dark)}.io-textarea[readonly],.io-textarea.output{background:#0d001580;color:var(--wb-cyan);font-size:.8rem;word-break:break-all}.io-controls{display:flex;flex-direction:column;gap:1rem;padding-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-size:.75rem;letter-spacing:1px;text-transform:uppercase;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{display:flex;align-items:center}.btn-primary{background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 100%);color:var(--wb-white);box-shadow:0 0 15px #ff2a7566}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 25px #ff2a7599}.btn-secondary{background:var(--wb-bg-light);color:var(--wb-cyan);border:1px solid rgba(0,240,255,.3)}.btn-secondary:not(:disabled):hover{border-color:var(--wb-cyan);box-shadow:var(--glow-cyan)}.btn-action{background:var(--wb-bg-light);color:var(--wb-hot-pink);border:1px solid rgba(255,42,117,.3);min-width:120px}.btn-action:not(:disabled):hover{background:#ff2a751a;border-color:var(--wb-hot-pink);box-shadow:var(--glow-pink)}.btn-encrypt{background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 100%);color:var(--wb-white);box-shadow:0 0 15px #ff2a7566;min-width:140px;padding:1rem 1.5rem;font-size:.85rem}.btn-encrypt:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 30px #ff2a75b3}.icon-btn{background:transparent;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);padding:.4rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--wb-cyan);box-shadow:var(--glow-cyan);background:#00f0ff0d}.format-toggle{display:flex;gap:0;border:1px solid rgba(111,45,255,.3);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{background:transparent;border:none;padding:.25rem .75rem;font-family:var(--font-mono);font-size:.65rem;color:var(--wb-gray);cursor:pointer;transition:var(--transition-fast)}.toggle-btn:hover{color:var(--wb-light-pink)}.toggle-btn.active{background:var(--wb-purple);color:var(--wb-white)}.status-bar{position:fixed;bottom:0;left:0;right:0;padding:.75rem 2rem;background:var(--wb-bg);border-top:var(--border-pink);z-index:50}.status-message{font-family:var(--font-mono);font-size:.75rem;text-align:center}.status-info{color:var(--wb-gray)}.status-success{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.status-error{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}.data-flow{position:relative;width:100%;height:2px;background:#6f2dff33;margin:.5rem 0;overflow:hidden}.flow-particles{position:absolute;width:100%;height:100%;opacity:0}@keyframes flowEncrypt{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.flow-encrypt .flow-particles{background:linear-gradient(90deg,transparent,rgba(255,42,117,.6) 20%,rgba(0,240,255,.8) 50%,rgba(111,45,255,.6) 80%,transparent);box-shadow:0 0 20px #ff2a75cc,0 0 30px #00f0ff99;animation:flowEncrypt .8s ease-in-out}@keyframes flowDecrypt{0%{right:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{right:100%;opacity:0}}.flow-decrypt .flow-particles{background:linear-gradient(90deg,transparent,rgba(111,45,255,.6) 20%,rgba(0,240,255,.8) 50%,rgba(255,42,117,.6) 80%,transparent);box-shadow:0 0 20px #6f2dffcc,0 0 30px #00f0ff99;animation:flowDecrypt .8s ease-in-out}@keyframes fieldFlash{0%{border-color:#ff2a7533;box-shadow:none}50%{border-color:var(--wb-cyan);box-shadow:0 0 30px #00f0ff99,inset 0 0 20px #00f0ff33}to{border-color:#ff2a7533;box-shadow:none}}.flash-target{animation:fieldFlash .6s ease-in-out}.crypto-card-disabled{opacity:.6;cursor:not-allowed;position:relative;pointer-events:none}.crypto-card-disabled:after{content:"";position:absolute;inset:0;background:#0d0015b3;border-radius:var(--radius-lg);backdrop-filter:blur(2px)}.under-construction{position:absolute;top:1rem;left:50%;transform:translate(-50%) rotate(-3deg);background:linear-gradient(135deg,#f44,#ff2a75);color:var(--wb-white);font-family:var(--font-pixel);font-size:.5rem;padding:.4rem .8rem;border-radius:var(--radius-sm);letter-spacing:1px;z-index:10;box-shadow:0 4px 15px #ff2a7599;animation:constructionPulse 2s ease-in-out infinite}@keyframes constructionPulse{0%,to{box-shadow:0 4px 15px #ff2a7599;transform:translate(-50%) rotate(-3deg) scale(1)}50%{box-shadow:0 4px 25px #ff2a75e6;transform:translate(-50%) rotate(-3deg) scale(1.05)}}.mode-panel{padding:1.25rem 1.5rem;margin-bottom:1.5rem}.mode-selector-wrapper{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.mode-label{font-family:var(--font-display);font-size:.75rem;color:var(--wb-gray);letter-spacing:2px;text-transform:uppercase}.mode-switch{position:relative;display:flex;background:var(--wb-bg);border:1px solid rgba(111,45,255,.3);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.mode-option{position:relative;z-index:2;flex:1;min-width:140px;background:transparent;border:none;padding:1rem 1.25rem .75rem;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:.25rem}.mode-name{font-family:var(--font-pixel);font-size:.85rem;color:var(--wb-gray);transition:var(--transition-fast)}.mode-desc{font-family:var(--font-mono);font-size:.55rem;color:var(--wb-gray-dark);transition:var(--transition-fast)}.mode-option:hover .mode-name{color:var(--wb-light-pink)}.mode-option:hover .mode-desc{color:var(--wb-gray)}.mode-option.active .mode-name{color:var(--wb-white)}.mode-option.active .mode-desc{color:var(--wb-cyan)}.mode-badge{position:absolute;top:.25rem;right:.25rem;font-family:var(--font-mono);font-size:.45rem;padding:.15rem .4rem;border-radius:3px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;opacity:.8;transition:var(--transition-fast)}.mode-badge.educational{background:#f443;color:#f88;border:1px solid rgba(255,68,68,.4)}.mode-option.active .mode-badge.educational{background:#ff44444d;color:#faa;border-color:#f449;opacity:1}.mode-option:hover .mode-badge{opacity:1}.mode-slider{position:absolute;z-index:1;top:.25rem;left:.25rem;width:calc(50% - .375rem);height:calc(100% - .5rem);background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 100%);border-radius:calc(var(--radius-md) - 2px);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ff2a7580,inset 0 0 10px #fff3}.mode-option:nth-child(2).active~.mode-slider{transform:translate(calc(100% + .25rem));background:linear-gradient(135deg,var(--wb-purple) 0%,var(--wb-cyan) 100%);box-shadow:0 0 20px #00f0ff80,inset 0 0 10px #fff3}@keyframes modeGlow{0%,to{box-shadow:0 0 20px #ff2a7580,inset 0 0 10px #fff3}50%{box-shadow:0 0 30px #ff2a75cc,inset 0 0 15px #ffffff4d}}.mode-option.active .mode-slider{animation:modeGlow 2s ease-in-out infinite}.iv-panel{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prime-gen-panel,.prime-test-panel{margin-bottom:2rem}.prime-input-row{display:flex;gap:2rem;align-items:flex-end;flex-wrap:wrap}.slider-container{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.75rem}.slider-label{font-family:var(--font-display);font-size:.7rem;color:var(--wb-cyan);letter-spacing:2px;text-transform:uppercase}.slider-hint{font-family:var(--font-mono);font-size:.6rem;color:var(--wb-gray-dark);text-transform:none;letter-spacing:0;margin-left:.5rem}.slider-input-group{display:flex;gap:1rem;align-items:center}.bits-slider,.security-slider{flex:1;height:6px;background:var(--wb-bg);border-radius:3px;outline:none;-webkit-appearance:none}.bits-slider::-webkit-slider-thumb,.security-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 100%);cursor:pointer;box-shadow:0 0 10px #ff2a75cc;transition:var(--transition-fast)}.bits-slider::-webkit-slider-thumb:hover,.security-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #ff2a75}.bits-slider::-moz-range-thumb,.security-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 100%);cursor:pointer;border:none;box-shadow:0 0 10px #ff2a75cc;transition:var(--transition-fast)}.bits-slider::-moz-range-thumb:hover,.security-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #ff2a75}.bits-input,.security-input{width:80px;background:var(--wb-bg);border:1px solid rgba(255,42,117,.3);border-radius:var(--radius-md);padding:.5rem;font-family:var(--font-mono);font-size:.9rem;color:var(--wb-cyan);text-align:center}.bits-input:focus,.security-input:focus{outline:none;border-color:var(--wb-hot-pink);box-shadow:0 0 10px #ff2a754d}.bits-label{font-family:var(--font-mono);font-size:.75rem;color:var(--wb-gray)}.confidence-display{font-family:var(--font-mono);font-size:.75rem;color:var(--wb-gray);padding:.5rem 1rem;background:var(--wb-bg);border-radius:var(--radius-md);border:1px solid rgba(111,45,255,.2)}#confidence-value{color:var(--wb-cyan);font-weight:700}.prime-result{margin-top:1.5rem;background:var(--wb-bg);border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(111,45,255,.3);position:relative;overflow:hidden}.prime-result.scanning:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.1) 50%,transparent);animation:scanning 1.5s ease-in-out}@keyframes scanning{0%{left:-100%}to{left:100%}}.result-section{margin-bottom:1rem}.result-section:last-child{margin-bottom:0}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.result-label{font-family:var(--font-display);font-size:.65rem;color:var(--wb-gray);letter-spacing:2px;text-transform:uppercase}.result-value{font-family:var(--font-mono);font-size:.85rem;color:var(--wb-light-pink);word-break:break-all;padding:.75rem;background:#0d001580;border-radius:var(--radius-sm);line-height:1.6}.prime-decimal{font-size:.9rem;color:var(--wb-cyan)}.prime-hex{font-size:.75rem;color:var(--wb-purple)}.flash-reveal{animation:flashReveal 1s ease-out}@keyframes flashReveal{0%{opacity:0;transform:scale(.95);box-shadow:0 0 #00f0ff00}50%{opacity:1;box-shadow:0 0 30px #00f0ff99,inset 0 0 20px #00f0ff33}to{opacity:1;transform:scale(1);box-shadow:0 0 #00f0ff00}}.result-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(111,45,255,.2);font-family:var(--font-mono);font-size:.75rem;color:var(--wb-gray)}.test-input-section{margin-bottom:1.5rem}.test-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem;flex-wrap:wrap}.test-label{font-family:var(--font-display);font-size:.7rem;color:var(--wb-cyan);letter-spacing:2px;text-transform:uppercase}.test-textarea{width:100%;min-height:120px;background:var(--wb-bg);border:1px solid rgba(255,42,117,.2);border-radius:var(--radius-md);padding:1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--wb-white);resize:vertical;transition:var(--transition-fast)}.test-textarea:focus{outline:none;border-color:var(--wb-cyan);box-shadow:0 0 15px #00f0ff33}.test-textarea::placeholder{color:var(--wb-gray-dark)}.test-controls{display:flex;gap:2rem;align-items:flex-end;margin-bottom:1.5rem;flex-wrap:wrap}.test-result{background:var(--wb-bg);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:2px solid rgba(111,45,255,.3);position:relative;overflow:hidden}.test-result.testing:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,240,255,.1),transparent);animation:rotate 2s linear infinite;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.test-result-icon{position:relative;z-index:2;font-size:4rem;margin-bottom:1rem;color:var(--wb-gray-dark)}.test-result-icon.prime-yes{color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.8);animation:primeGlow 2s ease-in-out infinite}.test-result-icon.prime-no{color:#f44;text-shadow:0 0 30px rgba(255,68,68,.8)}@keyframes primeGlow{0%,to{text-shadow:0 0 20px rgba(0,255,136,.6)}50%{text-shadow:0 0 40px rgba(0,255,136,1),0 0 60px rgba(0,255,136,.6)}}.test-result-text{position:relative;z-index:2;font-family:var(--font-pixel);font-size:1.2rem;color:var(--wb-gray);letter-spacing:2px}.test-result-text.prime-yes{color:#0f8}.test-result-text.prime-no{color:#f44}.computing-overlay{position:fixed;inset:0;background:#0d0015f2;backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.computing-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.computing-spinner{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:spinRing 3s linear infinite}.spinner-ring:nth-child(1){border-top-color:var(--wb-hot-pink);border-right-color:var(--wb-hot-pink);animation-duration:2s;width:100%;height:100%}.spinner-ring:nth-child(2){border-top-color:var(--wb-purple);border-right-color:var(--wb-purple);animation-duration:3s;animation-direction:reverse;width:80%;height:80%}.spinner-ring:nth-child(3){border-top-color:var(--wb-cyan);border-right-color:var(--wb-cyan);animation-duration:4s;width:60%;height:60%}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-core{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,var(--wb-hot-pink) 0%,var(--wb-purple) 50%,var(--wb-cyan) 100%);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 20px #ff2a7599,0 0 40px #6f2dff66,0 0 60px #00f0ff4d}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.computing-text{text-align:center}.computing-title{font-family:var(--font-pixel);font-size:1.5rem;color:var(--wb-cyan);margin-bottom:.5rem;letter-spacing:2px;animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(0,240,255,.5)}50%{text-shadow:0 0 20px rgba(0,240,255,.8),0 0 30px rgba(0,240,255,.4)}}.computing-subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--wb-gray);animation:fadeInOut 3s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.btn.computing{position:relative;pointer-events:none}.btn.computing:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent);animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}