/* Shared cosmos material. Existing layout, visibility and financial gates stay authoritative. */
:root{--pri:#C5E8FF;--pri2:#A5CFFF;--pri-light:#15273E;--success:#B6F3DD;--warn:#FFE0A1;--danger:#FFB7B0;--bg:#030817;--surface:rgba(7,16,35,.78);--text:#F5F8FF;--text2:#DEE9FA;--text3:#D5E4F8;--border:#B4CAE8}
html,body{background:#030817}
#root,.auth-screen,.panel,.page:not(#page-profile){background-color:#030817;background-image:linear-gradient(rgba(3,8,20,.18),rgba(3,8,20,.18)),url('/static/h5/profile-cosmos-wide.webp');background-size:cover;background-position:55% top}
.auth-card,.card,.panel-body .list-item,.referral-preview,#msg-box,#danger-confirm-box,#declaration-overlay>div,#popup-announce-overlay>div{background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58));border:1px solid #B4CAE8;box-shadow:inset 0 1px 1px rgba(225,240,255,.28),0 0 0 4px rgba(2,7,18,.76),0 10px 24px rgba(0,0,0,.16);color:var(--text)}
#app-header,#bottom-nav,.panel-header{background:rgba(4,12,25,.96);border-color:#B4CAE8;color:var(--text)}
#bottom-nav .nav-tab{color:var(--text2)}#bottom-nav .nav-tab.active{color:#BDEFFF}
.auth-card h2,.auth-card .sub,.auth-card .field label,.auth-card .auth-switch{color:var(--text2)}
.auth-card .field input,.field input,input,textarea,select{background:rgba(5,14,31,.82);color:var(--text);border-color:#C4DCF7;min-width:0}
.auth-card .field input:focus,.field input:focus,input:focus,textarea:focus,select:focus{background:rgba(9,23,43,.92);border-color:#D8F3FF;box-shadow:0 0 0 3px rgba(169,198,255,.22)}
.auth-card input::placeholder,input::placeholder,textarea::placeholder{color:#D5E4F8;opacity:1}
/* Override only the inherited material properties; never display, visibility or safety opacity. Profile keeps its confirmed scoped rules. */
#root button:not(#page-profile button),#root .order-btn{background:rgba(17,38,65,.80)!important;color:#F5F8FF!important;border-color:#C4DCF7!important;box-shadow:inset 0 1px 1px rgba(229,244,255,.28),0 0 0 4px rgba(2,7,18,.76)!important}
#root button:focus-visible,#root input:focus-visible,#root textarea:focus-visible,#root select:focus-visible,#root a:focus-visible{outline:3px solid #D8F3FF!important;outline-offset:3px!important}
#root button:disabled,#root button.disabled,#root .order-btn.disabled,#root button[aria-busy="true"]{background:#26334B!important;color:#DEE9FA!important;border-color:#C4DCF7!important;box-shadow:0 0 0 4px rgba(2,7,18,.76)!important}
#root button:disabled,#root button.disabled,#root .order-btn.disabled{border-style:dashed!important;cursor:not-allowed}
#root button[aria-busy="true"]{border-style:double!important;box-shadow:inset 0 0 0 2px #C4DCF7,0 0 0 4px rgba(2,7,18,.76)!important;cursor:progress}
#root button.danger:not(:disabled),#root .btn-danger-outline:not(:disabled),#root #dep-cancel-order-btn:not(:disabled),#root button.btn-outline[style*="color:var(--danger)"]:not(:disabled),#root #danger-confirm-submit:not(:disabled){background:rgba(111,24,32,.94)!important;color:#FFE0DC!important;border-color:#FFB7B0!important}
#root #tab-btn-products[style*="background:transparent"],#root #tab-btn-products[style*="background: transparent"],#root #tab-btn-c2c[style*="background:transparent"],#root #tab-btn-c2c[style*="background: transparent"]{background:rgba(5,14,31,.88)!important;color:#DEE9FA!important;border-color:#B4CAE8!important}
.balance-hero{background:linear-gradient(115deg,rgba(3,11,26,.78),rgba(17,49,74,.58));border:1px solid #B4E7FF;color:#F5F8FF}
.empty,.fuel-ledger-empty,.lbl,.li-sub{color:var(--text2)}.li-body,.val,.li-right{min-width:0;overflow-wrap:anywhere}.card-row,.list-item{border-color:#B4CAE8}
#danger-confirm-rows{background:rgba(7,16,35,.78);border-color:#B4CAE8;box-shadow:none}#danger-confirm-rows .row{border-color:#B4CAE8}
#danger-confirm-warning{background:rgba(77,45,9,.88);border-color:#FFE0A1;color:#FFE0A1}#danger-confirm-warning strong,#danger-confirm-warning div{color:#FFE0A1}
#danger-confirm-chip{background:rgba(111,24,32,.88);color:#FFB7B0}#danger-confirm-phrase{background:rgba(5,14,31,.92);color:var(--text);border-color:#C4DCF7}
#bottom-nav [data-page="mall"] .icon,#bottom-nav [data-page="profile"] .icon{font-size:0;position:relative}
#bottom-nav [data-page="mall"] .icon::before,#bottom-nav [data-page="profile"] .icon::before{content:'';display:block;width:24px;height:24px;background:currentColor;mask:var(--cosmos-nav-icon) center/contain no-repeat;-webkit-mask:var(--cosmos-nav-icon) center/contain no-repeat}
#bottom-nav [data-page="mall"] .icon{--cosmos-nav-icon:url('/static/h5/cosmos-ui-project.svg')}#bottom-nav [data-page="profile"] .icon{--cosmos-nav-icon:url('/static/h5/cosmos-ui-member.svg')}
@supports (backdrop-filter:blur(2px)){.auth-card,.card,.referral-preview,#msg-box,#danger-confirm-box,#declaration-overlay>div,#popup-announce-overlay>div{backdrop-filter:blur(2px)}}
@supports not (backdrop-filter:blur(2px)){.auth-card,.card,.referral-preview,#msg-box,#danger-confirm-box,#declaration-overlay>div,#popup-announce-overlay>div{backdrop-filter:none}}

/* Finite fixed-inline residue map, bound in inventory; dynamic JS templates remain byte-identical. */
#root [style*="background:linear-gradient(180deg,#fffdf9 0%,#f8f1e9 100%)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:linear-gradient(180deg,#f4ece4 0%,#efe5dc 100%)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#FFFDFC"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#F4EEE9"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#FFF3DC"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#FBE9E5"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#FAEAF0"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#fff"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#f0fdf4"]:not(#page-profile *){background:rgba(9,45,36,.84)!important}
#root [style*="background:#f8fafc"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#fff4f4"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#fef9c3"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="background:#FFF7E8"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="background:#f5f3ff"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#f5f7fa"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#fef3c7"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="background:#f8f9fa"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:linear-gradient(135deg,#f59e0b,#d97706)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:${active ? 'var(--pri-light)' : '#fff'}"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:linear-gradient(180deg,#fffdfb 0%,#f9f2eb 100%)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:rgba(255,255,255,.72)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#fffaf0"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="color:#ef4444"]:not(#page-profile *){color:#FFB7B0!important}
#root [style*="color:#285E43"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#4D6370"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#7A5B44"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#167A55"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#9B6A16"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#9E3E2C"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#4A6573"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#65578F"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#9A4C67"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#2F694A"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#7a1f2b"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#111"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#374151"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#166534"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color:#475569"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#15803d"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color:#854d0e"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#6d28d9"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#059669"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color:#d97706"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color:#7c3aed"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#1d4ed8"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#047857"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color:#92400e"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color:#78350f"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color:#b45309"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color:#6b7280"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#64748b"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color:#8a5a17"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color:#067647"]:not(#page-profile *){color:#B6F3DD!important}
.warrant-summary-card,.warrant-ledger-shell,.warrant-ledger-card,.warrant-ledger-empty,.fuel-ledger-shell,.fuel-ledger-card,.fuel-ledger-empty,.tn-card{background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58));border-color:#B4CAE8;color:var(--text)}
.referral-preview-ok.show{background:rgba(9,45,36,.84);border-color:#B6F3DD}.referral-preview-ok .rp-label,.referral-preview-ok .rp-val{color:#B6F3DD}
.tag-green,.tn-pos.R{background:rgba(9,45,36,.94);color:#B6F3DD}.tag-yellow{background:rgba(55,36,9,.94);color:#FFE0A1}.tag-red{background:rgba(111,24,32,.94);color:#FFB7B0}.tag-blue,.tn-pos.L{background:rgba(17,38,65,.94);color:#C5E8FF}.tag-gray{background:#26334B;color:#DEE9FA}.tag-purple{background:rgba(47,26,67,.94);color:#E8C9FF}
#root #announce-bar{background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important;border-color:#B4CAE8!important}
#root #page-home>div[style*="position:sticky"]{background:rgba(4,12,25,.96)!important;border-color:#B4CAE8!important}
.balance-hero .bh-label,.balance-hero .bh-sub,.balance-hero .bh-unit{opacity:1;color:var(--text2)}

/* Glass reading plane on subpanels, rather than darkening the cosmic artwork itself. */
.panel-body{background:linear-gradient(115deg,rgba(4,12,27,.72),rgba(7,16,35,.64))}
.page:not(#page-profile) .empty{background:rgba(4,12,27,.76);border:1px solid #B4CAE8;border-radius:16px;margin:14px;padding:24px 16px}
#root input[aria-invalid="true"],#root textarea[aria-invalid="true"]{border-color:#FFB7B0;box-shadow:0 0 0 1px #FFB7B0}
#root input:disabled,#root textarea:disabled,#root select:disabled{background:#26334B;border-color:#C4DCF7;border-style:dashed;color:#DEE9FA}
/* Preserve the approved cards; only narrow effective containers at 200% may wrap. */
#page-profile .profile-shell{container-type:inline-size}
@container (max-width:240px){#page-profile .profile-hero-top{flex-wrap:wrap}#page-profile .profile-hero-main{flex-wrap:wrap}#page-profile .profile-invite{flex-wrap:wrap}#page-profile .profile-asset-actions{flex-wrap:wrap}#page-profile .profile-asset-actions button{flex:1 1 60px;min-width:0}#page-profile .profile-invite-code{letter-spacing:0}#page-profile .profile-asset-title{max-width:100%;overflow-wrap:anywhere}#page-profile .profile-asset-icon{position:static;margin-top:8px}#page-profile .profile-asset-head{flex-wrap:wrap}}

/* Remaining cool pale notices, and canonical CSSOM spellings of the same finite values. */
#root [style*="background:#E9F4EC"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#EEF1F5"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#EAF7F2"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#EEF3F7"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#EEEAF7"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#E8F4EC"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#ede9fe"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background:#ecfdf5"]:not(#page-profile *){background:rgba(9,45,36,.84)!important}
#root [style*="background:#eff6ff"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: linear-gradient(180deg,rgb(255, 253, 249) 0%,rgb(248, 241, 233) 100%)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: linear-gradient(180deg,rgb(244, 236, 228) 0%,rgb(239, 229, 220) 100%)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(255, 253, 252)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(244, 238, 233)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(255, 243, 220)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(251, 233, 229)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(250, 234, 240)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(255, 255, 255)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(240, 253, 244)"]:not(#page-profile *){background:rgba(9,45,36,.84)!important}
#root [style*="background: rgb(248, 250, 252)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(255, 244, 244)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(254, 249, 195)"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="background: rgb(255, 247, 232)"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="background: rgb(245, 243, 255)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(245, 247, 250)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(254, 243, 199)"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="background: rgb(248, 249, 250)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: linear-gradient(135deg,rgb(245, 158, 11),rgb(217, 119, 6))"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: ${active ? 'var(--pri-light)' : 'rgb(255, 255, 255)'}"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: linear-gradient(180deg,rgb(255, 253, 251) 0%,rgb(249, 242, 235) 100%)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgba(255, 255, 255, 0.72)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(255, 250, 240)"]:not(#page-profile *){background:rgba(55,36,9,.88)!important}
#root [style*="color: rgb(239, 68, 68)"]:not(#page-profile *){color:#FFB7B0!important}
#root [style*="color: rgb(40, 94, 67)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(77, 99, 112)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(122, 91, 68)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(22, 122, 85)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(155, 106, 22)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(158, 62, 44)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(74, 101, 115)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(101, 87, 143)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(154, 76, 103)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(47, 105, 74)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(122, 31, 43)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(17, 17, 17)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(55, 65, 81)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(22, 101, 52)"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color: rgb(71, 85, 105)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(21, 128, 61)"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color: rgb(133, 77, 14)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(109, 40, 217)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(5, 150, 105)"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color: rgb(217, 119, 6)"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color: rgb(124, 58, 237)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(29, 78, 216)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(4, 120, 87)"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="color: rgb(146, 64, 14)"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color: rgb(120, 53, 15)"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color: rgb(180, 83, 9)"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color: rgb(107, 114, 128)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(100, 116, 139)"]:not(#page-profile *){color:#DEE9FA!important}
#root [style*="color: rgb(138, 90, 23)"]:not(#page-profile *){color:#FFE0A1!important}
#root [style*="color: rgb(6, 118, 71)"]:not(#page-profile *){color:#B6F3DD!important}
#root [style*="background: rgb(233, 244, 236)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(238, 241, 245)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(234, 247, 242)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(238, 243, 247)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(238, 234, 247)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(232, 244, 236)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(237, 233, 254)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}
#root [style*="background: rgb(236, 253, 245)"]:not(#page-profile *){background:rgba(9,45,36,.84)!important}
#root [style*="background: rgb(239, 246, 255)"]:not(#page-profile *){background:linear-gradient(115deg,rgba(4,12,27,.76),rgba(7,16,35,.58))!important}

.auth-logo h1,.auth-logo p{background:rgba(3,8,20,.78);border-radius:12px;padding:6px 10px;width:fit-content;margin-left:auto;margin-right:auto}
.section-title{background:rgba(3,8,20,.78);border-radius:7px;padding:3px 8px;width:fit-content}
#root #danger-confirm-phrase:focus{border-color:#C4DCF7;box-shadow:0 0 0 3px rgba(169,198,255,.22)}
#root .btn-danger-outline{box-shadow:inset 0 1px 1px rgba(229,244,255,.28),0 0 0 4px rgba(2,7,18,.76)!important}
#root #panel-staking .panel-body>div:first-child{background:linear-gradient(115deg,rgba(21,12,40,.88),rgba(64,35,88,.82))!important;border:1px solid #E8C9FF;box-shadow:inset 0 1px 1px rgba(232,201,255,.28);backdrop-filter:blur(2px)}
#root #panel-genesis-burn .panel-body>div:first-child{background:linear-gradient(115deg,rgba(3,25,25,.88),rgba(16,65,49,.82))!important;border:1px solid #B6F3DD;box-shadow:inset 0 1px 1px rgba(182,243,221,.28);backdrop-filter:blur(2px)}
#root #panel-genesis-burn .panel-body>div:first-child [style*="color:"]{color:#B6F3DD!important}
/* Read only the existing inline selection; disabled and busy remain authoritative. */
#root :is(#tab-btn-products,#tab-btn-c2c)[style*="linear-gradient"]:not(:disabled):not(.disabled):not([aria-busy="true"]),
#root .declaration-tab[style*="background: var(--pri)"]:not(:disabled):not(.disabled):not([aria-busy="true"]),
#root #stake-period-options button[style*="background:var(--pri-light)"]:not(:disabled):not(.disabled):not([aria-busy="true"]){background:rgba(27,56,85,.94)!important;border-style:double!important;text-decoration:underline;text-underline-offset:4px;box-shadow:0 0 0 4px rgba(2,7,18,.76)!important}
#root{container-name:cosmos-shell;container-type:inline-size}
@container (max-width:240px){#page-profile .profile-hero-main>:last-child{flex:1 1 100%;width:100%}}
@container cosmos-shell (max-width:240px){.panel-header h3{min-width:0;overflow-wrap:anywhere}.card-row,.list-item{flex-wrap:wrap;gap:8px}.li-right{max-width:100%;flex-shrink:1}.balance-hero .bh-amount{overflow-wrap:anywhere}.auth-logo{padding-left:12px;padding-right:12px}.auth-card{padding-left:12px;padding-right:12px}#danger-confirm-overlay,#declaration-overlay,#popup-announce-overlay{padding:8px!important}#danger-confirm-box{width:100%;padding-left:12px;padding-right:12px}#danger-confirm-rows .row{flex-direction:column}#danger-confirm-rows .k{flex-basis:auto}#danger-confirm-rows .v{text-align:left}#danger-confirm-footer{flex-wrap:wrap}#danger-confirm-cancel,#danger-confirm-submit{min-width:0;flex:1 1 100%}#stake-period-options{grid-template-columns:1fr!important}.warrant-summary-grid{grid-template-columns:1fr}.warrant-entry-grid{grid-template-columns:1fr}.card-row .val{max-width:100%;overflow-wrap:anywhere}.panel-body select{max-width:100%}}

@container cosmos-shell (max-width:240px){.auth-logo h1,.auth-logo p{max-width:100%;overflow-wrap:anywhere;white-space:normal}#msg-overlay{padding:8px}#msg-box{width:100%;padding:12px}#msg-title,#msg-body{overflow-wrap:anywhere}#root button{max-width:100%;min-width:0;overflow-wrap:anywhere}#declaration-overlay>div>div[style*="display:flex"],#declaration-overlay>div>div[style*="display: flex"]{flex-wrap:wrap}#declaration-overlay .declaration-tab{flex:1 1 80px;padding:6px 8px}.warrant-ledger-top,.fuel-ledger-top{flex-wrap:wrap}}

/* The existing order UI setter uses pointer-events:none, not a native disabled attribute. Match its safety state without overriding it. */
#root #btn-place-order[style*="pointer-events: none"],#root #btn-place-order[style*="pointer-events:none"]{background:#26334B!important;color:#DEE9FA!important;border-color:#C4DCF7!important;border-style:dashed!important;cursor:not-allowed}
#root #btn-place-order[aria-busy="true"]{background:#26334B!important;color:#DEE9FA!important;border-color:#C4DCF7!important;border-style:double!important;cursor:progress;box-shadow:inset 0 0 0 2px #C4DCF7,0 0 0 4px rgba(2,7,18,.76)!important}

#root #tab-c2c-area>div:first-child>div:first-child{background:rgba(3,8,20,.90);border-radius:7px;padding:3px 8px}

#root :is(#tab-btn-products,#tab-btn-c2c):focus-visible:not(:disabled):not(.disabled):not([aria-busy="true"]){box-shadow:0 0 0 9px rgba(2,7,18,.96)!important}

/* Declaration height is bounded by the actual overlay, including CSS zoom. */
@container cosmos-shell (max-width:480px){#declaration-overlay>div{max-height:min(88vh,100%)!important}}
/* Narrow declaration: scroll the complete dialog inside the actual overlay. */
@container cosmos-shell (max-width:240px){#declaration-overlay>div{max-height:100%!important;min-height:0;overflow:auto!important}#declaration-overlay>div>div{flex-shrink:0}#declaration-body{flex:none!important;min-height:0;overflow:visible!important}}

/* Selected Mars / crystal brand package 20261002; static material only. */
:is(#screen-login,#screen-register,#screen-forgot,#screen-reset) .auth-logo{padding:12px 20px 12px;flex-shrink:0}
:is(#screen-login,#screen-register,#screen-forgot,#screen-reset) .auth-logo img{width:clamp(220px,60vw,240px);max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 8px;background:transparent;border:0;border-radius:0;box-shadow:none}
:is(#screen-login,#screen-register,#screen-forgot,#screen-reset) .auth-card{flex-shrink:0}
#screen-login .auth-logo .auth-brand-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#page-profile .asset-fuel{--asset-rgb:255,113,113;--asset-edge:#FFB5B5;--asset-ink:#FFDADA}
#page-profile .asset-warrant{--asset-rgb:113,180,255;--asset-edge:#B4D8FF;--asset-ink:#D5E9FF}
#page-profile .asset-genesis{--asset-rgb:245,199,99;--asset-edge:#FFE0A0;--asset-ink:#FFF0C9}
#page-profile .profile-asset-title{max-width:calc(100% - 68px)}
#page-profile .profile-asset-icon{width:56px;height:56px;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none}
#page-profile .profile-asset-icon::before{content:none;display:none;mask:none;-webkit-mask:none}
#page-profile .profile-asset-icon.fuel{background-image:url('/static/h5/profile-crystal-fuel-20261002.webp?v=mars-crystal-20261002')}
#page-profile .profile-asset-icon.warrant{background-image:url('/static/h5/profile-crystal-warrant-20261002.webp?v=mars-crystal-20261002')}
#page-profile .profile-asset-icon.genesis{background-image:url('/static/h5/profile-crystal-genesis-20261002.webp?v=mars-crystal-20261002')}
@container (max-width:240px){#page-profile .profile-asset-title{max-width:100%}#page-profile .profile-asset-head>div:first-child{flex:1 1 100%;width:100%}}

/* Long asset values must wrap inside the panel; dialogs scroll within their padded overlay. */
#root{width:100%;min-width:0;min-height:0}
.panel,.panel-body{min-width:0;min-height:0}
.panel-body :is(input,select,textarea){max-width:100%}
#panel-genesis-burn .genesis-summary-row>span{min-width:0;overflow-wrap:anywhere}
#burn-msg,#danger-confirm-title,#danger-confirm-sub,#danger-confirm-warning{overflow-wrap:anywhere}
#danger-confirm-box{width:min(372px,100%);max-height:100%;min-width:0}
#msg-box{max-height:100%;min-width:0}
#danger-confirm-rows .v{min-width:0;overflow-wrap:anywhere}
#danger-confirm-footer{flex-wrap:wrap}
@supports (height:100dvh){#root{height:100dvh}}
@container cosmos-shell (max-width:480px){.order-time-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.order-time-row .val{text-align:left;overflow-wrap:anywhere}}