html,body{margin:0;min-height:100%;background:#d6c6a8;font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,textarea{font-family:inherit}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}@keyframes capOut{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(.35)}}@keyframes dotIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%{transform:scale(.6);opacity:.55}to{transform:scale(1.9);opacity:0}}@keyframes twinkle{0%,to{opacity:0;transform:rotate(45deg) scale(.55)}45%,55%{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:1}}:root{--safe-top: 40px;--safe-bottom: 0px}html.tg{--safe-top: 0px}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#d6c6a8;padding:24px;box-sizing:border-box}.device{position:relative;flex:none;width:390px;height:844px;border-radius:32px;overflow:hidden;background-color:#f3e9d8;background-position:center bottom;background-size:cover;background-repeat:no-repeat;color:#2b2016;box-shadow:0 30px 80px #000000b3,0 0 0 1px #5a3c1e1a}@media(max-width:500px),(max-height:760px)and (max-width:900px){.stage{padding:0;min-height:100dvh}.device{width:100vw;height:100dvh;border-radius:0;box-shadow:none}}html.tg,html.tg body{height:100%;overflow:hidden;overscroll-behavior:none}html.tg .stage{padding:0;min-height:0}html.tg .device{position:fixed;inset:0;width:auto;height:auto;border-radius:0;box-shadow:none}.device{container-type:size}.device{zoom:var(--fit, 1)}.center-scroll{overflow-y:auto}.center-scroll>*{flex-shrink:0}.center-scroll>:first-child{margin-top:auto}.center-scroll>:last-child{margin-bottom:auto}.screen{position:absolute;inset:0}.col{display:flex;flex-direction:column}.press{transition:transform .12s}.press:active{transform:scale(.98)}.press-sm:active{transform:scale(.96)}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.muted{color:#8a7660}.avatar{flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fffaf1}.card{background:#fffaf1;box-shadow:inset 0 0 0 1px #5a3c1e1a}.walnut{background:linear-gradient(135deg,#6b4a2e,#3e2a19);color:#fbf4e8;box-shadow:0 12px 28px #3e2a194d}.inset-dark{border-radius:14px;background:#00000038;box-shadow:inset 0 0 0 1px #fffaf11a}.stat-label{font-size:11px;color:#e6cfa7}.row-card{display:flex;align-items:center;gap:14px;min-height:64px;box-sizing:border-box;border-radius:16px}.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:14px;background:#efe2cc;margin-top:-4px}.seg button{height:38px;border:none;border-radius:10px;cursor:pointer;background:transparent;color:#8a7660;font-weight:700;font-size:14px;transition:background .2s}.seg button.on{background:#fffaf1;color:#2b2016;box-shadow:0 1px 3px #5a3c1e26}.chip-ok{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;background:#22b3a01f;color:#127a6d;font-weight:700;font-size:13px}.chip-wait{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;background:#5a3c1e12;color:#a8957a;font-weight:600;font-size:13px;white-space:nowrap}.xp-badge{display:flex;align-items:center;gap:5px;flex:none;border-radius:14px;background:#40d6c02e;box-shadow:inset 0 0 0 1px #5fe8d473;color:#7ff0de;font-weight:800;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#7fd36b;box-shadow:0 0 0 3px #7fd36b40;flex:none}.backdrop{position:absolute;inset:0;animation:fadeIn .15s}.sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;animation:popIn .22s ease-out}.grabber{width:36px;height:4px;border-radius:2px;background:#5a3c1e33;align-self:center}.sheet-light{z-index:41;border-radius:26px 26px 0 0;background:#f3e9d8;padding:10px 20px calc(30px + var(--safe-bottom));gap:12px}.sheet-light .grabber{margin-bottom:6px}.sheet-title{font-weight:800;font-size:22px}.sheet-text{font-size:14px;line-height:1.55;color:#5a4632;text-wrap:pretty}.btn{border:none;border-radius:14px;cursor:pointer;font-weight:700;font-size:15px}.tabbar{flex:none;margin:12px 16px max(24px,calc(var(--safe-bottom) + 8px));height:68px;border-radius:24px;background:#fffaf1;box-shadow:inset 0 0 0 1px #5a3c1e1a,0 10px 30px #5a3c1e26;display:grid;align-items:center;padding:0 6px;position:relative}.tab{height:56px;margin:0 3px;border:none;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#8a7660;transition:background .2s,color .2s}.tab.on{background:#9a6a3e;color:#fffaf1}.tab-text{gap:10px;color:#5a4632;font-weight:600;font-size:15px}.tab-text:active{background:#efe2cc}.set-btn{display:flex;align-items:center;gap:12px;height:58px;padding:0 16px;border:none;border-radius:16px;cursor:pointer;background:#fffaf1;box-shadow:inset 0 0 0 1px #5a3c1e1a;color:#2b2016;text-align:left}.toggle{position:relative;width:46px;height:28px;border-radius:14px;background:#d9c9ad;transition:background .2s;flex:none}.toggle.on{background:#9a6a3e}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:left .2s}.toggle.on:after{left:21px}.carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;box-sizing:border-box}.tier-card{position:relative;flex:none;width:280px;scroll-snap-align:center;border-radius:30px;overflow:hidden;color:#fbf4e8;display:flex;flex-direction:column;padding:24px 22px 22px;box-sizing:border-box}.tier-level{font-size:11px;font-weight:700;letter-spacing:2.5px}.tier-pill{height:26px;padding:0 10px;border-radius:13px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#e8dcc8;white-space:nowrap}.fee-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px;background:#00000038;box-shadow:inset 0 0 0 1px #ffffff14}.fee-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px}.fee-grid>div:first-child{border-right:1px solid rgba(255,255,255,.08)}.fee-grid .lbl{font-size:11px;color:#cdbfa8}.fee-grid .val{display:flex;align-items:center;gap:6px;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}.tier-btn{position:relative;margin-top:14px;height:56px;border:none;border-radius:16px;cursor:pointer;font-weight:800;font-size:17px;letter-spacing:1px;box-shadow:0 8px 20px #00000040}.tier-btn:active{transform:scale(.98)}.toast{position:absolute;left:50%;bottom:calc(112px + var(--safe-bottom));z-index:50;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:#2b2016;color:#f3e9d8;font-weight:600;font-size:13px;white-space:nowrap;animation:popIn .2s ease-out}.bubble{position:absolute;left:76px;z-index:20;padding:8px 12px;border-radius:12px;background:#2b2016;color:#f3e9d8;font-weight:600;font-size:14px;white-space:nowrap;animation:popIn .2s ease-out}.fb-input{height:150px;resize:none;padding:14px;border:none;border-radius:14px;background:#fffaf1;box-shadow:inset 0 0 0 1px #5a3c1e29;font-size:15px;color:#2b2016;outline:none;box-sizing:border-box}.fb-input:focus{box-shadow:inset 0 0 0 2px #9a6a3e}