*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#8b5cf6;--accent-dim:#6d28d9;--accent-glow:#8b5cf626;--cyan:#06b6d4;--bg:#000;--bg-card:#08080ceb;--text:#c4c0d0;--text-dim:#55505e;--danger:#dc2626;--border:#8b5cf61a}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:Share Tech Mono,monospace;overflow-x:hidden}#root{width:100%;min-height:100dvh}.ghost-reveal{z-index:0;pointer-events:none;opacity:0;transition:opacity 3s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ghost-reveal .ghost-symbol{color:#8b5cf60a;width:min(80vw,500px);height:min(80vw,500px);animation:120s linear infinite ghost-rotate}.ghost-reveal{animation:8s ease-in-out infinite ghost-flicker}@keyframes ghost-flicker{0%,to{opacity:0}40%{opacity:0}45%{opacity:.4}48%{opacity:0}50%{opacity:.3}55%{opacity:0}}.ghost-reveal.revealed{animation:2s forwards ghost-appear}.ghost-reveal.revealed .ghost-symbol{color:#8b5cf614;filter:drop-shadow(0 0 40px #8b5cf626)}@keyframes ghost-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.8}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes ghost-rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}.vault-icon{text-align:center;margin-bottom:12px}.vault-logo{object-fit:contain;filter:drop-shadow(0 0 12px #8b5cf64d);width:52px;height:52px;animation:4s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{filter:drop-shadow(0 0 12px #8b5cf633);opacity:.7}50%{filter:drop-shadow(0 0 20px #8b5cf666);opacity:1}}.vault-icon-unlocked .vault-logo{animation:1.2s forwards unlock-burst}@keyframes unlock-burst{0%{filter:drop-shadow(0 0 12px #8b5cf633);transform:scale(1)}30%{filter:drop-shadow(0 0 40px #06b6d499);transform:scale(1.4)}60%{transform:scale(.9)}to{filter:drop-shadow(0 0 25px #06b6d466);opacity:1;transform:scale(1)}}.reveal-card{cursor:pointer;opacity:0;background:#0a0812f2;border:1px solid #8b5cf633;border-radius:2px;margin-top:24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards reveal-enter;position:relative;overflow:hidden}@keyframes reveal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}60%{opacity:1}to{opacity:1;transform:scale(1)translateY(0)}}.reveal-glaze{pointer-events:none;border-radius:2px;position:absolute}.reveal-glaze-1{background:linear-gradient(135deg,#8b5cf60f 0%,#0000 40% 60%,#06b6d40a 100%);animation:6s ease-in-out infinite alternate glaze-shift;inset:0}.reveal-glaze-2{background:linear-gradient(-45deg,#0000 0%,#ffffff05 50%,#0000 100%) 0 0/200% 200%;animation:4s ease-in-out infinite glaze-sweep;inset:0}@keyframes glaze-shift{0%{opacity:.5}to{opacity:1}}@keyframes glaze-sweep{0%{background-position:200% 200%}to{background-position:-200% -200%}}.reveal-edge-glow{background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:1px;animation:3s ease-in-out infinite edge-pulse;position:absolute;top:0;left:10%;right:10%}@keyframes edge-pulse{0%,to{opacity:.4}50%{opacity:1}}.reveal-content{z-index:1;padding:24px 20px 18px;position:relative}.reveal-accent-line{background:linear-gradient(90deg, var(--accent), var(--cyan), var(--accent));background-size:200% 100%;height:2px;margin:-24px -20px 20px;animation:3s linear infinite accent-flow}@keyframes accent-flow{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal-header{align-items:center;gap:12px;display:flex}.reveal-logo{object-fit:contain;filter:drop-shadow(0 0 8px #8b5cf666);width:36px;height:36px}.reveal-brand{flex-direction:column;display:flex}.reveal-brand-name{color:#fff;letter-spacing:3px;font-family:AubetteArchiType,sans-serif;font-size:.85rem}.reveal-brand-tag{color:var(--text-dim);letter-spacing:2px;margin-top:2px;font-family:Share Tech Mono,monospace;font-size:.55rem}.reveal-divider{background:linear-gradient(90deg,#0000,#8b5cf626,#0000);height:1px;margin:16px 0}.reveal-status{letter-spacing:3px;color:var(--cyan);background:#06b6d40a;border:1px solid #06b6d433;border-radius:1px;align-items:center;gap:8px;padding:6px 12px;font-family:AubetteArchiType,sans-serif;font-size:.6rem;display:inline-flex}.reveal-status-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dot-blink;display:inline-block;box-shadow:0 0 8px #06b6d480}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.3}}.reveal-code-block{background:linear-gradient(135deg,#8b5cf61f 0%,#0a0812f2 50%,#06b6d414 100%);border:1px solid #8b5cf659;border-radius:2px;margin-top:20px;padding:24px 20px;animation:3s ease-in-out infinite alternate code-block-glow;position:relative;overflow:hidden;box-shadow:0 0 30px #8b5cf626,0 0 60px #8b5cf60d,inset 0 0 30px #8b5cf60d}@keyframes code-block-glow{0%{border-color:#8b5cf659;box-shadow:0 0 30px #8b5cf626,0 0 60px #8b5cf60d,inset 0 0 30px #8b5cf60d}to{border-color:#8b5cf680;box-shadow:0 0 40px #8b5cf640,0 0 80px #8b5cf61a,inset 0 0 40px #8b5cf614}}.reveal-code-block:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);width:60%;height:100%;animation:4s ease-in-out infinite code-shine;position:absolute;top:0;left:-100%}.reveal-code-block:after{content:"";background:linear-gradient(180deg, var(--accent), var(--cyan));border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 12px #8b5cf699}@keyframes code-shine{0%{left:-100%}to{left:200%}}.reveal-code-label{letter-spacing:3px;color:var(--cyan);text-shadow:0 0 10px #06b6d466;margin-bottom:12px;font-family:Share Tech Mono,monospace;font-size:.6rem}.reveal-code-value{color:#fff;letter-spacing:4px;word-break:break-all;text-shadow:0 0 10px #8b5cf680,0 0 30px #8b5cf633;font-family:Share Tech Mono,monospace;font-size:1.4rem;animation:.8s steps(20,end) forwards code-type,4s ease-in-out 1s infinite alternate code-text-pulse;overflow:hidden}@keyframes code-type{0%{max-width:0}to{max-width:100%}}@keyframes code-text-pulse{0%{text-shadow:0 0 10px #8b5cf680,0 0 30px #8b5cf633}to{text-shadow:0 0 15px #8b5cf6b3,0 0 40px #8b5cf64d,0 0 60px #8b5cf61a}}.reveal-footer{justify-content:space-between;align-items:flex-end;display:flex}.reveal-agent{flex-direction:column;display:flex}.reveal-footer-label{letter-spacing:2px;color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.5rem}.reveal-footer-value{color:var(--accent);letter-spacing:2px;margin-top:2px;font-family:AubetteArchiType,sans-serif;font-size:.8rem}.reveal-copy-hint{color:var(--text-dim);letter-spacing:1px;opacity:.5;font-family:Share Tech Mono,monospace;font-size:.55rem;transition:opacity .3s}.reveal-card:hover .reveal-copy-hint{opacity:1;color:var(--cyan)}.reveal-card:hover{border-color:#8b5cf659;box-shadow:0 0 40px #8b5cf60f}@media (width<=480px){.reveal-content{padding:20px 16px 14px}.reveal-accent-line{margin:-20px -16px 16px}.reveal-code-value{letter-spacing:3px;font-size:1.1rem}.reveal-code-block{padding:20px 16px}}.result-success{text-align:center}.result-label{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);opacity:.8;margin-bottom:12px;font-family:AubetteArchiType,sans-serif;font-size:.6rem}.secret-code{color:#fff;letter-spacing:3px;word-break:break-all;cursor:pointer;text-shadow:0 0 15px #06b6d44d;background:#06b6d40a;border:1px solid #06b6d433;border-radius:0;padding:16px 14px;font-family:Share Tech Mono,monospace;font-size:1.15rem;transition:all .3s;animation:1s forwards code-reveal}@keyframes code-reveal{0%{opacity:0;letter-spacing:12px}50%{opacity:.5}to{opacity:1;letter-spacing:3px}}.secret-code:hover{background:#06b6d414;box-shadow:0 0 20px #06b6d414}.copy-hint{color:var(--text-dim);letter-spacing:2px;margin-top:8px;font-family:Share Tech Mono,monospace;font-size:.6rem;display:block}.greeting{color:var(--text-dim);letter-spacing:1px;margin-top:14px;font-size:.8rem;font-style:normal}.result-error{text-align:center;background:#dc26260a;border:1px solid #dc262626;border-radius:0;padding:14px}.result-error p{color:#ef4444;letter-spacing:1px;font-size:.8rem}.result-claimed{text-align:center;background:#8b5cf608;border:1px solid #8b5cf61f;border-radius:0;padding:14px}.result-claimed p{color:var(--accent);letter-spacing:1px;font-size:.8rem}.result-locked{text-align:center;background:#dc262608;border:1px solid #dc26261f;border-radius:0;padding:18px 14px}.result-locked p{color:#ef4444;letter-spacing:1px;font-size:.8rem;line-height:1.6}.result-icon{opacity:.6;margin-bottom:8px;font-size:1.8rem}.result-icon.shake{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (width<=480px){.secret-code{padding:14px 10px;font-size:1rem}}.vault-card{background:var(--bg-card);border:1px solid var(--border);opacity:0;border-radius:2px;padding:40px 28px 24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards card-enter;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 0 60px #8b5cf608}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.card-glitch{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;animation:6s ease-in-out infinite glitch-sweep;position:absolute;top:0;left:0;right:0}@keyframes glitch-sweep{0%,90%,to{opacity:0;top:0}92%{opacity:.6}95%{opacity:.8;top:100%}97%{opacity:0;top:100%}}.vault-unlocked{border-color:#8b5cf640;box-shadow:0 0 80px #8b5cf60f}.vault-title{text-align:center;color:#fff;letter-spacing:6px;text-transform:uppercase;margin-bottom:4px;font-family:AubetteArchiType,sans-serif;font-size:1.5rem;font-weight:900}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:var(--cyan);animation:4s linear infinite glitch-1}.glitch-text:after{color:var(--accent);animation:4s linear infinite glitch-2}@keyframes glitch-1{0%,88%,92%,to{opacity:0;transform:none}89%{opacity:.6;clip-path:inset(20% 0 60%);transform:translate(-2px,1px)}91%{opacity:.4;clip-path:inset(50% 0 20%);transform:translate(2px,-1px)}}@keyframes glitch-2{0%,90%,94%,to{opacity:0;transform:none}91%{opacity:.5;clip-path:inset(40% 0 30%);transform:translate(2px,1px)}93%{opacity:.3;clip-path:inset(10% 0 70%);transform:translate(-1px,-1px)}}.vault-subtitle{text-align:center;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;font-size:.7rem}.form-group{margin-bottom:18px}.form-group label{letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:.7;margin-bottom:6px;font-family:AubetteArchiType,sans-serif;font-size:.6rem;display:block}.form-group input{color:#fff;letter-spacing:2px;background:#ffffff05;border:1px solid #8b5cf61f;border-radius:0;outline:none;width:100%;padding:12px 14px;font-family:Share Tech Mono,monospace;font-size:1rem;transition:all .3s}.form-group input::placeholder{color:#ffffff1a;letter-spacing:6px}.form-group input:focus{border-color:var(--accent);background:#8b5cf608;box-shadow:0 0 20px #8b5cf60f,inset 0 0 20px #8b5cf605}.form-group input:disabled{opacity:.3;cursor:not-allowed}.vault-btn{color:#fff;letter-spacing:5px;text-transform:uppercase;cursor:pointer;text-shadow:0 0 12px #8b5cf680;background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf60f 50%,#06b6d41a 100%);border:1px solid #8b5cf666;border-radius:2px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:12px;padding:16px;font-family:AubetteArchiType,sans-serif;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #8b5cf61a,inset 0 1px #ffffff0d}.vault-btn:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf61f,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.vault-btn:after{content:"";background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.vault-btn:hover:not(:disabled):before{transform:translate(100%)}.vault-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf640 0%,#8b5cf61f 50%,#06b6d426 100%);border-color:#8b5cf699;transform:translateY(-1px);box-shadow:0 0 30px #8b5cf633,0 0 60px #8b5cf60d,inset 0 1px #ffffff14}.vault-btn:active:not(:disabled){background:linear-gradient(135deg,#8b5cf64d 0%,#8b5cf626 100%);transform:translateY(0);box-shadow:0 0 20px #8b5cf626}.vault-btn:disabled{opacity:.3;cursor:not-allowed}.vault-btn-secondary{width:100%;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:2px;margin-top:8px;padding:12px;font-family:Share Tech Mono,monospace;font-size:.6rem;transition:all .3s}.vault-btn-secondary:hover{color:var(--accent);text-shadow:0 0 10px #8b5cf666}.btn-text{z-index:1;position:relative}.spinner{border:1.5px solid #8b5cf633;border-top:1.5px solid var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-area{margin-top:24px;animation:.5s cubic-bezier(.16,1,.3,1) forwards fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vault-footer{text-align:center;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;border-top:1px solid #8b5cf60f;margin-top:24px;padding-top:16px;font-size:.55rem}.vault-footer .text-dim{opacity:.5}.vault-footer-links{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.footer-link{color:var(--accent);letter-spacing:1px;opacity:.5;font-family:Share Tech Mono,monospace;font-size:.5rem;text-decoration:none;transition:opacity .3s}.footer-link:hover{opacity:1}.footer-sep{color:var(--text-dim);opacity:.3;font-size:.5rem}.blink{color:var(--accent);font-size:.65rem;animation:1.2s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.history-section{margin-top:20px;padding-top:16px}.history-toggle{width:100%;color:var(--text-dim);letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#8b5cf60f 0%,#8b5cf605 100%);border:1px solid #8b5cf626;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Share Tech Mono,monospace;font-size:.6rem;transition:all .3s;display:flex}.history-toggle:hover{color:var(--accent);background:linear-gradient(135deg,#8b5cf61a 0%,#8b5cf60a 100%);border-color:#8b5cf64d;box-shadow:0 0 15px #8b5cf60f}.history-chevron{font-size:.5rem;transition:transform .3s;display:inline-block}.history-chevron.open{transform:rotate(180deg)}.history-list{flex-direction:column;gap:6px;margin-top:10px;animation:.3s forwards fade-up;display:flex}.history-item{cursor:pointer;background:linear-gradient(135deg,#8b5cf60f 0%,#0a0812cc 100%);border:1px solid #8b5cf61f;border-left:2px solid #8b5cf64d;border-radius:2px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.history-item:hover{border-color:#8b5cf640;border-left-color:var(--accent);background:linear-gradient(135deg,#8b5cf61a 0%,#0a0812e6 100%);transform:translate(2px);box-shadow:0 0 20px #8b5cf60f}.history-code{color:#fff;letter-spacing:2px;text-shadow:0 0 10px #8b5cf64d;font-family:Share Tech Mono,monospace;font-size:.7rem}.history-meta{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.5rem}@media (width<=480px){.vault-card{padding:32px 18px 20px}.vault-title{letter-spacing:4px;font-size:1.2rem}}.copy-toast{color:var(--cyan);letter-spacing:2px;opacity:0;pointer-events:none;z-index:100;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:0;padding:8px 20px;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px)}.copy-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.terms-container{z-index:2;width:100%;max-width:600px;min-height:100dvh;margin:0 auto;padding:40px 20px;position:relative}.terms-card{background:var(--bg-card);border:1px solid var(--border);opacity:0;border-radius:2px;animation:.8s cubic-bezier(.16,1,.3,1) forwards card-enter;overflow:hidden;transform:translateY(20px)}.terms-accent-line{background:linear-gradient(90deg, var(--accent), var(--cyan), var(--accent));background-size:200% 100%;height:2px;animation:3s linear infinite accent-flow}.terms-header{text-align:center;padding:24px 24px 0}.terms-back{letter-spacing:3px;color:var(--accent);opacity:.6;margin-bottom:16px;font-family:AubetteArchiType,sans-serif;font-size:.6rem;text-decoration:none;transition:opacity .3s;display:inline-block}.terms-back:hover{opacity:1}.terms-logo{object-fit:contain;filter:drop-shadow(0 0 10px #8b5cf64d);width:40px;height:40px;margin:0 auto 12px;display:block}.terms-title{color:#fff;letter-spacing:4px;margin-bottom:4px;font-family:AubetteArchiType,sans-serif;font-size:1.1rem}.terms-subtitle{color:var(--text-dim);letter-spacing:2px;font-family:Share Tech Mono,monospace;font-size:.6rem}.terms-divider{background:linear-gradient(90deg,#0000,#8b5cf626,#0000);height:1px;margin:20px 24px}.terms-body{padding:0 24px}.terms-body section{margin-bottom:24px}.terms-body h2{letter-spacing:2px;color:var(--accent);opacity:.8;margin-bottom:8px;font-family:AubetteArchiType,sans-serif;font-size:.65rem}.terms-body p{color:var(--text);opacity:.7;font-family:Share Tech Mono,monospace;font-size:.75rem;line-height:1.7}.terms-body ul{margin-top:8px;padding:0;list-style:none}.terms-body li{color:var(--text);opacity:.7;margin-bottom:4px;padding-left:16px;font-family:Share Tech Mono,monospace;font-size:.75rem;line-height:1.7;position:relative}.terms-body li:before{content:">";color:var(--accent);opacity:.5;position:absolute;left:0}.terms-link{color:var(--cyan);opacity:.7;text-decoration:none;transition:opacity .3s}.terms-link:hover{opacity:1}.terms-footer{color:var(--text-dim);letter-spacing:2px;opacity:.4;justify-content:space-between;align-items:center;padding:16px 24px;font-family:Share Tech Mono,monospace;font-size:.5rem;display:flex}@media (width<=480px){.terms-container{padding:20px 12px}.terms-header{padding:20px 16px 0}.terms-body{padding:0 16px}.terms-divider{margin:16px}.terms-title{letter-spacing:3px;font-size:.9rem}.terms-footer{padding:12px 16px}}.app{background:#000;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.vault-container{z-index:2;width:100%;max-width:460px;padding:20px;position:relative}.scanline{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}
