:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--topbar-height:calc(76px + env(safe-area-inset-top,0px));--bottom-nav-height:calc(92px + env(safe-area-inset-bottom,0px));--bg:#081119;--panel:#101d27;--gold:#dec080;--muted:#93a5ac;--line:#b5cccc24}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--topbar-height) + 16px);scroll-padding-bottom:calc(var(--bottom-nav-height) + 16px)}body{color:#e9edeb;background:radial-gradient(at top,#10232d,#050c13 70%);margin:0;font:14px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{border:1px solid var(--line);color:var(--gold);cursor:pointer;background:linear-gradient(125deg,#20343f,#111d28);border-radius:12px;padding:12px 16px;font-weight:600}button:hover:not(:disabled){filter:brightness(1.14)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}input,select{color:#e9edeb;background:#0b161f;border:1px solid #30404a;border-radius:10px;width:100%;min-width:0;padding:12px}input::placeholder{color:#74848e}label{color:#c6d0d2;margin-bottom:18px;font-size:12px;font-weight:600;display:block}label input,label select{margin-top:7px}h1,h2,p{margin:0 0 14px}h1{font-family:Georgia,Songti TC,serif;font-size:30px;line-height:1.25}h2{font-size:17px}small{font-size:11px}.island{max-width:760px;padding-top:var(--topbar-height);border-inline:1px solid var(--line);background:#0a151e;min-height:100vh;margin:auto;box-shadow:0 0 80px #0003}.island main{padding:20px 24px calc(36px + var(--bottom-nav-height));min-height:55vh}.chain-status{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px;display:flex}.chain-status button{padding:6px 10px;font-size:10px}.hero{text-align:center;margin:0 -24px 12px;padding-top:18px;position:relative;overflow:hidden}.eyebrow{letter-spacing:.12em;color:#b6a274;font-size:10px;font-weight:600}.hero h1{z-index:1;margin:16px 0 -32px;font-weight:500;line-height:1.6;position:relative}.hero em{color:var(--gold);font-style:normal;display:block}.hero>img{object-fit:cover;opacity:.87;width:100%;max-height:420px;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.hero>p{color:#aebec2;margin-top:-30px;padding:12px 25px;font-size:12px;position:relative}.facts{text-align:center;grid-template-columns:1fr 1fr;margin:10px 0 24px;display:grid}.facts>div+div{border-left:1px solid var(--line)}.facts strong{font-size:22px;display:block}.facts strong small{font-size:12px}.facts span{color:var(--muted);font-size:11px}.scene-button{text-align:left;width:100%;height:125px;margin-bottom:16px;padding:22px;position:relative;overflow:hidden}.scene-button img{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%);mask-image:linear-gradient(90deg,#0000,#000 65%)}.scene-button span{z-index:1;font-size:17px;display:block;position:relative}.scene-button small{color:#c0c8be;margin-top:5px;font-size:11px;display:block}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#223941ad,#101d27 75%);border-radius:18px;margin:18px 0;padding:22px;box-shadow:inset 0 1px #cbdcdd0a}.panel p{color:#bac6c9;font-size:12px}.panel.gate{text-align:center}.gate img{width:72px}.gate button+button{margin-top:12px}.section-heading,.card-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-heading img{object-fit:contain;width:74px;height:74px}.section-heading h1{margin-top:7px}.card-top img{object-fit:contain;width:64px;height:64px}.card-top h2{margin:5px 0 10px}.section-heading img[src*=key],.card-top img[src*=key]{object-fit:cover;border-radius:40px;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.scene-strip{border-radius:15px;height:110px;margin-bottom:-10px;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.scene-strip img{object-fit:cover;width:100%;height:100%}.data-row{border-bottom:1px solid #bed4d108;justify-content:space-between;gap:14px;padding:12px 0;font-size:12px;display:flex}.data-row>span{color:var(--muted);flex:1;min-width:0}.data-row>strong{text-align:right;overflow-wrap:anywhere;color:#e4e9e6;max-width:62%;font-weight:500}.data-row:last-child{border-bottom:0}.gold{color:#22282a;background:linear-gradient(108deg,#ae8440,#efdaa1 45%,#c29851);border:1px solid #eed598;box-shadow:0 6px 18px #b9893615}.wide{width:100%;margin-top:12px}.muted{margin-top:15px;font-size:12px;color:var(--muted)!important}.text-button{color:var(--gold);background:0 0;border:0;padding-inline:0}.amount-input{background:#14242e;border:1px solid #344a53;border-radius:14px;align-items:center;gap:14px;margin-top:8px;padding:6px 15px;display:flex}.amount-input input{box-shadow:none;background:0 0;border:0;margin:0;padding-inline:0;font-size:27px;font-weight:600}.amount-input span{color:var(--gold);font-size:12px}.segmented{gap:10px;margin-bottom:20px;display:flex}.segmented button{flex:1}.segmented [aria-pressed=true]{color:#f1d295;border-color:#c7ab67;box-shadow:inset 0 0 0 1px #c7ab6740}.notice{color:#b9c5c7;background:#182833;border-radius:12px;padding:16px;font-size:12px}.feedback:empty{display:none}.feedback p{background:#1b3037;border-radius:10px;padding:12px;font-size:12px}.error{color:#f3ab9d!important;background:#3d252a!important}.feedback code,.activity code{overflow-wrap:anywhere;font-size:11px;display:block}.badge{color:var(--gold);border:1px solid #c8b17630;border-radius:7px;padding:4px 9px;font-size:10px}.progress{background:#ffffff09;border-radius:10px;height:5px;margin:18px 0;overflow:hidden}.progress>span{background:linear-gradient(90deg,#b08443,#f1d597);height:100%;display:block}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.pagination button{font-size:11px}.checkbox{color:#d2d9d5;align-items:flex-start;gap:12px;margin:18px 0;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--gold);margin-top:3px}.transaction-review{border-color:#8b75424d}.activity{border-bottom:1px solid var(--line);gap:5px;padding:12px 0;font-size:12px;display:grid}.activity small{color:var(--muted)}.bottom-nav{inset-inline:0;width:100%;max-width:760px;height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:10px 5px calc(10px + env(safe-area-inset-bottom,0px));z-index:50;background:linear-gradient(#101e28f7,#101e28);grid-template-columns:repeat(5,1fr);margin-inline:auto;display:grid;position:fixed;bottom:0}.bottom-nav button{color:#a5b4b8;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:5px 2px;font-size:10px;display:flex;position:relative}.bottom-nav img{object-fit:contain;filter:saturate(.75);width:40px;height:40px;transition:transform .18s}.bottom-nav [aria-current=page]{color:var(--gold)}.bottom-nav [aria-current=page] img{filter:saturate(1.1);transform:translateY(-3px)}.bottom-nav [aria-current=page]:after{content:"";background:var(--gold);width:15px;height:2px;position:absolute;bottom:0}details summary{cursor:pointer;color:var(--gold);font-weight:600}@media (min-width:700px){:root{--bottom-nav-height:calc(100px + env(safe-area-inset-bottom,0px))}.island{border-inline:1px solid var(--line)}.island main{padding-inline:45px}.hero{margin-inline:-45px}.hero h1{font-size:40px}.hero>img{max-height:440px}.panel{padding:28px}.data-row{font-size:14px}.section-heading h1{font-size:34px}.scene-button{height:145px}.bottom-nav img{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.topbar{top:0;z-index:60;width:100%;max-width:760px;height:var(--topbar-height);padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:linear-gradient(120deg,#14252ff5,#0b1821f5 65%);border-top:0;border-bottom-color:#dec08030;justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;display:flex;position:fixed;inset-inline:0;box-shadow:0 8px 24px #030b1230,inset 0 -1px #dec08008}.brand{letter-spacing:.05em;flex-shrink:0;align-items:center;gap:10px;font:600 15px/1.3 Georgia,serif;display:flex}.brand-mark{mix-blend-mode:lighten;border-radius:50%;flex:none;width:40px;height:40px;display:block;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;box-shadow:none;border:0;display:block;transform:scale(1.18)}.brand-wordmark{white-space:nowrap;display:block}.brand small{letter-spacing:.14em;color:#a6946e;font:10px/1.8 sans-serif;display:block}.header-actions{align-items:center;gap:8px;min-width:0;display:flex}.topbar button{font-size:12px}.header-icon-button{background:linear-gradient(145deg,#20353f75,#0d1b2460);border-color:#dec08026;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:inset 0 1px #e7d39d08}.header-icon-button[aria-expanded=true]{background:#25383e;border-color:#dec08085}.chain-icon{color:#1b211d;background:#f0b90b;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:inline-grid;position:relative;box-shadow:0 2px 9px #f0b90b15}.chain-icon svg{width:19px;height:19px}.chain-icon-local{color:#aac7cc;box-shadow:none;background:#2b4550}.chain-test-marker{color:#0b222a;background:#94d5dd;border:2px solid #14252f;border-radius:50%;place-items:center;width:13px;height:13px;font:700 8px/1 sans-serif;display:grid;position:absolute;bottom:-3px;right:-4px}.language-flag{border-radius:2px;flex-shrink:0;width:27px;height:18px;display:block;box-shadow:0 1px 5px #0003}.header-wallet{color:#f0dba5;white-space:nowrap;background:linear-gradient(120deg,#554c32,#2a3330);border-color:#d4b57370;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #efdba31a}.header-wallet svg{flex-shrink:0;width:18px;height:18px}.wallet-label-mobile{display:none}.header-menu{width:258px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - 12px);overscroll-behavior:contain;background:linear-gradient(130deg,#1b3039,#0f1e29);border:1px solid #dec08042;border-radius:16px;padding:8px;position:absolute;top:calc(100% - 2px);right:20px;overflow-y:auto;box-shadow:0 16px 40px #0008,inset 0 1px #e7d39d0a}.header-menu-title{color:var(--muted);letter-spacing:.08em;padding:5px 10px 8px;font-size:10px;display:block}.header-menu button{color:#dce5e3;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px;font-weight:500;display:flex}.header-menu button[aria-checked=true]{color:#f0dba5;background:#dec0800c;border-color:#dec08024}.header-menu button:focus-visible{outline-offset:-2px}.header-menu-check{color:var(--gold);margin-left:auto}.local-tools{color:#aac7cc;border:1px dashed #94d5dd40;border-radius:12px;margin-bottom:18px;padding:12px;font-size:11px}.local-tools>div{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.local-tools select{width:auto;padding:8px}.local-tools button{padding:8px 10px;font-size:11px}@media (max-width:520px){:root{--topbar-height:calc(64px + env(safe-area-inset-top,0px))}.topbar{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;gap:8px}.brand{letter-spacing:.025em;gap:8px;font-size:12px}.brand-mark{width:36px;height:36px}.brand small{letter-spacing:.13em;margin-top:3px;font-size:8px;line-height:1.3}.header-actions{flex-shrink:0;gap:6px}.header-icon-button{width:32px;height:34px;box-shadow:none;background:0 0;border-color:#0000;border-radius:10px;position:relative}.header-icon-button[aria-expanded=true]{background:#dec0800c;border-color:#dec08050}.header-icon-button>.chain-icon{width:22px;height:22px;box-shadow:none}.header-icon-button>.chain-icon svg{width:16px;height:16px}.header-icon-button .chain-test-marker{width:11px;height:11px;font-size:7px}.header-icon-button>.language-flag{width:22px;height:15px;box-shadow:none}.topbar .header-wallet{background:linear-gradient(120deg,#433e2b,#26312c);border-color:#d4b57340;border-radius:10px;max-width:104px;height:34px;padding:0 10px;font-size:11px;position:relative}.header-icon-button:after,.header-wallet:after{content:"";position:absolute;inset:-5px -2px}.header-wallet svg,.wallet-label-desktop{display:none}.wallet-label-mobile{text-overflow:ellipsis;display:block;overflow:hidden}.header-menu{right:12px}}@media (max-width:360px){.topbar{gap:6px;padding-inline:10px}.brand{gap:6px;font-size:11px}.brand-mark{width:32px;height:32px}.header-actions{gap:4px}.topbar .header-wallet{max-width:74px;padding-inline:8px;font-size:10px}.header-menu{right:10px}}@media (min-width:700px){.topbar{padding-inline:36px}.header-menu{right:36px}}.referral-dialog{box-sizing:border-box;color:#efe8d8;background:radial-gradient(at 80% 0,#66502440,#0000 55%),#09181f;border:1px solid #a283465c;border-radius:24px;width:min(440px,100% - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:28px;overflow:auto;box-shadow:0 24px 90px #0009}.referral-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01090dd6}.referral-dialog h2{margin:8px 0 12px;font-size:24px}.referral-dialog p{font-size:14px;line-height:1.75}.referral-dialog-art{float:right;object-fit:contain;width:66px;height:66px;margin:-6px -4px 10px 12px}.referral-candidate,.referrer-card{background:linear-gradient(125deg,#c3952820,#07141b88);border:1px solid #ac8b4540;border-radius:14px;padding:16px}.referral-candidate{clear:both;margin-top:18px}.referral-candidate span{color:#b9ad90;margin-bottom:8px;font-size:12px;display:block}.referral-candidate code,.referrer-card code{overflow-wrap:anywhere;white-space:normal;color:#edd6a0;font-size:13px;line-height:1.7;display:block}.referral-check{color:#c7b587;min-height:24px}.referral-actions{gap:10px;margin-top:20px;display:flex}.referral-actions button{flex:1;min-width:0;padding:12px 10px;font-size:14px}.referrer-field{margin:16px 0}.referrer-address{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.referrer-address strong{color:#f1d38b;font-family:monospace;font-size:18px}.referrer-address button{padding:8px 12px;font-size:12px}.referrer-card summary{cursor:pointer;color:#c8b37d;margin-bottom:8px;font-size:12px}.referrer-card .muted{margin-bottom:0}@media (max-width:380px){.referral-dialog{padding:20px}.referral-dialog h2{font-size:22px}.referral-actions{flex-direction:column}}