*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0ddf5;background:#0d0b1a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:#0d0b1a;border-bottom:1px solid #ffffff12;position:sticky;top:0}.header-inner{align-items:center;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.logo{align-items:baseline;gap:10px;display:flex}.logo-img{-webkit-user-select:none;user-select:none;width:auto;height:40px;display:block}.logo-powered{color:#9590b8;margin-left:2px;font-size:11px;font-weight:400}.main{flex-direction:column;gap:32px;width:100%;max-width:1100px;margin:0 auto;padding:48px 24px 64px;display:flex}.hero{grid-template-columns:340px 1fr;align-items:start;gap:40px;display:grid}.token-img-wrap{justify-content:center;align-items:center;display:flex}.token-img{object-fit:cover;border:3px solid #ffffff1f;border-radius:50%;width:320px;height:320px;box-shadow:0 0 60px #8c50ff40}.token-img-placeholder{color:#ffffff4d;background:linear-gradient(135deg,#2a1d5c,#1a1040);border:3px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:320px;height:320px;font-size:72px;font-weight:700;display:flex}.vote-card{background:#161330;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;padding:32px 36px;display:flex}.token-name{color:#fff;font-size:36px;font-weight:800;line-height:1.1}.vote-subtitle{color:#c0bcda;font-size:14px;line-height:1.5}.accent-link{color:#22d3ee;font-weight:500}.contract-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contract-label{color:#9590b8;font-size:13px;font-weight:500}.contract-pill{color:#c9c5e0;cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:3px 10px;font-family:Courier New,monospace;font-size:13px}.copy-btn{color:#9590b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:15px;transition:color .15s}.copy-btn:hover{color:#c9c5e0}.vote-counts{justify-content:space-between;align-items:center;display:flex}.yes-label{color:#a78bfa;font-size:15px;font-weight:700}.no-label{color:#c0bcda;font-size:15px;font-weight:700}.bar-track{background:#ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#7c3aed 0%,#a855f7 40%,#ec4899 80%,#f472b6 100%);border-radius:999px;width:0%;height:100%}.left-pct{text-align:right;color:#9590b8;margin-top:-10px;font-size:12px}.vote-btns{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.btn-yes,.btn-no{cursor:pointer;border:none;border-radius:999px;padding:14px 0;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s}.btn-yes{color:#fff;background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 4px 20px #22c55e59}.btn-no{color:#fff;background:linear-gradient(90deg,#f43f5e,#e11d48);box-shadow:0 4px 20px #f43f5e4d}.btn-yes:hover:not(:disabled),.btn-no:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-yes:disabled,.btn-no:disabled{opacity:.45;cursor:not-allowed}.vote-status{color:#a5b4fc;text-align:center;min-height:18px;font-size:13px}.vote-note{color:#8a86aa;font-size:12px;line-height:1.5}.wallet-area{justify-content:flex-start;margin-top:4px;display:flex}.wallet-connected{color:#9590b8;font-family:Courier New,monospace;font-size:12px}.wallet-adapter-button{color:#e0ddf5!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:12px!important;height:38px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;transition:background .15s!important}.wallet-adapter-button:hover{background:#ffffff1f!important}.wallet-adapter-button-trigger{background:linear-gradient(90deg,#7c3aed,#a855f7)!important;border:none!important}.bottom{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{background:#161330;border:1px solid #ffffff14;border-radius:20px;padding:28px 32px}.panel-title{color:#fff;margin-bottom:20px;font-size:15px;font-weight:700}.activity-list{flex-direction:column;gap:13px;display:flex}.act-row{align-items:center;gap:10px;display:flex}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-yes{background:#22c55e;box-shadow:0 0 6px #22c55e99}.dot-no{background:#f43f5e;box-shadow:0 0 6px #f43f5e80}.act-text{color:#c9c5e0;flex:1;font-size:13px}.act-time{color:#9590b8;flex-shrink:0;font-size:12px}.why-list{flex-direction:column;gap:14px;list-style:none;display:flex}.why-list li{color:#c0bcda;padding-left:14px;font-size:13px;line-height:1.6;position:relative}.why-list li:before{content:"•";color:#9590b8;position:absolute;left:0}.wm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0a0814d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wm-card{background:#1a1535;border:1px solid #ffffff1a;border-radius:22px;width:380px;max-width:calc(100vw - 32px);max-height:80vh;padding:36px 28px 28px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009}.wm-close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:16px;right:16px}.wm-close:hover{opacity:.8}.wm-title{color:#fff;text-align:center;margin-bottom:24px;font-size:19px;font-weight:700;line-height:1.4}.wm-list{flex-direction:column;gap:4px;display:flex}.wm-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:background .12s;display:flex}.wm-item:hover{background:#ffffff0f}.wm-icon{object-fit:contain;border-radius:10px;flex-shrink:0;width:40px;height:40px}.wm-name{color:#e0ddf5;flex:1;font-size:15px;font-weight:600}.wm-status{font-size:12px;font-weight:500}.wm-detected{color:#a78bfa}.wm-ready{color:#9590b8}.wm-more{color:#7c6fcd;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:500;transition:color .15s}.wm-more:hover{color:#a78bfa}.wm-more-arrow{margin-left:4px;display:inline-block}.loading-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:80px 24px;display:flex}.spinner{border:3px solid #ffffff14;border-top-color:#a855f7;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#9590b8;font-size:14px}.not-found{flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.not-found-card{text-align:center;background:#161330;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:56px 64px;display:flex}.not-found-code{background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:900;line-height:1}.not-found-title{color:#fff;font-size:24px;font-weight:700}.not-found-desc{color:#c0bcda;font-size:14px;line-height:1.6}.not-found-hint{color:#8a86aa;margin-top:4px;font-size:13px}.not-found-example{color:#a78bfa;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px}.footer{border-top:1px solid #ffffff12;margin-top:auto;padding:32px 24px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1100px;margin:0 auto;padding-bottom:24px;display:flex}.footer-info{max-width:480px}.footer-brand{color:#fff;margin-bottom:8px;font-size:14px;font-weight:700}.footer-desc{color:#9590b8;font-size:13px;line-height:1.6}.footer-apps{flex-shrink:0;align-items:center;gap:12px;display:flex}.footer-app-link{display:block}.footer-app-img{width:auto;height:40px;display:block}.footer-copy{color:#8a86aa;text-align:center;border-top:1px solid #ffffff0d;padding-top:16px;font-size:12px}.confirm-card{background:#1a1535;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:16px;width:520px;max-width:calc(100vw - 32px);max-height:90vh;padding:28px 28px 20px;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009}.confirm-header{flex-direction:column;gap:8px;display:flex}.confirm-voting-for{color:#9590b8;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.confirm-token-row{align-items:center;gap:12px;display:flex}.confirm-token-img{object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;width:44px;height:44px}.confirm-token-placeholder{color:#fff6;background:linear-gradient(135deg,#2a1d5c,#1a1040);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.confirm-token-name{color:#22d3ee;font-size:17px;font-weight:700}.confirm-token-symbol{color:#9590b8;font-weight:500}.confirm-token-addr{color:#9590b8;margin-top:2px;font-family:Courier New,monospace;font-size:12px}.confirm-title{color:#fff;font-size:28px;font-weight:800;line-height:1.2}.confirm-xp-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.confirm-xp-title{color:#e0ddf5;font-size:14px;font-weight:600}.confirm-xp-num{color:#22d3ee;font-weight:700}.confirm-xp-desc{color:#9590b8;font-size:13px;line-height:1.5}.confirm-desc{color:#c0bcda;font-size:13px;line-height:1.6}.confirm-btn-yes{color:#fff;cursor:pointer;background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:999px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:opacity .15s;box-shadow:0 4px 20px #22c55e59}.confirm-btn-yes:hover{opacity:.88}.confirm-btn-no{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#a855f7);border:none;border-radius:999px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:opacity .15s}.confirm-btn-no:hover{opacity:.88}.confirm-btn-cancel{color:#9590b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:999px;width:100%;padding:13px;font-size:14px;font-weight:500;transition:background .15s}.confirm-btn-cancel:hover{background:#ffffff1a}@media (width<=860px){.hero{grid-template-columns:1fr}.token-img-wrap{justify-content:center}.token-img,.token-img-placeholder{width:220px;height:220px}.bottom{grid-template-columns:1fr}.not-found-card{padding:40px 28px}.not-found-code{font-size:72px}}