html:has(.portal-root),body:has(.portal-root){scrollbar-width:none;overflow-x:hidden}html:has(.portal-root)::-webkit-scrollbar{width:0;height:0;display:none}body:has(.portal-root)::-webkit-scrollbar{width:0;height:0;display:none}.portal-root{background:var(--bg);min-height:100vh;color:var(--text)}.portal-nav-bar{border-bottom:1px solid var(--border-soft)}.portal-nav{max-width:1000px;padding:18px 32px;padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.portal-brand{color:var(--text);flex-shrink:0;align-items:center;gap:10px;display:flex}.portal-nav-meta{align-items:center;gap:18px;min-width:0;display:flex}.portal-nav-user{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.portal-nav-user-name{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.portal-page{max-width:1000px;padding:44px 32px 80px;padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));padding-bottom:max(80px, env(safe-area-inset-bottom));margin:0 auto}.portal-card{border-radius:20px;padding:28px}.portal-key-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.portal-key-well{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portal-key-code{word-break:break-all;flex:auto;min-width:0}.portal-key-actions{flex-wrap:wrap;gap:8px;display:flex}.portal-key-foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.portal-key-restore-btn{margin-left:auto}.portal-restore-row{flex-wrap:wrap;gap:10px;display:flex}.portal-restore-input{flex:220px;min-width:0}.portal-balance-row{flex-wrap:wrap;gap:16px;margin-bottom:36px;display:flex}.portal-balance-credits{letter-spacing:-1px;font-size:46px;font-weight:800}.portal-balance{flex:2 280px;min-width:0}.portal-secure{flex:240px;min-width:0}.portal-packs{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;margin-bottom:44px;display:grid}.portal-devices-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.portal-device-row{align-items:center;gap:12px;min-width:0;display:flex}.portal-history-head,.portal-history-row{grid-template-columns:1fr 120px 110px 90px;align-items:center;gap:10px;display:grid}.portal-overlay,.portal-checkout{z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.portal-sheet{width:360px;max-width:100%}.portal-checkout-sheet{width:440px;max-width:100%;max-height:min(720px,100dvh);overflow:auto}@media (width<=720px){.portal-nav{padding:14px 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.portal-brand-sub{display:none}.portal-nav-meta{gap:10px}.portal-nav-user{display:none}.portal-page{padding:24px 16px 56px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(56px, env(safe-area-inset-bottom))}.portal-card{border-radius:16px;padding:18px}.portal-key-well{flex-direction:column;align-items:stretch}.portal-key-code{flex:none}.portal-key-actions{width:100%}.portal-key-actions button{flex:calc(50% - 4px);min-height:44px}.portal-key-actions button:last-child{flex:100%}.portal-key-foot{flex-direction:column;align-items:stretch}.portal-key-restore-btn,.portal-key-foot .portal-primary{width:100%;margin-left:0}.portal-restore-row{flex-direction:column}.portal-restore-input,.portal-restore-row button{width:100%}.portal-balance-credits{font-size:36px}.portal-devices-head{flex-direction:column;align-items:stretch}.portal-devices-head button{width:100%}.portal-device-row button{flex-shrink:0}.portal-history-head{display:none}.portal-history-row{grid-template-columns:1fr auto;grid-template-areas:"item amount""date receipt"}.portal-history-item{grid-area:item}.portal-history-date{grid-area:date;font-size:12px}.portal-history-amount{grid-area:amount}.portal-history-receipt{grid-area:receipt}.portal-overlay,.portal-checkout{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:flex-end}.portal-sheet,.portal-checkout-sheet{width:100%;max-height:calc(100dvh - 24px);overflow:auto}}
