:root{color-scheme:light;--bg:#f5f7fc;--surface:#fff;--ink:#15223d;--muted:#69768e;--line:#e5eaf4;--blue:#365bea;--blue-soft:#edf1ff;--mint:#d6f5e9;--mint-ink:#12715e;--shadow:0 12px 36px rgba(38,61,112,.07);--radius:22px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #88a2ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.54}a{color:var(--blue);text-underline-offset:3px}img{max-width:100%}h1,h2,p{overflow-wrap:anywhere}h1,h2{letter-spacing:-.035em}h2{font-size:1.22rem;margin:.2rem 0 0}p{margin:.55rem 0}small{font-size:.75rem}
.app-shell{display:flex;min-height:100vh;min-width:0}.side{width:228px;flex:0 0 228px;background:#fff;border-right:1px solid var(--line);padding:30px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:1px 12px 28px}.brand-mark{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4467f0,#1fc9a6);color:#fff;font-size:23px;box-shadow:0 6px 14px #4467f03b}.brand strong{display:block;line-height:1.05;font-size:21px;letter-spacing:-.07em}.brand small{color:var(--muted);font-size:11px}.desktop-nav{display:grid;gap:5px}.desktop-nav button{width:100%;border:0;background:transparent;color:#66738b;text-align:left;padding:13px 15px;border-radius:12px;font-size:17px;display:flex;align-items:center;gap:12px;transition:background .15s,color .15s}.desktop-nav button span{font-size:13px;font-weight:700}.desktop-nav button:hover,.desktop-nav button.active{background:var(--blue-soft);color:var(--blue)}.side-foot{margin-top:auto;padding:16px 12px;border-top:1px solid var(--line);color:#8a95a8;font-size:11px}.side-foot span{color:var(--mint-ink)}.main{min-width:0;flex:1}.topbar{height:76px;padding:0 clamp(18px,3vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.desktop-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#8591a8}.mobile-brand{display:none}.top-actions{display:flex;align-items:center;gap:12px}.network{font-size:12px;font-weight:700;color:var(--mint-ink);background:#e8f8f1;border-radius:50px;padding:8px 12px}.wallet{border:1px solid #d8e0f6;background:#fff;color:var(--blue);border-radius:50px;font-weight:800;padding:10px 17px;box-shadow:0 4px 14px #3951a70d;white-space:nowrap}.wallet:hover{background:var(--blue-soft)}.content{max-width:1370px;margin:0 auto;padding:28px clamp(18px,3vw,42px) 80px;min-width:0}.preview-banner{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;background:#eaf8f1;border:1px solid #c8eadb;border-radius:14px;color:#14745f;font-size:12px}.preview-banner strong{font-weight:800}.preview-banner span{color:#4a806f}.view{display:none;min-width:0}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:28px 0 22px}.eyebrow,.overline{font-size:10px;letter-spacing:.15em;font-weight:900;color:#5d76d9}.eyebrow span{color:#a5b0c6}.page-heading h1{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:8px 0 6px}.page-heading p{color:var(--muted);font-size:13px}.title-star{font-size:.52em;color:#49c9ab;margin-left:8px;vertical-align:top}.edition{font-size:10px;font-weight:800;letter-spacing:.1em;color:#8492ac;white-space:nowrap}.edition b{color:#47bda4}.home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr);gap:20px}.main-column,.side-column,.stack{display:grid;gap:18px;align-content:start;min-width:0}.parchment,.panel,.metric-card,.guardian-card,.chat-panel,.chat-portrait{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);min-width:0}.panel{padding:24px}.hero-card{position:relative;overflow:hidden;padding:28px 30px;min-height:258px;background:linear-gradient(117deg,#fff 0%,#f8faff 54%,#eff4ff 100%);border-color:#dce5fd}.hero-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-65px;top:-100px;background:radial-gradient(circle,#dce8ff 0%,#dce8ff00 70%);pointer-events:none}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#5c6a83;font-size:12px;font-weight:800;position:relative;z-index:1}.live-label{color:#458c78;font-size:11px;text-align:right}.live-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ac79b;margin-right:4px}.hero-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%;margin:20px 0 2px;position:relative;z-index:1;color:#182d6e}.hero-value span{font-weight:850;font-size:clamp(1.65rem,4.8vw,3.6rem);line-height:1.1;letter-spacing:-.065em;min-width:0;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.hero-value small{color:#667cae;font-size:14px;font-weight:800}.hero-sub{color:var(--muted);font-size:12px;position:relative;z-index:1}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:23px;position:relative;z-index:1}.hero-engraving{display:none}.primary,.dark-button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:12px;padding:12px 17px;font-size:13px;font-weight:800;transition:transform .15s,background .15s,box-shadow .15s;min-height:44px}.primary:hover:not(:disabled),.dark-button:hover:not(:disabled){background:#2649ca;box-shadow:0 8px 18px #365bea2e;transform:translateY(-1px)}.primary span,.dark-button span{margin-left:6px}.ghost,.text-link{border:0;background:none;color:var(--blue);font-size:12px;font-weight:800;padding:10px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card{padding:20px;min-height:152px;overflow:hidden}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf2ff;color:var(--blue);font-size:20px;margin-bottom:10px}.metric-title{font-size:12px;font-weight:700;color:var(--muted)}.metric-card strong{display:inline-block;vertical-align:baseline;max-width:100%;min-width:0;overflow-wrap:anywhere;font-size:clamp(1.2rem,2.4vw,1.85rem);line-height:1.22;letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums}.metric-card>span{margin-left:5px;color:#8a97ad;font-size:11px}.metric-foot{border-top:1px solid var(--line);color:#8a97ad;font-size:11px;margin-top:12px;padding-top:10px;overflow-wrap:anywhere}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-row{margin-top:18px}.progress-copy{display:flex;justify-content:space-between;gap:10px;font-size:12px}.progress-copy span{color:var(--muted)}.progress-copy strong{color:#304686;text-align:right}.track{height:6px;background:#e9eef8;border-radius:99px;overflow:hidden;margin:10px 0 7px}.track div{height:100%;background:linear-gradient(90deg,#47cda4,#4669ed);border-radius:99px;transition:width .3s}.progress-row small,.footnote{color:#8491a8;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.guardian-card{padding:19px;position:relative;overflow:hidden;background:linear-gradient(145deg,#e8f8f0,#f7f9ff);min-height:302px}.guardian-head{display:flex;justify-content:space-between;gap:8px;color:#257a67;font-weight:800;font-size:12px}.ai-badge{font-size:9px;letter-spacing:.1em;border:1px solid #bfe7d5;border-radius:50px;padding:4px 8px}.guardian-art{height:145px;text-align:center;overflow:hidden}.guardian-art img{height:205px;width:auto;object-fit:contain;object-position:center top;filter:drop-shadow(0 8px 12px #1b665526)}.guardian-body{position:relative;z-index:1}.guardian-speech{font-size:15px;font-weight:800}.guardian-body p{font-size:11px;color:var(--muted)}.dark-button{background:#147965;border-color:#147965;width:100%}.breakdown{align-self:start}.tax-chip,.status-pill{font-size:11px;color:#2b6cba;background:#eff4ff;border:1px solid #d8e4fd;padding:5px 10px;border-radius:40px;font-weight:800}.donut-wrap{display:flex;align-items:center;gap:16px;margin:20px 0}.donut{width:112px;height:112px;flex:0 0 112px;border-radius:50%;background:conic-gradient(#4470eb 0 33.333%,#31c49c 33.333% 83.333%,#f4bb5b 83.333%);display:grid;place-items:center}.donut>div{width:79px;height:79px;border-radius:50%;background:#fff;display:grid;align-content:center;text-align:center}.donut b{font-size:25px;line-height:1}.donut small{color:var(--muted)}.legend{flex:1;display:grid;gap:7px;font-size:11px;color:var(--muted)}.legend div{display:flex;align-items:center;gap:6px}.legend b{margin-left:auto;color:#45516a}.legend i{width:8px;height:8px;flex:0 0 8px;border-radius:50%}.gold{background:#4470eb}.brown{background:#31c49c}.charcoal{background:#f4bb5b}.v5-accounting{margin-top:20px}.v5-accounting p{font-size:12px;color:#69768e;overflow-wrap:anywhere}.chain-tools{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:end}.chain-tools>span,.chain-tools>p,.chain-tools>hr,.chain-tools>button:first-of-type{grid-column:1/-1}.chain-tools>span{font-size:12px;color:var(--mint-ink);font-weight:800}.chain-tools p{font-size:11px;color:var(--muted)}.chain-tools label{display:grid;gap:6px;color:#4d5b76;font-size:12px;font-weight:700;min-width:0}.chain-tools input,.bind-row input,.chat-input input{width:100%;min-width:0;background:#f9fbff;border:1px solid #dce3f1;border-radius:11px;padding:12px 13px;color:var(--ink);font-size:14px}.chain-tools hr{width:100%;border:0;border-top:1px solid var(--line);margin:7px 0}.chain-tools button[data-action]{justify-self:start}.outline,.traditional-entry{border:1px solid #d6dff0;background:#fff;color:#3655ba;border-radius:12px;padding:11px 16px;min-height:44px;font-size:13px;font-weight:800}.outline:hover,.traditional-entry:hover{background:#f1f5ff}.two-col{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);gap:20px}.stake-main,.points-card{padding:28px}.stake-orb{margin:22px 0;border-radius:18px;background:linear-gradient(125deg,#eef4ff,#e9f9f2);border:1px solid #dbe8f5;padding:22px 24px}.orb-inner{display:grid;gap:2px}.orb-inner span,.orb-inner small{color:#6f80a1;font-size:12px}.orb-inner strong{font-size:clamp(1.6rem,3vw,2.65rem);letter-spacing:-.055em;line-height:1.14;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0}.detail-list{border-top:1px solid var(--line)}.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;min-width:0}.detail-list span{color:var(--muted);flex:0 0 auto}.detail-list b{font-weight:750;text-align:right;min-width:0;overflow-wrap:anywhere}.action-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.action-row button{flex:1 1 140px}.rule-list{list-style:none;padding:0;margin:18px 0 0}.rule-list li{display:flex;gap:13px;padding:15px 0;border-top:1px solid var(--line);font-size:12px;color:#596782}.rule-list b{font-size:18px;color:var(--blue)}.subdued{background:#f2f7ff}.subdued p{font-size:12px;color:#617089}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reward-card{padding:26px;min-width:0}.reward-symbol{float:right;color:#50c4a4;font-size:31px}.reward-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:18px 0 12px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.reward-number b{font-size:clamp(1.35rem,2.5vw,2.15rem);line-height:1.2;color:var(--ink);max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.reward-card p{font-size:12px;color:#66738d;min-height:76px}.reward-card button{margin-top:5px}.timeline-panel{margin-top:20px}.empty-record{padding:24px 2px}.empty-record>span{color:#5e79e8;font-size:22px}.empty-record strong{display:block}.empty-record p{font-size:12px;color:var(--muted)}.points-large{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:22px 0 8px}.points-large span{font-size:clamp(2rem,6vw,4rem);font-weight:850;letter-spacing:-.06em;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.points-large small{color:var(--muted)}.ornament{color:#58c8aa;letter-spacing:.2em;margin:15px 0}.points-card .primary{width:100%;margin-top:18px}.steps{display:grid;gap:15px;margin:20px 0}.steps div{display:flex;gap:12px;align-items:center;font-size:12px;color:#617089}.steps b{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--blue);border-radius:50%;background:var(--blue-soft)}.bind-row{display:flex;gap:9px;margin-top:15px}.bind-row input{flex:1}.chat-layout{display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);gap:18px}.chat-portrait{padding:20px;text-align:center;background:linear-gradient(160deg,#e9f9f1,#f3f6ff)}.portrait-halo{height:330px;display:grid;place-items:center;overflow:hidden}.portrait-halo canvas{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #275a4b2c)}.mood{font-size:13px;font-weight:800;color:#287361}.chat-portrait p{font-size:12px;color:var(--muted)}.animation-toggle{border:1px solid #cbe6d9;border-radius:9px;background:#f6fffa;color:#20735f;padding:6px 9px;font-size:11px;margin:8px}.chat-panel{display:flex;flex-direction:column;min-height:525px;overflow:hidden}.chat-top{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.chat-avatar{width:34px;height:34px;overflow:hidden;border-radius:50%;background:#e9f5ed}.chat-avatar img{height:100%;width:100%;object-fit:cover}.chat-top strong{display:block;font-size:12px}.chat-top small{display:block;color:var(--muted)}.chat-spark{margin-left:auto;color:#54c3a3;font-size:22px}.messages{height:310px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:13px}.message{display:flex;gap:8px;max-width:90%;font-size:12px}.message div{background:#f1f5ff;border-radius:14px;padding:11px 13px;overflow-wrap:anywhere}.message small{display:block;color:#8491aa;margin-top:5px}.message-icon{color:#3dbb99}.message.user{align-self:flex-end}.message.user div{background:#e6f9f1}.suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 9px}.suggestions button,.suggestion-jump{border:1px solid #d9e3f6;background:#f7f9ff;color:#4a64b8;border-radius:50px;padding:7px 10px;font-size:11px}.chat-input{display:flex;gap:8px;padding:8px 16px}.chat-input input{flex:1}.chat-input button{width:45px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-size:21px}.chat-disclaimer{padding:0 18px 15px;color:#8d98ac;font-size:10px;overflow-wrap:anywhere}.chat-disclaimer span{display:block;margin-top:4px}.traditional-entry{white-space:nowrap}.mobile-nav{display:none}#toast{position:fixed;z-index:40;left:50%;bottom:24px;max-width:min(90vw,480px);transform:translate(-50%,18px);opacity:0;pointer-events:none;border-radius:14px;background:#1e315a;color:#fff;padding:12px 17px;box-shadow:0 16px 40px #18285055;font-size:12px;transition:opacity .18s,transform .18s}#toast.show{transform:translate(-50%,0);opacity:1}.transaction-dialog{width:min(94vw,620px);max-height:min(88dvh,800px);overflow:auto;border:1px solid #dce4f2;border-radius:22px;padding:25px;background:#fff;color:var(--ink);box-shadow:0 22px 90px #17264c6b}.transaction-dialog::backdrop{background:#17264c88;backdrop-filter:blur(3px)}.transaction-dialog h2{margin:0 0 12px}.transaction-dialog pre{font:12px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fd;border-radius:12px;padding:12px}.transaction-dialog ol{padding-left:24px}.transaction-dialog li{padding:7px 0;overflow-wrap:anywhere}.transaction-dialog a{color:var(--blue)}.transaction-dialog #txProgress{font-size:12px;color:#536480}.transaction-dialog .action-row{margin-top:16px}
@media(max-width:1180px){.side{width:188px;flex-basis:188px}.home-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr)}.content{padding-left:22px;padding-right:22px}}
@media(max-width:820px){.side{display:none}.topbar{height:65px;padding:0 18px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:12px;color:#71819e}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:10px;font-size:19px}.mobile-brand strong{font-size:18px;color:var(--ink);letter-spacing:-.06em}.top-sep{color:#b0bcd0}.desktop-kicker,.network,.edition{display:none}.wallet{font-size:11px;padding:9px 12px}.content{padding:14px 14px calc(85px + env(safe-area-inset-bottom))}.preview-banner{font-size:11px;padding:10px 12px}.page-heading{margin:24px 2px 18px}.page-heading h1{font-size:26px}.home-grid,.two-col,.reward-grid,.chat-layout{grid-template-columns:1fr}.main-column,.side-column{gap:14px}.side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.guardian-card{min-height:300px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce5f1;box-shadow:0 -8px 30px #334e8920;padding:6px 7px max(6px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:#8a97ae;font-size:10px;display:grid;justify-items:center;gap:1px;border-radius:10px;padding:3px 0}.mobile-nav button span{font-size:20px;line-height:1.1}.mobile-nav button.active{color:var(--blue);font-weight:800;background:#f0f3ff}.chat-portrait{display:flex;align-items:center;gap:12px;text-align:left;padding:12px}.portrait-halo{height:125px;width:110px;flex:0 0 110px}.chat-portrait p{display:none}.chat-panel{min-height:480px}#toast{bottom:85px}}
@media(max-width:580px){.content{padding-left:13px;padding-right:13px}.preview-banner{gap:3px 10px}.page-heading h1{font-size:25px}.hero-card{padding:21px;min-height:227px}.hero-value{margin-top:18px}.hero-value span{font-size:clamp(1.55rem,8.2vw,2.5rem)}.metric-grid{gap:10px}.metric-card{padding:15px;min-height:145px}.metric-card strong{font-size:clamp(1.1rem,5vw,1.5rem)}.side-column{grid-template-columns:1fr}.guardian-card{min-height:280px}.guardian-art{height:120px}.guardian-art img{height:170px}.panel{padding:19px}.chain-tools{grid-template-columns:1fr}.chain-tools>span,.chain-tools>p,.chain-tools>hr,.chain-tools>button:first-of-type{grid-column:auto}.chain-tools button[data-action]{width:100%}.reward-card{padding:21px}.reward-card p{min-height:0}.stake-main,.points-card{padding:20px}.points-large span{font-size:2.5rem}.transaction-dialog{padding:18px}.transaction-dialog .action-row{flex-direction:column}.transaction-dialog .action-row button{flex-basis:auto}#toast{width:max-content;text-align:center}}
@media(max-width:380px){.mobile-brand>span:last-child,.top-sep{display:none}.hero-actions{align-items:stretch}.hero-actions .primary{flex:1 1 100%}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:0}.metric-card strong{font-size:1.55rem}.action-row{flex-direction:column}.action-row button{flex-basis:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#view-home.active{display:flex;flex-direction:column}#view-home>.page-heading{order:0}#homeWalletStatus{order:1;margin:-6px 0 17px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#64728d;font-size:11px;overflow-wrap:anywhere}#view-home>.home-grid{order:3}#view-home>.chain-tools{order:2}#view-home>.v5-accounting{order:4}
.balance-card{background:linear-gradient(145deg,#fff,#f5f9ff)}.balance-card:nth-child(2){background:linear-gradient(145deg,#fff,#f1fbf6)}.reward-context{min-height:0!important;color:#3562b5!important;background:#f1f5ff;border-radius:10px;padding:9px 11px;font-weight:700}.fee-pool{margin-top:18px}.fee-pool p{font-size:12px;color:var(--muted)}.pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.pool-grid>div{min-width:0;background:#f7f9ff;border:1px solid #e1e8f5;border-radius:13px;padding:13px}.pool-grid span{display:block;color:#697993;font-size:11px}.pool-grid strong{display:block;color:#213b7e;font-size:clamp(1.15rem,2.8vw,1.55rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pool-grid small{color:#8a98b1}.transaction-status{position:fixed;z-index:35;right:18px;bottom:18px;width:min(420px,calc(100vw - 28px));max-height:min(65dvh,520px);overflow:auto;background:#fff;border:1px solid #dce5f5;border-radius:18px;padding:16px;box-shadow:0 16px 50px #172c5a40;color:var(--ink)}.transaction-status[hidden]{display:none}.transaction-status-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.transaction-status-head strong{font-size:14px}.transaction-status-head button{border:0;background:#f1f4fc;border-radius:50%;color:#61708a;width:27px;height:27px;font-size:19px;line-height:1}.transaction-status p{margin:9px 0;color:#415775;font-size:12px;overflow-wrap:anywhere}.transaction-status ol{margin:8px 0;padding-left:20px;font-size:11px;color:#5d6a83}.transaction-status li{padding:4px 0;overflow-wrap:anywhere}.transaction-status small{display:block;color:#8b96aa;line-height:1.5}.transaction-status a{color:var(--blue)}
@media(max-width:820px){.transaction-status{right:12px;left:12px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;max-height:45dvh}}
@media(max-width:380px){.pool-grid{grid-template-columns:1fr}}
.stake-readiness-wrap{margin-top:18px}.stake-readiness-wrap .footnote{margin:0 0 8px}.stake-readiness{margin:0;padding:11px 13px;border:1px solid #dfe7f5;border-radius:12px;background:#f5f8ff;color:#36517d;font-size:12px;line-height:1.55;font-weight:700;overflow-wrap:anywhere}.stake-readiness.shortfall{border-color:#f0cd8a;background:#fff8e9;color:#84531b}#stakeBuyLink{display:block;margin-top:3px;padding-left:0}#stakeBuyLink[hidden]{display:none}.stake-readiness-wrap+.action-row{margin-top:13px}
.hope-price-card{margin-bottom:18px;background:linear-gradient(118deg,#fff,#f3f8ff 60%,#effbf5);border-color:#dce8f4}.hope-price-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hope-price-head h2{margin:4px 0 0;font-size:20px}.hope-price-head>span{font-size:11px;color:#71819b;text-align:right}.hope-price-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.hope-price-grid>div{min-width:0;padding:16px;border:1px solid #dce6f5;border-radius:15px;background:#fff}.hope-price-grid span,.hope-price-grid small{display:block;font-size:11px;color:#6b7b98}.hope-price-grid strong{display:block;margin-top:6px;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.2;color:#233e7d}.hope-price-primary strong{font-size:clamp(1.65rem,3vw,2.4rem)}.hope-price-primary>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.hope-price-detail strong{font-size:clamp(1.12rem,2vw,1.45rem)}.hope-price-card>p:not(.footnote){font-size:11px;color:#3f7284;margin:13px 0 5px}.hope-price-card .footnote{margin:0}
@media(max-width:820px){.hope-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hope-price-primary{grid-column:1/-1}}
@media(max-width:480px){.hope-price-card{padding:18px}.hope-price-head{align-items:flex-start}.hope-price-head h2{font-size:18px}.hope-price-head>span{max-width:42%;font-size:10px}.hope-price-grid{gap:8px}.hope-price-grid>div{padding:12px}.hope-price-detail strong{font-size:1.08rem}.hope-price-primary strong{font-size:1.8rem}}
.referral-bind-status{margin:12px 0 8px;padding:10px 12px;border-radius:11px;border:1px solid #dbe6f6;background:#f3f7ff;color:#365785;font-size:12px;line-height:1.5;overflow-wrap:anywhere}