:root{--neon-cyan:#00f9ff;--neon-mint:#00ffd6;--neon-yellow:#ffb800;--neon-blue:#00a8ff;--border:#0b2a61;--text:#e6f3ff;--muted:#8fbbe3;--accent:#ffe85e}*{box-sizing:border-box}body,html{height:100%}body{align-items:flex-start;background:#000;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px 12px;-webkit-overflow-scrolling:touch}#app,body{display:flex}#app{align-items:center;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);background:rgba(12,22,48,.6);border:1px solid rgba(0,168,255,.25);border-radius:22px;box-shadow:0 10px 40px #0000008c;flex-direction:column;margin:32px auto;max-width:640px;padding:26px 20px 42px;position:relative;width:100%}#menu-container{position:absolute;right:12px;top:12px;z-index:1000}#menu-toggle{background:none;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;cursor:pointer;display:grid;font-size:0;height:40px;line-height:0;padding:0;place-items:center;width:40px}#menu-toggle span{background:#fff;border-radius:2px;display:block;height:2px;width:18px}#menu-toggle span+span{margin-top:4px}#menu-popup{background:rgba(5,12,28,.98);border:1px solid rgba(0,168,255,.35);border-radius:14px;box-shadow:0 10px 30px #00000080;display:none;flex-direction:column;font-weight:700;gap:12px;min-width:220px;padding:14px 16px;position:absolute;right:0;text-transform:uppercase;top:48px}#menu-popup a{color:#fff;font-size:1rem;letter-spacing:.04em;text-decoration:none}#menu-popup a:focus,#menu-popup a:hover{outline:none;text-decoration:underline}#app h1{color:var(--neon-cyan);font-size:clamp(1.7rem,3.8vw,2rem);font-weight:900;letter-spacing:.02em;margin:6px 0 12px;text-align:center}#app h1 span{color:var(--neon-yellow)}#logo{background:url(https://bafybeiamzmxdwg3v73jp2cxotbr7iihcah6z7s2slgsgzo7wkfujdlxucy.ipfs.dweb.link) 50%/contain no-repeat;border-radius:20px;box-shadow:0 0 0 2px #00ffd626;height:88px;margin-bottom:12px;width:88px}#network-warning{background:rgba(120,20,20,.25);border:1px solid hsla(0,100%,71%,.55);border-radius:12px;color:#ffdede;display:none;font-weight:800;letter-spacing:.01em;margin:8px 0;padding:10px 12px;text-align:center;width:100%}.stage-cloud-container{display:inline-block;margin:16px auto 8px;max-width:320px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage-price-cloud{background:#fff;border-radius:50%;box-shadow:0 0 0 2px #00d8ff2e;color:#061327;font-size:1.4rem;font-weight:800;padding:20px 22px}.stage-label{background:linear-gradient(90deg,var(--neon-blue),var(--neon-mint));border-radius:12px;color:#001b22;font-size:1rem;font-weight:900;left:50%;padding:6px 14px;position:absolute;top:-14px;transform:translate(-50%)}#initial-price{font-size:1.35rem;font-weight:800;margin:0}#initial-price strong{color:#0aa6f4}#progress-bar{background:#001a33;border-radius:14px;display:flex;height:22px;margin:12px 0 18px;overflow:hidden;width:100%}#progress-bar-inner{background:repeating-linear-gradient(45deg,#fff,#fff 8px,#00ff72 0,#00ff72 16px);border-radius:14px 0 0 14px;flex-shrink:0;transition:width .5s ease;width:0}#progress-bar-remaining{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-yellow));border-radius:0 14px 14px 0;flex-grow:1;height:100%;opacity:.25;transition:width .5s ease;width:100%}appkit-button{background:transparent;border:2px solid var(--neon-yellow);border-radius:14px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:800;padding:12px 22px}appkit-button:hover{background:rgba(255,184,0,.12)}#network-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:16px;width:100%}.tab{background:#081a3c;border-radius:12px;box-shadow:inset 0 0 10px #00a8ff26;color:var(--muted);cursor:pointer;flex:1;font-size:clamp(.92rem,2vw,1.05rem);font-weight:900;padding:10px 0;text-align:center;transition:.25s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab.active{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-mint));color:#001f27}.tab-icon{height:20px;margin-right:6px;vertical-align:middle;width:20px}#payment-section{display:flex;flex-direction:column;font-size:clamp(.95rem,2vw,1rem);gap:8px;margin-bottom:18px;width:100%}#payment-section label{color:#b6d6ff;font-weight:600;margin-left:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-row{align-items:center;display:flex;gap:8px}#amount-input{background:#05142f;border:1px solid rgba(0,168,255,.25);border-radius:12px;color:#d6e9ff;flex:1;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;outline:none;padding:12px 14px;width:100%}#amount-input::-moz-placeholder{color:#6fa7d7}#amount-input::placeholder{color:#6fa7d7}#max-btn{background:#062247;border:1px solid rgba(255,207,86,.55);border-radius:10px;color:#ffcf56;cursor:pointer;font-weight:800;padding:10px 14px}#vault-received{background:#081a3c;border:1px solid rgba(255,232,94,.45);border-radius:12px;color:var(--accent);font-size:clamp(1rem,2vw,1.2rem);font-weight:900;padding:12px 14px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}#buy-button{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-yellow));border:none;border-radius:18px;color:#001f27;cursor:pointer;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:900;padding:14px 0;width:100%}#buy-button:hover{filter:brightness(1.07)}#vault-remaining,#vault-sold{text-align:center}#vault-sold{background:#061a2f;border-radius:12px;color:#fff;font-size:clamp(.98rem,2vw,.96rem);font-weight:700;margin-top:22px;padding:12px 18px;width:100%}#stake-button{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:18px;color:#001f27;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:900;margin-top:18px;padding:13px 0;width:100%}#stake-button:hover{filter:brightness(1.06)}footer{color:#89b6d9;font-size:.9rem;margin-top:30px;max-width:420px;text-align:center}.toasts{display:flex;flex-direction:column;gap:10px;position:fixed;right:16px;top:16px;z-index:9999}.toast{background:linear-gradient(180deg,rgba(6,24,56,.95),rgba(5,18,44,.95));border:1px solid rgba(0,168,255,.5);border-radius:14px;box-shadow:0 12px 28px #00000073;color:#e8f2ff;display:grid;gap:6px;max-width:380px;min-width:240px;padding:12px 14px}.toast.success{border-color:#22c55ebf}.toast.error{border-color:#ff6666d9}.toast.info{border-color:#00bfffbf}.t-title{font-weight:900;letter-spacing:.01em}@media (max-width:480px){#menu-container{right:8px;top:8px}#menu-toggle{border-radius:10px;height:32px;width:32px}#menu-popup{min-width:180px;top:40px}#app{padding-top:64px}#app h1{margin-top:0}}@media (max-width:360px){#app{margin:20px 0;padding:60px 12px 32px}#logo{height:74px;width:74px}}.connect-wrap{display:flex;justify-content:center;margin:14px 0;width:100%}#wallet-info{background:#061a2f;border:1px solid rgba(0,168,255,.25);border-radius:12px;margin:16px 0 0;padding:12px 18px;width:100%}#wallet-info .wallet-line{color:#e6f3ff;font-size:clamp(.98rem,2vw,1rem);font-weight:800;text-align:center}#wallet-info .wallet-line.sub{color:#b6d6ff;font-weight:700;margin-top:6px}#wallet-balance-line1,#wallet-balance-vault{color:#0f2!important}#wallet-info .value{color:gold}#wallet-info{position:relative}#wallet-info .wallet-toolbar{align-items:center;display:flex;gap:8px;position:absolute;right:8px;top:8px}.refresh-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgba(8,26,60,.75);border:1px solid #0af;border-radius:10px;color:#e6f3ff;cursor:pointer;display:grid;font-size:16px;font-weight:900;height:34px;line-height:1;place-items:center;width:34px}.refresh-btn:focus,.refresh-btn:hover{filter:brightness(1.1);outline:none}.refresh-btn[disabled]{cursor:not-allowed;opacity:.6}@keyframes spin360{to{transform:rotate(1turn)}}.refresh-btn.spinning{animation:spin360 .9s linear infinite}