/* Mobile density and decorative-motion budget. No interaction or data is removed. */
@media(max-width:1023px){
 html body #app main{padding:12px!important;min-width:0}
 html body #app main :is(.space-y-6,.space-y-8)>:not([hidden])~:not([hidden]){margin-top:14px!important}
 html body #app main :is(.gap-6,.gap-8){gap:12px!important}
 html body #app main .gap-4{gap:10px!important}
 html body #app main :is(.card,.ui-panel,.vip-panel,.plaza-group){border-radius:14px!important;box-shadow:none!important}
 html body #app main :is(.p-6,.p-8){padding:14px!important}
 html body #app main :is(.btn,.usage-overview-toggle,.date-picker-trigger,.select-trigger){min-height:36px!important;padding:7px 11px!important;font-size:13px!important;border-radius:9px!important;box-shadow:none!important}
 html body #app main :is(.btn-icon,button[aria-label]){min-width:34px;min-height:34px}
 html body #app main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}
 html body #app main :is(h1,.text-3xl){font-size:22px!important;line-height:1.3!important}
 html body #app main h2{font-size:17px!important}
 html body #app header.glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body #app header.glass>div{height:54px!important;gap:4px!important;padding-inline:6px!important}
 html body #app header.glass>div>div{gap:4px!important;min-width:0}
 html body #app header.glass :is(.btn-icon,button.rounded-lg){padding:6px!important;min-width:32px!important;width:32px;min-height:34px}
 html body #app header.glass .vip-header-badge{min-width:57px!important;padding:4px 6px!important;min-height:30px!important;box-shadow:none!important;font-size:11px!important}
 html body #app header.glass .vip-header-badge :is(svg,.vip-header-stars){display:none!important}
 html body #app header.glass [aria-label="User menu"]>.text-left{display:none!important}
 html body #app header.glass .balance-display{font-size:11px!important;padding:4px 6px!important}
 html body #app :is(aside nav,nav.sidebar-nav) :is(a,button){min-height:38px!important;padding-block:8px!important;font-size:13px!important;border-radius:9px!important}
 html body #app aside nav :is(.space-y-1,.space-y-2)>:not([hidden])~:not([hidden]){margin-top:2px!important}
 html body #app aside nav :is(.mt-4,.mt-6,.mb-4){margin-block:8px!important}
 html body #app aside nav svg{width:18px!important;height:18px!important}
 html body #app main .ui-kpi{padding:12px!important;min-height:88px!important;border-radius:14px!important}
 html body #app main .ui-kpi-row{gap:8px!important;align-items:flex-start!important}
 html body #app main .ui-kpi-icon{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;box-shadow:none!important}
 html body #app main .ui-kpi-icon svg{width:16px!important;height:16px!important}
 html body #app main .ui-kpi-body{min-width:0;flex:1}
 html body #app main .ui-kpi-label{font-size:11px!important;letter-spacing:0!important;margin-bottom:4px!important}
 html body #app main .ui-kpi-value{font-size:21px!important;line-height:1.25!important;letter-spacing:-.4px!important;overflow-wrap:anywhere}
 html body #app main .ui-kpi-sub{font-size:10px!important;line-height:1.5!important;margin-top:4px!important;overflow-wrap:anywhere}
 html body #app main .dashboard-welcome{padding:14px!important;border-radius:14px!important}
 html body #app main .dashboard-welcome .text-3xl{font-size:22px!important}
 html body #app main .dashboard-platform-panel{padding:12px!important;margin-top:14px!important}
 html body #app main .platform-usage-card{padding:12px!important;border-radius:12px!important}
 html body #app main .ui-quick-action{padding:12px!important;gap:10px!important;min-height:58px!important;border-radius:12px!important}
 html body #app main .ui-filter-bar{padding:12px!important}
 html body #app main .ui-filter-grid{gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #app main .mobile-data-field{gap:10px!important;padding-block:5px!important}
 html body #app main .mobile-data-value{font-size:12px!important;line-height:1.5!important}
 html body #app main .profile-grid{gap:10px!important}
 html body #app main .profile-section-toggle{padding:12px 14px!important;min-height:44px!important;font-size:13px!important}
 html body #app main .profile-section-body{padding:14px!important}
 html body #app main :is(.vip-hero,.plaza-hero){padding:14px!important;border-radius:14px!important}
 html body #app main .plaza-filters{gap:10px!important;padding:12px!important}
 html body #app main :is(.vip-recharge,.vip-roadmap-section,.vip-growth-panel){padding:14px!important}
 html body #app main .key-summary-card{padding:10px!important;border-radius:12px!important}
 html body #app .footer-right{flex-wrap:wrap!important;max-width:100%;justify-content:center}
 html body #app footer{flex-wrap:wrap!important;gap:8px!important}
 /* Animated decoration is static/absent; spinners, skeletons and interaction transitions stay functional. */
 html body :is(.ui-ambient,.ui-hero-aurora,.ui-hero-ring,.ui-hero-scan,.ui-sparkle,.chart-star,.chart-orbit,.vip-header-stars){display:none!important}
 html body :is(.ui-kpi,.ui-panel,.ui-platform-card,.ui-quick-action,.ui-chip,.ui-accent-title,.ui-progress-fill,.ui-live-dot,.chart-visual,.vip-header-badge,.vip-header-badge *,.animate-ping){animation:none!important}
 html body :is(.ui-beam,.ui-sheen,.ui-panel-glow,.ui-accent-title,.vip-header-badge,.is-top-consumer)::before,
 html body :is(.ui-beam,.ui-sheen,.ui-panel-glow,.ui-accent-title,.vip-header-badge,.is-top-consumer)::after{animation:none!important;display:none!important}
 html body :is(.ui-tilt,.ui-glow-num,.chart-visual){transform:none!important;filter:none!important;will-change:auto!important}
 html body #app main :is(.glass,.ui-panel,.ui-kpi,.ui-platform-card){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body #app main .ui-stagger>*{animation:none!important;opacity:1!important;transform:none!important}
 html body #app main .is-top-consumer{animation:none!important}
 html body #app :is(.key-help-action,.btn-primary)::before,html body #app :is(.key-help-action,.btn-primary)::after{animation:none!important}
 html body #app .key-help-action{animation:none!important}
}
@media(max-width:374px){
 html body #app main .ui-kpi-icon{width:24px!important;height:24px!important;min-width:24px!important}
 html body #app main .ui-kpi{padding:9px!important}
 html body #app main .ui-kpi-value{font-size:18px!important}
 html body #app header.glass>div>div{gap:2px!important}
}
@media(max-width:1023px){
 /* Full log contents remain accessible in a compact two-column record. */
 html body #app main .simple-usage-page .compact-usage-table>[data-index]{padding:10px!important}
 html body #app main .simple-usage-page .compact-usage-table>[data-index]>.space-y-3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 12px!important}
 html body #app main .simple-usage-page .compact-usage-table>[data-index]>.space-y-3>*{margin:0!important;min-width:0}
 html body #app main .simple-usage-page .compact-usage-table>[data-index]>.space-y-3>.flex:first-child{grid-column:1/-1}
 html body #app main .simple-usage-page .compact-usage-table .mobile-data-field{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:3px!important;padding:4px 0!important}
 html body #app main .simple-usage-page .compact-usage-table .mobile-data-field>span{font-size:10px!important;letter-spacing:0!important;line-height:1.4!important}
 html body #app main .simple-usage-page .compact-usage-table .mobile-data-value{font-size:12px!important;line-height:1.5!important;text-align:left!important;width:100%;overflow-wrap:anywhere}
 html body #app main .simple-usage-page .compact-usage-table .mobile-data-value :is(.text-sm,.text-xs){font-size:12px!important}
 html body #app main .simple-usage-page .compact-usage-table [data-field=api_key],html body #app main .simple-usage-page .compact-usage-table [data-field=group],html body #app main .simple-usage-page .compact-usage-table [data-field=tokens]{grid-column:1/-1}
 /* Teleported dialogs are outside #app. Keep controls and spinners, remove decorative work. */
 html body :is(.key-create-dialog,.key-edit-dialog){width:calc(100vw - 16px)!important;max-width:760px!important;max-height:calc(100dvh - 20px)!important;border-radius:14px!important;box-shadow:0 8px 30px #0002!important;backdrop-filter:none!important}
 html body :is(.key-create-dialog,.key-edit-dialog) :is(.modal-body,.modal-header,.modal-footer){padding:12px!important}
 html body :is(.key-create-dialog,.key-edit-dialog) :is(.key-group-workspace,.key-help-action,.key-group-workspace *, .key-group-workspace *::before,.key-group-workspace *::after,.key-help-action::before,.key-help-action::after){animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}
 html body :is(.key-create-dialog,.key-edit-dialog) :is(.workspace-particle-field,.workspace-sheen){display:none!important}
 html body :is(.key-create-dialog,.key-edit-dialog) .workspace-group-card{padding:9px!important;border-radius:10px!important;content-visibility:auto;contain-intrinsic-size:auto 78px}
 html body :is(.key-create-dialog,.key-edit-dialog) .workspace-group-list{gap:7px!important}
 html body :is(.key-create-dialog,.key-edit-dialog) .workspace-vendor{padding:7px 9px!important;min-height:34px!important}
 html body :is(.key-create-dialog,.key-edit-dialog) :is(input:not([type=radio]):not([type=checkbox]),select,textarea){font-size:16px!important}
 html body .modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 /* Fixed viewport anchoring avoids a right-aligned panel extending past the left screen edge. */
 html body [data-v-80a8bada].absolute{position:fixed!important;left:12px!important;right:12px!important;top:62px!important;width:auto!important;max-width:calc(100vw - 24px)!important;margin-top:0!important;max-height:calc(100dvh - 80px)!important;overflow:auto!important}
 html body #app header.glass .vip-header-wrap{display:flex!important;align-items:center!important;gap:2px!important}
 html body #app header.glass .vip-header-badge{min-width:54px!important;padding:6px!important;justify-content:center!important}
 html body #app header.glass .vip-header-emblem{display:none!important}
 html body #app header.glass .vip-header-copy{display:flex!important;align-items:center!important;padding:0!important;gap:0!important}
 html body #app header.glass .vip-header-level{font-size:11px!important;line-height:18px!important;white-space:nowrap!important}
 html body #app header.glass .vip-header-name{display:none!important}
 html body #app header.glass .vip-header-info{position:static!important;inset:auto!important;transform:none!important;width:24px!important;height:28px!important;min-width:24px!important;min-height:28px!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html body #app header.glass .vip-header-info svg{display:block!important;width:14px!important;height:14px!important}
}

html body #app #profile-zoom-module{border:1px solid #dbe8f0!important;border-radius:8px!important;background:#fff!important;color:#31566a!important;overflow:hidden;min-width:0;align-self:start}
html body #app #profile-zoom-module>.profile-section-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:56px!important;margin:0!important;padding:14px 16px!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.9)!important;color:#1e4a5d!important;font-size:14px!important;font-weight:700!important;box-shadow:0 7px 18px -17px rgba(15,85,108,.72)!important;text-align:left!important;cursor:pointer}
html body #app #profile-zoom-module>.profile-section-toggle:hover{background:#f7fafc!important}
html body #app #profile-zoom-module .profile-section-chevron{width:16px!important;height:16px!important;flex:none;rotate:0deg!important;transform:rotate(0deg)!important;transition:transform .18s}
html body #app #profile-zoom-module [aria-expanded=true] .profile-section-chevron{transform:rotate(180deg)}
html body #app #profile-section-zoom-advice[hidden]{display:none!important}
html body #app #profile-section-zoom-advice:not([hidden]){display:block!important;padding:16px!important;border-top:1px solid #d9e9e0!important}
html body #app #profile-zoom-module #browser-display-settings{margin:0!important;padding:0!important;width:100%!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}
html body #app #profile-zoom-module h3{font-size:14px!important;color:inherit!important;margin:0 0 12px!important}
html body #app #profile-zoom-module label{display:flex!important;align-items:center!important;gap:9px!important;font-size:13px!important;color:inherit!important;line-height:1.6!important}
html body #app #profile-zoom-module input[type=checkbox]{width:17px!important;height:17px!important;flex:none;accent-color:#26735b}
html body #app #profile-zoom-module p{font-size:12px!important;line-height:1.7!important;color:#607c70!important;margin:10px 0 0!important;overflow-wrap:anywhere}
html.dark body #app #profile-zoom-module{border-color:#36505d!important;background:#17252c!important;color:#e1edf2!important}
html.dark body #app #profile-zoom-module>.profile-section-toggle{background:#17252c!important;color:#e1edf2!important}
html.dark body #app #profile-zoom-module>.profile-section-toggle:hover{background:#20343e!important}
html.dark body #app #profile-section-zoom-advice:not([hidden]){border-color:#36505d!important}
@media(max-width:1023px){html body #app #profile-zoom-module>.profile-section-toggle{min-height:44px!important;padding:12px 14px!important;font-size:13px!important}}
html.dark body #app #profile-zoom-module p{color:#a9c4b6!important}
@media(max-width:1000px){html .lottery-page .checkin-wrap{grid-template-columns:minmax(0,1fr)!important}html .lottery-page .history-card{max-height:290px!important}}
@media(max-width:640px){html .lottery-page{padding:12px 8px!important}html .lottery-page .lottery-shell{padding:15px!important;border-radius:16px!important}html .lottery-page .lottery-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}html .lottery-page .lottery-header h2{font-size:21px!important}html .lottery-page .lottery-header-actions{justify-content:flex-start!important;gap:6px!important}html .lottery-page .lottery-balance{margin-left:auto!important;min-width:100px!important}html .lottery-page .lottery-balance strong{font-size:19px!important}html .lottery-page .checkin-wrap{padding:12px!important;gap:12px!important}html .lottery-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html .lottery-page .summary-grid>div{padding:10px!important}html .lottery-page .summary-grid strong{font-size:18px!important}html .lottery-page .checkin-heading{flex-wrap:wrap!important}html .lottery-page .today-card{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}html .lottery-page .today-action{width:auto!important}html .lottery-page .calendar-card{padding:10px!important}html .lottery-page .calendar-grid .day,html .lottery-page .calendar-grid .empty{min-height:43px!important;height:43px!important}html .lottery-page .lottery-stage{grid-template-columns:minmax(0,1fr)!important;padding:24px 0 0!important;gap:22px!important}html .lottery-page .lottery-details{border-left:0!important;border-top:1px solid var(--cat-line)!important;padding:10px 0 0!important}html .lottery-page .lottery-stage .wheel-scene{width:min(100%,280px)!important}}