:root{--panel:#0b2146;--text:#e8f2ff;--muted:#9ec4ff;--accent:#00e5ff;--accent2:#ffb800;--danger:#f66;--ok:#4ade80;--border:#0e3a7a;--radius:16px}*{box-sizing:border-box}body,html{height:100%}body{background:#000;color:var(--text);display:grid;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;min-height:100%;overflow-x:hidden;padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));place-items:center;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.app{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 0 30px #00a8ff33;max-width:1100px;padding:20px;width:100%}header{flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:14px}.brand,header{align-items:center;display:flex}.brand{gap:10px;min-width:0}.logo{background:url(https://ipfs.io/ipfs/bafybeiaf6exyhywnfyx6okqj7i33aljgg2q6dfryekrx2yim52qvnk3gym) 50%/cover no-repeat;border-radius:12px;box-shadow:0 0 10px #00d8ffaa;flex:0 0 44px;height:64px;width:64px}h1{font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:800;margin:0;max-width:72vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted);font-size:.95rem;font-weight:600}.right-tools{align-items:center;display:flex;flex:0 0 auto;gap:8px;position:relative}appkit-button{border:2px solid #cf0;border-radius:12px;font-weight:800;padding:8px 12px}#menu-container{position:relative}#menu-toggle{background:none;border:1px solid hsla(0,0%,100%,.14);border-radius:10px;cursor:pointer;display:grid;flex:0 0 36px;font-size:0;height:36px;line-height:0;padding:0;place-items:center;width:36px}#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;gap:10px;min-width:180px;padding:12px 14px;position:absolute;right:0;top:44px;z-index:1000}#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}.grid{display:grid;gap:16px;grid-template-columns:1.2fr 1fr}@media (max-width:980px){.grid{grid-template-columns:1fr}}.card{background:#0b2a61;border:1px solid #0a3b89;border-radius:var(--radius);box-shadow:inset 0 0 10px #003b9f55;padding:16px}.section-title{color:#7df3ff;font-size:1.05rem;font-weight:900;letter-spacing:.03em;margin:0}.row{align-items:center;display:flex;gap:10px}.row.split{justify-content:space-between}.row.wrap{flex-wrap:wrap}.seg{background:#08224b;border:1px solid #0a3b89;border-radius:12px;display:inline-flex;padding:4px}.seg button{background:transparent;border:0;border-radius:10px;color:#9ec4ff;cursor:pointer;font-weight:800;min-height:44px;padding:8px 12px}.seg button.active{background:linear-gradient(90deg,var(--accent),#00ffd6);color:#002226}label{color:#a8c8ea;font-size:.95rem}input,select{background:#073a80;border:1px solid #0a3b89;border-radius:12px;color:#d6e9ff;font-size:16px;outline:none;padding:12px}.btn,input,select{min-height:44px;width:100%}.btn{border:0;border-radius:14px;cursor:pointer;font-weight:900;padding:12px 0}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001f27}.btn.danger{background:#882b2b;color:#fff}.btn.ghost{background:transparent;border:1px dashed #4b6fa5;color:#9ec4ff}.kv{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}@media (max-width:420px){.kv{grid-template-columns:1fr}}.pill{align-items:center;background:#08224b;border:1px solid #0a3b89;border-radius:999px;display:inline-flex;gap:8px;padding:6px 10px}.stat{display:grid;gap:10px;grid-auto-flow:row dense;grid-template-columns:repeat(3,1fr)}@media (max-width:720px){.stat{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.stat{grid-template-columns:1fr}}.stat .cell{align-items:center;background:#0d1d3c;border:1px solid #0a3b89;border-radius:12px;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;padding:10px;text-align:center}.stat .cell .section-title{text-align:center;width:100%}@media (max-width:720px){.stat .cell.total-boost{grid-column:1/-1}}.list,.stake{display:grid;gap:10px}.stake{background:#0d1d3c;border:1px solid #0a3b9f;border-radius:14px;padding:12px}.badge{align-items:center;background:#0a3b89;border-radius:999px;color:#d6e9ff;display:inline-flex;font-weight:800;gap:8px;padding:8px 12px;white-space:nowrap}@media (max-width:360px){.badge{font-size:.9rem;padding:6px 10px}}.apr-box{align-items:center;background:#08224b;border:1px solid #0a3b89;border-radius:12px;box-shadow:inset 0 0 8px #003b9f55;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding:10px}.apr-icon{flex:0 0 18px;height:18px;width:18px}.apr-line{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.apr-badge{align-items:center;background:#0a3b89;border-radius:999px;color:#d6e9ff;display:inline-flex;font-weight:800;gap:6px;padding:4px 8px;white-space:nowrap}.apr-note{color:#9ec4ff;font-size:.9rem}.exp-box{background:#08224b;border:1px solid #0a3b89;border-radius:12px;display:grid;gap:8px;margin-top:10px;padding:10px}.exp-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.exp-label{color:#9ec4ff}.exp-val{color:#ffdf56;font-weight:900;text-align:right}@media (max-width:480px){.exp-row{display:grid;gap:6px;grid-template-columns:1fr}.exp-val{font-size:1.05rem;text-align:left}}.info-box{background:#071c3a;border:1px solid #0a3b89;border-radius:12px;margin-top:10px;padding:12px}.info-title{color:#7df3ff;font-weight:900;margin-bottom:6px}.info-list{color:#cfe4ff;margin:0;padding-left:18px}.info-list li{margin:4px 0}.info-ico{align-items:center;background:#08224b;border:1px solid #0a3b89;border-radius:999px;color:#cfe4ff;cursor:pointer;display:inline-flex;flex:0 0 28px;font-weight:900;height:28px;justify-content:center;line-height:1;width:28px}.rewards-stack{align-items:center;display:flex;flex-direction:column;gap:6px}.rewards-stack .badge{padding:6px 10px}.toasts{display:flex;flex-direction:column;gap:8px;position:fixed;right:max(12px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:10000}.toast{animation:slidein .2s ease-out;background:#0b2a61;border:1px solid #0a3b89;border-radius:12px;box-shadow:0 6px 18px #00000059;color:#e8f2ff;display:grid;gap:6px;max-width:min(92vw,360px);min-width:240px;padding:10px 12px}.toast.success{border-color:#2bb673}.toast.error{border-color:#ff6868}.toast.info{border-color:#00bfff}.toast .t-title{font-weight:900}.toast .t-msg{opacity:.95}@keyframes slidein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}footer{color:#89b6d9;font-size:.9rem;margin-left:auto;margin-right:auto;margin-top:30px;max-width:420px;text-align:center}footer .warning{color:#ff6868;font-weight:700;margin-top:8px}@media (max-width:480px){.app{padding:16px 12px!important}header{align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important}.brand{min-width:0!important;width:100%!important}h1{font-size:1.08rem!important;max-width:65vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.right-tools{gap:8px!important;justify-content:flex-end!important;margin-top:4px!important;width:100%!important}appkit-button{font-size:.95rem!important;padding:6px 10px!important}#menu-toggle{border-radius:10px!important;height:32px!important;width:32px!important}#menu-popup{min-width:170px!important;top:40px!important}}@media (max-width:350px){h1{font-size:1rem!important;max-width:60vw!important}.stat{grid-template-columns:1fr!important}}@media (max-width:720px){.stat.stat-wallets .rewards-cell{grid-column:1/-1}}.app-modal{align-items:center;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:99999}.app-modal.show{display:flex}.app-modal .backdrop{background:rgba(0,0,0,.55);top:0;right:0;bottom:0;left:0;position:absolute}.app-modal .dialog{background:#0b1426;border:1px solid rgba(0,168,255,.35);border-radius:16px;box-shadow:0 20px 60px #0000008c;color:#e8f2ff;max-width:440px;padding:18px 16px;position:relative;width:calc(100% - 32px)}.app-modal h3{color:#a8deff;font-size:1.1rem;font-weight:900;margin:0 0 8px}.app-modal .body{color:#cfe6ff;font-size:.98rem;line-height:1.4;margin-bottom:14px}.app-modal .actions{display:flex;gap:10px;justify-content:flex-end}.app-modal .actions .btn{border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:800;padding:10px 14px}.app-modal .actions .btn.cancel{background:#13213a;border-color:#264c77;color:#b7d1ea}.app-modal .actions .btn.ok{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;color:#06210f}.app-modal .close-x{border:1px solid hsla(0,0%,100%,.14);border-radius:8px;cursor:pointer;display:grid;height:28px;place-items:center;position:absolute;right:10px;top:8px;width:28px}.app-modal .close-x:hover{background:hsla(0,0%,100%,.05)}.section-head{align-items:center;border-top:1px dashed #0a3b89;display:flex;gap:10px;justify-content:space-between;margin-top:8px;padding:10px 0}.section-head:first-child{border-top:0;margin-top:0}.collapser{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;font-weight:900;gap:10px}.chev{height:18px;transform:rotate(0);transition:transform .2s ease;width:18px}.count-pill{background:#08224b;border:1px solid #0a3b89;border-radius:999px;color:#9ec4ff;font-weight:800;padding:4px 8px}.collapsible[data-collapsed=true] .collapsible-body{display:none}.collapsible[data-collapsed=false] .chev{transform:rotate(180deg)}
