dialog[data-wallet-dialog] { width:min(600px,calc(100vw - 28px)); }
.wallet-loading { display:grid; min-height:130px; place-items:center; color:var(--tc-muted); }
.wallet-summary { padding:20px; border:1px solid var(--tc-line); border-radius:16px; background:var(--tc-surface-2); }
.wallet-total { display:grid; gap:9px; }
.wallet-total > span,.wallet-total > small { font-size:11px; color:var(--tc-muted); }
.wallet-total > strong { font-size:37px; font-weight:750; letter-spacing:-1px; color:var(--tc-text); }
.wallet-subset { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding-top:17px; margin-top:17px; border-top:1px solid var(--tc-line); }
.wallet-subset > div { display:grid; gap:8px; }
.wallet-subset span { font-size:10px; color:var(--tc-muted); }
.wallet-subset strong { font-size:17px; font-weight:650; }
.wallet-subset > div:first-child strong { color:var(--tc-accent); }
.wallet-copy { color:var(--tc-muted); font-size:11px; line-height:1.8; margin:13px 0; }
.wallet-convert,.wallet-usd,.wallet-withdraw,.wallet-history,.wallet-buy { margin-top:25px; padding-top:23px; border-top:1px solid var(--tc-line); }
#wallet-content h3 { font-size:16px; margin:0 0 16px; }
.wallet-time-inputs { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.wallet-time-inputs label { display:grid; gap:9px; font-size:11px; color:var(--tc-muted); }
.wallet-time-inputs input { width:100%; min-width:0; min-height:44px; padding:11px; border:1px solid var(--tc-line); border-radius:9px; background:var(--tc-surface-2); color:var(--tc-text); font-size:14px; }
.wallet-quote { font-size:14px; color:var(--tc-accent); font-weight:650; min-height:21px; margin:17px 0 8px; }
.wallet-rate { color:var(--tc-muted); font-size:10px; margin-bottom:16px; }
.wallet-notice { padding:12px; background:var(--tc-accent-soft); border:1px solid var(--tc-line); border-radius:9px; color:var(--tc-text); font-size:12px; line-height:1.75; }
#wallet-content .primary { min-height:44px; padding:12px 15px; border-radius:10px; font-size:12px; }
#wallet-content .quiet { min-height:44px; color:var(--tc-accent); font-size:12px; }
.wallet-usd { display:grid; gap:10px; }
.wallet-usd > span { color:var(--tc-muted); font-size:11px; }
.wallet-usd > strong { font-size:29px; letter-spacing:-.7px; }
.wallet-error { color:#bc3450; font-size:12px; line-height:1.7; }
html[data-theme=dark] .wallet-error { color:#ffb4c1; }
.wallet-history > div { display:flex; align-items:center; gap:12px; justify-content:space-between; padding:12px 0; border-top:1px solid var(--tc-line); font-size:11px; }
.wallet-history small { color:var(--tc-muted); font-size:10px; }
.wallet-history span { color:var(--tc-accent); }
.wallet-buy > p { font-size:15px; font-weight:650; }
@media(max-width:400px) { .wallet-summary { padding:16px; }.wallet-total > strong { font-size:32px; }.wallet-subset { gap:9px; }.wallet-time-inputs { gap:9px; }.wallet-history > div { flex-wrap:wrap; } }
dialog[data-products-dialog] { width:min(720px,calc(100vw - 28px)); }
.premium-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:20px 0; }
.premium-product { position:relative; display:flex; flex-direction:column; gap:11px; min-width:0; padding:17px 13px; border:1px solid var(--tc-line); border-radius:13px; background:var(--tc-surface-2); cursor:pointer; }
.premium-product.selected { background:var(--tc-accent-soft); border-color:var(--tc-accent); }
.premium-product > input { align-self:start; width:17px; height:17px; margin:0; accent-color:var(--tc-accent); }
.premium-product strong { font-size:13px; line-height:1.5; }
.product-managed-name { color:var(--tc-muted); font-size:9px; overflow-wrap:anywhere; }
.product-price { font-size:24px; font-weight:750; letter-spacing:-.6px; }
.premium-product del { color:var(--tc-muted); font-size:11px; }
.premium-product ul { padding-inline-start:14px; margin:0; color:var(--tc-muted); font-size:10px; line-height:1.8; }
.product-checkout-footer { position:sticky; bottom:0; background:var(--tc-surface); padding-top:12px; }
.product-checkout-footer button { min-height:44px; font-size:12px; }
.wallet-topups { display:grid; gap:9px; margin:14px 0; }
.wallet-topup { display:flex; align-items:center; gap:12px; min-height:64px; padding:12px; border:1px solid var(--tc-line); border-radius:11px; background:var(--tc-surface-2); cursor:pointer; }
.wallet-topup:has(input:checked) { border-color:var(--tc-accent); background:var(--tc-accent-soft); }
.wallet-topup input { width:17px; height:17px; margin:0; accent-color:var(--tc-accent); }
.wallet-topup > span { display:grid; gap:5px; flex:1; }
.wallet-topup strong { font-size:14px; }.wallet-topup small { font-size:10px; color:var(--tc-muted); }.wallet-topup b { font-size:17px; }.wallet-topup del { color:var(--tc-muted); font-size:10px; }
@media(max-width:600px) { .premium-product-grid { grid-template-columns:1fr; }.premium-product { padding:15px; display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:8px 13px; }.premium-product > input { grid-row:1 / span 2; }.premium-product > strong { grid-column:2; }.premium-product > .product-managed-name { grid-column:2; }.premium-product > .product-price { grid-column:3; grid-row:1 / span 2; font-size:23px; }.premium-product > ul { grid-column:2 / span 2; }.premium-product > del { grid-column:3; } }
