/* style.css — toàn bộ giao diện (không gồm admin/admin.css).
 * Mỗi trang khai báo <html data-v="dark|light" data-c="các-nhóm-style">; mọi rule nhóm được bọc :where(html[data-c~=...]) nên độ ưu tiên giữ nguyên.
 * Muốn sửa/viết thêm: thêm rule MỚI vào cuối file (phần "lớp hiện tại"). */

/* ===== keyframes ===== */
@keyframes orb-drift-dc663d{to { transform: translate(65px, 50px) scale(1.22); opacity: .18; }}
@keyframes float-spark-f65f17{0%,100% { opacity: .32; transform: translateY(0) rotate(0deg) scale(.85); } 50% { opacity: 1; transform: translateY(-19px) rotate(75deg) scale(1.16); }}
@keyframes orbit-turn-0d8d4f{to { transform: translate(-50%, -50%) rotate(340deg); }}
@keyframes glass-hover-d14229{0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); }}
@keyframes bar-breathe-699f6d{to { opacity: .5; transform: scaleY(.7); transform-origin: bottom; }}
@keyframes chip-float-7bc585{0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); }}
@keyframes lockedDrift-7f3987{to { transform: translate3d(45px, 30px, 0) scale(1.15); opacity: .42; }}
@keyframes lockedBorder-c579e8{to { background-position: 0 0, 280% 0; }}
@keyframes lockedEnter-d6ffba{from { opacity: 0; transform: translateY(10px); }}
@keyframes lockedPulse-930bcc{50% { box-shadow: none; transform: translateY(-2px); }}
@keyframes titleMarkSpin-89df69{to { transform: rotate(360deg); }}
@keyframes titleMarkGlow-b09678{0%, 100%% { filter: drop-shadow(0 0 3px #a5a5a555); opacity: .88; } 50% { filter: drop-shadow(0 0 9px #b7b7b7aa); opacity: 1; }}
@keyframes ember-e283ab{to { transform: translate(35px, 28px) scale(1.12); opacity: .65; }}
@keyframes rise-8b605a{from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); }}
@keyframes maintSpinCw-44a369{100% { transform: rotate(360deg); }}
@keyframes maintSpinCcw-735c96{100% { transform: rotate(-360deg); }}
@keyframes maintGlowPulse-46bd4d{0% { opacity: 0.5; transform: scale(0.96); } 100% { opacity: 1; transform: scale(1.04); }}
@keyframes blinkColon-9a40d5{0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}
@keyframes dashboard-page-progress-6de903{to { transform: translateX(280%); }}
@keyframes orb-glow-dc4a00{to { box-shadow: 0 0 55px #98989865, inset 0 0 27px #c2c2c240; transform: rotate(-4deg) translateY(-3px); }}
@keyframes petal-fall-ed54ac{0% { opacity: 0; transform: translate3d(0, -4vh, 0) rotate(0deg); } 9% { opacity: .68; } 85% { opacity: .55; } 100% { opacity: 0; transform: translate3d(0, 108vh, 0) rotate(390deg); }}
@keyframes petal-sway-dc94da{from { translate: -16px 0; rotate: -28deg; } to { translate: 18px 0; rotate: 34deg; }}
@keyframes page-enter-0d8784{from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; }}
@keyframes card-enter-60c03a{from { opacity: 0; translate: 0 7px; } to { opacity: 1; translate: 0 0; }}
@keyframes taskFloat-38deef{0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); }}
@keyframes badgePulse-6d2304{0%, 100% { box-shadow: 0 0 0 0 #a5a5a566; } 50% { box-shadow: 0 0 0 7px #a5a5a500; }}
@keyframes taskSheen-1eafd9{0%, 55% { transform: translateX(-110%); } 100% { transform: translateX(110%); }}
@keyframes iconBob-7b428f{0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(-4deg); }}
@keyframes sparkle-33e0b7{0%, 100% { opacity: 0; transform: scale(.3); } 45%, 55% { opacity: .95; transform: scale(1.35); }}
@keyframes hotPulse-b140c2{0%, 100% { box-shadow: 0 0 0 0 #78787855; } 50% { box-shadow: 0 0 0 6px #78787800; }}
@keyframes successPop-cfa931{from { transform: scale(.5); opacity: 0; } to { transform: scale(1); opacity: 1; }}
@keyframes supportRays-89df69{to { transform: rotate(360deg); }}
@keyframes loadingSlide-0191dd{to { left: 100%; }}
@keyframes spin-89df69{to { transform: rotate(360deg); }}
@keyframes greenPulse-49b02e{0%, 100% { box-shadow: 0 0 0 2px #34d399, 0 0 28px #34d399aa, 0 0 58px #34d39955, inset 0 0 24px #34d39926; } 50% { box-shadow: 0 0 0 3px #5dffc2, 0 0 38px #34d399cc, 0 0 80px #34d39977, inset 0 0 30px #34d39938; }}
@keyframes chatGlow-518472{0%, 100% { box-shadow: 0 0 12px #ffffffaa, 0 0 28px #ffffff66, inset 0 0 14px #ffffff33; } 50% { box-shadow: 0 0 20px #ffffff, 0 0 46px #ffffff99, inset 0 0 22px #ffffff55; }}
@keyframes loadingFill-e659fd{to { width: 100%; }}
@keyframes lbOrnamentSpin-89df69{to { transform: rotate(360deg); }}
@keyframes lbRowIn-016715{from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; }}
@keyframes lbSheen-9bf10b{0% { left: -40%; } 55%, 100% { left: 110%; }}
@keyframes pinPulse-a70c62{0%,100% { box-shadow: 0 0 0 0 #b8b8b844; } 50% { box-shadow: 0 0 0 5px #b8b8b800; }}
@keyframes giftFloat-cc284d{0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-4px) rotate(2deg); }}
@keyframes giftLid-0f5aae{0%,100% { transform: translateY(0) rotate(0); } 45% { transform: translateY(-3px) rotate(-9deg); }}
@keyframes giftSpark-7fb7e1{0%,100% { opacity: 0; transform: scale(.4); } 50% { opacity: 1; transform: scale(1.15); }}
@keyframes lbBarGrow-621cfb{0%, 100% { transform: scaleY(.72); } 50% { transform: scaleY(1); }}
@keyframes lbCrownFloat-9a0c75{0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); }}
@keyframes lbDotBlink-60921b{0%,100% { opacity: .15; } 50% { opacity: 1; }}
@keyframes lbRingSpin-89df69{to { transform: rotate(360deg); }}
@keyframes lbChampGlow-565a1e{0%,100% { box-shadow: 0 0 18px #b8b8b833; } 50% { box-shadow: 0 0 30px #b8b8b866; }}
@keyframes lbUnderline-6e2a09{0%,100% { width: 22px; opacity: .5; } 50% { width: 46px; opacity: 1; }}
@keyframes lockPulseSoft-b10a4f{50% { box-shadow: 0 0 18px #a5a5a555; transform: translateY(-1px); }}
@keyframes glowSpin-89df69{to { transform: rotate(360deg); }}
@keyframes buttonSheen-ec95b0{0%, 55% { left: -60%; } 100% { left: 130%; }}
@keyframes underlinePulse-6d604c{0%, 100% { width: 82px; opacity: 0.9; } 50% { width: 132px; opacity: 1; }}
@keyframes orbPulse-14fd1c{0%, 100% { transform: scale(1); box-shadow: 0 0 22px rgba(132,132,132,0.7), 0 0 46px rgba(86,86,86,0.4); } 50% { transform: scale(1.06); box-shadow: 0 0 30px rgba(160,160,160,0.9), 0 0 60px rgba(86,86,86,0.55); }}
@keyframes offerwallFade-cda7b0{from { opacity: 0; } to { opacity: 1; }}
@keyframes ltnPulseHot-d2ee6c{0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); }}
@keyframes ltnBoostFloat-099828{0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 50% { transform: translateY(-6px) rotate(4deg) scale(1.06); }}
@keyframes ltnBoostSpin-89d227{from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@keyframes ltnBoostSparkle-57f620{0%, 100% { opacity: 0.7; transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); }}

@keyframes ltnChromaFlow-5a5d64{0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }}
@keyframes ltnFlamePulse-777671{0%, 100% { transform: scale(1) rotate(-2deg); filter: drop-shadow(0 0 8px rgba(128,128,128,0.7)); } 50% { transform: scale(1.1) rotate(3deg); filter: drop-shadow(0 0 15px rgba(81,81,81,0.95)); }}
@keyframes ltnCheckDraw-d99d29{0%, 100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(56,239,125,0.6)); } 50% { transform: scale(1.08); filter: drop-shadow(0 0 14px rgba(163,163,163,0.95)); }}
@keyframes pulseSubGlow-17dac1{0% { box-shadow: 0 0 4px rgba(239,68,68,0.3); } 100% { box-shadow: 0 0 12px rgba(130,130,130,0.7); }}
@keyframes ltnClickFloat-7e0ae6{0% { opacity: 1; transform: translate(-50%, -50%) scale(0.6) rotate(0deg); } 30% { transform: translate(-50%, -70px) scale(1.15) rotate(var(--rot, -5deg)); } 100% { opacity: 0; transform: translate(-50%, -120px) scale(0.85) rotate(var(--rot, -10deg)); }}
@keyframes pulseIconGlow-929500{0% { transform: scale(1); box-shadow: 0 0 16px rgba(239,68,68,0.2); } 100% { transform: scale(1.05); box-shadow: 0 0 30px rgba(130,130,130,0.4); }}
@keyframes duckClickFloat-0cbbd8{0% { opacity: 0; transform: translate(-50%, 0) scale(0.6) rotate(-4deg); } 20% { opacity: 1; transform: translate(-50%, -18px) scale(1.15) rotate(2deg); } 45% { transform: translate(-50%, -32px) scale(1) rotate(-1deg); } 100% { opacity: 0; transform: translate(-50%, -80px) scale(0.9) rotate(5deg); }}
@keyframes taskIconBob-55cc37{0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); }}
@keyframes duckMarqueeContinuous-38731f{0% { transform: translateX(0); } 100% { transform: translateX(-50%); }}
@keyframes pulseGreenRing-186a44{0% { r: 5px; opacity: 1; } 100% { r: 10px; opacity: 0; }}
@keyframes modalZoomIn-0ae28f{0% { opacity: 0; transform: scale(0.68) translateY(24px); filter: blur(4px); } 65% { transform: scale(1.03) translateY(-4px); filter: blur(0); } 100% { opacity: 1; transform: scale(1) translateY(0); filter: blur(0); }}
@keyframes lightningRingSpin-faa417{0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
@keyframes lightningFlash-e0d5bb{0%, 100% { transform: scale(1) rotate(0deg); filter: drop-shadow(0 0 6px #dddddd) drop-shadow(0 0 16px #969696); } 20% { transform: scale(1.12) rotate(-4deg); filter: drop-shadow(0 0 16px #f6f6f6) drop-shadow(0 0 32px #7d7d7d); } 40% { transform: scale(1.04) rotate(3deg); filter: drop-shadow(0 0 10px #dddddd) drop-shadow(0 0 22px #a3a3a3); } 60% { transform: scale(1.18) rotate(-2deg); filter: drop-shadow(0 0 20px #ffffff) drop-shadow(0 0 40px #5b5b5b); } 80% { transform: scale(1.06) rotate(1deg); filter: drop-shadow(0 0 12px #dddddd) drop-shadow(0 0 24px #969696); }}
@keyframes lightningGlowPulse-4f9dea{0% { transform: scale(0.9); opacity: 0.55; } 100% { transform: scale(1.22); opacity: 1; }}
@keyframes floatMoneyBob-733346{0% { opacity: 0; transform: translate(-50%, -50%) scale(0.4) rotate(var(--rot-start, -10deg)); } 20% { opacity: 1; transform: translate(calc(-50% + var(--dx-1, 10px)), calc(-50% - 35px)) scale(1.15) rotate(var(--rot-mid, 8deg)); } 50% { opacity: 0.95; transform: translate(calc(-50% + var(--dx-2, -8px)), calc(-50% - 75px)) scale(1) rotate(var(--rot-start, -6deg)); } 100% { opacity: 0; transform: translate(calc(-50% + var(--dx-3, 14px)), calc(-50% - 130px)) scale(0.8) rotate(var(--rot-end, 15deg)); }}

@keyframes ltnLoadPulse-e2247b{0%, 100% { opacity: 0.45; } 50% { opacity: 1; }}
@keyframes tkLivePulse-d58627{0% { transform: scale(.5); opacity: .8; } 100% { transform: scale(1.4); opacity: 0; }}
@keyframes tl-pop-4f4a57{from { opacity: 0; transform: translateY(14px) scale(0.94); } to { opacity: 1; transform: none; }}
@keyframes tl-ping-775620{from { transform: scale(0.62); opacity: 0.9; } to { transform: scale(1.18); opacity: 0; }}
@keyframes tl-fill-e659fd{to { width: 100%; }}
@keyframes proof-arrive-8cebfb{from { opacity: .45; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); }}
@keyframes empty-glow-39781a{50% { box-shadow: 0 0 33px #a6a6a650; }}
@keyframes admin-page-progress-6de903{to { transform: translateX(280%); }}
@keyframes lockedPulse-c8d42d{50% { box-shadow: 0 0 34px #a5a5a555; transform: translateY(-2px); }}
@keyframes focusIconFloat-d84a04{50% { transform: translateY(-3px); }}
@keyframes focusShine-021978{0%, 55% { transform: translateX(-130%); } 86%, 100% { transform: translateX(130%); }}
@keyframes focusReady-7f0b0a{from { transform: scale(.985); }}
@keyframes owGlowSpin-89df69{to { transform: rotate(360deg); }}
@keyframes owSheen-ec95b0{0%, 55% { left: -60%; } 100% { left: 130%; }}
@keyframes adminUnderline-0116d6{0%, 100% { width: 70px; opacity: 0.9; } 50% { width: 118px; opacity: 1; }}
@keyframes maintenanceSpin-62fc49{0%, 100% { transform: rotate(-6deg) scale(1); } 50% { transform: rotate(6deg) scale(1.06); }}
@keyframes petal-fall-39b56e{0% { opacity: 0; transform: translate3d(0, -4vh, 0) rotate(0deg); } 10% { opacity: 0.76; } 85% { opacity: 0.62; } 100% { opacity: 0; transform: translate3d(20px, 106vh, 0) rotate(360deg); }}
@keyframes rain-fall-66a12d{0% { opacity: 0; transform: translate3d(0, -6vh, 0); } 15% { opacity: 0.75; } 90% { opacity: 0.65; } 100% { opacity: 0; transform: translate3d(-14vh, 106vh, 0); }}
@keyframes petal-sway-cbcbbd{from { translate: -14px 0; rotate: -24deg; } to { translate: 16px 0; rotate: 32deg; }}
@keyframes ltn-eq-bounce-2fe39e{from { height: 3px; } to { height: 12px; }}
@keyframes w-rise-8fe48b{from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; }}
@keyframes titleMarkGlow-1104db{0%, 100%% { filter: drop-shadow(0 0 3px #56565655); opacity: .88; } 50% { filter: drop-shadow(0 0 9px #454545aa); opacity: 1; }}
@keyframes orb-glow-a6b2af{to { box-shadow: 0 0 55px #63636365, inset 0 0 27px #3b3b3b40; transform: rotate(-4deg) translateY(-3px); }}
@keyframes badgePulse-6990f8{0%, 100% { box-shadow: 0 0 0 0 #56565666; } 50% { box-shadow: 0 0 0 7px #56565600; }}
@keyframes hotPulse-c714dd{0%, 100% { box-shadow: 0 0 0 0 #83838355; } 50% { box-shadow: 0 0 0 6px #83838300; }}
@keyframes greenPulse-136102{0%, 100% { box-shadow: 0 0 0 2px #21976c, 0 0 28px #21976caa, 0 0 58px #21976c55, inset 0 0 24px #21976c26; } 50% { box-shadow: 0 0 0 3px #00b872, 0 0 38px #21976ccc, 0 0 80px #21976c77, inset 0 0 30px #21976c38; }}
@keyframes chatGlow-a7cf9b{0%, 100% { box-shadow: 0 0 12px #000000aa, 0 0 28px #00000066, inset 0 0 14px #00000033; } 50% { box-shadow: 0 0 20px #000000, 0 0 46px #00000099, inset 0 0 22px #00000055; }}
@keyframes pinPulse-eea234{0%,100% { box-shadow: 0 0 0 0 #44444444; } 50% { box-shadow: 0 0 0 5px #44444400; }}
@keyframes lbChampGlow-b02e5f{0%,100% { box-shadow: 0 0 18px #44444433; } 50% { box-shadow: 0 0 30px #44444466; }}
@keyframes lockPulseSoft-aa25d3{50% { box-shadow: 0 0 18px #56565655; transform: translateY(-1px); }}
@keyframes orbPulse-dffcdf{0%, 100% { transform: scale(1); box-shadow: 0 0 22px rgba(119,119,119,0.7), 0 0 46px rgba(165,165,165,0.4); } 50% { transform: scale(1.06); box-shadow: 0 0 30px rgba(91,91,91,0.9), 0 0 60px rgba(165,165,165,0.55); }}
@keyframes ltnFlamePulse-b54df4{0%, 100% { transform: scale(1) rotate(-2deg); filter: drop-shadow(0 0 8px rgba(123,123,123,0.7)); } 50% { transform: scale(1.1) rotate(3deg); filter: drop-shadow(0 0 15px rgba(170,170,170,0.95)); }}
@keyframes ltnCheckDraw-f472fa{0%, 100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(14,170,73,0.6)); } 50% { transform: scale(1.08); filter: drop-shadow(0 0 14px rgba(88,88,88,0.95)); }}
@keyframes pulseSubGlow-e8c3db{0% { box-shadow: 0 0 4px rgba(169,14,14,0.3); } 100% { box-shadow: 0 0 12px rgba(121,121,121,0.7); }}
@keyframes pulseIconGlow-f6684a{0% { transform: scale(1); box-shadow: 0 0 16px rgba(169,14,14,0.2); } 100% { transform: scale(1.05); box-shadow: 0 0 30px rgba(121,121,121,0.4); }}
@keyframes lightningFlash-274f17{0%, 100% { transform: scale(1) rotate(0deg); filter: drop-shadow(0 0 6px #202020) drop-shadow(0 0 16px #646464); } 20% { transform: scale(1.12) rotate(-4deg); filter: drop-shadow(0 0 16px #090909) drop-shadow(0 0 32px #7d7d7d); } 40% { transform: scale(1.04) rotate(3deg); filter: drop-shadow(0 0 10px #202020) drop-shadow(0 0 22px #585858); } 60% { transform: scale(1.18) rotate(-2deg); filter: drop-shadow(0 0 20px #000000) drop-shadow(0 0 40px #a0a0a0); } 80% { transform: scale(1.06) rotate(1deg); filter: drop-shadow(0 0 12px #202020) drop-shadow(0 0 24px #646464); }}
@keyframes empty-glow-4d13cb{50% { box-shadow: 0 0 33px #56565650; }}
@keyframes lockedPulse-188822{50% { box-shadow: 0 0 34px #56565655; transform: translateY(-2px); }}

/* ===== landing ===== */
:root:where([data-c~=landing][data-v=dark]){color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; color: #f1f1f1; background: #0f0f0f; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --background: #0f0f0f; --surface: #151515; --surface-raised: #1c1c1c; --text: #f1f1f1; --muted: #9c9c9c; --line: rgba(240,240,240,.1); --orange: #a6a6a6; --orange-bright: #b8b8b8; --orange-soft: #cbcbcb; --green: #bababa;}
:root:where([data-c~=landing][data-v=light]){color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #0e0e0e; background: #f1f1f1; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --background: #f1f1f1; --surface: #eaeaea; --surface-raised: #e3e3e3; --text: #0e0e0e; --muted: #5f5f5f; --line: rgba(14,14,14,.1); --orange: #555555; --orange-bright: #434343; --orange-soft: #313131; --green: #424242;}
:where(html[data-c~=landing]) *, :where(html[data-c~=landing]){box-sizing: border-box;}
html:where([data-c~=landing]){scroll-behavior: smooth; scroll-padding-top: 85px;}
:where(html[data-c~=landing]) body{min-width: 320px; margin: 0; background: var(--background); color: var(--text);}
:where(html[data-c~=landing]) body, :where(html[data-c~=landing]) button, :where(html[data-c~=landing]) input{font-family: "Segoe UI", Arial, sans-serif;}
:where(html[data-c~=landing]) button, :where(html[data-c~=landing]) input{font-size: inherit;}
:where(html[data-c~=landing]) button{color: inherit;}
:where(html[data-c~=landing]) a{color: inherit; text-decoration: none;}
:where(html[data-c~=landing]) [hidden]{display: none !important;}
:where(html[data-c~=landing][data-v=dark]) :is(a, button, input):focus-visible{outline: 3px solid #d3d3d3; outline-offset: 3px;}
:where(html[data-c~=landing][data-v=light]) :is(a, button, input):focus-visible{outline: 3px solid #2a2a2a; outline-offset: 3px;}
:where(html[data-c~=landing][data-v=dark]) .topbar{position: sticky; z-index: 10; top: 0; display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(calc((100vw - 1160px)/2), 30px); border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(15,15,15,.88); backdrop-filter: blur(18px);}
:where(html[data-c~=landing][data-v=light]) .topbar{position: sticky; z-index: 10; top: 0; display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(calc((100vw - 1160px)/2), 30px); border-bottom: 1px solid rgba(0,0,0,.08); background: rgba(241,241,241,.88); backdrop-filter: blur(18px);}
:where(html[data-c~=landing]) .brand{display: inline-flex; flex: none; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; letter-spacing: -.65px;}
:where(html[data-c~=landing][data-v=dark]) .brand-mark{position: relative; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: linear-gradient(#c8c8c8, #c8c8c8); color: #131313; font-size: 13px; font-weight: 900; letter-spacing: -2px; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .brand-mark{position: relative; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: linear-gradient(#353535, #353535); color: #ededed; font-size: 13px; font-weight: 900; letter-spacing: -2px; box-shadow: none;}
:where(html[data-c~=landing]) .brand-mark span{font-size: 11px;}
:where(html[data-c~=landing]) .brand-highlight{color: var(--orange-bright);}
:where(html[data-c~=landing]) .top-nav{display: flex; align-self: stretch; align-items: center; gap: clamp(16px, 3vw, 36px);}
:where(html[data-c~=landing][data-v=dark]) .top-nav a{position: relative; display: grid; align-items: center; color: #acacac; font-size: 11px; font-weight: 600; transition: color .2s ease;}
:where(html[data-c~=landing][data-v=light]) .top-nav a{position: relative; display: grid; align-items: center; color: #4f4f4f; font-size: 11px; font-weight: 600; transition: color .2s ease;}
:where(html[data-c~=landing]) .top-nav a::after{position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--orange); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .24s ease;}
:where(html[data-c~=landing][data-v=dark]) .top-nav a:hover, :where(html[data-c~=landing][data-v=dark]) .top-nav a:focus-visible{color: #f4f4f4;}
:where(html[data-c~=landing][data-v=light]) .top-nav a:hover, :where(html[data-c~=landing][data-v=light]) .top-nav a:focus-visible{color: #0b0b0b;}
:where(html[data-c~=landing]) .top-nav a:hover::after{transform: scaleX(1);}
:where(html[data-c~=landing]) .header-actions{display: flex; min-width: 128px; align-items: center; justify-content: flex-end; gap: 12px;}
:where(html[data-c~=landing][data-v=dark]) .login-button, :where(html[data-c~=landing][data-v=dark]) .logout-button{display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 10px; padding: 0 16px; border: 1px solid #b3b3b3; border-radius: 9px; background: linear-gradient(#c6c6c6, #c6c6c6); color: #161616; font-size: 11px; font-weight: 800; box-shadow: none; cursor: pointer; transition: .2s ease;}
:where(html[data-c~=landing][data-v=light]) .login-button, :where(html[data-c~=landing][data-v=light]) .logout-button{display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 10px; padding: 0 16px; border: 1px solid #484848; border-radius: 9px; background: linear-gradient(#363636, #363636); color: #e9e9e9; font-size: 11px; font-weight: 800; box-shadow: none; cursor: pointer; transition: .2s ease;}
:where(html[data-c~=landing]) .login-button:hover, :where(html[data-c~=landing]) .logout-button:hover{transform: translateY(-2px); box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .account-greeting{overflow: hidden; max-width: 145px; color: #e0e0e0; font-size: 10px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=landing][data-v=light]) .account-greeting{overflow: hidden; max-width: 145px; color: #1e1e1e; font-size: 10px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=landing]) .logout-button{border-color: var(--line); background: var(--surface-raised); color: var(--muted); box-shadow: none;}
:where(html[data-c~=landing]) .ambient{position: fixed; z-index: 0; inset: 67px 0 auto; height: 650px; overflow: hidden; pointer-events: none;}
:where(html[data-c~=landing]) .ambient-orb{position: absolute; display: block; width: 280px; height: 210px; border-radius: 50%; filter: blur(100px); opacity: .1;}
:where(html[data-c~=landing][data-v=dark]) .orb-one{top: 85px; left: 8%; background: #959595; animation: orb-drift-dc663d 14s ease-in-out infinite alternate;}
:where(html[data-c~=landing][data-v=light]) .orb-one{top: 85px; left: 8%; background: #666666; animation: orb-drift-dc663d 14s ease-in-out infinite alternate;}
:where(html[data-c~=landing][data-v=dark]) .orb-two{top: 180px; right: 13%; background: #bababa; animation: orb-drift-dc663d 17s ease-in-out -5s infinite alternate-reverse;}
:where(html[data-c~=landing][data-v=light]) .orb-two{top: 180px; right: 13%; background: #424242; animation: orb-drift-dc663d 17s ease-in-out -5s infinite alternate-reverse;}
:where(html[data-c~=landing][data-v=dark]) .floating-spark{position: absolute; color: #b7b7b7; text-shadow: none; animation: float-spark-f65f17 6s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=light]) .floating-spark{position: absolute; color: #454545; text-shadow: none; animation: float-spark-f65f17 6s ease-in-out infinite;}
:where(html[data-c~=landing]) .spark-one{top: 15%; left: 21%; font-size: 18px;}
:where(html[data-c~=landing]) .spark-two{top: 41%; left: 46%; font-size: 14px; animation-delay: -3s;}
:where(html[data-c~=landing]) .spark-three{top: 26%; right: 18%; font-size: 22px; animation-delay: -2s;}
:where(html[data-c~=landing]) .spark-four{top: 62%; right: 31%; font-size: 34px; animation-delay: -4s;}
:where(html[data-c~=landing]) .page-width{position: relative; z-index: 1; width: min(1120px, calc(100% - 48px)); margin-right: auto; margin-left: auto;}
:where(html[data-c~=landing]) .hero{display: grid; min-height: 440px; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 55px; padding-top: 36px; padding-bottom: 45px;}
:where(html[data-c~=landing]) .hero-copy{position: relative; z-index: 1;}
:where(html[data-c~=landing][data-v=dark]) .status-pill{display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid #9a9a9a45; border-radius: 30px; background: #95959511; color: #c0c0c0; font-size: 9px; font-weight: 750; letter-spacing: .35px; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .status-pill{display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid #61616145; border-radius: 30px; background: #66666611; color: #3d3d3d; font-size: 9px; font-weight: 750; letter-spacing: .35px; box-shadow: none;}
:where(html[data-c~=landing]) .status-pill span, :where(html[data-c~=landing]) .glass-top i{width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: none;}
:where(html[data-c~=landing]) .hero h1{margin: 23px 0 15px; font-size: clamp(42px, 5.2vw, 68px); font-weight: 800; letter-spacing: -3.2px; line-height: 1.06;}
:where(html[data-c~=landing]) .hero h1 span{color: var(--orange-bright); text-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .hero-description{max-width: 445px; margin: 0; color: #9c9c9c; font-size: 13px; line-height: 1.8;}
:where(html[data-c~=landing][data-v=light]) .hero-description{max-width: 445px; margin: 0; color: #5f5f5f; font-size: 13px; line-height: 1.8;}
:where(html[data-c~=landing]) .hero-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 25px;}
:where(html[data-c~=landing][data-v=dark]) .primary-link, :where(html[data-c~=landing][data-v=dark]) .secondary-link{display: inline-flex; min-height: 41px; align-items: center; justify-content: center; gap: 19px; padding: 0 16px; border: 1px solid transparent; border-radius: 8px; background: linear-gradient(#c4c4c4, #c4c4c4); color: #181818; font-size: 10px; font-weight: 800; box-shadow: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;}
:where(html[data-c~=landing][data-v=light]) .primary-link, :where(html[data-c~=landing][data-v=light]) .secondary-link{display: inline-flex; min-height: 41px; align-items: center; justify-content: center; gap: 19px; padding: 0 16px; border: 1px solid transparent; border-radius: 8px; background: linear-gradient(#383838, #383838); color: #e7e7e7; font-size: 10px; font-weight: 800; box-shadow: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;}
:where(html[data-c~=landing]) .primary-link:hover, :where(html[data-c~=landing]) .secondary-link:hover{transform: translateY(-2px); box-shadow: none;}
:where(html[data-c~=landing]) .primary-link span{font-size: 14px;}
:where(html[data-c~=landing][data-v=dark]) .secondary-link{gap: 8px; border-color: var(--line); background: #1c1c1c; color: #e3e3e3; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .secondary-link{gap: 8px; border-color: var(--line); background: #e3e3e3; color: #1a1a1a; box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .hero-note{display: flex; align-items: center; gap: 7px; margin-top: 19px; color: #8d8d8d; font-size: 9px;}
:where(html[data-c~=landing][data-v=light]) .hero-note{display: flex; align-items: center; gap: 7px; margin-top: 19px; color: #6e6e6e; font-size: 9px;}
:where(html[data-c~=landing][data-v=dark]) .note-check{display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: #a9a9a922; color: var(--orange-bright);}
:where(html[data-c~=landing][data-v=light]) .note-check{display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: #52525222; color: var(--orange-bright);}
:where(html[data-c~=landing]) .hero-visual{position: relative; display: grid; min-height: 330px; place-items: center;}
:where(html[data-c~=landing][data-v=dark]) .orbit{position: absolute; top: 50%; left: 50%; border: 1px solid #bbbbbb17; border-radius: 50%; transform: translate(-50%, -50%) rotate(-20deg);}
:where(html[data-c~=landing][data-v=light]) .orbit{position: absolute; top: 50%; left: 50%; border: 1px solid #41414117; border-radius: 50%; transform: translate(-50%, -50%) rotate(-20deg);}
:where(html[data-c~=landing]) .orbit-outer{width: min(420px, 100%); height: 242px; animation: orbit-turn-0d8d4f 34s linear infinite;}
:where(html[data-c~=landing]) .orbit-inner{width: min(340px, 82%); height: 187px; border-style: dashed; animation: orbit-turn-0d8d4f 46s linear infinite reverse;}
:where(html[data-c~=landing][data-v=dark]) .orbit::after{position: absolute; top: 15%; left: 13%; width: 8px; height: 8px; border-radius: 50%; background: #bababa; box-shadow: none; content: "";}
:where(html[data-c~=landing][data-v=light]) .orbit::after{position: absolute; top: 15%; left: 13%; width: 8px; height: 8px; border-radius: 50%; background: #424242; box-shadow: none; content: "";}
:where(html[data-c~=landing][data-v=dark]) .hero-glass{position: relative; z-index: 1; width: min(355px, 94%); padding: 21px 23px 16px; border: 1px solid #c5c5c52d; border-radius: 17px; background: linear-gradient(#1d1d1deb, #1d1d1deb); box-shadow: none; backdrop-filter: blur(20px); animation: glass-hover-d14229 6s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=light]) .hero-glass{position: relative; z-index: 1; width: min(355px, 94%); padding: 21px 23px 16px; border: 1px solid #3737372d; border-radius: 17px; background: linear-gradient(#e1e1e1eb, #e1e1e1eb); box-shadow: none; backdrop-filter: blur(20px); animation: glass-hover-d14229 6s ease-in-out infinite;}
:where(html[data-c~=landing]) .glass-top, :where(html[data-c~=landing]) .glass-top > span:first-child, :where(html[data-c~=landing]) .glass-bottom{display: flex; align-items: center; justify-content: space-between;}
:where(html[data-c~=landing][data-v=dark]) .glass-top > span:first-child{justify-content: flex-start; gap: 7px; color: #a6a6a6; font-size: 8px; font-weight: 700; letter-spacing: 1px;}
:where(html[data-c~=landing][data-v=light]) .glass-top > span:first-child{justify-content: flex-start; gap: 7px; color: #565656; font-size: 8px; font-weight: 700; letter-spacing: 1px;}
:where(html[data-c~=landing][data-v=dark]) .mini-spark{color: #b9b9b9;}
:where(html[data-c~=landing][data-v=light]) .mini-spark{color: #434343;}
:where(html[data-c~=landing][data-v=dark]) .glass-label{margin: 24px 0 5px; color: #9c9c9c; font-size: 9px; letter-spacing: .8px;}
:where(html[data-c~=landing][data-v=light]) .glass-label{margin: 24px 0 5px; color: #5f5f5f; font-size: 9px; letter-spacing: .8px;}
:where(html[data-c~=landing]) .hero-glass > strong{font-size: 37px; font-weight: 800; letter-spacing: -1.3px;}
:where(html[data-c~=landing][data-v=dark]) .sparkline{display: flex; height: 45px; align-items: end; gap: 8px; margin-top: 12px; border-bottom: 1px solid #bcbcbc2d;}
:where(html[data-c~=landing][data-v=light]) .sparkline{display: flex; height: 45px; align-items: end; gap: 8px; margin-top: 12px; border-bottom: 1px solid #4040402d;}
:where(html[data-c~=landing][data-v=dark]) .sparkline span{width: 8%; height: 20%; border-radius: 5px 5px 0 0; background: linear-gradient(#d2d2d2, #d2d2d2); box-shadow: none; animation: bar-breathe-699f6d 2.5s ease-in-out infinite alternate;}
:where(html[data-c~=landing][data-v=light]) .sparkline span{width: 8%; height: 20%; border-radius: 5px 5px 0 0; background: linear-gradient(#2a2a2a, #2a2a2a); box-shadow: none; animation: bar-breathe-699f6d 2.5s ease-in-out infinite alternate;}
:where(html[data-c~=landing]) .sparkline span:nth-child(2n){height: 48%; animation-delay: -.7s;}
:where(html[data-c~=landing]) .sparkline span:nth-child(3n){height: 31%; animation-delay: -1.3s;}
:where(html[data-c~=landing]) .sparkline span:nth-child(4n){height: 78%; animation-delay: -.3s;}
:where(html[data-c~=landing]) .sparkline span:nth-child(5n){height: 57%; animation-delay: -1.6s;}
:where(html[data-c~=landing][data-v=dark]) .glass-bottom{gap: 12px; margin-top: 12px; color: #8b8b8b; font-size: 9px;}
:where(html[data-c~=landing][data-v=light]) .glass-bottom{gap: 12px; margin-top: 12px; color: #707070; font-size: 9px;}
:where(html[data-c~=landing][data-v=dark]) .glass-badge{padding: 5px 7px; border: 1px solid #bbbbbb28; border-radius: 6px; color: #bfbfbf; font-size: 8px; white-space: nowrap;}
:where(html[data-c~=landing][data-v=light]) .glass-badge{padding: 5px 7px; border: 1px solid #41414128; border-radius: 6px; color: #3d3d3d; font-size: 8px; white-space: nowrap;}
:where(html[data-c~=landing][data-v=dark]) .float-chip{position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #333333; border-radius: 9px; background: #191919ed; color: #e7e7e7; font-size: 9px; box-shadow: none; animation: chip-float-7bc585 5s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=light]) .float-chip{position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #c9c9c9; border-radius: 9px; background: #e6e6e6ed; color: #171717; font-size: 9px; box-shadow: none; animation: chip-float-7bc585 5s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=dark]) .float-chip > span{color: #bababa;}
:where(html[data-c~=landing][data-v=light]) .float-chip > span{color: #424242;}
:where(html[data-c~=landing]) .chip-top{top: 19%; right: 4%;}
:where(html[data-c~=landing]) .chip-bottom{bottom: 15%; left: 2%; animation-delay: -2s;}
:where(html[data-c~=landing]) .benefit-section, :where(html[data-c~=landing]) .steps-section{padding-top: 45px; padding-bottom: 44px;}
:where(html[data-c~=landing][data-v=dark]) .section-heading .eyebrow, :where(html[data-c~=landing][data-v=dark]) .eyebrow{color: #9c9c9c; font-size: 9px; font-weight: 800; letter-spacing: 1.25px;}
:where(html[data-c~=landing][data-v=light]) .section-heading .eyebrow, :where(html[data-c~=landing][data-v=light]) .eyebrow{color: #5f5f5f; font-size: 9px; font-weight: 800; letter-spacing: 1.25px;}
:where(html[data-c~=landing]) .section-heading h2{margin: 10px 0 7px; font-size: clamp(23px, 3vw, 32px); font-weight: 750; letter-spacing: -1.05px;}
:where(html[data-c~=landing]) .section-heading h2 span{color: var(--orange-bright);}
:where(html[data-c~=landing][data-v=dark]) .section-heading > p{max-width: 640px; margin: 0; color: #919191; font-size: 11px; line-height: 1.75;}
:where(html[data-c~=landing][data-v=light]) .section-heading > p{max-width: 640px; margin: 0; color: #6a6a6a; font-size: 11px; line-height: 1.75;}
:where(html[data-c~=landing]) .feature-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 25px;}
:where(html[data-c~=landing][data-v=dark]) .feature-card, :where(html[data-c~=landing][data-v=dark]) .step-card{position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(#181818, #181818);}
:where(html[data-c~=landing][data-v=light]) .feature-card, :where(html[data-c~=landing][data-v=light]) .step-card{position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(#e7e7e7, #e7e7e7);}
:where(html[data-c~=landing]) .feature-card{min-height: 218px; padding: 19px; transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease;}
:where(html[data-c~=landing][data-v=dark]) .feature-card::after{position: absolute; right: -40px; bottom: -95px; width: 150px; height: 145px; border-radius: 50%; background: #9b9b9b10; content: ""; filter: blur(22px); transition: opacity .2s ease;}
:where(html[data-c~=landing][data-v=light]) .feature-card::after{position: absolute; right: -40px; bottom: -95px; width: 150px; height: 145px; border-radius: 50%; background: #60606010; content: ""; filter: blur(22px); transition: opacity .2s ease;}
:where(html[data-c~=landing][data-v=dark]) .feature-card:hover{transform: translateY(-5px); border-color: #bbbbbb59; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .feature-card:hover{transform: translateY(-5px); border-color: #41414159; box-shadow: none;}
:where(html[data-c~=landing]) .feature-top{display: flex; align-items: center; justify-content: space-between;}
:where(html[data-c~=landing][data-v=dark]) .feature-icon{display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #b4b4b42d; border-radius: 10px; background: #9c9c9c1a; color: #bcbcbc; font-size: 17px;}
:where(html[data-c~=landing][data-v=light]) .feature-icon{display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #4848482d; border-radius: 10px; background: #5f5f5f1a; color: #404040; font-size: 17px;}
:where(html[data-c~=landing][data-v=dark]) .feature-icon-green{border-color: #bbbbbb22; background: #bbbbbb12; color: #c1c1c1;}
:where(html[data-c~=landing][data-v=light]) .feature-icon-green{border-color: #40404022; background: #40404012; color: #3b3b3b;}
:where(html[data-c~=landing][data-v=dark]) .feature-icon-light{background: #e5e5e51a; color: #e4e4e4;}
:where(html[data-c~=landing][data-v=light]) .feature-icon-light{background: #1818181a; color: #1a1a1a;}
:where(html[data-c~=landing][data-v=dark]) .feature-index{color: #727272; font-size: 8px; letter-spacing: 1px;}
:where(html[data-c~=landing][data-v=light]) .feature-index{color: #888888; font-size: 8px; letter-spacing: 1px;}
:where(html[data-c~=landing]) .feature-card h3{margin: 17px 0 7px; font-size: 14px; letter-spacing: -.2px;}
:where(html[data-c~=landing][data-v=dark]) .feature-card > p{max-width: 285px; margin: 0; color: #979797; font-size: 10px; line-height: 1.7;}
:where(html[data-c~=landing][data-v=light]) .feature-card > p{max-width: 285px; margin: 0; color: #646464; font-size: 10px; line-height: 1.7;}
:where(html[data-c~=landing][data-v=dark]) .feature-wide{background: linear-gradient(transparent, transparent), linear-gradient(#1a1a1a, #1a1a1a);}
:where(html[data-c~=landing][data-v=light]) .feature-wide{background: linear-gradient(transparent, transparent), linear-gradient(#e5e5e5, #e5e5e5);}
:where(html[data-c~=landing][data-v=dark]) .link-decoration{position: absolute; right: 18px; bottom: 16px; display: flex; align-items: center; gap: 5px; max-width: calc(100% - 36px); overflow: hidden; padding: 9px 10px; border: 1px solid #ffffff12; border-radius: 7px; background: #101010b8; color: #9b9b9b; font-size: 8px; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .link-decoration{position: absolute; right: 18px; bottom: 16px; display: flex; align-items: center; gap: 5px; max-width: calc(100% - 36px); overflow: hidden; padding: 9px 10px; border: 1px solid #00000012; border-radius: 7px; background: #f0f0f0b8; color: #606060; font-size: 8px; box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .link-decoration b{overflow: hidden; color: #c5c5c5; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=landing][data-v=light]) .link-decoration b{overflow: hidden; color: #373737; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=landing]) .link-decoration i{color: var(--orange); font-style: normal;}
:where(html[data-c~=landing]) .feature-stat{display: flex; align-items: baseline; gap: 8px; margin-top: 17px;}
:where(html[data-c~=landing][data-v=dark]) .feature-stat strong{color: #e8e8e8; font-size: 25px;}
:where(html[data-c~=landing][data-v=light]) .feature-stat strong{color: #161616; font-size: 25px;}
:where(html[data-c~=landing][data-v=dark]) .feature-stat span{color: #929292; font-size: 8px;}
:where(html[data-c~=landing][data-v=light]) .feature-stat span{color: #696969; font-size: 8px;}
:where(html[data-c~=landing][data-v=dark]) .feature-accent{border-color: #b8b8b832; background: linear-gradient(#1d1d1d, #1d1d1d);}
:where(html[data-c~=landing][data-v=light]) .feature-accent{border-color: #44444432; background: linear-gradient(#e2e2e2, #e2e2e2);}
:where(html[data-c~=landing][data-v=dark]) .secure-stamp{display: flex; align-items: center; gap: 7px; margin-top: 17px; color: #959595; font-size: 9px;}
:where(html[data-c~=landing][data-v=light]) .secure-stamp{display: flex; align-items: center; gap: 7px; margin-top: 17px; color: #666666; font-size: 9px;}
:where(html[data-c~=landing][data-v=dark]) .secure-stamp > span:first-child{color: #bcbcbc;}
:where(html[data-c~=landing][data-v=light]) .secure-stamp > span:first-child{color: #404040;}
:where(html[data-c~=landing][data-v=dark]) .secure-stamp b{color: #cbcbcb; font-size: 8px; letter-spacing: .8px;}
:where(html[data-c~=landing][data-v=light]) .secure-stamp b{color: #313131; font-size: 8px; letter-spacing: .8px;}
:where(html[data-c~=landing][data-v=dark]) .stat-strip{display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #141414;}
:where(html[data-c~=landing][data-v=light]) .stat-strip{display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #ececec;}
:where(html[data-c~=landing]) .stat-strip > div{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 17px;}
:where(html[data-c~=landing]) .stat-strip > div + div{border-left: 1px solid var(--line);}
:where(html[data-c~=landing][data-v=dark]) .stat-strip > div > span{color: #979797; font-size: 8px; font-weight: 700; letter-spacing: .8px;}
:where(html[data-c~=landing][data-v=light]) .stat-strip > div > span{color: #646464; font-size: 8px; font-weight: 700; letter-spacing: .8px;}
:where(html[data-c~=landing][data-v=dark]) .stat-strip strong{color: #c6c6c6; font-size: 15px;}
:where(html[data-c~=landing][data-v=light]) .stat-strip strong{color: #363636; font-size: 15px;}
:where(html[data-c~=landing][data-v=dark]) .signin-prompt{display: flex; align-items: center; gap: 13px; margin-top: 14px; padding: 13px 16px; border: 1px solid #b3b3b330; border-radius: 10px; background: linear-gradient(#1b1b1b3d, #1b1b1b3d);}
:where(html[data-c~=landing][data-v=light]) .signin-prompt{display: flex; align-items: center; gap: 13px; margin-top: 14px; padding: 13px 16px; border: 1px solid #49494930; border-radius: 10px; background: linear-gradient(#e3e3e33d, #e3e3e33d);}
:where(html[data-c~=landing][data-v=dark]) .prompt-icon{display: grid; width: 32px; height: 32px; flex: none; place-items: center; border: 1px solid #bababa32; border-radius: 9px; color: #c1c1c1;}
:where(html[data-c~=landing][data-v=light]) .prompt-icon{display: grid; width: 32px; height: 32px; flex: none; place-items: center; border: 1px solid #42424232; border-radius: 9px; color: #3b3b3b;}
:where(html[data-c~=landing]) .signin-prompt > div{flex: 1;}
:where(html[data-c~=landing]) .signin-prompt strong{font-size: 10px;}
:where(html[data-c~=landing][data-v=dark]) .signin-prompt p{margin: 3px 0 0; color: #959595; font-size: 9px;}
:where(html[data-c~=landing][data-v=light]) .signin-prompt p{margin: 3px 0 0; color: #666666; font-size: 9px;}
:where(html[data-c~=landing][data-v=dark]) .text-button{flex: none; padding: 8px 11px; border: 0; border-radius: 7px; background: transparent; color: #c6c6c6; font-size: 9px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=landing][data-v=light]) .text-button{flex: none; padding: 8px 11px; border: 0; border-radius: 7px; background: transparent; color: #363636; font-size: 9px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=landing][data-v=dark]) .text-button:hover{background: #b4b4b419;}
:where(html[data-c~=landing][data-v=light]) .text-button:hover{background: #48484819;}
:where(html[data-c~=landing]) .steps-section{padding-top: 27px; padding-bottom: 57px;}
:where(html[data-c~=landing]) .steps-section .section-heading{margin-bottom: 17px;}
:where(html[data-c~=landing]) .steps-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
:where(html[data-c~=landing]) .step-card{min-height: 137px; padding: 16px;}
:where(html[data-c~=landing][data-v=dark]) .step-card > b{display: grid; width: 29px; height: 29px; margin-bottom: 13px; place-items: center; border: 1px solid #b7b7b72b; border-radius: 8px; color: #c4c4c4; font-size: 14px;}
:where(html[data-c~=landing][data-v=light]) .step-card > b{display: grid; width: 29px; height: 29px; margin-bottom: 13px; place-items: center; border: 1px solid #4444442b; border-radius: 8px; color: #393939; font-size: 14px;}
:where(html[data-c~=landing][data-v=dark]) .step-number{position: absolute; top: 17px; right: 14px; color: #636363; font-size: 8px; letter-spacing: .8px;}
:where(html[data-c~=landing][data-v=light]) .step-number{position: absolute; top: 17px; right: 14px; color: #989898; font-size: 8px; letter-spacing: .8px;}
:where(html[data-c~=landing]) .step-card h3{margin: 0 0 6px; font-size: 10px;}
:where(html[data-c~=landing][data-v=dark]) .step-card p{margin: 0; color: #919191; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=landing][data-v=light]) .step-card p{margin: 0; color: #6a6a6a; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=landing][data-v=dark]) .site-footer{position: relative; z-index: 1; display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 14px; padding: 10px max(calc((100vw - 1120px)/2), 24px); border-top: 1px solid var(--line); background: #0d0d0d; color: #848484; font-size: 9px;}
:where(html[data-c~=landing][data-v=light]) .site-footer{position: relative; z-index: 1; display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 14px; padding: 10px max(calc((100vw - 1120px)/2), 24px); border-top: 1px solid var(--line); background: #f3f3f3; color: #777777; font-size: 9px;}
:where(html[data-c~=landing]) .footer-brand{font-size: 13px;}
:where(html[data-c~=landing]) .footer-brand .brand-mark{width: 25px; height: 25px; border-radius: 8px; font-size: 11px;}
:where(html[data-c~=landing][data-v=dark]) .site-footer > a:last-child{color: #b9b9b9;}
:where(html[data-c~=landing][data-v=light]) .site-footer > a:last-child{color: #434343;}
@media (max-width: 850px){
:where(html[data-c~=landing]) .topbar{gap: 14px; padding-right: 22px; padding-left: 22px;}
:where(html[data-c~=landing]) .top-nav{gap: 15px;}
:where(html[data-c~=landing]) .brand{gap: 7px; font-size: 15px;}
:where(html[data-c~=landing]) .header-actions{min-width: 105px;}
:where(html[data-c~=landing]) .hero{gap: 24px;}
:where(html[data-c~=landing]) .hero h1{letter-spacing: -2px;}
}
@media (max-width: 620px){
html:where([data-c~=landing]){scroll-padding-top: 70px;}
:where(html[data-c~=landing]) .topbar{min-height: 61px; padding: 0 14px;}
:where(html[data-c~=landing]) .brand{font-size: 14px;}
:where(html[data-c~=landing]) .brand-mark{width: 28px; height: 28px;}
:where(html[data-c~=landing]) .top-nav{gap: 12px;}
:where(html[data-c~=landing]) .top-nav a{font-size: 9px;}
:where(html[data-c~=landing]) .top-nav a:nth-child(2){display: none;}
:where(html[data-c~=landing]) .header-actions{min-width: 0; gap: 6px;}
:where(html[data-c~=landing]) .login-button, :where(html[data-c~=landing]) .logout-button{min-height: 31px; padding: 0 9px; font-size: 9px;}
:where(html[data-c~=landing]) .account-greeting{max-width: 82px; font-size: 8px;}
:where(html[data-c~=landing]) .page-width{width: calc(100% - 30px);}
:where(html[data-c~=landing]) .hero{min-height: 0; grid-template-columns: 1fr; gap: 3px; padding-top: 58px; padding-bottom: 20px;}
:where(html[data-c~=landing]) .hero h1{margin-top: 18px; font-size: clamp(38px, 10vw, 53px); letter-spacing: -2.6px;}
:where(html[data-c~=landing]) .hero-description{max-width: 410px; font-size: 11px;}
:where(html[data-c~=landing]) .hero-actions{margin-top: 19px;}
:where(html[data-c~=landing]) .hero-note{align-items: start; max-width: 350px; line-height: 1.6;}
:where(html[data-c~=landing]) .hero-visual{min-height: 266px;}
:where(html[data-c~=landing]) .hero-glass{width: min(350px, 88%); padding: 17px 18px 14px;}
:where(html[data-c~=landing]) .orbit-outer{width: min(350px, 96%); height: 200px;}
:where(html[data-c~=landing]) .orbit-inner{width: min(285px, 82%); height: 156px;}
:where(html[data-c~=landing]) .chip-top{top: 12%; right: 1%;}
:where(html[data-c~=landing]) .chip-bottom{bottom: 7%; left: 0;}
:where(html[data-c~=landing]) .benefit-section, :where(html[data-c~=landing]) .steps-section{padding-top: 30px; padding-bottom: 30px;}
:where(html[data-c~=landing]) .section-heading h2{font-size: 23px; line-height: 1.3;}
:where(html[data-c~=landing]) .section-heading > p{font-size: 10px;}
:where(html[data-c~=landing]) .feature-grid{grid-template-columns: 1fr; gap: 9px; margin-top: 17px;}
:where(html[data-c~=landing]) .feature-card{min-height: 166px; padding: 15px;}
:where(html[data-c~=landing]) .feature-wide{min-height: 189px;}
:where(html[data-c~=landing]) .feature-card h3{margin-top: 12px;}
:where(html[data-c~=landing]) .feature-card > p{max-width: 400px;}
:where(html[data-c~=landing]) .feature-stat{margin-top: 11px;}
:where(html[data-c~=landing]) .stat-strip > div{align-items: start; flex-direction: column; gap: 4px; padding: 10px;}
:where(html[data-c~=landing]) .stat-strip > div > span{font-size: 7px;}
:where(html[data-c~=landing]) .signin-prompt{align-items: start; flex-wrap: wrap; gap: 9px; padding: 12px;}
:where(html[data-c~=landing]) .signin-prompt > div{min-width: calc(100% - 42px);}
:where(html[data-c~=landing]) .text-button{margin-left: 40px;}
:where(html[data-c~=landing]) .steps-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=landing]) .step-card{min-height: 112px;}
:where(html[data-c~=landing]) .site-footer{align-items: start; flex-wrap: wrap; padding: 13px 16px;}
:where(html[data-c~=landing]) .site-footer > span{order: 3; width: 100%;}
}
@media (max-width: 390px){
:where(html[data-c~=landing]) .topbar{gap: 8px;}
:where(html[data-c~=landing]) .top-nav{gap: 8px;}
:where(html[data-c~=landing]) .top-nav a{font-size: 8px;}
:where(html[data-c~=landing]) .login-button{gap: 5px;}
:where(html[data-c~=landing]) .brand{font-size: 12px;}
:where(html[data-c~=landing]) .brand-mark{width: 26px; height: 26px;}
:where(html[data-c~=landing]) .header-actions{gap: 4px;}
:where(html[data-c~=landing]) .account-greeting{max-width: 62px;}
:where(html[data-c~=landing]) .hero h1{font-size: 37px;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=landing]) *, :where(html[data-c~=landing]), :where(html[data-c~=landing]) *::before, :where(html[data-c~=landing])::before, :where(html[data-c~=landing]) *::after, :where(html[data-c~=landing])::after{scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}
}
:where(html[data-c~=landing]) [hidden]{display: none !important;}
:where(html[data-c~=landing]) .faq-section{margin: 12px auto 46px;}
:where(html[data-c~=landing]) .faq-list{display: grid; gap: 9px; margin-top: 20px;}
:where(html[data-c~=landing][data-v=dark]) .faq-item{border: 1px solid #393939; border-radius: 11px; background: linear-gradient(#171717, #171717); transition: border-color .2s ease;}
:where(html[data-c~=landing][data-v=light]) .faq-item{border: 1px solid #c3c3c3; border-radius: 11px; background: linear-gradient(#e8e8e8, #e8e8e8); transition: border-color .2s ease;}
:where(html[data-c~=landing][data-v=dark]) .faq-item[open]{border-color: #727272; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .faq-item[open]{border-color: #898989; box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .faq-item summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; color: #e3e3e3; font-size: 12px; font-weight: 750; cursor: pointer; list-style: none;}
:where(html[data-c~=landing][data-v=light]) .faq-item summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; color: #1a1a1a; font-size: 12px; font-weight: 750; cursor: pointer; list-style: none;}
:where(html[data-c~=landing]) .faq-item summary::-webkit-details-marker{display: none;}
:where(html[data-c~=landing][data-v=dark]) .faq-item summary::after{content: "+"; color: #b5b5b5; font-size: 16px; font-weight: 400;}
:where(html[data-c~=landing][data-v=light]) .faq-item summary::after{content: "+"; color: #474747; font-size: 16px; font-weight: 400;}
:where(html[data-c~=landing]) .faq-item[open] summary::after{content: "−";}
:where(html[data-c~=landing][data-v=dark]) .faq-item p{margin: 0; padding: 0 16px 15px; color: #a0a0a0; font-size: 11px; line-height: 1.75;}
:where(html[data-c~=landing][data-v=light]) .faq-item p{margin: 0; padding: 0 16px 15px; color: #5c5c5c; font-size: 11px; line-height: 1.75;}
:where(html[data-c~=landing]) .cta-section{margin: 0 auto 40px;}
:where(html[data-c~=landing][data-v=dark]) .cta-card{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 26px clamp(20px, 4vw, 34px); border: 1px solid #505050; border-radius: 16px; background: linear-gradient(transparent, transparent), linear-gradient(#1f1f1f, #1f1f1f); box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .cta-card{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 26px clamp(20px, 4vw, 34px); border: 1px solid #ababab; border-radius: 16px; background: linear-gradient(transparent, transparent), linear-gradient(#dfdfdf, #dfdfdf); box-shadow: none;}
:where(html[data-c~=landing]) .cta-card h2{margin: 0 0 7px; font-size: clamp(20px, 3vw, 27px); letter-spacing: -.7px;}
:where(html[data-c~=landing][data-v=dark]) .cta-card p{max-width: 620px; margin: 0; color: #aaaaaa; font-size: 11px; line-height: 1.7;}
:where(html[data-c~=landing][data-v=light]) .cta-card p{max-width: 620px; margin: 0; color: #525252; font-size: 11px; line-height: 1.7;}
:where(html[data-c~=landing]) .cta-card .primary-link{flex: none;}
:where(html[data-c~=landing][data-v=dark]) .site-columns{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 26px; margin-top: 30px; padding-top: 26px; border-top: 1px solid #2b2b2b;}
:where(html[data-c~=landing][data-v=light]) .site-columns{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 26px; margin-top: 30px; padding-top: 26px; border-top: 1px solid #d2d2d2;}
:where(html[data-c~=landing]) .site-column{display: grid; align-content: start; gap: 8px; min-width: 0;}
:where(html[data-c~=landing][data-v=dark]) .site-column h3{margin: 0 0 3px; color: #d9d9d9; font-size: 9px; font-weight: 850; letter-spacing: .9px;}
:where(html[data-c~=landing][data-v=light]) .site-column h3{margin: 0 0 3px; color: #242424; font-size: 9px; font-weight: 850; letter-spacing: .9px;}
:where(html[data-c~=landing][data-v=dark]) .site-column a{color: #989898; font-size: 10px; text-decoration: none;}
:where(html[data-c~=landing][data-v=light]) .site-column a{color: #636363; font-size: 10px; text-decoration: none;}
:where(html[data-c~=landing][data-v=dark]) .site-column a:hover{color: #c5c5c5;}
:where(html[data-c~=landing][data-v=light]) .site-column a:hover{color: #383838;}
:where(html[data-c~=landing][data-v=dark]) .site-note{margin: 0; color: #888888; font-size: 10px; line-height: 1.7;}
:where(html[data-c~=landing][data-v=light]) .site-note{margin: 0; color: #727272; font-size: 10px; line-height: 1.7;}
:where(html[data-c~=landing][data-v=dark]) .brand-column p{margin: 8px 0 0; max-width: 300px; color: #909090; font-size: 10px; line-height: 1.75;}
:where(html[data-c~=landing][data-v=light]) .brand-column p{margin: 8px 0 0; max-width: 300px; color: #6b6b6b; font-size: 10px; line-height: 1.75;}
:where(html[data-c~=landing]) .social-row{display: flex; gap: 7px; margin-top: 6px;}
:where(html[data-c~=landing][data-v=dark]) .social-row a{display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #363636; border-radius: 7px; background: #161616; color: #c6c6c6; font-size: 10px;}
:where(html[data-c~=landing][data-v=light]) .social-row a{display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #c7c7c7; border-radius: 7px; background: #e9e9e9; color: #373737; font-size: 10px;}
:where(html[data-c~=landing][data-v=dark]) .social-row a:hover{border-color: #7d7d7d;}
:where(html[data-c~=landing][data-v=light]) .social-row a:hover{border-color: #7e7e7e;}
:where(html[data-c~=landing][data-v=dark]) .site-copyright{margin: 24px 0 0; padding-top: 16px; border-top: 1px solid #242424; color: #787878; font-size: 9px; text-align: center;}
:where(html[data-c~=landing][data-v=light]) .site-copyright{margin: 24px 0 0; padding-top: 16px; border-top: 1px solid #dadada; color: #838383; font-size: 9px; text-align: center;}
@media (max-width: 860px){
:where(html[data-c~=landing]) .site-columns{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 520px){
:where(html[data-c~=landing]) .site-columns{grid-template-columns: 1fr;}
:where(html[data-c~=landing]) .cta-card{flex-direction: column; align-items: flex-start;}
}
:where(html[data-c~=landing][data-v=dark]) *, :where(html[data-c~=landing][data-v=dark]){scrollbar-width: thin; scrollbar-color: #7c7c7c #0f0f0f;}
:where(html[data-c~=landing][data-v=light]) *, :where(html[data-c~=landing][data-v=light]){scrollbar-width: thin; scrollbar-color: #7e7e7e #f1f1f1;}
:where(html[data-c~=landing]) ::-webkit-scrollbar{width: 10px; height: 10px;}
:where(html[data-c~=landing][data-v=dark]) ::-webkit-scrollbar-track{background: #0f0f0f; border-radius: 8px;}
:where(html[data-c~=landing][data-v=light]) ::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 8px;}
:where(html[data-c~=landing][data-v=dark]) ::-webkit-scrollbar-thumb{background: linear-gradient(#5d5d5d, #5d5d5d); border: 2px solid #0f0f0f; border-radius: 8px;}
:where(html[data-c~=landing][data-v=light]) ::-webkit-scrollbar-thumb{background: linear-gradient(#9e9e9e, #9e9e9e); border: 2px solid #f1f1f1; border-radius: 8px;}
:where(html[data-c~=landing][data-v=dark]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(#8f8f8f, #8f8f8f);}
:where(html[data-c~=landing][data-v=light]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(#6b6b6b, #6b6b6b);}
:where(html[data-c~=landing]) .brand-mark img{display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: contain;}
:where(html[data-c~=landing][data-v=dark]) .admin-open{flex: none; padding: 7px 10px; border: 1px solid #444444; border-radius: 7px; background: #1a1a1a; color: #c9c9c9; font-size: 10px; cursor: pointer;}
:where(html[data-c~=landing][data-v=light]) .admin-open{flex: none; padding: 7px 10px; border: 1px solid #b7b7b7; border-radius: 7px; background: #e5e5e5; color: #333333; font-size: 10px; cursor: pointer;}
:where(html[data-c~=landing][data-v=dark]) .admin-open:hover{border-color: #bbbbbb; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .admin-open:hover{border-color: #414141; box-shadow: none;}
:where(html[data-c~=landing]) .admin-open[hidden]{display: none;}
:where(html[data-c~=landing][data-v=dark]) .notice-icon{display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid #808080; border-radius: 9px; background: #2c2c2c; color: #dedede; font-size: 16px; font-weight: 800; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .notice-icon{display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid #7b7b7b; border-radius: 9px; background: #d2d2d2; color: #1f1f1f; font-size: 16px; font-weight: 800; box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .locked-shell{position: relative; display: grid; min-height: 100vh; place-items: center; overflow: hidden; padding: 22px; background: linear-gradient(transparent, transparent), #0c0c0c; color: #e5e5e5;}
:where(html[data-c~=landing][data-v=light]) .locked-shell{position: relative; display: grid; min-height: 100vh; place-items: center; overflow: hidden; padding: 22px; background: linear-gradient(transparent, transparent), #f5f5f5; color: #191919;}
:where(html[data-c~=landing]) .locked-shell::before, :where(html[data-c~=landing]) .locked-shell::after{content: ""; position: fixed; width: 320px; height: 320px; border-radius: 50%; filter: blur(70px); opacity: .28; pointer-events: none; animation: lockedDrift-7f3987 16s ease-in-out infinite alternate;}
:where(html[data-c~=landing][data-v=dark]) .locked-shell::before{top: -80px; left: -70px; background: #808080;}
:where(html[data-c~=landing][data-v=light]) .locked-shell::before{top: -80px; left: -70px; background: #7b7b7b;}
:where(html[data-c~=landing][data-v=dark]) .locked-shell::after{right: -90px; bottom: -100px; background: #575757; animation-delay: -6s;}
:where(html[data-c~=landing][data-v=light]) .locked-shell::after{right: -90px; bottom: -100px; background: #a4a4a4; animation-delay: -6s;}
:where(html[data-c~=landing][data-v=dark]) .locked-card{position: relative; z-index: 1; width: min(480px, 100%); padding: 30px 28px; border: 1px solid transparent; border-radius: 18px; background: linear-gradient(#161616, #161616) padding-box, linear-gradient(#a5a5a5, #a5a5a5) border-box; background-size: 100% 100%, 280% 280%; color: #e5e5e5; text-align: center; box-shadow: none; animation: lockedBorder-c579e8 9s linear infinite, lockedEnter-d6ffba .5s ease both;}
:where(html[data-c~=landing][data-v=light]) .locked-card{position: relative; z-index: 1; width: min(480px, 100%); padding: 30px 28px; border: 1px solid transparent; border-radius: 18px; background: linear-gradient(#e9e9e9, #e9e9e9) padding-box, linear-gradient(#565656, #565656) border-box; background-size: 100% 100%, 280% 280%; color: #191919; text-align: center; box-shadow: none; animation: lockedBorder-c579e8 9s linear infinite, lockedEnter-d6ffba .5s ease both;}
:where(html[data-c~=landing]) .locked-card::before{content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(transparent, transparent); pointer-events: none;}
:where(html[data-c~=landing][data-v=dark]) .locked-card .notice-icon{position: relative; display: grid; width: 46px; height: 46px; margin: 0 auto 10px; place-items: center; border: 1px solid #b7b7b755; border-radius: 13px; background: #202020; color: #d1d1d1; font-size: 19px; font-weight: 900; box-shadow: none; animation: lockedPulse-c8d42d 3s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=light]) .locked-card .notice-icon{position: relative; display: grid; width: 46px; height: 46px; margin: 0 auto 10px; place-items: center; border: 1px solid #45454555; border-radius: 13px; background: #dedede; color: #2c2c2c; font-size: 19px; font-weight: 900; box-shadow: none; animation: lockedPulse-188822 3s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=dark]) .locked-card h1{margin: 9px 0; color: #eaeaea; font-size: 24px; letter-spacing: -.5px;}
:where(html[data-c~=landing][data-v=light]) .locked-card h1{margin: 9px 0; color: #141414; font-size: 24px; letter-spacing: -.5px;}
:where(html[data-c~=landing][data-v=dark]) .locked-card > p{color: #a7a7a7; font-size: 11px; line-height: 1.75;}
:where(html[data-c~=landing][data-v=light]) .locked-card > p{color: #555555; font-size: 11px; line-height: 1.75;}
:where(html[data-c~=landing][data-v=dark]) .locked-steps{margin: 16px 0; padding: 15px 16px; border: 1px solid #363636; border-radius: 12px; background: #111111; text-align: left;}
:where(html[data-c~=landing][data-v=light]) .locked-steps{margin: 16px 0; padding: 15px 16px; border: 1px solid #c6c6c6; border-radius: 12px; background: #efefef; text-align: left;}
:where(html[data-c~=landing][data-v=dark]) .locked-steps p{margin: 0 0 8px; color: #dadada; font-size: 11px;}
:where(html[data-c~=landing][data-v=light]) .locked-steps p{margin: 0 0 8px; color: #232323; font-size: 11px;}
:where(html[data-c~=landing]) .locked-steps ol{display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; counter-reset: locked-step;}
:where(html[data-c~=landing][data-v=dark]) .locked-steps li{position: relative; padding-left: 30px; color: #ababab; font-size: 10px; line-height: 1.65; counter-increment: locked-step;}
:where(html[data-c~=landing][data-v=light]) .locked-steps li{position: relative; padding-left: 30px; color: #505050; font-size: 10px; line-height: 1.65; counter-increment: locked-step;}
:where(html[data-c~=landing][data-v=dark]) .locked-steps li::before{content: counter(locked-step); position: absolute; top: 1px; left: 0; display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid #727272; border-radius: 50%; background: #242424; color: #d2d2d2; font-size: 9px; font-weight: 850;}
:where(html[data-c~=landing][data-v=light]) .locked-steps li::before{content: counter(locked-step); position: absolute; top: 1px; left: 0; display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid #898989; border-radius: 50%; background: #dadada; color: #2a2a2a; font-size: 9px; font-weight: 850;}
:where(html[data-c~=landing]) .locked-actions{display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}
:where(html[data-c~=landing][data-v=dark]) .locked-card a{display: inline-flex; margin-top: 0; padding: 10px 16px; border: 1px solid #696969; border-radius: 9px; background: linear-gradient(#484848, #484848); color: #f2f2f2; font-size: 10px; font-weight: 750; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease;}
:where(html[data-c~=landing][data-v=light]) .locked-card a{display: inline-flex; margin-top: 0; padding: 10px 16px; border: 1px solid #929292; border-radius: 9px; background: linear-gradient(#b3b3b3, #b3b3b3); color: #0c0c0c; font-size: 10px; font-weight: 750; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease;}
:where(html[data-c~=landing]) .locked-card a:hover{transform: translateY(-1px); box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .locked-card .locked-secondary{border-color: #3d3d3d; background: #1b1b1b; color: #cccccc;}
:where(html[data-c~=landing][data-v=light]) .locked-card .locked-secondary{border-color: #bfbfbf; background: #e4e4e4; color: #303030;}
:where(html[data-c~=landing][data-v=dark]) .locked-note{margin-top: 14px; color: #808080; font-size: 9px;}
:where(html[data-c~=landing][data-v=light]) .locked-note{margin-top: 14px; color: #7b7b7b; font-size: 9px;}
@media (max-width: 620px){
:where(html[data-c~=landing]) .admin-open{padding: 6px 7px; font-size: 8px;}
}
:where(html[data-c~=landing]) [hidden]{display: none !important;}
:where(html[data-c~=landing][data-v=dark]) *, :where(html[data-c~=landing][data-v=dark]){scrollbar-width: thin; scrollbar-color: #7c7c7c #0f0f0f;}
:where(html[data-c~=landing][data-v=light]) *, :where(html[data-c~=landing][data-v=light]){scrollbar-width: thin; scrollbar-color: #7e7e7e #f1f1f1;}
:where(html[data-c~=landing]) ::-webkit-scrollbar{width: 10px; height: 10px;}
:where(html[data-c~=landing][data-v=dark]) ::-webkit-scrollbar-track{background: #0f0f0f; border-radius: 8px;}
:where(html[data-c~=landing][data-v=light]) ::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 8px;}
:where(html[data-c~=landing][data-v=dark]) ::-webkit-scrollbar-thumb{background: linear-gradient(#5d5d5d, #5d5d5d); border: 2px solid #0f0f0f; border-radius: 8px;}
:where(html[data-c~=landing][data-v=light]) ::-webkit-scrollbar-thumb{background: linear-gradient(#9e9e9e, #9e9e9e); border: 2px solid #f1f1f1; border-radius: 8px;}
:where(html[data-c~=landing][data-v=dark]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(#8f8f8f, #8f8f8f);}
:where(html[data-c~=landing][data-v=light]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(#6b6b6b, #6b6b6b);}
:where(html[data-c~=landing][data-v=dark]) .locked-reason{display: grid; gap: 3px; margin: 0 0 14px; padding: 11px 13px; border: 1px solid #4f4f4f; border-radius: 11px; background: #171717; text-align: left;}
:where(html[data-c~=landing][data-v=light]) .locked-reason{display: grid; gap: 3px; margin: 0 0 14px; padding: 11px 13px; border: 1px solid #acacac; border-radius: 11px; background: #e8e8e8; text-align: left;}
:where(html[data-c~=landing][data-v=dark]) .locked-reason span{color: #919191; font-size: 8px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase;}
:where(html[data-c~=landing][data-v=light]) .locked-reason span{color: #6a6a6a; font-size: 8px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase;}
:where(html[data-c~=landing][data-v=dark]) .locked-reason strong{color: #dddddd; font-size: 11px; font-weight: 750; line-height: 1.5;}
:where(html[data-c~=landing][data-v=light]) .locked-reason strong{color: #202020; font-size: 11px; font-weight: 750; line-height: 1.5;}
:where(html[data-c~=landing][data-v=dark]) .locked-warning{display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; padding: 11px 13px; border: 1px solid #363636; border-radius: 11px; background: #111111; text-align: left;}
:where(html[data-c~=landing][data-v=light]) .locked-warning{display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; padding: 11px 13px; border: 1px solid #c6c6c6; border-radius: 11px; background: #efefef; text-align: left;}
:where(html[data-c~=landing]) .locked-warning > span{flex: none; font-size: 15px; line-height: 1.2;}
:where(html[data-c~=landing][data-v=dark]) .locked-warning strong{display: block; color: #dedede; font-size: 10px; font-weight: 800; line-height: 1.5;}
:where(html[data-c~=landing][data-v=light]) .locked-warning strong{display: block; color: #1f1f1f; font-size: 10px; font-weight: 800; line-height: 1.5;}
:where(html[data-c~=landing][data-v=dark]) .locked-warning small{display: block; margin-top: 3px; color: #909090; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=landing][data-v=light]) .locked-warning small{display: block; margin-top: 3px; color: #6b6b6b; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=landing][data-v=dark]) .locked-shell.is-codes{background: linear-gradient(transparent, transparent), #0c0c0c;}
:where(html[data-c~=landing][data-v=light]) .locked-shell.is-codes{background: linear-gradient(transparent, transparent), #f4f4f4;}
:where(html[data-c~=landing]) .locked-shell.is-codes .locked-card::before{background: linear-gradient(transparent, transparent);}
:where(html[data-c~=landing][data-v=dark]) .locked-shell.is-codes .notice-icon{border-color: #d0d0d066; background: #2a2a2a; color: #dedede; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .locked-shell.is-codes .notice-icon{border-color: #2d2d2d66; background: #d3d3d3; color: #1f1f1f; box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .locked-shell.is-codes .locked-card h1{color: #f0f0f0;}
:where(html[data-c~=landing][data-v=light]) .locked-shell.is-codes .locked-card h1{color: #0e0e0e;}
:where(html[data-c~=landing][data-v=dark]) .locked-shell.is-codes .locked-steps li::before{border-color: #8f8f8f; background: #2c2c2c; color: #dedede;}
:where(html[data-c~=landing][data-v=light]) .locked-shell.is-codes .locked-steps li::before{border-color: #6c6c6c; background: #d1d1d1; color: #1f1f1f;}
:where(html[data-c~=landing]) .locked-shell{padding: 32px 22px;}
:where(html[data-c~=landing]) .locked-card{width: min(600px, 100%); padding: 36px 32px 30px; border-radius: 20px;}
:where(html[data-c~=landing]) .locked-card .eyebrow{font-size: 10px; letter-spacing: 1.4px;}
:where(html[data-c~=landing]) .locked-card h1{margin: 10px 0 10px; font-size: 26px; line-height: 1.28;}
:where(html[data-c~=landing]) .locked-card > p{font-size: 12.5px; line-height: 1.72;}
:where(html[data-c~=landing]) .locked-card .notice-icon{width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 15px;}
:where(html[data-c~=landing]) .locked-card .notice-icon svg{width: 28px; height: 28px;}
:where(html[data-c~=landing]) .locked-steps{margin: 18px 0; padding: 16px 18px; border-radius: 13px;}
:where(html[data-c~=landing]) .locked-steps p{font-size: 12px;}
:where(html[data-c~=landing]) .locked-steps li{padding-left: 32px; font-size: 11.5px; line-height: 1.68;}
:where(html[data-c~=landing]) .locked-steps li::before{width: 22px; height: 22px; font-size: 10px;}
:where(html[data-c~=landing]) .locked-warning{padding: 13px 15px; border-radius: 12px;}
:where(html[data-c~=landing]) .locked-warning strong{font-size: 11.5px;}
:where(html[data-c~=landing]) .locked-warning small{font-size: 10.5px;}
:where(html[data-c~=landing]) .locked-actions{gap: 10px; margin-top: 4px;}
:where(html[data-c~=landing][data-v=dark]) .locked-card a{display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; border: 1px solid #d2d2d2; border-radius: 12px; background: linear-gradient(#d9d9d9, #d9d9d9); color: #171717; font-size: 12.5px; font-weight: 850; box-shadow: none; transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;}
:where(html[data-c~=landing][data-v=light]) .locked-card a{display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; border: 1px solid #2b2b2b; border-radius: 12px; background: linear-gradient(#252525, #252525); color: #e8e8e8; font-size: 12.5px; font-weight: 850; box-shadow: none; transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;}
:where(html[data-c~=landing][data-v=dark]) .locked-card a:hover{border-color: #e2e2e2; transform: translateY(-2px); box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .locked-card a:hover{border-color: #1b1b1b; transform: translateY(-2px); box-shadow: none;}
:where(html[data-c~=landing]) .locked-card a:active{transform: translateY(0);}
:where(html[data-c~=landing][data-v=dark]) .locked-card .locked-secondary{border-color: #434343; background: #1b1b1b; color: #c6c6c6; box-shadow: none; font-weight: 700;}
:where(html[data-c~=landing][data-v=light]) .locked-card .locked-secondary{border-color: #b9b9b9; background: #e4e4e4; color: #373737; box-shadow: none; font-weight: 700;}
:where(html[data-c~=landing][data-v=dark]) .locked-card .locked-secondary:hover{border-color: #616161; box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .locked-card .locked-secondary:hover{border-color: #9a9a9a; box-shadow: none;}
:where(html[data-c~=landing][data-v=dark]) .locked-note{margin-top: 16px; color: #808080; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=landing][data-v=light]) .locked-note{margin-top: 16px; color: #7b7b7b; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=landing]) .locked-reason{padding: 13px 15px; border-radius: 12px;}
:where(html[data-c~=landing]) .locked-reason strong{font-size: 12px;}
@media (min-width: 720px){
:where(html[data-c~=landing]) .locked-card{padding: 42px 44px 34px;}
:where(html[data-c~=landing]) .locked-card h1{font-size: 29px;}
:where(html[data-c~=landing]) .locked-card > p{font-size: 13px;}
:where(html[data-c~=landing]) .locked-steps li{font-size: 12px;}
:where(html[data-c~=landing]) .locked-card a{min-height: 50px; font-size: 13px;}
}
@media (max-width: 420px){
:where(html[data-c~=landing]) .locked-shell{padding: 20px 14px;}
:where(html[data-c~=landing]) .locked-card{padding: 26px 18px 22px;}
:where(html[data-c~=landing]) .locked-card h1{font-size: 22px;}
:where(html[data-c~=landing]) .locked-card a{width: 100%; padding: 0 14px;}
}
:where(html[data-c~=landing][data-v=dark]) .section-heading h2::before{content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 9px; vertical-align: -2px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%23d0d0d0'/><stop offset='1' stop-color='%23979797'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-b09678 3.4s ease-in-out infinite;}
:where(html[data-c~=landing][data-v=light]) .section-heading h2::before{content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 9px; vertical-align: -2px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%232d2d2d'/><stop offset='1' stop-color='%23646464'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-1104db 3.4s ease-in-out infinite;}
:where(html[data-c~=landing]) .section-heading h2{letter-spacing: -.2px;}
:where(html[data-c~=landing]) .section-heading h2::first-letter{letter-spacing: 0;}
:where(html[data-c~=landing][data-v=dark]) .maintenance-body{min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), #090909; color: #ececec; font-family: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif; padding: 28px 18px;}
:where(html[data-c~=landing][data-v=light]) .maintenance-body{min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), #f8f8f8; color: #121212; font-family: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif; padding: 28px 18px;}
:where(html[data-c~=landing]) .maintenance-shell{width: 100%; max-width: 620px;}
:where(html[data-c~=landing][data-v=dark]) .maintenance-card{position: relative; text-align: center; padding: 42px 30px 34px; border-radius: 26px; border: 1px solid rgba(185,185,185,0.28); background: linear-gradient(rgba(21,21,21,0.94), rgba(21,21,21,0.94)); box-shadow: none; overflow: hidden;}
:where(html[data-c~=landing][data-v=light]) .maintenance-card{position: relative; text-align: center; padding: 42px 30px 34px; border-radius: 26px; border: 1px solid rgba(67,67,67,0.28); background: linear-gradient(rgba(235,235,235,0.94), rgba(235,235,235,0.94)); box-shadow: none; overflow: hidden;}
:where(html[data-c~=landing]) .maintenance-card::before{content: ""; position: absolute; inset: -40% -20% auto; height: 260px; background: linear-gradient(transparent, transparent); pointer-events: none;}
:where(html[data-c~=landing][data-v=dark]) .maintenance-card h1{margin: 0 0 12px; font-size: clamp(24px, 4vw, 34px); line-height: 1.2; background: linear-gradient(#dbdbdb, #dbdbdb); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=landing][data-v=light]) .maintenance-card h1{margin: 0 0 12px; font-size: clamp(24px, 4vw, 34px); line-height: 1.2; background: linear-gradient(#222222, #222222); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=landing][data-v=dark]) .maintenance-reason{margin: 0 auto 22px; max-width: 460px; color: rgba(236,236,236,0.82); line-height: 1.65; font-size: 14.5px;}
:where(html[data-c~=landing][data-v=light]) .maintenance-reason{margin: 0 auto 22px; max-width: 460px; color: rgba(18,18,18,0.82); line-height: 1.65; font-size: 14.5px;}
:where(html[data-c~=landing]) .maintenance-actions{display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;}
:where(html[data-c~=landing][data-v=dark]) .maintenance-actions .secondary-button{display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 999px; border: 1px solid rgba(218,218,218,0.32); background: rgba(255,255,255,0.06); color: #ebebeb; font: inherit; font-weight: 600; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;}
:where(html[data-c~=landing][data-v=light]) .maintenance-actions .secondary-button{display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 999px; border: 1px solid rgba(36,36,36,0.32); background: rgba(0,0,0,0.06); color: #131313; font: inherit; font-weight: 600; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;}
:where(html[data-c~=landing][data-v=dark]) .maintenance-actions .secondary-button:hover:not(:disabled){transform: translateY(-1px); background: rgba(255,255,255,0.12); box-shadow: none;}
:where(html[data-c~=landing][data-v=light]) .maintenance-actions .secondary-button:hover:not(:disabled){transform: translateY(-1px); background: rgba(0,0,0,0.12); box-shadow: none;}
:where(html[data-c~=landing]) .maintenance-actions .secondary-button:disabled{opacity: 0.6; cursor: progress;}

/* ===== auth ===== */
:root:where([data-c~=auth][data-v=dark]){color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; color: #f3f3f3; background: #0f0f0f; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --orange: #a0a0a0; --orange-light: #c5c5c5; --muted: #a1a1a1;}
:root:where([data-c~=auth][data-v=light]){color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #0b0b0b; background: #f2f2f2; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --orange: #5b5b5b; --orange-light: #373737; --muted: #5a5a5a;}
:where(html[data-c~=auth]) *, :where(html[data-c~=auth]){box-sizing: border-box;}
:where(html[data-c~=auth][data-v=dark]) body{min-width: 320px; min-height: 100vh; margin: 0; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), #0f0f0f;}
:where(html[data-c~=auth][data-v=light]) body{min-width: 320px; min-height: 100vh; margin: 0; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), #f2f2f2;}
:where(html[data-c~=auth][data-v=dark]) body::before, :where(html[data-c~=auth][data-v=dark]) body::after{position: fixed; z-index: 0; width: 260px; height: 260px; border-radius: 50%; background: #96969630; content: ""; filter: blur(95px); pointer-events: none; animation: ember-e283ab 8s ease-in-out infinite alternate;}
:where(html[data-c~=auth][data-v=light]) body::before, :where(html[data-c~=auth][data-v=light]) body::after{position: fixed; z-index: 0; width: 260px; height: 260px; border-radius: 50%; background: #65656530; content: ""; filter: blur(95px); pointer-events: none; animation: ember-e283ab 8s ease-in-out infinite alternate;}
:where(html[data-c~=auth]) body::before{top: -100px; right: 8%;}
:where(html[data-c~=auth]) body::after{bottom: -120px; left: 4%; animation-delay: -4s;}
:where(html[data-c~=auth]) .auth-layout{position: relative; z-index: 1; display: flex; min-height: 100vh; flex-direction: column; align-items: center; justify-content: center; padding: 34px 20px;}
:where(html[data-c~=auth][data-v=dark]) .auth-brand{display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #f3f3f3; font-size: 17px; font-weight: 850; letter-spacing: -.7px; text-decoration: none;}
:where(html[data-c~=auth][data-v=light]) .auth-brand{display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #0b0b0b; font-size: 17px; font-weight: 850; letter-spacing: -.7px; text-decoration: none;}
:where(html[data-c~=auth]) .auth-brand > span:last-child > span{color: var(--orange-light);}
:where(html[data-c~=auth][data-v=dark]) .brand-mark{display: grid; width: 37px; height: 37px; place-items: center; border-radius: 12px; background: linear-gradient(#d2d2d2, #d2d2d2); color: #141414; font-size: 13px; font-weight: 900; box-shadow: none;}
:where(html[data-c~=auth][data-v=light]) .brand-mark{display: grid; width: 37px; height: 37px; place-items: center; border-radius: 12px; background: linear-gradient(#2a2a2a, #2a2a2a); color: #ebebeb; font-size: 13px; font-weight: 900; box-shadow: none;}
:where(html[data-c~=auth][data-v=dark]) .auth-card{width: min(100%, 390px); padding: clamp(21px, 5vw, 29px); border: 1px solid #c5c5c535; border-radius: 16px; background: linear-gradient(#1e1e1eed, #1e1e1eed); box-shadow: none; backdrop-filter: blur(18px); animation: rise-8b605a .55s ease both;}
:where(html[data-c~=auth][data-v=light]) .auth-card{width: min(100%, 390px); padding: clamp(21px, 5vw, 29px); border: 1px solid #37373735; border-radius: 16px; background: linear-gradient(#e1e1e1ed, #e1e1e1ed); box-shadow: none; backdrop-filter: blur(18px); animation: rise-8b605a .55s ease both;}
:where(html[data-c~=auth]) .auth-card h1{margin: 15px 0 7px; font-size: clamp(25px, 7vw, 32px); letter-spacing: -1.1px;}
:where(html[data-c~=auth]) .auth-lead{margin: 0 0 18px; color: var(--muted); font-size: 11px; line-height: 1.65;}
:where(html[data-c~=auth][data-v=dark]) .auth-message{min-height: 15px; margin: 0; color: #b6b6b6; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=auth][data-v=light]) .auth-message{min-height: 15px; margin: 0; color: #464646; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=auth]) .auth-switch{margin: 16px 0 0; color: var(--muted); text-align: center; font-size: 11px;}
:where(html[data-c~=auth][data-v=dark]) .auth-switch a{color: #c4c4c4; font-weight: 800; text-decoration: none;}
:where(html[data-c~=auth][data-v=light]) .auth-switch a{color: #383838; font-weight: 800; text-decoration: none;}
:where(html[data-c~=auth]) .auth-switch a:hover{text-decoration: underline;}
:where(html[data-c~=auth][data-v=dark]) .auth-footnote{margin: 18px 0 0; color: #979797; text-align: center; font-size: 10px;}
:where(html[data-c~=auth][data-v=light]) .auth-footnote{margin: 18px 0 0; color: #646464; text-align: center; font-size: 10px;}
:where(html[data-c~=auth][data-v=dark]) .referral-note{margin: -9px 0 17px; padding: 10px 12px; border: 1px solid #78787870; border-radius: 8px; background: #3e3e3e33; color: #cecece; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=auth][data-v=light]) .referral-note{margin: -9px 0 17px; padding: 10px 12px; border: 1px solid #83838370; border-radius: 8px; background: #bebebe33; color: #2f2f2f; font-size: 10px; line-height: 1.6;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=auth]) *, :where(html[data-c~=auth]), :where(html[data-c~=auth]) *::before, :where(html[data-c~=auth])::before, :where(html[data-c~=auth]) *::after, :where(html[data-c~=auth])::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important;}
}
:where(html[data-c~=auth][data-v=dark]) *, :where(html[data-c~=auth][data-v=dark]){scrollbar-width: thin; scrollbar-color: #7c7c7c #0f0f0f;}
:where(html[data-c~=auth][data-v=light]) *, :where(html[data-c~=auth][data-v=light]){scrollbar-width: thin; scrollbar-color: #7e7e7e #f1f1f1;}
:where(html[data-c~=auth]) ::-webkit-scrollbar{width: 10px; height: 10px;}
:where(html[data-c~=auth][data-v=dark]) ::-webkit-scrollbar-track{background: #0f0f0f; border-radius: 8px;}
:where(html[data-c~=auth][data-v=light]) ::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 8px;}
:where(html[data-c~=auth][data-v=dark]) ::-webkit-scrollbar-thumb{background: linear-gradient(#5d5d5d, #5d5d5d); border: 2px solid #0f0f0f; border-radius: 8px;}
:where(html[data-c~=auth][data-v=light]) ::-webkit-scrollbar-thumb{background: linear-gradient(#9e9e9e, #9e9e9e); border: 2px solid #f1f1f1; border-radius: 8px;}
:where(html[data-c~=auth][data-v=dark]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(#8f8f8f, #8f8f8f);}
:where(html[data-c~=auth][data-v=light]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(#6b6b6b, #6b6b6b);}
:where(html[data-c~=auth]) .brand-mark img{display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: contain;}
:where(html[data-c~=auth][data-v=dark]) .discord-btn{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 14px; border-radius: 10px; background: #5865f2; color: #ffffff; font-weight: 700; font-size: 13px; text-decoration: none; transition: filter .15s;}
:where(html[data-c~=auth][data-v=light]) .discord-btn{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 14px; border-radius: 10px; background: #0d1baa; color: #000000; font-weight: 700; font-size: 13px; text-decoration: none; transition: filter .15s;}
:where(html[data-c~=auth]) .discord-btn:hover{filter: brightness(1.1);}

/* ===== legal ===== */
:where(html[data-c~=legal]) .legal-card{width: min(100%, 720px);}
:where(html[data-c~=legal][data-v=dark]) .legal-card section + section{margin-top: 26px; padding-top: 20px; border-top: 1px solid #474747;}
:where(html[data-c~=legal][data-v=light]) .legal-card section + section{margin-top: 26px; padding-top: 20px; border-top: 1px solid #b4b4b4;}
:where(html[data-c~=legal][data-v=dark]) .legal-card h2{color: #b7b7b7; font-size: 18px;}
:where(html[data-c~=legal][data-v=light]) .legal-card h2{color: #454545; font-size: 18px;}
:where(html[data-c~=legal][data-v=dark]) .legal-card p, :where(html[data-c~=legal][data-v=dark]) .legal-card li{color: #bcbcbc; font-size: 12px; line-height: 1.75;}
:where(html[data-c~=legal][data-v=light]) .legal-card p, :where(html[data-c~=legal][data-v=light]) .legal-card li{color: #404040; font-size: 12px; line-height: 1.75;}
:where(html[data-c~=legal][data-v=dark]) .legal-card a{color: #c5c5c5;}
:where(html[data-c~=legal][data-v=light]) .legal-card a{color: #373737;}

/* ===== maintenance ===== */
:where(html[data-c~=maint]) .maint-canvas-bg{position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1;}
:where(html[data-c~=maint]) .maintenance-shell{position: relative; z-index: 2; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px;}
:where(html[data-c~=maint]) .maint-art-wrap{width: 100px; height: 100px; margin: 0 auto 18px; position: relative; display: flex; align-items: center; justify-content: center;}
:where(html[data-c~=maint]) .maint-gear-spin-cw{transform-origin: center; animation: maintSpinCw-44a369 12s linear infinite;}
:where(html[data-c~=maint]) .maint-gear-spin-ccw{transform-origin: center; animation: maintSpinCcw-735c96 9s linear infinite;}
:where(html[data-c~=maint]) .maint-pulse-glow{animation: maintGlowPulse-46bd4d 2.4s ease-in-out infinite alternate;}
:where(html[data-c~=maint][data-v=dark]) .maint-timer-card{margin: 22px 0; padding: 18px 16px; border-radius: 18px; background: linear-gradient(145deg, rgba(18,18,18,0.8), rgba(10,10,10,0.95)); border: 1px solid rgba(154,154,154,0.3); box-shadow: 0 8px 30px rgba(0,0,0,0.5), inset 0 0 20px rgba(154,154,154,0.06);}
:where(html[data-c~=maint][data-v=light]) .maint-timer-card{margin: 22px 0; padding: 18px 16px; border-radius: 18px; background: linear-gradient(145deg, rgba(238,238,238,0.8), rgba(248,248,248,0.95)); border: 1px solid rgba(98,98,98,0.3); box-shadow: 0 8px 30px rgba(255,255,255,0.5), inset 0 0 20px rgba(98,98,98,0.06);}
:where(html[data-c~=maint][data-v=dark]) .maint-timer-header{font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: #9c9c9c; margin-bottom: 4px;}
:where(html[data-c~=maint][data-v=light]) .maint-timer-header{font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: #5f5f5f; margin-bottom: 4px;}
:where(html[data-c~=maint][data-v=dark]) .maint-target-time{font-size: 16px; font-weight: 800; color: #ffffff; margin-bottom: 14px;}
:where(html[data-c~=maint][data-v=light]) .maint-target-time{font-size: 16px; font-weight: 800; color: #000000; margin-bottom: 14px;}
:where(html[data-c~=maint]) .maint-countdown-grid{display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 12px;}
:where(html[data-c~=maint][data-v=dark]) .maint-time-box{background: rgba(0,0,0,0.45); border: 1px solid rgba(154,154,154,0.28); border-radius: 12px; padding: 10px 14px; min-width: 68px; text-align: center; box-shadow: inset 0 2px 8px rgba(0,0,0,0.6);}
:where(html[data-c~=maint][data-v=light]) .maint-time-box{background: rgba(255,255,255,0.45); border: 1px solid rgba(98,98,98,0.28); border-radius: 12px; padding: 10px 14px; min-width: 68px; text-align: center; box-shadow: inset 0 2px 8px rgba(255,255,255,0.6);}
:where(html[data-c~=maint][data-v=dark]) .maint-time-val{font-size: 26px; font-weight: 900; color: #efefef; font-family: monospace, sans-serif; line-height: 1; display: block;}
:where(html[data-c~=maint][data-v=light]) .maint-time-val{font-size: 26px; font-weight: 900; color: #0f0f0f; font-family: monospace, sans-serif; line-height: 1; display: block;}
:where(html[data-c~=maint][data-v=dark]) .maint-time-lbl{font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #9c9c9c; margin-top: 4px; display: block;}
:where(html[data-c~=maint][data-v=light]) .maint-time-lbl{font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #606060; margin-top: 4px; display: block;}
:where(html[data-c~=maint][data-v=dark]) .maint-time-sep{font-size: 24px; font-weight: 900; color: #6a6a6a; animation: blinkColon-9a40d5 1s infinite;}
:where(html[data-c~=maint][data-v=light]) .maint-time-sep{font-size: 24px; font-weight: 900; color: #909090; animation: blinkColon-9a40d5 1s infinite;}
:where(html[data-c~=maint][data-v=dark]) .maint-countdown-note{font-size: 12.5px; color: #d1d1d1; margin: 0; line-height: 1.5;}
:where(html[data-c~=maint][data-v=light]) .maint-countdown-note{font-size: 12.5px; color: #2c2c2c; margin: 0; line-height: 1.5;}

/* ===== dashboard ===== */
:root:where([data-c~=dash][data-v=dark]){color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; color: #f2f2f2; background: #0e0e0e; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --bg: #0e0e0e; --surface: #161616; --surface-deep: #121212; --line: #3f3f3f; --orange: #a0a0a0; --orange-light: #c5c5c5; --muted: #9c9c9c;}
:root:where([data-c~=dash][data-v=light]){color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #0c0c0c; background: #f2f2f2; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; --bg: #f2f2f2; --surface: #eaeaea; --surface-deep: #eeeeee; --line: #bdbdbd; --orange: #5b5b5b; --orange-light: #383838; --muted: #5f5f5f;}
:where(html[data-c~=dash]) *, :where(html[data-c~=dash]){box-sizing: border-box;}
html:where([data-c~=dash]){scroll-behavior: smooth;}
:where(html[data-c~=dash]) .dashboard-page-loader{position: fixed; z-index: 100; inset: 0 0 auto; height: 3px; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .15s ease;}
:where(html[data-c~=dash][data-v=dark]) .dashboard-page-loader::after{position: absolute; inset: 0 auto 0 0; width: 38%; background: linear-gradient(90deg, #a6a6a6, #d1d1d1, #858585); box-shadow: 0 0 12px #a6a6a6a0; content: ""; transform: translateX(-110%);}
:where(html[data-c~=dash][data-v=light]) .dashboard-page-loader::after{position: absolute; inset: 0 auto 0 0; width: 38%; background: linear-gradient(90deg, #555555, #2b2b2b, #767676); box-shadow: 0 0 12px #555555a0; content: ""; transform: translateX(-110%);}
:where(html[data-c~=dash]) .dashboard-page-loader.is-loading{opacity: 1;}
:where(html[data-c~=dash]) .dashboard-page-loader.is-loading::after{animation: dashboard-page-progress-6de903 1.1s ease-in-out infinite;}
html:where([data-c~=dash]){scroll-behavior: smooth; scroll-padding-top: 24px;}
:where(html[data-c~=dash][data-v=dark]) body{min-width: 320px; margin: 0; background: radial-gradient(ellipse at 84% -8%, #5151511f, transparent 27%), var(--bg);}
:where(html[data-c~=dash][data-v=light]) body{min-width: 320px; margin: 0; background: radial-gradient(ellipse at 84% -8%, #aaaaaa1f, transparent 27%), var(--bg);}
:where(html[data-c~=dash]) body, :where(html[data-c~=dash]) button, :where(html[data-c~=dash]) input, :where(html[data-c~=dash]) select{font-family: "Segoe UI", Arial, sans-serif;}
:where(html[data-c~=dash]) button, :where(html[data-c~=dash]) input, :where(html[data-c~=dash]) select{color: inherit; font-size: inherit;}
:where(html[data-c~=dash]) button, :where(html[data-c~=dash]) a{-webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) a{color: inherit; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) button:focus-visible, :where(html[data-c~=dash][data-v=dark]) a:focus-visible, :where(html[data-c~=dash][data-v=dark]) input:focus-visible, :where(html[data-c~=dash][data-v=dark]) select:focus-visible{outline: 2px solid #c6c6c6; outline-offset: 2px;}
:where(html[data-c~=dash][data-v=light]) button:focus-visible, :where(html[data-c~=dash][data-v=light]) a:focus-visible, :where(html[data-c~=dash][data-v=light]) input:focus-visible, :where(html[data-c~=dash][data-v=light]) select:focus-visible{outline: 2px solid #373737; outline-offset: 2px;}
:where(html[data-c~=dash]) [hidden]{display: none !important;}
:where(html[data-c~=dash]) .dashboard-layout{min-height: 100vh;}
:where(html[data-c~=dash][data-v=dark]) .sidebar{position: fixed; z-index: 5; inset: 0 auto 0 0; display: flex; width: 250px; flex-direction: column; padding: 22px 15px 15px; border-right: 1px solid #3a3a3a2b; background: linear-gradient(180deg, #161616 0%, #111111 74%, #0e0e0e 100%); box-shadow: 10px 0 45px #00000022;}
:where(html[data-c~=dash][data-v=light]) .sidebar{position: fixed; z-index: 5; inset: 0 auto 0 0; display: flex; width: 250px; flex-direction: column; padding: 22px 15px 15px; border-right: 1px solid #c2c2c22b; background: linear-gradient(180deg, #e9e9e9 0%, #efefef 74%, #f2f2f2 100%); box-shadow: 10px 0 45px #ffffff22;}
:where(html[data-c~=dash]) .sidebar-brand{display: flex; align-items: center; gap: 10px; padding: 1px 8px 24px; font-size: 18px; font-weight: 850; letter-spacing: -.7px;}
:where(html[data-c~=dash]) .sidebar-brand > span:last-child > span{color: var(--orange-light);}
:where(html[data-c~=dash][data-v=dark]) .brand-mark{display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #d3d3d3, #8a8a8a); color: #141414; font-size: 12px; font-weight: 900; box-shadow: 0 0 20px #99999958;}
:where(html[data-c~=dash][data-v=light]) .brand-mark{display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #2a2a2a, #717171); color: #ececec; font-size: 12px; font-weight: 900; box-shadow: 0 0 20px #62626258;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-label{padding: 3px 12px 11px; color: #868686; font-size: 8px; font-weight: 800; letter-spacing: 1.15px;}
:where(html[data-c~=dash][data-v=light]) .sidebar-label{padding: 3px 12px 11px; color: #757575; font-size: 8px; font-weight: 800; letter-spacing: 1.15px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet{display: grid; gap: 7px; margin: 0 2px 15px; padding: 13px; border: 1px solid #4a4a4a; border-radius: 12px; background: linear-gradient(140deg, #1c1c1c, #131313); box-shadow: inset 0 0 18px #7e7e7e10, 0 5px 18px #00000022;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet{display: grid; gap: 7px; margin: 0 2px 15px; padding: 13px; border: 1px solid #b2b2b2; border-radius: 12px; background: linear-gradient(140deg, #e3e3e3, #ececec); box-shadow: inset 0 0 18px #7c7c7c10, 0 5px 18px #ffffff22;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet > span{color: #9d9d9d; font-size: 8px; font-weight: 750; letter-spacing: .7px;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet > span{color: #5e5e5e; font-size: 8px; font-weight: 750; letter-spacing: .7px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet strong{color: #bababa; font-size: 20px; font-weight: 850; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet strong{color: #424242; font-size: 20px; font-weight: 850; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet a{display: flex; justify-content: space-between; color: #bfbfbf; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet a{display: flex; justify-content: space-between; color: #3d3d3d; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet a:hover{color: #d6d6d6;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet a:hover{color: #272727;}
:where(html[data-c~=dash]) .sidebar nav{display: grid; gap: 5px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link{position: relative; display: flex; min-height: 43px; align-items: center; gap: 12px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px; color: #c0c0c0; font-size: 11px; font-weight: 650; transition: .18s ease;}
:where(html[data-c~=dash][data-v=light]) .nav-link{position: relative; display: flex; min-height: 43px; align-items: center; gap: 12px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px; color: #3c3c3c; font-size: 11px; font-weight: 650; transition: .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > span{width: 16px; color: #adadad; font-size: 17px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .nav-link > span{width: 16px; color: #4f4f4f; font-size: 17px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > i{margin-left: auto; padding: 3px 7px; border: 1px solid #8f8f8f5c; border-radius: 20px; background: #58585838; color: #c6c6c6; font-size: 8px; font-style: normal;}
:where(html[data-c~=dash][data-v=light]) .nav-link > i{margin-left: auto; padding: 3px 7px; border: 1px solid #6c6c6c5c; border-radius: 20px; background: #a3a3a338; color: #363636; font-size: 8px; font-style: normal;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > b{margin-left: auto; color: #8b8b8b; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .nav-link > b{margin-left: auto; color: #707070; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link:hover{border-color: #a4a4a44f; background: #2a2a2a50; color: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .nav-link:hover{border-color: #5757574f; background: #d3d3d350; color: #0a0a0a;}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active{border-color: #8383836e; background: linear-gradient(100deg, #41414150, #26262688); color: #f6f6f6; box-shadow: inset 3px 0 #9d9d9d, 0 0 20px #99999912;}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active{border-color: #7878786e; background: linear-gradient(100deg, #bababa50, #d8d8d888); color: #090909; box-shadow: inset 3px 0 #5e5e5e, 0 0 20px #62626212;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-bottom{display: grid; gap: 10px; margin-top: auto; padding: 13px 6px 2px; border-top: 1px solid #5b5b5b39;}
:where(html[data-c~=dash][data-v=light]) .sidebar-bottom{display: grid; gap: 10px; margin-top: auto; padding: 13px 6px 2px; border-top: 1px solid #a0a0a039;}
:where(html[data-c~=dash]) .sidebar-user{display: flex; min-width: 0; align-items: center; gap: 9px; padding: 5px 5px 2px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-user > span, :where(html[data-c~=dash][data-v=dark]) .profile-avatar{display: grid; flex: none; width: 32px; height: 32px; place-items: center; border: 1px solid #b3b3b354; border-radius: 50%; background: #393939; color: #d0d0d0; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .sidebar-user > span, :where(html[data-c~=dash][data-v=light]) .profile-avatar{display: grid; flex: none; width: 32px; height: 32px; place-items: center; border: 1px solid #49494954; border-radius: 50%; background: #c4c4c4; color: #2d2d2d; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash]) .sidebar-user > div{display: grid; min-width: 0; gap: 3px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-user strong{overflow: hidden; color: #e5e5e5; font-size: 10px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .sidebar-user strong{overflow: hidden; color: #191919; font-size: 10px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-user small{overflow: hidden; color: #8e8e8e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .sidebar-user small{overflow: hidden; color: #6d6d6d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-bottom > button{display: flex; justify-content: space-between; padding: 8px 7px; border: 0; border-radius: 6px; background: transparent; color: #9b9b9b; text-align: left; font-size: 10px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .sidebar-bottom > button{display: flex; justify-content: space-between; padding: 8px 7px; border: 0; border-radius: 6px; background: transparent; color: #606060; text-align: left; font-size: 10px; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-bottom > button:hover{background: #53535324; color: #c6c6c6;}
:where(html[data-c~=dash][data-v=light]) .sidebar-bottom > button:hover{background: #a8a8a824; color: #363636;}
:where(html[data-c~=dash]) .main-content{position: relative; z-index: 3; width: calc(100% - 250px); margin-left: 250px; padding: 30px clamp(28px, 4vw, 72px) 60px;}
:where(html[data-c~=dash]) .page-top{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px;}
:where(html[data-c~=dash][data-v=dark]) .page-kicker, :where(html[data-c~=dash][data-v=dark]) .section-eyebrow{color: #919191; font-size: 8px; font-weight: 800; letter-spacing: 1.2px;}
:where(html[data-c~=dash][data-v=light]) .page-kicker, :where(html[data-c~=dash][data-v=light]) .section-eyebrow{color: #6a6a6a; font-size: 8px; font-weight: 800; letter-spacing: 1.2px;}
:where(html[data-c~=dash]) .page-top h1{margin: 6px 0 0; font-size: clamp(21px, 3vw, 28px); letter-spacing: -.7px;}
:where(html[data-c~=dash]) .top-actions{display: flex; align-items: center; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .home-link, :where(html[data-c~=dash][data-v=dark]) .top-actions > button{display: grid; min-height: 34px; place-items: center; padding: 0 11px; border: 1px solid #4848488c; border-radius: 7px; background: #1b1b1b; color: #c6c6c6; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .home-link, :where(html[data-c~=dash][data-v=light]) .top-actions > button{display: grid; min-height: 34px; place-items: center; padding: 0 11px; border: 1px solid #b4b4b48c; border-radius: 7px; background: #e4e4e4; color: #373737; font-size: 10px;}
:where(html[data-c~=dash]) .top-actions > button{width: 35px; padding: 0; font-size: 18px; cursor: pointer;}
:where(html[data-c~=dash]) .top-actions > button.logout-top{width: auto; padding: 0 9px; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .home-link:hover, :where(html[data-c~=dash][data-v=dark]) .top-actions > button:hover{border-color: var(--orange); box-shadow: 0 0 14px #a0a0a02a;}
:where(html[data-c~=dash][data-v=light]) .home-link:hover, :where(html[data-c~=dash][data-v=light]) .top-actions > button:hover{border-color: var(--orange); box-shadow: 0 0 14px #5b5b5b2a;}
:where(html[data-c~=dash]) .content-section{scroll-margin-top: 20px; margin: 19px 0 27px;}
:where(html[data-c~=dash][data-v=dark]) .welcome-card{position: relative; display: flex; min-height: 160px; align-items: center; justify-content: space-between; overflow: hidden; padding: 23px clamp(20px, 4vw, 34px); border: 1px solid #86868645; border-radius: 15px; background: radial-gradient(ellipse at 82% 12%, #b5b5b530, transparent 28%), linear-gradient(113deg, #282828, #1e1e1e 58%, #202020); box-shadow: 0 12px 32px #00000033, inset 0 0 35px #9f9f9f0b;}
:where(html[data-c~=dash][data-v=light]) .welcome-card{position: relative; display: flex; min-height: 160px; align-items: center; justify-content: space-between; overflow: hidden; padding: 23px clamp(20px, 4vw, 34px); border: 1px solid #75757545; border-radius: 15px; background: radial-gradient(ellipse at 82% 12%, #47474730, transparent 28%), linear-gradient(113deg, #d6d6d6, #e1e1e1 58%, #dedede); box-shadow: 0 12px 32px #ffffff33, inset 0 0 35px #5c5c5c0b;}
:where(html[data-c~=dash]) .welcome-card h2{margin: 9px 0 6px; font-size: clamp(19px, 3vw, 26px); letter-spacing: -.8px;}
:where(html[data-c~=dash][data-v=dark]) .welcome-card p{max-width: 510px; margin: 0; color: #a8a8a8; font-size: 11px; line-height: 1.7;}
:where(html[data-c~=dash][data-v=light]) .welcome-card p{max-width: 510px; margin: 0; color: #545454; font-size: 11px; line-height: 1.7;}
:where(html[data-c~=dash][data-v=dark]) .welcome-orb{display: grid; flex: none; width: 83px; height: 83px; place-items: center; margin-right: 5%; border: 1px solid #c2c2c270; border-radius: 27px; background: linear-gradient(145deg, #c0c0c03a, #99999918); color: #d3d3d3; font-size: 35px; box-shadow: 0 0 45px #98989840, inset 0 0 22px #c2c2c224; transform: rotate(8deg); animation: orb-glow-dc4a00 3s ease-in-out infinite alternate;}
:where(html[data-c~=dash][data-v=light]) .welcome-orb{display: grid; flex: none; width: 83px; height: 83px; place-items: center; margin-right: 5%; border: 1px solid #3b3b3b70; border-radius: 27px; background: linear-gradient(145deg, #3c3c3c3a, #62626218); color: #2a2a2a; font-size: 35px; box-shadow: 0 0 45px #63636340, inset 0 0 22px #3b3b3b24; transform: rotate(8deg); animation: orb-glow-a6b2af 3s ease-in-out infinite alternate;}
:where(html[data-c~=dash]) .stats-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 13px;}
:where(html[data-c~=dash][data-v=dark]) .stat-card{min-width: 0; display: grid; gap: 8px; padding: 15px; border: 1px solid #44444480; border-radius: 10px; background: linear-gradient(145deg, #1b1b1b, #141414); box-shadow: 0 8px 22px #00000022;}
:where(html[data-c~=dash][data-v=light]) .stat-card{min-width: 0; display: grid; gap: 8px; padding: 15px; border: 1px solid #b8b8b880; border-radius: 10px; background: linear-gradient(145deg, #e4e4e4, #ececec); box-shadow: 0 8px 22px #ffffff22;}
:where(html[data-c~=dash][data-v=dark]) .stat-card > span{color: #9b9b9b; font-size: 8px; font-weight: 750; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=light]) .stat-card > span{color: #606060; font-size: 8px; font-weight: 750; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=dark]) .stat-card strong{overflow-wrap: anywhere; color: #f1f1f1; font-size: clamp(17px, 2.2vw, 23px);}
:where(html[data-c~=dash][data-v=light]) .stat-card strong{overflow-wrap: anywhere; color: #0d0d0d; font-size: clamp(17px, 2.2vw, 23px);}
:where(html[data-c~=dash][data-v=dark]) .stat-card small{color: #8d8d8d; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .stat-card small{color: #6e6e6e; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-glow{border-color: #a6a6a679; background: linear-gradient(145deg, #272727, #191919); box-shadow: 0 0 20px #9c9c9c1c, inset 0 0 23px #a5a5a513;}
:where(html[data-c~=dash][data-v=light]) .stat-card-glow{border-color: #55555579; background: linear-gradient(145deg, #d6d6d6, #e6e6e6); box-shadow: 0 0 20px #5f5f5f1c, inset 0 0 23px #56565613;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-glow strong{color: #c6c6c6; text-shadow: 0 0 15px #a4a4a438;}
:where(html[data-c~=dash][data-v=light]) .stat-card-glow strong{color: #373737; text-shadow: 0 0 15px #57575738;}
:where(html[data-c~=dash]) .section-heading{display: flex; align-items: end; justify-content: space-between; gap: 13px; margin: 0 0 13px;}
:where(html[data-c~=dash]) .section-heading h2{margin: 5px 0 4px; font-size: 19px; letter-spacing: -.4px;}
:where(html[data-c~=dash]) .section-heading p{margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .count-pill, :where(html[data-c~=dash][data-v=dark]) .commission-badge{flex: none; padding: 7px 10px; border: 1px solid #5454548c; border-radius: 20px; background: #4141412b; color: #c7c7c7; font-size: 9px; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .count-pill, :where(html[data-c~=dash][data-v=light]) .commission-badge{flex: none; padding: 7px 10px; border: 1px solid #a7a7a78c; border-radius: 20px; background: #bababa2b; color: #363636; font-size: 9px; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .commission-badge{border-color: #a7a7a780; background: #6565652b; box-shadow: 0 0 15px #a0a0a019;}
:where(html[data-c~=dash][data-v=light]) .commission-badge{border-color: #54545480; background: #9595952b; box-shadow: 0 0 15px #5b5b5b19;}
:where(html[data-c~=dash]) .task-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .task-card, :where(html[data-c~=dash][data-v=dark]) .empty-card, :where(html[data-c~=dash][data-v=dark]) .panel{min-width: 0; border: 1px solid #3a3a3a; border-radius: 10px; background: linear-gradient(145deg, #191919, #141414);}
:where(html[data-c~=dash][data-v=light]) .task-card, :where(html[data-c~=dash][data-v=light]) .empty-card, :where(html[data-c~=dash][data-v=light]) .panel{min-width: 0; border: 1px solid #c3c3c3; border-radius: 10px; background: linear-gradient(145deg, #e5e5e5, #ececec);}
:where(html[data-c~=dash]) .task-card{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 13px 14px;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-pinned{border-color: #adadadb3; background: linear-gradient(120deg, #34343491, #181818); box-shadow: 0 0 19px #c1c1c123, inset 0 0 21px #c1c1c10c;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-pinned{border-color: #4f4f4fb3; background: linear-gradient(120deg, #c8c8c891, #e7e7e7); box-shadow: 0 0 19px #3b3b3b23, inset 0 0 21px #3b3b3b0c;}
:where(html[data-c~=dash]) .task-info{min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .task-title{display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #ededed; font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .task-title{display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #111111; font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .task-title .pin-tag{color: #d2d2d2; font-size: 8px;}
:where(html[data-c~=dash][data-v=light]) .task-title .pin-tag{color: #2b2b2b; font-size: 8px;}
:where(html[data-c~=dash][data-v=dark]) .task-note{margin: 5px 0; color: #979797; font-size: 9px; line-height: 1.55; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .task-note{margin: 5px 0; color: #646464; font-size: 9px; line-height: 1.55; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=dark]) .task-progress{color: #797979; font-size: 8px;}
:where(html[data-c~=dash][data-v=light]) .task-progress{color: #818181; font-size: 8px;}
:where(html[data-c~=dash]) .task-action{display: grid; justify-items: end; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .task-reward{color: #c5c5c5; font-size: 10px; font-weight: 850; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .task-reward{color: #373737; font-size: 10px; font-weight: 850; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .task-action button, :where(html[data-c~=dash][data-v=dark]) .primary-button{min-height: 32px; padding: 0 11px; border: 1px solid #999999; border-radius: 7px; background: linear-gradient(105deg, #c5c5c5, #949494); color: #151515; font-size: 9px; font-weight: 850; cursor: pointer; transition: .18s ease;}
:where(html[data-c~=dash][data-v=light]) .task-action button, :where(html[data-c~=dash][data-v=light]) .primary-button{min-height: 32px; padding: 0 11px; border: 1px solid #626262; border-radius: 7px; background: linear-gradient(105deg, #373737, #676767); color: #eaeaea; font-size: 9px; font-weight: 850; cursor: pointer; transition: .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .task-action button:hover, :where(html[data-c~=dash][data-v=dark]) .primary-button:hover{box-shadow: 0 0 16px #9797974c; transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=light]) .task-action button:hover, :where(html[data-c~=dash][data-v=light]) .primary-button:hover{box-shadow: 0 0 16px #6464644c; transform: translateY(-1px);}
:where(html[data-c~=dash]) .task-action button:disabled, :where(html[data-c~=dash]) .primary-button:disabled{opacity: .5; cursor: default; transform: none;}
:where(html[data-c~=dash][data-v=dark]) .empty-card{grid-column: 1 / -1; padding: 20px; color: #919191; text-align: center; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .empty-card{grid-column: 1 / -1; padding: 20px; color: #6a6a6a; text-align: center; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .fine-print{margin: 9px 0 0; color: #848484; font-size: 9px; line-height: 1.65;}
:where(html[data-c~=dash][data-v=light]) .fine-print{margin: 9px 0 0; color: #767676; font-size: 9px; line-height: 1.65;}
:where(html[data-c~=dash]) .wallet-layout{display: flex; flex-direction: column; gap: 16px; max-width: 1060px; margin: 0 auto; width: 100%;}
:where(html[data-c~=dash]) .wallet-main, :where(html[data-c~=dash]) .wallet-history{display: grid; gap: 11px;}
:where(html[data-c~=dash]) .wallet-balance{display: grid; grid-template-columns: 1fr 1fr; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-balance > div{display: grid; gap: 7px; padding: 13px; border: 1px solid #4f4f4f90; border-radius: 9px; background: linear-gradient(135deg, #262626, #171717);}
:where(html[data-c~=dash][data-v=light]) .wallet-balance > div{display: grid; gap: 7px; padding: 13px; border: 1px solid #adadad90; border-radius: 9px; background: linear-gradient(135deg, #d8d8d8, #e8e8e8);}
:where(html[data-c~=dash][data-v=dark]) .wallet-balance span, :where(html[data-c~=dash][data-v=dark]) .referral-stats span{color: #9c9c9c; font-size: 8px; font-weight: 750; letter-spacing: .45px;}
:where(html[data-c~=dash][data-v=light]) .wallet-balance span, :where(html[data-c~=dash][data-v=light]) .referral-stats span{color: #5f5f5f; font-size: 8px; font-weight: 750; letter-spacing: .45px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-balance strong{color: #d3d3d3; font-size: clamp(15px, 2vw, 21px); overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .wallet-balance strong{color: #2a2a2a; font-size: clamp(15px, 2vw, 21px); overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .panel{padding: 14px;}
:where(html[data-c~=dash]) .panel-heading{display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 11px;}
:where(html[data-c~=dash][data-v=dark]) .panel-heading h3{margin: 0; color: #ececec; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .panel-heading h3{margin: 0; color: #121212; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .panel-heading p{margin: 4px 0 0; color: #8e8e8e; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .panel-heading p{margin: 4px 0 0; color: #6d6d6d; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash]) .withdrawal-form{display: grid; gap: 7px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form label, :where(html[data-c~=dash][data-v=dark]) .password-form label{margin-top: 2px; color: #c3c3c3; font-size: 9px; font-weight: 650;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form label, :where(html[data-c~=dash][data-v=light]) .password-form label{margin-top: 2px; color: #393939; font-size: 9px; font-weight: 650;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form input:not([type="checkbox"]), :where(html[data-c~=dash][data-v=dark]) .withdrawal-form select, :where(html[data-c~=dash][data-v=dark]) .password-form input{width: 100%; min-height: 34px; padding: 0 9px; border: 1px solid #454545; border-radius: 6px; background: #0f0f0f; color: #f1f1f1; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form input:not([type="checkbox"]), :where(html[data-c~=dash][data-v=light]) .withdrawal-form select, :where(html[data-c~=dash][data-v=light]) .password-form input{width: 100%; min-height: 34px; padding: 0 9px; border: 1px solid #b6b6b6; border-radius: 6px; background: #f1f1f1; color: #0d0d0d; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form input:focus, :where(html[data-c~=dash][data-v=dark]) .withdrawal-form select:focus, :where(html[data-c~=dash][data-v=dark]) .password-form input:focus{border-color: #9d9d9d; outline: 2px solid #9d9d9d25;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form input:focus, :where(html[data-c~=dash][data-v=light]) .withdrawal-form select:focus, :where(html[data-c~=dash][data-v=light]) .password-form input:focus{border-color: #5e5e5e; outline: 2px solid #5e5e5e25;}
:where(html[data-c~=dash]) .form-fields{display: grid; gap: 6px;}
:where(html[data-c~=dash]) .withdrawal-form .primary-button{min-height: 35px; margin-top: 3px;}
:where(html[data-c~=dash][data-v=dark]) .inline-message{min-height: 13px; margin: 0; color: #b9b9b9; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .inline-message{min-height: 13px; margin: 0; color: #434343; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash]) .rows-list{display: grid; gap: 7px;}
:where(html[data-c~=dash][data-v=dark]) .money-row{display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; padding: 9px; border: 1px solid #353535; border-radius: 7px; background: #121212;}
:where(html[data-c~=dash][data-v=light]) .money-row{display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; padding: 9px; border: 1px solid #c7c7c7; border-radius: 7px; background: #eeeeee;}
:where(html[data-c~=dash]) .money-row > div{min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .money-row strong{display: block; color: #e0e0e0; font-size: 9px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .money-row strong{display: block; color: #1d1d1d; font-size: 9px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=dark]) .money-row span{display: block; margin-top: 4px; color: #8e8e8e; font-size: 8px;}
:where(html[data-c~=dash][data-v=light]) .money-row span{display: block; margin-top: 4px; color: #6d6d6d; font-size: 8px;}
:where(html[data-c~=dash][data-v=dark]) .money-amount{flex: none; color: #c5c5c5 !important; font-size: 9px !important; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .money-amount{flex: none; color: #373737 !important; font-size: 9px !important; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .money-positive{color: #c5c5c5 !important;}
:where(html[data-c~=dash][data-v=light]) .money-positive{color: #373737 !important;}
:where(html[data-c~=dash][data-v=dark]) .money-negative{color: #a8a8a8 !important;}
:where(html[data-c~=dash][data-v=light]) .money-negative{color: #535353 !important;}
:where(html[data-c~=dash][data-v=dark]) .mini-action{flex: none; padding: 5px 7px; border: 1px solid #575757; border-radius: 5px; background: #232323; color: #d3d3d3; font-size: 8px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .mini-action{flex: none; padding: 5px 7px; border: 1px solid #a4a4a4; border-radius: 5px; background: #dbdbdb; color: #2a2a2a; font-size: 8px; cursor: pointer;}
:where(html[data-c~=dash]) .referral-layout{display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(190px, .7fr); gap: 11px;}
:where(html[data-c~=dash][data-v=dark]) .referral-card{padding: 16px; border: 1px solid #8a8a8a7a; border-radius: 11px; background: radial-gradient(ellipse at 88% 0%, #a7a7a730, transparent 34%), linear-gradient(135deg, #282828, #191919); box-shadow: inset 0 0 27px #a1a1a114;}
:where(html[data-c~=dash][data-v=light]) .referral-card{padding: 16px; border: 1px solid #7171717a; border-radius: 11px; background: radial-gradient(ellipse at 88% 0%, #54545430, transparent 34%), linear-gradient(135deg, #d5d5d5, #e6e6e6); box-shadow: inset 0 0 27px #5a5a5a14;}
:where(html[data-c~=dash][data-v=dark]) .share-box{display: flex; min-width: 0; align-items: center; gap: 8px; margin-top: 10px; padding: 7px; border: 1px solid #5a5a5a7d; border-radius: 7px; background: #0f0f0fba;}
:where(html[data-c~=dash][data-v=light]) .share-box{display: flex; min-width: 0; align-items: center; gap: 8px; margin-top: 10px; padding: 7px; border: 1px solid #a1a1a17d; border-radius: 7px; background: #f1f1f1ba;}
:where(html[data-c~=dash][data-v=dark]) .share-box code{flex: 1; min-width: 0; overflow: hidden; color: #dddddd; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .share-box code{flex: 1; min-width: 0; overflow: hidden; color: #212121; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .share-box button{flex: none; min-height: 29px; padding: 0 9px; border: 1px solid #a1a1a1; border-radius: 5px; background: #757575; color: #ffffff; font-size: 8px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .share-box button{flex: none; min-height: 29px; padding: 0 9px; border: 1px solid #5b5b5b; border-radius: 5px; background: #868686; color: #ffffff; font-size: 8px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .referral-card p{margin: 10px 0 0; color: #a5a5a5; font-size: 9px; line-height: 1.65;}
:where(html[data-c~=dash][data-v=light]) .referral-card p{margin: 10px 0 0; color: #565656; font-size: 9px; line-height: 1.65;}
:where(html[data-c~=dash]) .referral-stats{display: grid; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .referral-stats > div{display: grid; align-content: center; gap: 8px; padding: 12px; border: 1px solid #424242; border-radius: 9px; background: #161616;}
:where(html[data-c~=dash][data-v=light]) .referral-stats > div{display: grid; align-content: center; gap: 8px; padding: 12px; border: 1px solid #bababa; border-radius: 9px; background: #eaeaea;}
:where(html[data-c~=dash][data-v=dark]) .referral-stats strong{color: #c5c5c5; font-size: 18px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .referral-stats strong{color: #373737; font-size: 18px; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .referral-list{margin-top: 10px;}
:where(html[data-c~=dash]) .feature-placeholder{display: flex; align-items: center; gap: 14px; padding: 17px;}
:where(html[data-c~=dash][data-v=dark]) .feature-placeholder > span{display: grid; flex: none; width: 38px; height: 38px; place-items: center; border: 1px solid #6a6a6a; border-radius: 10px; background: #38383854; color: #bababa; font-size: 18px; box-shadow: 0 0 17px #9d9d9d1e;}
:where(html[data-c~=dash][data-v=light]) .feature-placeholder > span{display: grid; flex: none; width: 38px; height: 38px; place-items: center; border: 1px solid #909090; border-radius: 10px; background: #c4c4c454; color: #424242; font-size: 18px; box-shadow: 0 0 17px #5e5e5e1e;}
:where(html[data-c~=dash][data-v=dark]) .feature-placeholder h3{margin: 0; color: #ededed; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .feature-placeholder h3{margin: 0; color: #111111; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .feature-placeholder p{margin: 5px 0 0; color: #8e8e8e; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .feature-placeholder p{margin: 5px 0 0; color: #6d6d6d; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=dash]) .profile-panel{display: grid; grid-template-columns: minmax(170px, .7fr) minmax(240px, 1fr); align-items: start; gap: 20px;}
:where(html[data-c~=dash]) .profile-identity{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .profile-avatar{width: 43px; height: 43px; font-size: 16px;}
:where(html[data-c~=dash]) .profile-identity > div{display: grid; gap: 4px; min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .profile-identity strong{color: #ededed; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .profile-identity strong{color: #111111; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .profile-identity > div > span{color: #8e8e8e; font-size: 9px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .profile-identity > div > span{color: #6d6d6d; font-size: 9px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=dark]) .profile-identity > div > small{max-width: 330px; color: #858585; font-size: 8px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .profile-identity > div > small{max-width: 330px; color: #757575; font-size: 8px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .profile-contact-form{display: grid; gap: 8px; padding: 14px; border: 1px solid #363636; border-radius: 10px; background: #131313;}
:where(html[data-c~=dash][data-v=light]) .profile-contact-form{display: grid; gap: 8px; padding: 14px; border: 1px solid #c6c6c6; border-radius: 10px; background: #ededed;}
:where(html[data-c~=dash]) .profile-contact-form{grid-column: 1 / -1;}
:where(html[data-c~=dash][data-v=dark]) .profile-contact-form h3{margin: 0 0 3px; color: #e6e6e6; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .profile-contact-form h3{margin: 0 0 3px; color: #171717; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .profile-contact-form label{color: #c3c3c3; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .profile-contact-form label{color: #393939; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .profile-contact-form label span{color: #8e8e8e;}
:where(html[data-c~=dash][data-v=light]) .profile-contact-form label span{color: #6d6d6d;}
:where(html[data-c~=dash][data-v=dark]) .profile-contact-form input{width: 100%; min-height: 39px; padding: 0 10px; border: 1px solid #414141; border-radius: 7px; background: #0d0d0d; color: #f3f3f3; font: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .profile-contact-form input{width: 100%; min-height: 39px; padding: 0 10px; border: 1px solid #bbbbbb; border-radius: 7px; background: #f3f3f3; color: #0b0b0b; font: inherit; font-size: 10px;}
:where(html[data-c~=dash]) .profile-contact-form button{justify-self: start;}
:where(html[data-c~=dash]) .password-form{display: grid; gap: 7px;}
:where(html[data-c~=dash][data-v=dark]) .secondary-button{min-height: 33px; margin-top: 3px; border: 1px solid #6a6a6a; border-radius: 6px; background: #2b2b2b; color: #d4d4d4; font-size: 9px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .secondary-button{min-height: 33px; margin-top: 3px; border: 1px solid #909090; border-radius: 6px; background: #d2d2d2; color: #292929; font-size: 9px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .secondary-button:hover{border-color: #bcbcbc; box-shadow: 0 0 13px #9d9d9d28;}
:where(html[data-c~=dash][data-v=light]) .secondary-button:hover{border-color: #404040; box-shadow: 0 0 13px #5e5e5e28;}
:where(html[data-c~=dash][data-v=dark]) .page-error{padding: 10px 12px; border: 1px solid #666666; border-radius: 7px; background: #272727; color: #bdbdbd; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .page-error{padding: 10px 12px; border: 1px solid #959595; border-radius: 7px; background: #d7d7d7; color: #3f3f3f; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) footer{margin-top: 36px; padding: 15px 0; border-top: 1px solid #353535; color: #767676; font-size: 9px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) footer{margin-top: 36px; padding: 15px 0; border-top: 1px solid #c8c8c8; color: #858585; font-size: 9px; text-align: center;}
@media (max-width: 1000px){
:where(html[data-c~=dash]) .sidebar{width: 215px; padding-right: 11px; padding-left: 11px;}
:where(html[data-c~=dash]) .main-content{width: calc(100% - 215px); margin-left: 215px; padding-right: 22px; padding-left: 22px;}
:where(html[data-c~=dash]) .stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 720px){
:where(html[data-c~=dash][data-v=dark]) .sidebar{position: sticky; inset: 0 0 auto; width: 100%; padding: 10px 12px 8px; border-right: 0; border-bottom: 1px solid #3a3a3a50;}
:where(html[data-c~=dash][data-v=light]) .sidebar{position: sticky; inset: 0 0 auto; width: 100%; padding: 10px 12px 8px; border-right: 0; border-bottom: 1px solid #c2c2c250;}
:where(html[data-c~=dash]) .sidebar-brand{padding: 0 4px 9px; font-size: 16px;}
:where(html[data-c~=dash]) .sidebar-brand .brand-mark{width: 30px; height: 30px;}
:where(html[data-c~=dash]) .sidebar-label, :where(html[data-c~=dash]) .sidebar-bottom, :where(html[data-c~=dash]) .sidebar-wallet{display: none;}
:where(html[data-c~=dash]) .sidebar nav{display: flex; gap: 5px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin;}
:where(html[data-c~=dash]) .nav-link{min-height: 36px; flex: none; gap: 7px; padding: 0 9px; font-size: 9px;}
:where(html[data-c~=dash]) .nav-link > span{width: auto; font-size: 13px;}
:where(html[data-c~=dash]) .nav-link > i, :where(html[data-c~=dash]) .nav-link > b{display: none;}
:where(html[data-c~=dash]) .main-content{width: 100%; margin: 0; padding: 18px 14px 35px;}
:where(html[data-c~=dash]) .page-top{margin-bottom: 16px;}
:where(html[data-c~=dash]) .page-kicker{font-size: 7px;}
:where(html[data-c~=dash]) .page-top h1{font-size: 21px;}
:where(html[data-c~=dash]) .content-section{margin: 17px 0 24px;}
:where(html[data-c~=dash]) .welcome-card{min-height: 142px; padding: 18px;}
:where(html[data-c~=dash]) .welcome-orb{width: 58px; height: 58px; border-radius: 20px; font-size: 26px;}
:where(html[data-c~=dash]) .stats-grid{gap: 8px;}
:where(html[data-c~=dash]) .stat-card{padding: 11px;}
:where(html[data-c~=dash]) .stat-card > span{font-size: 7px;}
:where(html[data-c~=dash]) .task-grid, :where(html[data-c~=dash]) .wallet-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .referral-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .referral-stats{grid-template-columns: 1fr 1fr;}
:where(html[data-c~=dash]) .profile-panel{grid-template-columns: 1fr; gap: 15px;}
:where(html[data-c~=dash]) .section-heading h2{font-size: 17px;}
}
@media (max-width: 400px){
:where(html[data-c~=dash]) .top-actions .home-link{display: none;}
:where(html[data-c~=dash]) .stats-grid{grid-template-columns: 1fr 1fr;}
:where(html[data-c~=dash]) .wallet-balance{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .section-heading{align-items: start;}
:where(html[data-c~=dash]) .count-pill, :where(html[data-c~=dash]) .commission-badge{margin-top: 5px; font-size: 8px;}
:where(html[data-c~=dash]) .task-card{padding: 11px;}
:where(html[data-c~=dash]) .task-action button{padding: 0 7px;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) *, :where(html[data-c~=dash]), :where(html[data-c~=dash]) *::before, :where(html[data-c~=dash])::before, :where(html[data-c~=dash]) *::after, :where(html[data-c~=dash])::after{scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}
}
:where(html[data-c~=dash]) .blossom-layer{position: fixed; z-index: 9999; inset: 0; overflow: hidden; pointer-events: none;}
:where(html[data-c~=dash]) .petal{position: absolute; top: -28px; width: 18px; height: 22px; opacity: 0; animation: petal-fall-39b56e var(--fall-duration) linear var(--fall-delay) infinite;}
:where(html[data-c~=dash][data-v=dark]) .petal i{position: absolute; inset: 2px 4px 4px 3px; display: block; border: 1px solid #d8d8d883; border-radius: 70% 12% 70% 18%; background: radial-gradient(ellipse at 29% 31%, #f5f5f5, transparent 35%), linear-gradient(135deg, #cececee8, #959595ad 74%, #7d7d7da8); box-shadow: 0 0 12px #b0b0b042, inset 1px 1px 4px #ffffff88; transform: scale(var(--petal-scale)) rotate(28deg); animation: petal-sway-cbcbbd var(--sway-duration) ease-in-out infinite alternate;}
:where(html[data-c~=dash][data-v=light]) .petal i{position: absolute; inset: 2px 4px 4px 3px; display: block; border: 1px solid #25252583; border-radius: 70% 12% 70% 18%; background: radial-gradient(ellipse at 29% 31%, #090909, transparent 35%), linear-gradient(135deg, #2f2f2fe8, #666666ad 74%, #7e7e7ea8); box-shadow: 0 0 12px #4b4b4b42, inset 1px 1px 4px #00000088; transform: scale(var(--petal-scale)) rotate(28deg); animation: petal-sway-cbcbbd var(--sway-duration) ease-in-out infinite alternate;}
:where(html[data-c~=dash]) .petal-small{width: 12px; height: 15px;}
:where(html[data-c~=dash]) .content-section:not([hidden]){animation: none;}
:where(html[data-c~=dash]) .stats-grid .stat-card, :where(html[data-c~=dash]) .task-card, :where(html[data-c~=dash]) .shortcut-card, :where(html[data-c~=dash]) .panel{animation: none;}
:where(html[data-c~=dash]) .stats-grid .stat-card:nth-child(2){animation-delay: 55ms;}
:where(html[data-c~=dash]) .stats-grid .stat-card:nth-child(3){animation-delay: 110ms;}
:where(html[data-c~=dash]) .stats-grid .stat-card:nth-child(4){animation-delay: 165ms;}
:where(html[data-c~=dash]) .task-grid .task-card:nth-child(2n){animation-delay: 70ms;}
:where(html[data-c~=dash]) .task-grid .task-card:nth-child(3n){animation-delay: 120ms;}
:where(html[data-c~=dash]) .nav-link, :where(html[data-c~=dash]) .home-link, :where(html[data-c~=dash]) .top-actions button, :where(html[data-c~=dash]) .shortcut-card{transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;}
:where(html[data-c~=dash]) .nav-link:hover, :where(html[data-c~=dash]) .shortcut-card:hover{transform: translateX(3px);}
:where(html[data-c~=dash]) .page-top h1{font-size: clamp(25px, 2.5vw, 34px);}
:where(html[data-c~=dash]) .page-kicker, :where(html[data-c~=dash]) .section-eyebrow{font-size: 9px;}
:where(html[data-c~=dash]) .sidebar-label{font-size: 9px;}
:where(html[data-c~=dash]) .nav-link{min-height: 46px; font-size: 12px;}
:where(html[data-c~=dash]) .content-section{max-width: 1720px; margin-top: 24px; margin-bottom: 34px;}
:where(html[data-c~=dash]) .welcome-card{min-height: 185px;}
:where(html[data-c~=dash]) .welcome-card h2{font-size: clamp(25px, 2.5vw, 34px);}
:where(html[data-c~=dash]) .welcome-card p{max-width: 650px; font-size: 13px;}
:where(html[data-c~=dash]) .stats-grid{gap: 15px; margin-top: 17px;}
:where(html[data-c~=dash]) .stat-card{gap: 10px; padding: 19px;}
:where(html[data-c~=dash]) .stat-card > span{font-size: 9px;}
:where(html[data-c~=dash]) .stat-card strong{font-size: clamp(22px, 2vw, 30px);}
:where(html[data-c~=dash]) .stat-card small{font-size: 11px;}
:where(html[data-c~=dash]) .overview-shortcuts{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px;}
:where(html[data-c~=dash]) .overview-gift-code{display: grid; grid-template-columns: minmax(0, 1fr) minmax(170px, .7fr) auto; align-items: center; gap: 11px; margin-top: 12px; padding: 14px;}
:where(html[data-c~=dash]) .overview-gift-code > div{display: grid; gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .overview-gift-code > div > strong{color: #ededed; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .overview-gift-code > div > strong{color: #111111; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .overview-gift-code > div > small{color: #989898; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .overview-gift-code > div > small{color: #636363; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .overview-gift-code input{width: 100%; min-width: 0; min-height: 40px; padding: 0 11px; border: 1px solid #414141; border-radius: 8px; outline: none; background: #0e0e0e; color: #f1f1f1; font: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .overview-gift-code input{width: 100%; min-width: 0; min-height: 40px; padding: 0 11px; border: 1px solid #bbbbbb; border-radius: 8px; outline: none; background: #f3f3f3; color: #0d0d0d; font: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .overview-gift-code input:focus{border-color: #a7a7a7; box-shadow: 0 0 0 3px #a7a7a720;}
:where(html[data-c~=dash][data-v=light]) .overview-gift-code input:focus{border-color: #545454; box-shadow: 0 0 0 3px #54545420;}
:where(html[data-c~=dash]) .overview-gift-code .primary-button{min-height: 40px;}
:where(html[data-c~=dash]) .overview-gift-code .inline-message{grid-column: 1 / -1; margin: 0;}
:where(html[data-c~=dash]) .visually-hidden{position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; clip-path: inset(50%) !important;}
:where(html[data-c~=dash][data-v=dark]) .shortcut-card{display: flex; min-width: 0; align-items: center; gap: 12px; padding: 15px; border: 1px solid #484848; border-radius: 10px; background: linear-gradient(135deg, #1e1e1e, #151515);}
:where(html[data-c~=dash][data-v=light]) .shortcut-card{display: flex; min-width: 0; align-items: center; gap: 12px; padding: 15px; border: 1px solid #b4b4b4; border-radius: 10px; background: linear-gradient(135deg, #e1e1e1, #ebebeb);}
:where(html[data-c~=dash][data-v=dark]) .shortcut-card:hover{border-color: #9c9c9c; background: #272727; box-shadow: 0 0 21px #a0a0a020;}
:where(html[data-c~=dash][data-v=light]) .shortcut-card:hover{border-color: #5f5f5f; background: #d7d7d7; box-shadow: 0 0 21px #5b5b5b20;}
:where(html[data-c~=dash][data-v=dark]) .shortcut-card > span{display: grid; flex: none; width: 36px; height: 36px; place-items: center; border: 1px solid #969696; border-radius: 9px; background: #3f3f3f66; color: #c5c5c5; font-size: 18px;}
:where(html[data-c~=dash][data-v=light]) .shortcut-card > span{display: grid; flex: none; width: 36px; height: 36px; place-items: center; border: 1px solid #656565; border-radius: 9px; background: #bdbdbd66; color: #373737; font-size: 18px;}
:where(html[data-c~=dash]) .shortcut-card > div{display: grid; min-width: 0; gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .shortcut-card strong{color: #ededed; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .shortcut-card strong{color: #111111; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .shortcut-card small{color: #989898; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .shortcut-card small{color: #636363; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .shortcut-card > b{margin-left: auto; color: #c5c5c5; font-size: 16px;}
:where(html[data-c~=dash][data-v=light]) .shortcut-card > b{margin-left: auto; color: #373737; font-size: 16px;}
:where(html[data-c~=dash]) .section-heading h2{font-size: 23px;}
:where(html[data-c~=dash]) .section-heading p{font-size: 12px;}
:where(html[data-c~=dash]) .count-pill, :where(html[data-c~=dash]) .commission-badge{padding: 8px 12px; font-size: 10px;}
:where(html[data-c~=dash]) .task-grid{gap: 14px;}
:where(html[data-c~=dash]) .task-card{min-height: 116px; gap: 16px; padding: 17px 19px;}
:where(html[data-c~=dash]) .task-title{font-size: 13px;}
:where(html[data-c~=dash]) .task-note{font-size: 11px;}
:where(html[data-c~=dash]) .task-progress, :where(html[data-c~=dash]) .task-reward{font-size: 10px;}
:where(html[data-c~=dash]) .task-action button, :where(html[data-c~=dash]) .primary-button{min-height: 38px; padding: 0 14px; font-size: 10px;}
:where(html[data-c~=dash]) .fine-print{font-size: 10px;}
:where(html[data-c~=dash]) .wallet-layout{gap: 16px;}
:where(html[data-c~=dash]) .wallet-balance{gap: 12px;}
:where(html[data-c~=dash]) .wallet-balance > div{min-height: 94px; padding: 16px;}
:where(html[data-c~=dash]) .wallet-balance span, :where(html[data-c~=dash]) .referral-stats span{font-size: 9px;}
:where(html[data-c~=dash]) .wallet-balance strong{font-size: clamp(20px, 1.9vw, 27px);}
:where(html[data-c~=dash]) .panel{padding: 18px;}
:where(html[data-c~=dash]) .panel-heading h3{font-size: 14px;}
:where(html[data-c~=dash]) .panel-heading p{font-size: 10px;}
:where(html[data-c~=dash]) .withdrawal-form, :where(html[data-c~=dash]) .password-form{gap: 9px;}
:where(html[data-c~=dash]) .withdrawal-form label, :where(html[data-c~=dash]) .password-form label{font-size: 10px;}
:where(html[data-c~=dash]) .withdrawal-form input:not([type="checkbox"]), :where(html[data-c~=dash]) .withdrawal-form select, :where(html[data-c~=dash]) .password-form input{min-height: 39px; font-size: 11px;}
:where(html[data-c~=dash]) .money-row{padding: 11px 12px;}
:where(html[data-c~=dash]) .money-row strong, :where(html[data-c~=dash]) .money-amount{font-size: 10px !important;}
:where(html[data-c~=dash]) .money-row span{font-size: 9px;}
:where(html[data-c~=dash]) .referral-card{padding: 20px;}
:where(html[data-c~=dash]) .referral-card p{font-size: 11px;}
:where(html[data-c~=dash]) .share-box{padding: 9px;}
:where(html[data-c~=dash]) .share-box code{font-size: 11px;}
:where(html[data-c~=dash]) .share-box button{min-height: 34px; padding: 0 13px; font-size: 9px;}
:where(html[data-c~=dash]) .referral-stats strong{font-size: 22px;}
:where(html[data-c~=dash]) .feature-placeholder{min-height: 105px; padding: 20px;}
:where(html[data-c~=dash]) .feature-placeholder h3{font-size: 13px;}
:where(html[data-c~=dash]) .feature-placeholder p{font-size: 11px;}
:where(html[data-c~=dash]) .profile-identity strong{font-size: 13px;}
:where(html[data-c~=dash]) .profile-identity > div > span{font-size: 10px;}
:where(html[data-c~=dash]) .secondary-button{min-height: 37px; font-size: 10px;}
:where(html[data-c~=dash]) .page-error{font-size: 11px;}
:where(html[data-c~=dash]) footer{font-size: 10px;}
@media (max-width: 1000px){
:where(html[data-c~=dash]) .main-content{width: calc(100% - 215px); margin-left: 215px; padding-right: 22px; padding-left: 22px;}
:where(html[data-c~=dash]) .content-section{margin-top: 19px; margin-bottom: 27px;}
:where(html[data-c~=dash]) .welcome-card{min-height: 160px;}
:where(html[data-c~=dash]) .welcome-card h2{font-size: clamp(19px, 3vw, 26px);}
:where(html[data-c~=dash]) .welcome-card p{font-size: 11px;}
:where(html[data-c~=dash]) .stats-grid{gap: 11px;}
:where(html[data-c~=dash]) .stat-card{padding: 12px;}
:where(html[data-c~=dash]) .stat-card strong{font-size: clamp(17px, 2.2vw, 23px);}
:where(html[data-c~=dash]) .stat-card > span{font-size: 8px;}
:where(html[data-c~=dash]) .stat-card small{font-size: 9px;}
:where(html[data-c~=dash]) .task-title{font-size: 11px;}
:where(html[data-c~=dash]) .task-note{font-size: 9px;}
:where(html[data-c~=dash]) .overview-shortcuts{gap: 9px;}
}
@media (max-width: 720px){
:where(html[data-c~=dash]) .main-content{width: 100%; margin: 0; padding: 18px 14px 35px;}
:where(html[data-c~=dash]) .blossom-layer{opacity: .55;}
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .overview-gift-code{grid-template-columns: minmax(0, 1fr) auto;}
:where(html[data-c~=dash]) .overview-gift-code > div{grid-column: 1 / -1;}
:where(html[data-c~=dash]) .overview-gift-code input{grid-column: 1;}
:where(html[data-c~=dash]) .overview-gift-code .primary-button{grid-column: 2;}
:where(html[data-c~=dash]) .shortcut-card{padding: 12px;}
:where(html[data-c~=dash]) .section-heading h2{font-size: 17px;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .blossom-layer{display: none;}
}
:where(html[data-c~=dash]) .activity-chart-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 15px;}
:where(html[data-c~=dash]) .chart-panel{min-width: 0; overflow: hidden;}
:where(html[data-c~=dash]) .activity-chart{min-height: 160px;}
:where(html[data-c~=dash]) .activity-chart svg{display: block; width: 100%; height: auto; overflow: visible;}
:where(html[data-c~=dash][data-v=dark]) .chart-grid-line{stroke: #525252; stroke-dasharray: 3 5; stroke-width: 1; opacity: .55;}
:where(html[data-c~=dash][data-v=light]) .chart-grid-line{stroke: #a9a9a9; stroke-dasharray: 3 5; stroke-width: 1; opacity: .55;}
:where(html[data-c~=dash][data-v=dark]) .chart-axis-label{fill: #8f8f8f; font-family: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .chart-axis-label{fill: #6c6c6c; font-family: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .chart-area{fill: #a0a0a01c;}
:where(html[data-c~=dash][data-v=light]) .chart-area{fill: #5b5b5b1c;}
:where(html[data-c~=dash][data-v=dark]) .chart-line{fill: none; stroke: #b3b3b3; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; filter: drop-shadow(0 0 5px #a0a0a066);}
:where(html[data-c~=dash][data-v=light]) .chart-line{fill: none; stroke: #494949; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; filter: drop-shadow(0 0 5px #5b5b5b66);}
:where(html[data-c~=dash][data-v=dark]) .chart-point{fill: #d3d3d3; stroke: #202020; stroke-width: 2;}
:where(html[data-c~=dash][data-v=light]) .chart-point{fill: #2a2a2a; stroke: #dedede; stroke-width: 2;}
:where(html[data-c~=dash][data-v=dark]) .chart-point:focus{outline: none; stroke: #f2f2f2; stroke-width: 4;}
:where(html[data-c~=dash][data-v=light]) .chart-point:focus{outline: none; stroke: #0d0d0d; stroke-width: 4;}
:where(html[data-c~=dash]) .task-history-panel{margin-top: 13px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-hero{display: grid; gap: 5px; margin: 0 0 14px; padding: 15px 17px; border: 1px solid #535353; border-radius: 11px; background: radial-gradient(ellipse at 15% 0, #a3a3a32b, transparent 62%), linear-gradient(120deg, #242424, #131313);}
:where(html[data-c~=dash][data-v=light]) .leaderboard-hero{display: grid; gap: 5px; margin: 0 0 14px; padding: 15px 17px; border: 1px solid #a9a9a9; border-radius: 11px; background: radial-gradient(ellipse at 15% 0, #5858582b, transparent 62%), linear-gradient(120deg, #d9d9d9, #ededed);}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-hero-eyebrow{color: #bbbbbb; font-size: 8px; font-weight: 800; letter-spacing: .9px;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-hero-eyebrow{color: #414141; font-size: 8px; font-weight: 800; letter-spacing: .9px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-hero h3{margin: 0; color: #e7e7e7; font-size: 14px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-hero h3{margin: 0; color: #161616; font-size: 14px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-hero p{margin: 0; color: #a5a5a5; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-hero p{margin: 0; color: #575757; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=dash]) .leaderboard-stage{margin: 0 0 14px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-stage-title{margin: 0 0 9px; color: #dbdbdb; font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-stage-title{margin: 0 0 9px; color: #222222; font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase;}
:where(html[data-c~=dash]) .leaderboard-podium{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 12px;}
:where(html[data-c~=dash]) .leaderboard-podium > .empty-list{grid-column: 1 / -1;}
:where(html[data-c~=dash]) .podium-2{order: 1;}
:where(html[data-c~=dash]) .podium-1{order: 2;}
:where(html[data-c~=dash]) .podium-3{order: 3;}
:where(html[data-c~=dash][data-v=dark]) .podium-card{position: relative; display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 20px 12px 12px; border: 1px solid #323232; border-radius: 14px; background: linear-gradient(165deg, #131313, #0d0d0d); text-align: center;}
:where(html[data-c~=dash][data-v=light]) .podium-card{position: relative; display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 20px 12px 12px; border: 1px solid #cacaca; border-radius: 14px; background: linear-gradient(165deg, #ececec, #f4f4f4); text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .podium-1{min-height: 178px; border-color: #a9a9a9; background: radial-gradient(ellipse at 50% 0, #bdbdbd2e, transparent 62%), linear-gradient(165deg, #1a1a1a, #0f0f0f); box-shadow: 0 0 26px #b8b8b826, inset 0 0 20px #c0c0c010;}
:where(html[data-c~=dash][data-v=light]) .podium-1{min-height: 178px; border-color: #525252; background: radial-gradient(ellipse at 50% 0, #3f3f3f2e, transparent 62%), linear-gradient(165deg, #e4e4e4, #f1f1f1); box-shadow: 0 0 26px #44444426, inset 0 0 20px #3c3c3c10;}
:where(html[data-c~=dash]) .podium-2, :where(html[data-c~=dash]) .podium-3{min-height: 152px;}
:where(html[data-c~=dash][data-v=dark]) .podium-rank{position: absolute; top: 8px; left: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: 1px solid #494949; border-radius: 999px; background: #151515; color: #cacaca; font-size: 9px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .podium-rank{position: absolute; top: 8px; left: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: 1px solid #b3b3b3; border-radius: 999px; background: #ebebeb; color: #333333; font-size: 9px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .podium-1 .podium-rank{border-color: #b2b2b2; background: #222222; color: #d8d8d8;}
:where(html[data-c~=dash][data-v=light]) .podium-1 .podium-rank{border-color: #4a4a4a; background: #dcdcdc; color: #252525;}
:where(html[data-c~=dash][data-v=dark]) .podium-avatar{display: grid; width: 58px; height: 58px; place-items: center; overflow: hidden; border: 2px solid #3e3e3e; border-radius: 50%; background: linear-gradient(150deg, #242424, #131313); color: #d4d4d4; font-size: 20px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .podium-avatar{display: grid; width: 58px; height: 58px; place-items: center; overflow: hidden; border: 2px solid #bebebe; border-radius: 50%; background: linear-gradient(150deg, #dadada, #ededed); color: #292929; font-size: 20px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .podium-1 .podium-avatar{width: 68px; height: 68px; border-color: #bababa; box-shadow: 0 0 20px #b8b8b83d;}
:where(html[data-c~=dash][data-v=light]) .podium-1 .podium-avatar{width: 68px; height: 68px; border-color: #424242; box-shadow: 0 0 20px #4444443d;}
:where(html[data-c~=dash]) .podium-avatar img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
:where(html[data-c~=dash][data-v=dark]) .podium-name{overflow-wrap: anywhere; color: #ececec; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .podium-name{overflow-wrap: anywhere; color: #121212; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .podium-tasks{color: #8e8e8e; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .podium-tasks{color: #6d6d6d; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .podium-income{display: block; width: 100%; margin-top: 2px; padding: 5px 8px; border: 1px solid #343434; border-radius: 999px; background: #0f0f0f; color: #c5c5c5; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .podium-income{display: block; width: 100%; margin-top: 2px; padding: 5px 8px; border: 1px solid #c8c8c8; border-radius: 999px; background: #f1f1f1; color: #373737; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .podium-1 .podium-income{border-color: #b2b2b2; background: linear-gradient(100deg, #2d2d2d, #434343); color: #e1e1e1;}
:where(html[data-c~=dash][data-v=light]) .podium-1 .podium-income{border-color: #4a4a4a; background: linear-gradient(100deg, #d0d0d0, #b9b9b9); color: #1d1d1d;}
:where(html[data-c~=dash]) .leaderboard-table{width: 100%; border-collapse: separate; border-spacing: 0 6px; table-layout: fixed;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-table th{padding: 0 10px 4px; color: #737373; font-size: 8px; font-weight: 800; letter-spacing: .6px; text-align: left; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-table th{padding: 0 10px 4px; color: #888888; font-size: 8px; font-weight: 800; letter-spacing: .6px; text-align: left; text-transform: uppercase;}
:where(html[data-c~=dash]) .leaderboard-table th:first-child{width: 84px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(3){width: 112px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(4){width: 128px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(3), :where(html[data-c~=dash]) .leaderboard-table th:nth-child(4), :where(html[data-c~=dash]) .leaderboard-table td:nth-child(3), :where(html[data-c~=dash]) .leaderboard-table td:nth-child(4){text-align: right;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-table td{padding: 8px 10px; border-top: 1px solid #282828; border-bottom: 1px solid #282828; background: #101010; color: #cfcfcf; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-table td{padding: 8px 10px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background: #f0f0f0; color: #2e2e2e; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-table td:first-child{border-left: 1px solid #282828; border-radius: 9px 0 0 9px;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-table td:first-child{border-left: 1px solid #d5d5d5; border-radius: 9px 0 0 9px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-table td:last-child{border-right: 1px solid #282828; border-radius: 0 9px 9px 0;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-table td:last-child{border-right: 1px solid #d5d5d5; border-radius: 0 9px 9px 0;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-table tr:hover td{background: #141414;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-table tr:hover td{background: #ebebeb;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-rank{display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #383838; border-radius: 8px; background: #151515; color: #b3b3b3; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-rank{display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #c4c4c4; border-radius: 8px; background: #ebebeb; color: #494949; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash]) .leaderboard-person{display: flex; min-width: 0; align-items: center; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-avatar{display: grid; width: 30px; height: 30px; flex: none; place-items: center; overflow: hidden; border: 1px solid #3a3a3a; border-radius: 50%; background: linear-gradient(150deg, #242424, #131313); color: #d4d4d4; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-avatar{display: grid; width: 30px; height: 30px; flex: none; place-items: center; overflow: hidden; border: 1px solid #c2c2c2; border-radius: 50%; background: linear-gradient(150deg, #dadada, #ededed); color: #292929; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash]) .leaderboard-avatar img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-person strong{display: block; overflow: hidden; color: #e3e3e3; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-person strong{display: block; overflow: hidden; color: #1b1b1b; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash]) .leaderboard-person-info{min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-handle{display: block; overflow: hidden; margin-top: 1px; color: #7c7c7c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-handle{display: block; overflow: hidden; margin-top: 1px; color: #7f7f7f; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-tasks{color: #cfcfcf; font-size: 10px; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-tasks{color: #2e2e2e; font-size: 10px; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-badge{display: inline-block; padding: 3px 9px; border: 1px solid #373737; border-radius: 999px; background: #171717; color: #a7a7a7; font-size: 8px; font-weight: 850; letter-spacing: .6px; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-badge{display: inline-block; padding: 3px 9px; border: 1px solid #c5c5c5; border-radius: 999px; background: #e8e8e8; color: #545454; font-size: 8px; font-weight: 850; letter-spacing: .6px; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-badge.is-top{border-color: #a3a3a3; background: linear-gradient(100deg, #282828, #333333); color: #d3d3d3;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-badge.is-top{border-color: #595959; background: linear-gradient(100deg, #d5d5d5, #cacaca); color: #2a2a2a;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-income{color: #c5c5c5; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-income{color: #373737; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .empty-list{display: grid; min-height: 65px; place-items: center; padding: 14px; color: #919191; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .empty-list{display: grid; min-height: 65px; place-items: center; padding: 14px; color: #6a6a6a; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm{display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #4f4f4f; border-radius: 8px; background: linear-gradient(110deg, #2a2a2a, #181818); color: #cacaca !important; font-size: 9px !important; line-height: 1.6; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm{display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #acacac; border-radius: 8px; background: linear-gradient(110deg, #d3d3d3, #e7e7e7); color: #333333 !important; font-size: 9px !important; line-height: 1.6; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm:has(input:checked){border-color: #a3a3a3; box-shadow: 0 0 15px #a0a0a01b;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm:has(input:checked){border-color: #585858; box-shadow: 0 0 15px #5b5b5b1b;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm input[type="checkbox"]{box-sizing: border-box; flex: 0 0 16px; width: 16px; min-width: 16px; max-width: 16px; min-height: 16px; height: 16px; margin: 1px 0 0; padding: 0; accent-color: #9d9d9d; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm input[type="checkbox"]{box-sizing: border-box; flex: 0 0 16px; width: 16px; min-width: 16px; max-width: 16px; min-height: 16px; height: 16px; margin: 1px 0 0; padding: 0; accent-color: #5e5e5e; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm input[type="checkbox"]{appearance: none; border: 1px solid #848484; border-radius: 4px; background: #121212;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm input[type="checkbox"]{appearance: none; border: 1px solid #777777; border-radius: 4px; background: #ededed;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm input[type="checkbox"]:checked{border-color: #b5b5b5; background: #868686; box-shadow: inset 0 0 0 3px #161616;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm input[type="checkbox"]:checked{border-color: #474747; background: #757575; box-shadow: inset 0 0 0 3px #e9e9e9;}
:where(html[data-c~=dash]) .withdrawal-confirm > span{display: grid; gap: 3px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm strong{color: #d2d2d2; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm strong{color: #2b2b2b; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm small{color: #9b9b9b; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm small{color: #616161; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .rush-option{border-color: #7d7d7d; background: linear-gradient(110deg, #333333, #1a1a1a);}
:where(html[data-c~=dash][data-v=light]) .rush-option{border-color: #7d7d7d; background: linear-gradient(110deg, #cacaca, #e5e5e5);}
:where(html[data-c~=dash]) .rush-option[hidden]{display: none;}
:where(html[data-c~=dash]) .gift-layout{display: grid; grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr); align-items: start; gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card{display: grid; justify-items: center; gap: 10px; padding: 26px; border-color: #65656577; background: radial-gradient(ellipse at 50% 0, #a0a0a020, transparent 58%), linear-gradient(145deg, #1b1b1b, #141414);}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card{display: grid; justify-items: center; gap: 10px; padding: 26px; border-color: #95959577; background: radial-gradient(ellipse at 50% 0, #5b5b5b20, transparent 58%), linear-gradient(145deg, #e3e3e3, #ececec);}
:where(html[data-c~=dash][data-v=dark]) .gift-icon{display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #8a8a8a; border-radius: 16px; background: #4242425c; color: #c5c5c5; font-size: 25px; box-shadow: 0 0 24px #a0a0a022;}
:where(html[data-c~=dash][data-v=light]) .gift-icon{display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #707070; border-radius: 16px; background: #bababa5c; color: #373737; font-size: 25px; box-shadow: 0 0 24px #5b5b5b22;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card h3{margin: 2px 0 0; color: #ececec; font-size: 15px;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card h3{margin: 2px 0 0; color: #121212; font-size: 15px;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card > p{margin: 0; color: #989898; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card > p{margin: 0; color: #636363; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card label{width: 100%; margin: 6px 0 0; color: #c3c3c3; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card label{width: 100%; margin: 6px 0 0; color: #393939; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card input{width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #4f4f4f; border-radius: 7px; outline: none; background: #0f0f0f; color: #f1f1f1; font: inherit; font-size: 11px; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card input{width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #acacac; border-radius: 7px; outline: none; background: #f1f1f1; color: #0d0d0d; font: inherit; font-size: 11px; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card input:focus{border-color: #9d9d9d; box-shadow: 0 0 0 3px #9d9d9d25;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card input:focus{border-color: #5e5e5e; box-shadow: 0 0 0 3px #5e5e5e25;}
:where(html[data-c~=dash]) .gift-redeem-card .primary-button{width: 100%; min-height: 40px;}
:where(html[data-c~=dash]) .gift-redeem-card .inline-message{min-height: 15px;}
:where(html[data-c~=dash]) .gift-history-panel{min-height: 190px;}
:where(html[data-c~=dash]) .sidebar-bottom{display: flex; grid-template-columns: minmax(0, 1fr) 40px; align-items: center; gap: 6px;}
:where(html[data-c~=dash]) .sidebar-user{flex: 1;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout{display: grid !important; flex: none; width: 36px; height: 36px; place-items: center; padding: 0 !important; border: 1px solid #5f5f5f3c !important; border-radius: 11px !important; background: linear-gradient(145deg, #282828, #1a1a1a) !important; color: #bdbdbd !important; font-size: 17px !important; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout{display: grid !important; flex: none; width: 36px; height: 36px; place-items: center; padding: 0 !important; border: 1px solid #9c9c9c3c !important; border-radius: 11px !important; background: linear-gradient(145deg, #d6d6d6, #e5e5e5) !important; color: #3f3f3f !important; font-size: 17px !important; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout:hover{border-color: #ff8295 !important; background: linear-gradient(145deg, #353535, #242424) !important; box-shadow: 0 0 17px #6d6d6d40; transform: translateX(2px);}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout:hover{border-color: #b8001c !important; background: linear-gradient(145deg, #c7c7c7, #dadada) !important; box-shadow: 0 0 17px #8e8e8e40; transform: translateX(2px);}
:where(html[data-c~=dash]) .nav-link[data-route="quy-dinh"]{margin-top: auto;}
:where(html[data-c~=dash][data-v=dark]) .chart-point-future{fill: #bbbbbb; stroke: #363636; stroke-dasharray: 2 2;}
:where(html[data-c~=dash][data-v=light]) .chart-point-future{fill: #414141; stroke: #c6c6c6; stroke-dasharray: 2 2;}
:where(html[data-c~=dash]) .withdrawal-method-tabs{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab{min-height: 39px; padding: 0 8px; border: 1px solid #4a4a4a; border-radius: 8px; background: linear-gradient(110deg, #1d1d1d, #181818); color: #b7b7b7; font-size: 10px; font-weight: 750; cursor: pointer; transition: .2s ease;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab{min-height: 39px; padding: 0 8px; border: 1px solid #b1b1b1; border-radius: 8px; background: linear-gradient(110deg, #e1e1e1, #e7e7e7); color: #454545; font-size: 10px; font-weight: 750; cursor: pointer; transition: .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab:hover, :where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab.is-active{border-color: #f17b83; background: linear-gradient(105deg, #444444, #a3484b); color: #f3f3f3; box-shadow: 0 0 15px #ec66732c;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab:hover, :where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab.is-active{border-color: #a6121c; background: linear-gradient(105deg, #b7b7b7, #a3484b); color: #0b0b0b; box-shadow: 0 0 15px #a314222c;}
:where(html[data-c~=dash][data-v=dark]) .required-hint{color: #acacac; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .required-hint{color: #4f4f4f; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form input[type="file"]{height: auto; min-height: 38px; padding: 7px; border-style: dashed; border-color: #676767; background: #161616;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form input[type="file"]{height: auto; min-height: 38px; padding: 7px; border-style: dashed; border-color: #949494; background: #e9e9e9;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form input[type="file"]::file-selector-button{margin-right: 9px; padding: 5px 8px; border: 1px solid #6e6e6e; border-radius: 5px; background: #282828; color: #d9d9d9; font-size: 9px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form input[type="file"]::file-selector-button{margin-right: 9px; padding: 5px 8px; border: 1px solid #8d8d8d; border-radius: 5px; background: #d6d6d6; color: #242424; font-size: 9px; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-preview{display: block; width: min(100%, 210px); max-height: 210px; justify-self: start; padding: 5px; border: 1px solid #6c6c6c; border-radius: 9px; background: #ffffff; object-fit: contain;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-preview{display: block; width: min(100%, 210px); max-height: 210px; justify-self: start; padding: 5px; border: 1px solid #8f8f8f; border-radius: 9px; background: #000000; object-fit: contain;}
:where(html[data-c~=dash]) .bank-qr-preview[hidden]{display: none;}
:where(html[data-c~=dash]) .card-choice-group{min-width: 0; margin: 2px 0 5px; padding: 0; border: 0;}
:where(html[data-c~=dash][data-v=dark]) .card-choice-group legend{margin-bottom: 8px; color: #d5d5d5; font-size: 10px; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .card-choice-group legend{margin-bottom: 8px; color: #282828; font-size: 10px; font-weight: 750;}
:where(html[data-c~=dash]) .card-brand-choices{display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: stretch;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice{display: grid; width: 100%; aspect-ratio: 1; grid-template-rows: minmax(0, 1fr) auto; gap: 5px; min-width: 0; padding: 7px; border: 1px solid #434343; border-radius: 12px; background: linear-gradient(145deg, #1a1a1a, #141414); color: #dadada; font-size: 9px; font-weight: 750; cursor: pointer; transition: .2s ease;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice{display: grid; width: 100%; aspect-ratio: 1; grid-template-rows: minmax(0, 1fr) auto; gap: 5px; min-width: 0; padding: 7px; border: 1px solid #b9b9b9; border-radius: 12px; background: linear-gradient(145deg, #e5e5e5, #ebebeb); color: #232323; font-size: 9px; font-weight: 750; cursor: pointer; transition: .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice img{display: block; width: 100%; height: 100%; min-height: 0; border-radius: 8px; object-fit: contain; background: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice img{display: block; width: 100%; height: 100%; min-height: 0; border-radius: 8px; object-fit: contain; background: #000000;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice[aria-pressed="true"]{border-color: #a1a1a1; background: linear-gradient(145deg, #2e2e2e, #1e1e1e); box-shadow: 0 0 15px #ef607532;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice[aria-pressed="true"]{border-color: #5a5a5a; background: linear-gradient(145deg, #cfcfcf, #e1e1e1); box-shadow: 0 0 15px #a7112732;}
:where(html[data-c~=dash]) .card-brand-choice:disabled{opacity: .42; filter: grayscale(.75); cursor: not-allowed;}
:where(html[data-c~=dash]) .card-denomination-choices{display: grid; grid-template-columns: repeat(3, minmax(0, 112px)); gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice{width: 100%; min-height: 40px; border: 1px solid #424242; border-radius: 9px; background: #161616; color: #dcdcdc; font-size: 10px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice{width: 100%; min-height: 40px; border: 1px solid #bababa; border-radius: 9px; background: #eaeaea; color: #212121; font-size: 10px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice[aria-pressed="true"]{border-color: #a1a1a1; background: linear-gradient(115deg, #474747, #a94b50); color: #f2f2f2; box-shadow: 0 0 12px #75757530;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice[aria-pressed="true"]{border-color: #5a5a5a; background: linear-gradient(115deg, #b4b4b4, #a94b50); color: #0c0c0c; box-shadow: 0 0 12px #86868630;}
:where(html[data-c~=dash]) .card-denomination-choice:disabled{opacity: .38; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=dark]) .gift-icon{border-color: #9d9d9d; background: linear-gradient(145deg, #353535, #292929); color: #d8d8d8; box-shadow: 0 0 24px #ed607422;}
:where(html[data-c~=dash][data-v=light]) .gift-icon{border-color: #5e5e5e; background: linear-gradient(145deg, #c8c8c8, #d4d4d4); color: #252525; box-shadow: 0 0 24px #a5132722;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card{border-color: #67676777; background: radial-gradient(ellipse at 50% 0, #f16f8120, transparent 58%), linear-gradient(145deg, #1b1b1b, #141414);}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card{border-color: #94949477; background: radial-gradient(ellipse at 50% 0, #a7102520, transparent 58%), linear-gradient(145deg, #e4e4e4, #ebebeb);}
:where(html[data-c~=dash]) .page-top h1{font-size: clamp(23px, 2.25vw, 31px);}
:where(html[data-c~=dash]) .section-heading h2{font-size: 21px;}
:where(html[data-c~=dash]) .main-content{padding-top: 24px;}
:where(html[data-c~=dash]) .stats-grid{gap: 12px;}
:where(html[data-c~=dash]) .stat-card{padding: 16px;}
:where(html[data-c~=dash]) .wallet-layout{grid-template-columns: minmax(0, 1fr); gap: 17px;}
:where(html[data-c~=dash]) .wallet-main{gap: 14px;}
:where(html[data-c~=dash]) .wallet-history{gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form{gap: 13px; padding: clamp(19px, 2.4vw, 30px); border-color: #5e5e5e77; background: radial-gradient(ellipse at 92% 0, #7d7d7d16, transparent 40%), linear-gradient(145deg, #191919, #131313); box-shadow: 0 16px 44px #00000033, 0 0 28px #e75c7311;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form{gap: 13px; padding: clamp(19px, 2.4vw, 30px); border-color: #9c9c9c77; background: radial-gradient(ellipse at 92% 0, #7d7d7d16, transparent 40%), linear-gradient(145deg, #e6e6e6, #ededed); box-shadow: 0 16px 44px #ffffff33, 0 0 28px #a0182e11;}
:where(html[data-c~=dash]) .withdrawal-form .panel-heading{margin-bottom: 2px;}
:where(html[data-c~=dash]) .withdrawal-form .panel-heading h3{font-size: 17px;}
:where(html[data-c~=dash]) .withdrawal-form .panel-heading p{font-size: 11px;}
:where(html[data-c~=dash]) .withdrawal-method-tab{min-height: 48px; font-size: 12px;}
:where(html[data-c~=dash]) .withdrawal-form label{font-size: 11px;}
:where(html[data-c~=dash]) .withdrawal-form input:not([type="file"]):not([type="checkbox"]), :where(html[data-c~=dash]) .withdrawal-form select{min-height: 45px; padding: 10px 12px; font-size: 12px;}
:where(html[data-c~=dash]) .withdrawal-form .fine-print{font-size: 10px;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(4, minmax(0, 132px)); gap: 12px;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(4, minmax(0, 132px)); justify-content: space-between; gap: 12px;}
:where(html[data-c~=dash]) .card-denomination-choices{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .card-brand-choice{gap: 8px; padding: 9px; font-size: 11px;}
:where(html[data-c~=dash]) .card-denomination-choice{min-height: 48px; font-size: 12px;}
:where(html[data-c~=dash]) .withdrawal-form .primary-button{min-height: 48px; font-size: 12px;}
:where(html[data-c~=dash]) .wallet-history > .panel{min-height: 160px; padding: clamp(18px, 2vw, 26px);}
:where(html[data-c~=dash]) .rows-list.empty-list{display: grid; min-height: 90px; place-items: center;}
:where(html[data-c~=dash]) .gift-layout{grid-template-columns: minmax(0, 1fr); justify-items: center;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card{width: min(100%, 780px); min-height: 290px; justify-items: stretch; align-content: center; padding: clamp(24px, 4vw, 48px); border-radius: 18px; box-shadow: 0 20px 55px #00000044, 0 0 34px #ed607522;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card{width: min(100%, 780px); min-height: 290px; justify-items: stretch; align-content: center; padding: clamp(24px, 4vw, 48px); border-radius: 18px; box-shadow: 0 20px 55px #ffffff44, 0 0 34px #a5132822;}
:where(html[data-c~=dash]) .gift-redeem-card h3{font-size: clamp(20px, 2.5vw, 27px);}
:where(html[data-c~=dash]) .gift-redeem-card p{font-size: 12px;}
:where(html[data-c~=dash]) .gift-redeem-card input{min-height: 54px; font-size: 16px; letter-spacing: 1.2px;}
:where(html[data-c~=dash]) .gift-redeem-card .primary-button{min-height: 49px; font-size: 12px;}
:where(html[data-c~=dash]) .rules-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px;}
:where(html[data-c~=dash][data-v=dark]) .rule-card{position: relative; min-height: 190px; overflow: hidden; border-color: #53535377; background: radial-gradient(ellipse at 100% 0, #ed637619, transparent 44%), linear-gradient(145deg, #181818, #131313); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
:where(html[data-c~=dash][data-v=light]) .rule-card{position: relative; min-height: 190px; overflow: hidden; border-color: #a9a9a977; background: radial-gradient(ellipse at 100% 0, #a5132719, transparent 44%), linear-gradient(145deg, #e7e7e7, #ededed); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:hover{transform: translateY(-4px); border-color: #9c9c9c; box-shadow: 0 12px 28px #00000033, 0 0 22px #ef71801c;}
:where(html[data-c~=dash][data-v=light]) .rule-card:hover{transform: translateY(-4px); border-color: #5f5f5f; box-shadow: 0 12px 28px #ffffff33, 0 0 22px #a513241c;}
:where(html[data-c~=dash][data-v=dark]) .rule-number{display: inline-grid; width: 31px; height: 31px; place-items: center; margin-bottom: 13px; border: 1px solid #9b9b9b4f; border-radius: 10px; background: #48484845; color: #c0c0c0; font-size: 10px; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .rule-number{display: inline-grid; width: 31px; height: 31px; place-items: center; margin-bottom: 13px; border: 1px solid #6060604f; border-radius: 10px; background: #b4b4b445; color: #3c3c3c; font-size: 10px; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .rule-card h3{margin: 0 0 8px; color: #eaeaea; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .rule-card h3{margin: 0 0 8px; color: #141414; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .rule-card p, :where(html[data-c~=dash][data-v=dark]) .rules-disclaimer{margin: 0; color: #aaaaaa; font-size: 11px; line-height: 1.8;}
:where(html[data-c~=dash][data-v=light]) .rule-card p, :where(html[data-c~=dash][data-v=light]) .rules-disclaimer{margin: 0; color: #515151; font-size: 11px; line-height: 1.8;}
:where(html[data-c~=dash][data-v=dark]) .rules-disclaimer{margin-top: 12px; padding: 13px 16px; border-left: 3px solid #eb7585; border-radius: 0 8px 8px 0; background: #202020; color: #cdcdcd;}
:where(html[data-c~=dash][data-v=light]) .rules-disclaimer{margin-top: 12px; padding: 13px 16px; border-left: 3px solid #a0172a; border-radius: 0 8px 8px 0; background: #dedede; color: #303030;}
:where(html[data-c~=dash]) .rule-card:nth-child(2n){animation-delay: 80ms;}
@media (max-width: 720px){
:where(html[data-c~=dash]) .activity-chart-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .gift-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .rules-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(2, minmax(0, 96px)); justify-content: space-between;}
:where(html[data-c~=dash]) .leaderboard-podium{gap: 7px;}
:where(html[data-c~=dash]) .podium-card{padding: 13px 7px;}
:where(html[data-c~=dash]) .podium-name{font-size: 10px;}
:where(html[data-c~=dash]) .podium-tasks{font-size: 8px;}
:where(html[data-c~=dash]) .podium-income{font-size: 9px;}
:where(html[data-c~=dash]) .sidebar-bottom{position: absolute; top: 8px; right: 12px; display: flex; margin: 0; padding: 0; border: 0;}
:where(html[data-c~=dash]) .sidebar-user{display: none;}
:where(html[data-c~=dash]) .sidebar nav{padding-right: 48px;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(2, minmax(0, 88px)); justify-content: space-between;}
}
@media (prefers-reduced-motion: reduce){
html:where([data-c~=dash]){scroll-behavior: auto;}
:where(html[data-c~=dash]) .dashboard-page-loader.is-loading::after{animation: none; transform: translateX(0);}
:where(html[data-c~=dash]) .content-section:not([hidden]){animation: none;}
}
:where(html[data-c~=dash]) [hidden]{display: none !important;}
:where(html[data-c~=dash]) .sidebar-wallet{gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet::after{content: ""; display: block; width: 38px; height: 2px; margin-top: 4px; border-radius: 2px; background: linear-gradient(90deg, #a7a7a7, transparent);}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet::after{content: ""; display: block; width: 38px; height: 2px; margin-top: 4px; border-radius: 2px; background: linear-gradient(90deg, #555555, transparent);}
:where(html[data-c~=dash][data-v=dark]) .stat-card-balance{border-color: #555555; background: linear-gradient(145deg, #363636, #1d1d1d); box-shadow: inset 0 0 28px #2b8f5d1c;}
:where(html[data-c~=dash][data-v=light]) .stat-card-balance{border-color: #a6a6a6; background: linear-gradient(145deg, #c6c6c6, #e2e2e2); box-shadow: inset 0 0 28px #2b8f5d1c;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-balance strong{color: #dcdcdc;}
:where(html[data-c~=dash][data-v=light]) .stat-card-balance strong{color: #212121;}
:where(html[data-c~=dash]) .stat-card{transition: transform .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .stat-card:hover{transform: translateY(-2px); border-color: #717171;}
:where(html[data-c~=dash][data-v=light]) .stat-card:hover{transform: translateY(-2px); border-color: #898989;}
:where(html[data-c~=dash]) .overview-board-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px;}
:where(html[data-c~=dash]) .overview-board{display: grid; gap: 10px; padding: 16px; align-content: start;}
:where(html[data-c~=dash]) .overview-board .panel-heading{margin-bottom: 0;}
:where(html[data-c~=dash]) .overview-task-list{display: grid; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .overview-task-row{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid #343434; border-radius: 9px; background: #131313; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease;}
:where(html[data-c~=dash][data-v=light]) .overview-task-row{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid #c8c8c8; border-radius: 9px; background: #ededed; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .overview-task-row:hover{transform: translateX(3px); border-color: #8d8d8d; background: #171717;}
:where(html[data-c~=dash][data-v=light]) .overview-task-row:hover{transform: translateX(3px); border-color: #6e6e6e; background: #e8e8e8;}
:where(html[data-c~=dash][data-v=dark]) .overview-task-icon{display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #1f1f1f; font-size: 16px; animation: taskFloat-38deef 4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .overview-task-icon{display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #dfdfdf; font-size: 16px; animation: taskFloat-38deef 4s ease-in-out infinite;}
:where(html[data-c~=dash]) .overview-task-row div{display: grid; min-width: 0; gap: 2px;}
:where(html[data-c~=dash][data-v=dark]) .overview-task-row strong{overflow: hidden; color: #e2e2e2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .overview-task-row strong{overflow: hidden; color: #1b1b1b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .overview-task-row small{overflow: hidden; color: #8e8e8e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .overview-task-row small{overflow: hidden; color: #6d6d6d; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .overview-task-row b{color: #b9b9b9; font-size: 11px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .overview-task-row b{color: #434343; font-size: 11px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .panel-link{color: #b9b9b9; font-size: 9px; text-decoration: none; border-bottom: 1px solid #b9b9b955;}
:where(html[data-c~=dash][data-v=light]) .panel-link{color: #424242; font-size: 9px; text-decoration: none; border-bottom: 1px solid #42424255;}
:where(html[data-c~=dash][data-v=dark]) .panel-link:hover{color: #d6d6d6;}
:where(html[data-c~=dash][data-v=light]) .panel-link:hover{color: #272727;}
:where(html[data-c~=dash][data-v=dark]) .qr-highlight{display: grid; gap: 8px; margin-top: 6px; padding: 14px; border: 1px dashed #989898; border-radius: 12px; background: linear-gradient(140deg, #212121, #151515); box-shadow: 0 0 24px #9c9c9c1a;}
:where(html[data-c~=dash][data-v=light]) .qr-highlight{display: grid; gap: 8px; margin-top: 6px; padding: 14px; border: 1px dashed #636363; border-radius: 12px; background: linear-gradient(140deg, #dddddd, #ebebeb); box-shadow: 0 0 24px #5f5f5f1a;}
:where(html[data-c~=dash]) .qr-highlight-head{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .qr-highlight-head strong{color: #e2e2e2; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .qr-highlight-head strong{color: #1c1c1c; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .qr-highlight p{margin: 0; color: #aaaaaa; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .qr-highlight p{margin: 0; color: #525252; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .qr-badge{padding: 2px 7px; border-radius: 999px; background: #a5a5a5; color: #111111; font-size: 8px; font-weight: 900; letter-spacing: .6px; animation: badgePulse-6d2304 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .qr-badge{padding: 2px 7px; border-radius: 999px; background: #565656; color: #efefef; font-size: 8px; font-weight: 900; letter-spacing: .6px; animation: badgePulse-6990f8 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .qr-drop{display: grid; justify-items: center; gap: 3px; padding: 16px; border: 1px solid #484848; border-radius: 10px; background: #101010; color: #dadada; cursor: pointer; text-align: center; transition: border-color .2s ease, background .2s ease;}
:where(html[data-c~=dash][data-v=light]) .qr-drop{display: grid; justify-items: center; gap: 3px; padding: 16px; border: 1px solid #b4b4b4; border-radius: 10px; background: #f0f0f0; color: #232323; cursor: pointer; text-align: center; transition: border-color .2s ease, background .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .qr-drop:hover{border-color: #b7b7b7; background: #171717;}
:where(html[data-c~=dash][data-v=light]) .qr-drop:hover{border-color: #454545; background: #e9e9e9;}
:where(html[data-c~=dash]) .qr-drop > span{font-size: 20px;}
:where(html[data-c~=dash]) .qr-drop b{font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .qr-drop small{color: #909090; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .qr-drop small{color: #6b6b6b; font-size: 9px;}
:where(html[data-c~=dash]) .card-brand-choice.is-out-of-stock, :where(html[data-c~=dash]) .card-denomination-choice.is-out-of-stock{opacity: .62; filter: grayscale(.35);}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice[aria-pressed="true"]{border-color: #a5a5a5; background: #1b1b1b; box-shadow: 0 0 20px #a5a5a54d, inset 0 0 16px #a5a5a514; transform: translateY(-2px);}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice[aria-pressed="true"]{border-color: #565656; background: #e4e4e4; box-shadow: 0 0 20px #5656564d, inset 0 0 16px #56565614; transform: translateY(-2px);}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice[aria-pressed="true"]{border-color: #d0d0d0; background: #272727; color: #e7e7e7; box-shadow: 0 0 18px #d0d0d040;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice[aria-pressed="true"]{border-color: #2d2d2d; background: #d6d6d6; color: #161616; box-shadow: 0 0 18px #2d2d2d40;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice[aria-pressed="true"]::before{content: ""; position: absolute; inset: -1px; border-radius: inherit; box-shadow: 0 0 0 1px #b7b7b766; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice[aria-pressed="true"]::before{content: ""; position: absolute; inset: -1px; border-radius: inherit; box-shadow: 0 0 0 1px #45454566; pointer-events: none;}
:where(html[data-c~=dash]) .card-brand-choice{position: relative;}
:where(html[data-c~=dash]) .gift-layout{display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 14px; align-items: start;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card{width: 100%; min-height: 0; display: grid; gap: 12px; align-content: start; padding: 22px; border-color: #4c4c4c; background: linear-gradient(150deg, #181818, #111111);}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card{width: 100%; min-height: 0; display: grid; gap: 12px; align-content: start; padding: 22px; border-color: #afafaf; background: linear-gradient(150deg, #e7e7e7, #eeeeee);}
:where(html[data-c~=dash]) .gift-card-head{display: flex; align-items: center; gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .gift-icon{display: grid; width: 46px; height: 46px; place-items: center; border-radius: 12px; background: linear-gradient(145deg, #424242, #1f1f1f); font-size: 21px; box-shadow: inset 0 0 16px #d4d4d430;}
:where(html[data-c~=dash][data-v=light]) .gift-icon{display: grid; width: 46px; height: 46px; place-items: center; border-radius: 12px; background: linear-gradient(145deg, #bababa, #dfdfdf); font-size: 21px; box-shadow: inset 0 0 16px #29292930;}
:where(html[data-c~=dash][data-v=dark]) .gift-card-head h3{margin: 0; color: #e7e7e7; font-size: 18px;}
:where(html[data-c~=dash][data-v=light]) .gift-card-head h3{margin: 0; color: #161616; font-size: 18px;}
:where(html[data-c~=dash][data-v=dark]) .gift-card-head p{margin: 3px 0 0; color: #9e9e9e; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .gift-card-head p{margin: 3px 0 0; color: #5d5d5d; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .gift-redeem-card label{color: #b4b4b4; font-size: 9px; font-weight: 850; letter-spacing: .9px;}
:where(html[data-c~=dash][data-v=light]) .gift-redeem-card label{color: #474747; font-size: 9px; font-weight: 850; letter-spacing: .9px;}
:where(html[data-c~=dash]) .gift-redeem-card input{min-height: 46px; letter-spacing: 1px; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=dark]) .gift-note-card{display: grid; gap: 9px; padding: 18px; border-color: #363636; background: #121212;}
:where(html[data-c~=dash][data-v=light]) .gift-note-card{display: grid; gap: 9px; padding: 18px; border-color: #c6c6c6; background: #eeeeee;}
:where(html[data-c~=dash][data-v=dark]) .gift-note-card h3{display: flex; align-items: center; gap: 8px; margin: 0; color: #dcdcdc; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .gift-note-card h3{display: flex; align-items: center; gap: 8px; margin: 0; color: #212121; font-size: 13px;}
:where(html[data-c~=dash][data-v=dark]) .gift-note-card ul{display: grid; gap: 7px; margin: 0; padding-left: 16px; color: #9b9b9b; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .gift-note-card ul{display: grid; gap: 7px; margin: 0; padding-left: 16px; color: #606060; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .gift-support-link{justify-self: start; color: #c5c5c5; font-size: 10px; text-decoration: none; border-bottom: 1px solid #c5c5c555;}
:where(html[data-c~=dash][data-v=light]) .gift-support-link{justify-self: start; color: #383838; font-size: 10px; text-decoration: none; border-bottom: 1px solid #38383855;}
:where(html[data-c~=dash]) .support-widget{position: fixed; z-index: 40; right: 22px; bottom: 22px; display: grid; gap: 10px; justify-items: end;}
:where(html[data-c~=dash][data-v=dark]) .support-fab{display: inline-flex; align-items: center; gap: 8px; padding: 11px 15px; border: 1px solid #5a5a5a; border-radius: 999px; background: linear-gradient(140deg, #4d4d4d, #232323); color: #e7e7e7; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; box-shadow: 0 12px 30px #00000055, 0 0 22px #a5a5a522;}
:where(html[data-c~=dash][data-v=light]) .support-fab{display: inline-flex; align-items: center; gap: 8px; padding: 11px 15px; border: 1px solid #a1a1a1; border-radius: 999px; background: linear-gradient(140deg, #aeaeae, #dbdbdb); color: #161616; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; box-shadow: 0 12px 30px #ffffff55, 0 0 22px #57575722;}
:where(html[data-c~=dash][data-v=dark]) .support-fab:hover{border-color: #c5c5c5;}
:where(html[data-c~=dash][data-v=light]) .support-fab:hover{border-color: #383838;}
:where(html[data-c~=dash][data-v=dark]) .support-fab i{display: grid; min-width: 17px; height: 17px; place-items: center; border-radius: 999px; background: #757575; color: #ffffff; font-size: 8px; font-style: normal;}
:where(html[data-c~=dash][data-v=light]) .support-fab i{display: grid; min-width: 17px; height: 17px; place-items: center; border-radius: 999px; background: #858585; color: #000000; font-size: 8px; font-style: normal;}
:where(html[data-c~=dash][data-v=dark]) .support-panel{display: grid; width: min(360px, calc(100vw - 32px)); max-height: min(520px, 70vh); grid-template-rows: auto minmax(120px, 1fr) auto auto; overflow: hidden; border: 1px solid #444444; border-radius: 14px; background: #101010; box-shadow: 0 22px 60px #00000077;}
:where(html[data-c~=dash][data-v=light]) .support-panel{display: grid; width: min(360px, calc(100vw - 32px)); max-height: min(520px, 70vh); grid-template-rows: auto minmax(120px, 1fr) auto auto; overflow: hidden; border: 1px solid #b7b7b7; border-radius: 14px; background: #f0f0f0; box-shadow: 0 22px 60px #ffffff77;}
:where(html[data-c~=dash]) .support-panel[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .support-head{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 14px; background: linear-gradient(120deg, #383838, #1e1e1e);}
:where(html[data-c~=dash][data-v=light]) .support-head{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 14px; background: linear-gradient(120deg, #c4c4c4, #e0e0e0);}
:where(html[data-c~=dash][data-v=dark]) .support-head strong{display: block; color: #e6e6e6; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .support-head strong{display: block; color: #181818; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .support-head span{display: flex; align-items: center; gap: 5px; color: #bebebe; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .support-head span{display: flex; align-items: center; gap: 5px; color: #3e3e3e; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .support-head i{width: 6px; height: 6px; border-radius: 999px; background: #58d68d; box-shadow: 0 0 8px #58d68d;}
:where(html[data-c~=dash][data-v=light]) .support-head i{width: 6px; height: 6px; border-radius: 999px; background: #249353; box-shadow: 0 0 8px #249353;}
:where(html[data-c~=dash][data-v=dark]) .support-head button{border: 0; background: none; color: #d7d7d7; font-size: 18px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-head button{border: 0; background: none; color: #262626; font-size: 18px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .support-messages{display: grid; gap: 8px; padding: 12px; overflow-y: auto; align-content: start; background: #0d0d0d;}
:where(html[data-c~=dash][data-v=light]) .support-messages{display: grid; gap: 8px; padding: 12px; overflow-y: auto; align-content: start; background: #f3f3f3;}
:where(html[data-c~=dash][data-v=dark]) .support-empty{display: grid; justify-items: center; gap: 4px; padding: 22px 12px; color: #969696; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .support-empty{display: grid; justify-items: center; gap: 4px; padding: 22px 12px; color: #656565; text-align: center;}
:where(html[data-c~=dash]) .support-empty span{font-size: 26px;}
:where(html[data-c~=dash][data-v=dark]) .support-empty strong{color: #e2e2e2; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .support-empty strong{color: #1c1c1c; font-size: 13px;}
:where(html[data-c~=dash]) .support-empty p{margin: 0; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash]) .support-bubble{max-width: 85%; padding: 8px 10px; border-radius: 11px; font-size: 11px; line-height: 1.55;}
:where(html[data-c~=dash]) .support-bubble p{margin: 0; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .support-bubble time{display: block; margin-top: 3px; font-size: 8px; opacity: .65;}
:where(html[data-c~=dash][data-v=dark]) .support-member{justify-self: end; border: 1px solid #565656; border-bottom-right-radius: 3px; background: #292929; color: #ebebeb;}
:where(html[data-c~=dash][data-v=light]) .support-member{justify-self: end; border: 1px solid #a5a5a5; border-bottom-right-radius: 3px; background: #d4d4d4; color: #131313;}
:where(html[data-c~=dash][data-v=dark]) .support-admin{justify-self: start; border: 1px solid #3c3c3c; border-bottom-left-radius: 3px; background: #1b1b1b; color: #dedede;}
:where(html[data-c~=dash][data-v=light]) .support-admin{justify-self: start; border: 1px solid #c0c0c0; border-bottom-left-radius: 3px; background: #e4e4e4; color: #1f1f1f;}
:where(html[data-c~=dash][data-v=dark]) .support-form{display: flex; gap: 6px; padding: 9px; border-top: 1px solid #252525; background: #101010;}
:where(html[data-c~=dash][data-v=light]) .support-form{display: flex; gap: 6px; padding: 9px; border-top: 1px solid #d9d9d9; background: #f0f0f0;}
:where(html[data-c~=dash][data-v=dark]) .support-form input{flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid #373737; border-radius: 8px; background: #0b0b0b; color: #e4e4e4; font: inherit; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .support-form input{flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid #c6c6c6; border-radius: 8px; background: #f6f6f6; color: #1a1a1a; font: inherit; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .support-form button{padding: 0 12px; border: 1px solid #565656; border-radius: 8px; background: #333333; color: #dedede; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-form button{padding: 0 12px; border: 1px solid #a5a5a5; border-radius: 8px; background: #cacaca; color: #1f1f1f; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .support-hint{margin: 0; padding: 0 10px 9px; color: #7c7c7c; font-size: 8px; text-align: center; background: #101010;}
:where(html[data-c~=dash][data-v=light]) .support-hint{margin: 0; padding: 0 10px 9px; color: #7f7f7f; font-size: 8px; text-align: center; background: #f0f0f0;}
:where(html[data-c~=dash][data-v=dark]) .locked-steps{margin: 14px 0; padding: 14px; border: 1px solid #363636; border-radius: 10px; background: #121212; text-align: left;}
:where(html[data-c~=dash][data-v=light]) .locked-steps{margin: 14px 0; padding: 14px; border: 1px solid #c6c6c6; border-radius: 10px; background: #eeeeee; text-align: left;}
:where(html[data-c~=dash][data-v=dark]) .locked-steps p{margin: 0 0 6px; color: #d5d5d5; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .locked-steps p{margin: 0 0 6px; color: #282828; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .locked-steps ol{display: grid; gap: 6px; margin: 0; padding-left: 18px; color: #a5a5a5; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .locked-steps ol{display: grid; gap: 6px; margin: 0; padding-left: 18px; color: #565656; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash]) .locked-actions{display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;}
:where(html[data-c~=dash][data-v=dark]) .locked-card .locked-secondary{margin-top: 10px; border-color: #3d3d3d; background: #1b1b1b; color: #c6c6c6;}
:where(html[data-c~=dash][data-v=light]) .locked-card .locked-secondary{margin-top: 10px; border-color: #bfbfbf; background: #e4e4e4; color: #373737;}
:where(html[data-c~=dash][data-v=dark]) .locked-note{margin-top: 12px; color: #838383; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .locked-note{margin-top: 12px; color: #777777; font-size: 9px;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .overview-board-grid, :where(html[data-c~=dash]) .gift-layout{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
:where(html[data-c~=dash]) .support-widget{right: 12px; bottom: 12px;}
:where(html[data-c~=dash]) .support-fab b{display: none;}
}
:where(html[data-c~=dash]) .task-card{position: relative; overflow: hidden;}
:where(html[data-c~=dash]) .task-card::after{display: none;}
:where(html[data-c~=dash]) .task-icon{display: inline-block;}
:where(html[data-c~=dash]) .task-card.is-pinned::after{display: none;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .task-card::after, :where(html[data-c~=dash]) .task-icon, :where(html[data-c~=dash]) .overview-task-icon, :where(html[data-c~=dash]) .qr-badge{animation: none;}
}
:where(html[data-c~=dash][data-v=dark]) .petal i{background: radial-gradient(ellipse at 29% 31%, #f7f7f7, transparent 35%), linear-gradient(135deg, var(--petal-color, #cecece), color-mix(in srgb, var(--petal-color, #cecece) 70%, #494949)); border-color: color-mix(in srgb, var(--petal-color, #cecece) 55%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--petal-color, #cecece) 55%, transparent);}
:where(html[data-c~=dash][data-v=light]) .petal i{background: radial-gradient(ellipse at 29% 31%, #080808, transparent 35%), linear-gradient(135deg, var(--petal-color, #2f2f2f), color-mix(in srgb, var(--petal-color, #2f2f2f) 70%, #b2b2b2)); border-color: color-mix(in srgb, var(--petal-color, #2f2f2f) 55%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--petal-color, #2f2f2f) 55%, transparent);}
:where(html[data-c~=dash]) .glitter-layer{position: fixed; z-index: 2; inset: 0; overflow: hidden; pointer-events: none;}
:where(html[data-c~=dash]) .glitter{position: absolute; width: var(--spark-size); height: var(--spark-size); border-radius: 50%; background: var(--spark-color); box-shadow: 0 0 8px var(--spark-color), 0 0 18px var(--spark-color); opacity: 0; animation: sparkle-33e0b7 var(--spark-duration) ease-in-out var(--spark-delay) infinite;}
:where(html[data-c~=dash]) .task-grid{align-items: stretch;}
:where(html[data-c~=dash][data-v=dark]) .task-card{display: grid; gap: 10px; padding: 16px; border: 1px solid #3e3e3e; border-radius: 15px; background: linear-gradient(158deg, #161616, #101010 70%); box-shadow: 0 12px 30px #00000033;}
:where(html[data-c~=dash][data-v=light]) .task-card{display: grid; gap: 10px; padding: 16px; border: 1px solid #bdbdbd; border-radius: 15px; background: linear-gradient(158deg, #e9e9e9, #f0f0f0 70%); box-shadow: 0 12px 30px #ffffff33;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-pinned{border-color: #9b9b9b; background: radial-gradient(ellipse at 90% 0%, #b4b4b41c, transparent 55%), linear-gradient(158deg, #1c1c1c, #111111 72%); box-shadow: 0 0 24px #b4b4b420, 0 12px 30px #00000033;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-pinned{border-color: #606060; background: radial-gradient(ellipse at 90% 0%, #4848481c, transparent 55%), linear-gradient(158deg, #e2e2e2, #eeeeee 72%); box-shadow: 0 0 24px #48484820, 0 12px 30px #ffffff33;}
:where(html[data-c~=dash]) .task-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .task-icon{display: grid; width: 46px; height: 46px; flex: none; place-items: center; border: 1px solid #464646; border-radius: 13px; background: linear-gradient(145deg, #1f1f1f, #151515); font-size: 22px;}
:where(html[data-c~=dash][data-v=light]) .task-icon{display: grid; width: 46px; height: 46px; flex: none; place-items: center; border: 1px solid #b6b6b6; border-radius: 13px; background: linear-gradient(145deg, #dfdfdf, #ebebeb); font-size: 22px;}
:where(html[data-c~=dash]) .task-heading{flex: 1; min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .task-title{display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #ebebeb; font-size: 14px; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .task-title{display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #131313; font-size: 14px; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .task-badge{padding: 2px 8px; border-radius: 999px; background: #272727; color: #c5c5c5; font-size: 8px; font-weight: 900; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=light]) .task-badge{padding: 2px 8px; border-radius: 999px; background: #d7d7d7; color: #373737; font-size: 8px; font-weight: 900; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=dark]) .task-badge.is-hot{background: linear-gradient(120deg, #323232, #c2413a); color: #e6e6e6; animation: hotPulse-b140c2 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .task-badge.is-hot{background: linear-gradient(120deg, #cbcbcb, #c2413a); color: #181818; animation: hotPulse-c714dd 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .task-sub{margin: 3px 0 0; color: #969696; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .task-sub{margin: 3px 0 0; color: #656565; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .task-slot{flex: none; color: #d2d2d2; font-size: 11px; font-weight: 850; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=light]) .task-slot{flex: none; color: #2a2a2a; font-size: 11px; font-weight: 850; letter-spacing: .4px;}
:where(html[data-c~=dash]) .task-meta{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .task-reward{padding: 5px 10px; border: 1px solid #565656; border-radius: 8px; background: #2a2a2a; color: #dddddd; font-size: 12px; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .task-reward{padding: 5px 10px; border: 1px solid #a5a5a5; border-radius: 8px; background: #d3d3d3; color: #202020; font-size: 12px; font-weight: 900;}
:where(html[data-c~=dash][data-v=dark]) .task-ip{padding: 4px 9px; border: 1px solid #4d4d4d; border-radius: 8px; background: #202020; color: #c4c4c4; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .task-ip{padding: 4px 9px; border: 1px solid #aeaeae; border-radius: 8px; background: #dedede; color: #383838; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .task-progressbar{height: 7px; overflow: hidden; border-radius: 999px; background: #272727;}
:where(html[data-c~=dash][data-v=light]) .task-progressbar{height: 7px; overflow: hidden; border-radius: 999px; background: #d6d6d6;}
:where(html[data-c~=dash][data-v=dark]) .task-progressbar span{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff5f6d, #b7b7b7 55%, #d0d0d0); transition: width .5s ease;}
:where(html[data-c~=dash][data-v=light]) .task-progressbar span{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #b80010, #454545 55%, #2d2d2d); transition: width .5s ease;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-note{margin: 0; min-height: 32px; color: #969696; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-note{margin: 0; min-height: 32px; color: #656565; font-size: 10px; line-height: 1.6;}
:where(html[data-c~=dash]) .task-actions{margin-top: 2px;}
:where(html[data-c~=dash][data-v=dark]) .task-join{width: 100%; min-height: 42px; border: 0; border-radius: 10px; background: linear-gradient(120deg, #d92d3f, #787878 58%, #a5a5a5); color: #f9f9f9; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; box-shadow: 0 8px 20px #d92d3f33; transition: filter .2s ease, transform .2s ease;}
:where(html[data-c~=dash][data-v=light]) .task-join{width: 100%; min-height: 42px; border: 0; border-radius: 10px; background: linear-gradient(120deg, #9b1c29, #838383 58%, #565656); color: #060606; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; box-shadow: 0 8px 20px #9b1c2933; transition: filter .2s ease, transform .2s ease;}
:where(html[data-c~=dash]) .task-join:hover:not(:disabled){filter: brightness(1.08); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .task-join:disabled{background: #272727; color: #878787; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .task-join:disabled{background: #d6d6d6; color: #747474; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=dark]) .task-success-dialog{width: min(430px, calc(100% - 28px)); padding: 0; border: 1px solid #5a5a5a; border-radius: 18px; background: #0e0e0e; color: #e6e6e6; box-shadow: 0 30px 90px #000000aa;}
:where(html[data-c~=dash][data-v=light]) .task-success-dialog{width: min(430px, calc(100% - 28px)); padding: 0; border: 1px solid #a1a1a1; border-radius: 18px; background: #f2f2f2; color: #181818; box-shadow: 0 30px 90px #ffffffaa;}
:where(html[data-c~=dash][data-v=dark]) .task-success-dialog::backdrop{background: #040404cc; backdrop-filter: blur(3px);}
:where(html[data-c~=dash][data-v=light]) .task-success-dialog::backdrop{background: #ffffffcc; backdrop-filter: blur(3px);}
:where(html[data-c~=dash]) .task-success-card{display: grid; justify-items: center; gap: 10px; padding: 26px 22px 18px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .success-ring{display: grid; width: 66px; height: 66px; place-items: center; border: 1px solid #3ecf7a; border-radius: 19px; background: #252525; color: #66f0a2; font-size: 32px; box-shadow: 0 0 30px #3ecf7a44; animation: successPop-cfa931 .5s cubic-bezier(.2, 1.4, .4, 1);}
:where(html[data-c~=dash][data-v=light]) .success-ring{display: grid; width: 66px; height: 66px; place-items: center; border: 1px solid #259352; border-radius: 19px; background: #d8d8d8; color: #10a752; font-size: 32px; box-shadow: 0 0 30px #25935244; animation: successPop-cfa931 .5s cubic-bezier(.2, 1.4, .4, 1);}
:where(html[data-c~=dash][data-v=dark]) .task-success-card h2{margin: 0; color: #f4f4f4; font-size: 22px;}
:where(html[data-c~=dash][data-v=light]) .task-success-card h2{margin: 0; color: #0b0b0b; font-size: 22px;}
:where(html[data-c~=dash][data-v=dark]) .success-caption{margin: 0; color: #a6a6a6; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .success-caption{margin: 0; color: #555555; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .success-amount{display: grid; width: 100%; gap: 3px; padding: 13px; border: 1px solid #505050; border-radius: 12px; background: #191919;}
:where(html[data-c~=dash][data-v=light]) .success-amount{display: grid; width: 100%; gap: 3px; padding: 13px; border: 1px solid #acacac; border-radius: 12px; background: #e6e6e6;}
:where(html[data-c~=dash][data-v=dark]) .success-amount strong{color: #d4d4d4; font-size: 30px; line-height: 1.1;}
:where(html[data-c~=dash][data-v=light]) .success-amount strong{color: #292929; font-size: 30px; line-height: 1.1;}
:where(html[data-c~=dash][data-v=dark]) .success-amount span{color: #a2a2a2; font-size: 8px; font-weight: 850; letter-spacing: .8px;}
:where(html[data-c~=dash][data-v=light]) .success-amount span{color: #595959; font-size: 8px; font-weight: 850; letter-spacing: .8px;}
:where(html[data-c~=dash][data-v=dark]) .success-meta{display: flex; width: 100%; justify-content: space-between; gap: 10px; padding: 9px 4px; border-top: 1px solid #252525; color: #959595; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .success-meta{display: flex; width: 100%; justify-content: space-between; gap: 10px; padding: 9px 4px; border-top: 1px solid #d9d9d9; color: #666666; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .success-meta b{color: #e3e3e3;}
:where(html[data-c~=dash][data-v=light]) .success-meta b{color: #1b1b1b;}
:where(html[data-c~=dash][data-v=dark]) .success-meta em{padding: 2px 7px; border-radius: 999px; background: #262626; color: #7ef0a5; font-style: normal; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .success-meta em{padding: 2px 7px; border-radius: 999px; background: #d8d8d8; color: #13a445; font-style: normal; font-size: 9px;}
:where(html[data-c~=dash]) .success-actions{display: grid; width: 100%; gap: 7px;}
:where(html[data-c~=dash]) .success-actions .primary-button{min-height: 40px; justify-content: center;}
:where(html[data-c~=dash][data-v=dark]) .success-open-link{color: #b9b9b9; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=light]) .success-open-link{color: #424242; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) .success-progress{width: 100%; height: 4px; overflow: hidden; border-radius: 999px; background: #1e1e1e;}
:where(html[data-c~=dash][data-v=light]) .success-progress{width: 100%; height: 4px; overflow: hidden; border-radius: 999px; background: #e0e0e0;}
:where(html[data-c~=dash][data-v=dark]) .success-progress span{display: block; width: 0; height: 100%; background: linear-gradient(90deg, #ff5f6d, #d0d0d0 70%, #66f0a2); transition: width 1s linear;}
:where(html[data-c~=dash][data-v=light]) .success-progress span{display: block; width: 0; height: 100%; background: linear-gradient(90deg, #b80010, #2d2d2d 70%, #10a752); transition: width 1s linear;}
:where(html[data-c~=dash][data-v=dark]) .task-success-card small{color: #7c7c7c; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .task-success-card small{color: #7f7f7f; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .support-fab{position: relative; width: 58px; height: 58px; justify-content: center; padding: 0; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #b7b7b7, #606060 58%, #363636); font-size: 21px; box-shadow: 0 12px 30px #00000055, 0 0 24px #a5a5a53d;}
:where(html[data-c~=dash][data-v=light]) .support-fab{position: relative; width: 58px; height: 58px; justify-content: center; padding: 0; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #454545, #9b9b9b 58%, #c6c6c6); font-size: 21px; box-shadow: 0 12px 30px #ffffff55, 0 0 24px #5757573d;}
:where(html[data-c~=dash][data-v=dark]) .support-fab b{position: absolute; right: 66px; bottom: 13px; padding: 4px 9px; border-radius: 999px; background: #171717e8; color: #dadada; font-size: 9px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease;}
:where(html[data-c~=dash][data-v=light]) .support-fab b{position: absolute; right: 66px; bottom: 13px; padding: 4px 9px; border-radius: 999px; background: #e8e8e8e8; color: #232323; font-size: 9px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease;}
:where(html[data-c~=dash]) .support-fab:hover b{opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .support-fab::before{content: ""; position: absolute; inset: -6px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 26deg, #b7b7b7 33deg, transparent 40deg, transparent 86deg, #6e6e6e 93deg, transparent 100deg, transparent 146deg, #d0d0d0 153deg, transparent 160deg, transparent 206deg, #a3a3a3 213deg, transparent 220deg, transparent 266deg, #b7b7b7 273deg, transparent 280deg, transparent 326deg, #6e6e6e 333deg, transparent 340deg); -webkit-mask: radial-gradient(circle, transparent 62%, #000000 64%); mask: radial-gradient(circle, transparent 62%, #000000 64%); animation: supportRays-89df69 7s linear infinite;}
:where(html[data-c~=dash][data-v=light]) .support-fab::before{content: ""; position: absolute; inset: -6px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 26deg, #454545 33deg, transparent 40deg, transparent 86deg, #8d8d8d 93deg, transparent 100deg, transparent 146deg, #2d2d2d 153deg, transparent 160deg, transparent 206deg, #585858 213deg, transparent 220deg, transparent 266deg, #454545 273deg, transparent 280deg, transparent 326deg, #8d8d8d 333deg, transparent 340deg); -webkit-mask: radial-gradient(circle, transparent 62%, #ffffff 64%); mask: radial-gradient(circle, transparent 62%, #ffffff 64%); animation: supportRays-89df69 7s linear infinite;}
:where(html[data-c~=dash][data-v=dark]) .support-fab::after{content: ""; position: absolute; inset: -2px; border: 1px solid #b7b7b755; border-radius: 50%;}
:where(html[data-c~=dash][data-v=light]) .support-fab::after{content: ""; position: absolute; inset: -2px; border: 1px solid #45454555; border-radius: 50%;}
:where(html[data-c~=dash]) .support-fab i{position: absolute; top: -4px; right: -2px;}
:where(html[data-c~=dash]) .sidebar-bottom{display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px;}
:where(html[data-c~=dash]) .sidebar-user{width: 100%;}
:where(html[data-c~=dash]) .sidebar-logout{width: 42px !important; height: 42px !important; margin: 0 auto; border-radius: 13px !important; font-size: 19px !important;}
:where(html[data-c~=dash]) .sidebar-logout:hover{transform: translateY(-2px);}
@media (max-width: 560px){
:where(html[data-c~=dash]) .support-fab{width: 54px; height: 54px;}
}
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}
:where(html[data-c~=dash]) .task-card{gap: 7px; padding: 12px; border-radius: 12px;}
:where(html[data-c~=dash]) .task-icon{width: 38px; height: 38px; border-radius: 10px; font-size: 18px;}
:where(html[data-c~=dash]) .task-title{gap: 5px; font-size: 12px;}
:where(html[data-c~=dash]) .task-badge{padding: 2px 6px; font-size: 7px;}
:where(html[data-c~=dash]) .task-sub{font-size: 9px;}
:where(html[data-c~=dash]) .task-slot{font-size: 10px;}
:where(html[data-c~=dash]) .task-meta{gap: 6px;}
:where(html[data-c~=dash]) .task-reward{padding: 4px 8px; font-size: 11px;}
:where(html[data-c~=dash]) .task-ip{padding: 3px 7px; font-size: 9px;}
:where(html[data-c~=dash]) .task-progressbar{height: 5px;}
:where(html[data-c~=dash]) .task-card .task-note{display: -webkit-box; min-height: 0; overflow: hidden; font-size: 9px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
:where(html[data-c~=dash]) .task-join{min-height: 34px; font-size: 10px;}
@media (max-width: 1200px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 700px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash][data-v=dark]) .page-loading-overlay{position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; background: #070707e8; backdrop-filter: blur(3px);}
:where(html[data-c~=dash][data-v=light]) .page-loading-overlay{position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; background: #fbfbfbe8; backdrop-filter: blur(3px);}
:where(html[data-c~=dash]) .page-loading-overlay[hidden]{display: none !important;}
:where(html[data-c~=dash][data-v=dark]) .loading-card{display: grid; width: min(330px, 86vw); justify-items: center; gap: 9px; padding: 26px; border: 1px solid #434343; border-radius: 16px; background: linear-gradient(160deg, #131313, #0d0d0d); text-align: center; box-shadow: 0 24px 60px #00000088;}
:where(html[data-c~=dash][data-v=light]) .loading-card{display: grid; width: min(330px, 86vw); justify-items: center; gap: 9px; padding: 26px; border: 1px solid #b8b8b8; border-radius: 16px; background: linear-gradient(160deg, #ececec, #f3f3f3); text-align: center; box-shadow: 0 24px 60px #ffffff88;}
:where(html[data-c~=dash][data-v=dark]) .loading-card strong{color: #e8e8e8; font-size: 15px;}
:where(html[data-c~=dash][data-v=light]) .loading-card strong{color: #161616; font-size: 15px;}
:where(html[data-c~=dash][data-v=dark]) .loading-card p{margin: 0; color: #969696; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .loading-card p{margin: 0; color: #656565; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .loading-ring{width: 46px; height: 46px; border: 3px solid #242424; border-top-color: #a5a5a5; border-right-color: #6e6e6e; border-radius: 50%; animation: spin-89df69 1s linear infinite;}
:where(html[data-c~=dash][data-v=light]) .loading-ring{width: 46px; height: 46px; border: 3px solid #dadada; border-top-color: #565656; border-right-color: #8d8d8d; border-radius: 50%; animation: spin-89df69 1s linear infinite;}
:where(html[data-c~=dash][data-v=dark]) .loading-track{position: relative; width: 100%; height: 5px; overflow: hidden; border-radius: 999px; background: #1f1f1f;}
:where(html[data-c~=dash][data-v=light]) .loading-track{position: relative; width: 100%; height: 5px; overflow: hidden; border-radius: 999px; background: #dfdfdf;}
:where(html[data-c~=dash][data-v=dark]) .loading-track i{position: absolute; left: -40%; width: 40%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #a5a5a5, #d0d0d0); animation: loadingSlide-0191dd 1.15s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .loading-track i{position: absolute; left: -40%; width: 40%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #565656, #2d2d2d); animation: loadingSlide-0191dd 1.15s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-balance{border-color: #848484; background: radial-gradient(ellipse at 82% 0%, #d5d5d51c, transparent 55%), linear-gradient(145deg, #272727, #171717); box-shadow: inset 0 0 28px #cecece1a;}
:where(html[data-c~=dash][data-v=light]) .stat-card-balance{border-color: #777777; background: radial-gradient(ellipse at 82% 0%, #2828281c, transparent 55%), linear-gradient(145deg, #d6d6d6, #e8e8e8); box-shadow: inset 0 0 28px #2f2f2f1a;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-balance strong{color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .stat-card-balance strong{color: #282828;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; justify-content: stretch;}
:where(html[data-c~=dash]) .card-brand-choice{width: 100%;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice[aria-pressed="true"]{border-color: #34d399; background: #1e1e1e; box-shadow: 0 0 20px #34d39955, inset 0 0 16px #34d39914; transform: translateY(-2px);}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice[aria-pressed="true"]{border-color: #21976c; background: #e0e0e0; box-shadow: 0 0 20px #21976c55, inset 0 0 16px #21976c14; transform: translateY(-2px);}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice[aria-pressed="true"]::before{box-shadow: 0 0 0 1px #34d39988;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice[aria-pressed="true"]::before{box-shadow: 0 0 0 1px #21976c88;}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice[aria-pressed="true"]{border-color: #34d399; background: #1e1e1e; color: #dedede; box-shadow: 0 0 18px #34d39944;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice[aria-pressed="true"]{border-color: #21976c; background: #e0e0e0; color: #1f1f1f; box-shadow: 0 0 18px #21976c44;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab.is-active, :where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab:hover{border-color: #989898; background: linear-gradient(105deg, #505050, #5a5a5a); box-shadow: 0 0 15px #80808033;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab.is-active, :where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab:hover{border-color: #636363; background: linear-gradient(105deg, #ababab, #a1a1a1); box-shadow: 0 0 15px #7b7b7b33;}
:where(html[data-c~=dash][data-v=dark]) #withdraw-submit{border: 0; background: linear-gradient(120deg, #a5a5a5, #737373 55%, #e0233f); color: #f8f8f8; box-shadow: 0 10px 24px #73737333;}
:where(html[data-c~=dash][data-v=light]) #withdraw-submit{border: 0; background: linear-gradient(120deg, #565656, #888888 55%, #a1172b); color: #070707; box-shadow: 0 10px 24px #88888833;}
:where(html[data-c~=dash]) #withdraw-submit:hover{filter: brightness(1.06);}
@media (max-width: 720px){
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
:where(html[data-c~=dash]) .sidebar-bottom{grid-template-columns: minmax(0, 1fr) auto; justify-items: stretch; align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout{width: 38px !important; height: 38px !important; margin: 0; border: 1px solid #3e3e3e !important; border-radius: 11px !important; background: linear-gradient(145deg, #252525, #181818) !important; color: #c0c0c0 !important;}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout{width: 38px !important; height: 38px !important; margin: 0; border: 1px solid #bebebe !important; border-radius: 11px !important; background: linear-gradient(145deg, #d9d9d9, #e7e7e7) !important; color: #3c3c3c !important;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout:hover{transform: translateY(-1px); box-shadow: 0 0 16px #6d6d6d33;}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout:hover{transform: translateY(-1px); box-shadow: 0 0 16px #8e8e8e33;}
:where(html[data-c~=dash][data-v=dark]) .task-history-pending{margin-left: auto; padding: 3px 8px; border: 1px solid #848484; border-radius: 999px; color: #d5d5d5; font-size: 10px; font-weight: 800; background: rgba(185,185,185,0.12); white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .task-history-pending{margin-left: auto; padding: 3px 8px; border: 1px solid #777777; border-radius: 999px; color: #282828; font-size: 10px; font-weight: 800; background: rgba(67,67,67,0.12); white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .task-history-review{margin-left: auto; padding: 3px 8px; border: 1px solid #3b82f6; border-radius: 999px; color: #bababa; font-size: 10px; font-weight: 800; background: rgba(59,130,246,0.12); white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .task-history-review{margin-left: auto; padding: 3px 8px; border: 1px solid #0848b0; border-radius: 999px; color: #424242; font-size: 10px; font-weight: 800; background: rgba(8,72,176,0.12); white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .task-history-resume-btn{display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; background: linear-gradient(135deg, #9f9f9f 0%, #7c7c7c 100%); color: #ffffff !important; font-weight: 750; font-size: 11px; border-radius: 999px; text-decoration: none; box-shadow: 0 2px 8px rgba(124,124,124,0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; white-space: nowrap; margin-left: 8px;}
:where(html[data-c~=dash][data-v=light]) .task-history-resume-btn{display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; background: linear-gradient(135deg, #5c5c5c 0%, #7f7f7f 100%); color: #000000 !important; font-weight: 750; font-size: 11px; border-radius: 999px; text-decoration: none; box-shadow: 0 2px 8px rgba(127,127,127,0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; white-space: nowrap; margin-left: 8px;}
:where(html[data-c~=dash][data-v=dark]) .task-history-resume-btn:hover{transform: translateY(-1px); box-shadow: 0 4px 14px rgba(124,124,124,0.55); color: #ffffff !important;}
:where(html[data-c~=dash][data-v=light]) .task-history-resume-btn:hover{transform: translateY(-1px); box-shadow: 0 4px 14px rgba(127,127,127,0.55); color: #000000 !important;}
:where(html[data-c~=dash][data-v=dark]) .pending-spinner{width: 54px; height: 54px; border: 4px solid #272727; border-top-color: #a5a5a5; border-right-color: #6e6e6e; border-radius: 50%; animation: spin-89df69 1s linear infinite;}
:where(html[data-c~=dash][data-v=light]) .pending-spinner{width: 54px; height: 54px; border: 4px solid #d7d7d7; border-top-color: #565656; border-right-color: #8d8d8d; border-radius: 50%; animation: spin-89df69 1s linear infinite;}
:where(html[data-c~=dash][data-v=dark]) .pending-count{display: flex; align-items: baseline; gap: 5px; color: #d2d2d2;}
:where(html[data-c~=dash][data-v=light]) .pending-count{display: flex; align-items: baseline; gap: 5px; color: #2b2b2b;}
:where(html[data-c~=dash]) .pending-count strong{font-size: 30px; line-height: 1;}
:where(html[data-c~=dash][data-v=dark]) .pending-count span{color: #999999; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .pending-count span{color: #636363; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .support-discord{display: block; padding: 8px 10px 0; color: #c6c6c6; font-size: 9px; text-align: center; text-decoration: none; background: #101010;}
:where(html[data-c~=dash][data-v=light]) .support-discord{display: block; padding: 8px 10px 0; color: #373737; font-size: 9px; text-align: center; text-decoration: none; background: #f0f0f0;}
:where(html[data-c~=dash][data-v=dark]) .support-discord:hover{color: #e2e2e2;}
:where(html[data-c~=dash][data-v=light]) .support-discord:hover{color: #1b1b1b;}
@media (max-width: 700px){
:where(html[data-c~=dash]) .leaderboard-podium{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .podium-1, :where(html[data-c~=dash]) .podium-2, :where(html[data-c~=dash]) .podium-3{order: 0;}
:where(html[data-c~=dash]) .podium-avatar{width: 46px; height: 46px;}
:where(html[data-c~=dash]) .podium-1 .podium-avatar{width: 54px; height: 54px;}
}
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .task-card{position: relative; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto minmax(32px, 1fr) auto; gap: 12px; padding: 18px; overflow: hidden; border: 1px solid #3a3a3a; border-radius: 18px; background: radial-gradient(circle at 100% 0%, #97979714, transparent 46%), linear-gradient(160deg, #181818, #0f0f0f 76%); box-shadow: 0 14px 34px #00000044; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;}
:where(html[data-c~=dash][data-v=light]) .task-card{position: relative; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto minmax(32px, 1fr) auto; gap: 12px; padding: 18px; overflow: hidden; border: 1px solid #c2c2c2; border-radius: 18px; background: radial-gradient(circle at 100% 0%, #64646414, transparent 46%), linear-gradient(160deg, #e7e7e7, #f1f1f1 76%); box-shadow: 0 14px 34px #ffffff44; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;}
:where(html[data-c~=dash][data-v=dark]) .task-card::before{content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, #a5a5a588 28%, #6e6e6e88 58%, transparent); opacity: .7;}
:where(html[data-c~=dash][data-v=light]) .task-card::before{content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, #56565688 28%, #8d8d8d88 58%, transparent); opacity: .7;}
:where(html[data-c~=dash][data-v=dark]) .task-card:hover{transform: translateY(-3px); border-color: #868686; box-shadow: 0 20px 44px #00000055, 0 0 26px #a5a5a51f;}
:where(html[data-c~=dash][data-v=light]) .task-card:hover{transform: translateY(-3px); border-color: #757575; box-shadow: 0 20px 44px #ffffff55, 0 0 26px #5656561f;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-pinned{border-color: #9b9b9b; background: radial-gradient(ellipse at 90% 0%, #b4b4b422, transparent 55%), linear-gradient(158deg, #1c1c1c, #111111 72%);}
:where(html[data-c~=dash][data-v=light]) .task-card.is-pinned{border-color: #606060; background: radial-gradient(ellipse at 90% 0%, #48484822, transparent 55%), linear-gradient(158deg, #e2e2e2, #eeeeee 72%);}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-pinned::before{background: linear-gradient(90deg, transparent, #d0d0d0cc, #97979799, transparent); opacity: 1;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-pinned::before{background: linear-gradient(90deg, transparent, #2d2d2dcc, #64646499, transparent); opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-complete{border-color: #626262; background: radial-gradient(circle at 100% 0%, #4ade8018, transparent 48%), linear-gradient(160deg, #212121, #121212 76%);}
:where(html[data-c~=dash][data-v=light]) .task-card.is-complete{border-color: #989898; background: radial-gradient(circle at 100% 0%, #1c9b4b18, transparent 48%), linear-gradient(160deg, #dddddd, #ededed 76%);}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-complete::before{background: linear-gradient(90deg, transparent, #4ade80aa, #d0d0d088, transparent);}
:where(html[data-c~=dash][data-v=light]) .task-card.is-complete::before{background: linear-gradient(90deg, transparent, #1c9b4baa, #2d2d2d88, transparent);}
:where(html[data-c~=dash]) .task-head{align-items: flex-start; gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .task-icon{width: 48px; height: 48px; border: 1px solid #484848; border-radius: 14px; background: radial-gradient(circle at 32% 24%, #333333, #151515 72%); box-shadow: inset 0 0 16px #a5a5a514; font-size: 24px;}
:where(html[data-c~=dash][data-v=light]) .task-icon{width: 48px; height: 48px; border: 1px solid #b4b4b4; border-radius: 14px; background: radial-gradient(circle at 32% 24%, #cacaca, #eaeaea 72%); box-shadow: inset 0 0 16px #56565614; font-size: 24px;}
:where(html[data-c~=dash][data-v=dark]) .task-title{gap: 6px; color: #f2f2f2; font-size: 15px; line-height: 1.35;}
:where(html[data-c~=dash][data-v=light]) .task-title{gap: 6px; color: #0d0d0d; font-size: 15px; line-height: 1.35;}
:where(html[data-c~=dash][data-v=dark]) .task-badge{padding: 3px 8px; background: #272727; font-size: 7px; letter-spacing: .55px;}
:where(html[data-c~=dash][data-v=light]) .task-badge{padding: 3px 8px; background: #d7d7d7; font-size: 7px; letter-spacing: .55px;}
:where(html[data-c~=dash][data-v=dark]) .task-badge.is-done{background: linear-gradient(120deg, #3c3c3c, #5b5b5b); color: #ebebeb;}
:where(html[data-c~=dash][data-v=light]) .task-badge.is-done{background: linear-gradient(120deg, #c0c0c0, #a0a0a0); color: #131313;}
:where(html[data-c~=dash][data-v=dark]) .task-sub{margin-top: 5px; color: #a1a1a1; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .task-sub{margin-top: 5px; color: #5a5a5a; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .task-slot{padding: 4px 8px; border: 1px solid #3a3a3a; border-radius: 999px; background: #1b1b1b; color: #d2d2d2; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .task-slot{padding: 4px 8px; border: 1px solid #c2c2c2; border-radius: 999px; background: #e3e3e3; color: #2b2b2b; font-size: 10px;}
:where(html[data-c~=dash]) .task-meta{justify-content: space-between; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .task-reward{display: flex; flex-direction: column; gap: 1px; padding: 7px 12px; border-color: #565656; border-radius: 11px; background: linear-gradient(140deg, #2c2c2c, #1e1e1e); color: #dddddd; font-size: 17px; line-height: 1.15;}
:where(html[data-c~=dash][data-v=light]) .task-reward{display: flex; flex-direction: column; gap: 1px; padding: 7px 12px; border-color: #a5a5a5; border-radius: 11px; background: linear-gradient(140deg, #d1d1d1, #e0e0e0); color: #202020; font-size: 17px; line-height: 1.15;}
:where(html[data-c~=dash][data-v=dark]) .task-reward small{color: #969696; font-size: 7px; font-weight: 850; letter-spacing: 1px;}
:where(html[data-c~=dash][data-v=light]) .task-reward small{color: #656565; font-size: 7px; font-weight: 850; letter-spacing: 1px;}
:where(html[data-c~=dash][data-v=dark]) .task-ip{padding: 4px 8px; border-color: #444444; border-radius: 999px; background: #1f1f1f; color: #c1c1c1; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .task-ip{padding: 4px 8px; border-color: #b8b8b8; border-radius: 999px; background: #dfdfdf; color: #3b3b3b; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .task-progressbar{height: 6px; background: #212121; box-shadow: inset 0 1px 3px #00000066;}
:where(html[data-c~=dash][data-v=light]) .task-progressbar{height: 6px; background: #dddddd; box-shadow: inset 0 1px 3px #ffffff66;}
:where(html[data-c~=dash][data-v=dark]) .task-progressbar span{background: linear-gradient(90deg, #6e6e6e, #a5a5a5 55%, #d0d0d0); box-shadow: 0 0 10px #b7b7b766;}
:where(html[data-c~=dash][data-v=light]) .task-progressbar span{background: linear-gradient(90deg, #8d8d8d, #565656 55%, #2d2d2d); box-shadow: 0 0 10px #45454566;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-note{display: -webkit-box; min-height: 32px; overflow: hidden; color: #969696; font-size: 10px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-note{display: -webkit-box; min-height: 32px; overflow: hidden; color: #656565; font-size: 10px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
:where(html[data-c~=dash]) .task-actions{margin-top: 0;}
:where(html[data-c~=dash][data-v=dark]) .task-join{min-height: 42px; border-radius: 12px; background: linear-gradient(120deg, #979797, #646464 55%, #414141); box-shadow: 0 10px 24px #41414133, inset 0 1px 0 #ffffff2e; font-size: 12px; letter-spacing: .2px;}
:where(html[data-c~=dash][data-v=light]) .task-join{min-height: 42px; border-radius: 12px; background: linear-gradient(120deg, #646464, #979797 55%, #bbbbbb); box-shadow: 0 10px 24px #bbbbbb33, inset 0 1px 0 #0000002e; font-size: 12px; letter-spacing: .2px;}
:where(html[data-c~=dash][data-v=dark]) .task-join:disabled{border: 1px solid #303030; background: #1d1d1d; color: #7a7a7a;}
:where(html[data-c~=dash][data-v=light]) .task-join:disabled{border: 1px solid #cdcdcd; background: #e2e2e2; color: #808080;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-complete .task-join:disabled{border-color: #555555; background: #252525; color: #d4d4d4;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-complete .task-join:disabled{border-color: #a6a6a6; background: #d9d9d9; color: #292929;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-claimed:not(.is-complete) .task-join:disabled{border-color: #3e3e3e; background: #1e1e1e; color: #a6a6a6;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-claimed:not(.is-complete) .task-join:disabled{border-color: #bebebe; background: #e0e0e0; color: #555555;}
@media (max-width: 1100px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 700px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{padding: 16px;}
}
:where(html[data-c~=dash][data-v=dark]) .chart-tooltip{position: fixed; z-index: 120; display: grid; min-width: 150px; gap: 2px; padding: 10px 13px; border: 1px solid #5b5b5b; border-radius: 12px; background: linear-gradient(160deg, #1a1a1af7, #0d0d0df7); box-shadow: 0 18px 40px #00000088, 0 0 22px #a5a5a522; opacity: 0; pointer-events: none; transform: translate(-50%, -100%) scale(.95); transition: opacity .16s ease, transform .16s ease;}
:where(html[data-c~=dash][data-v=light]) .chart-tooltip{position: fixed; z-index: 120; display: grid; min-width: 150px; gap: 2px; padding: 10px 13px; border: 1px solid #9f9f9f; border-radius: 12px; background: linear-gradient(160deg, #e4e4e4f7, #f4f4f4f7); box-shadow: 0 18px 40px #ffffff88, 0 0 22px #57575722; opacity: 0; pointer-events: none; transform: translate(-50%, -100%) scale(.95); transition: opacity .16s ease, transform .16s ease;}
:where(html[data-c~=dash]) .chart-tooltip.is-visible{opacity: 1; transform: translate(-50%, -100%) scale(1);}
:where(html[data-c~=dash][data-v=dark]) .chart-tooltip::after{content: ""; position: absolute; left: 50%; bottom: -5px; width: 9px; height: 9px; border-right: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b; background: #0d0d0d; transform: translateX(-50%) rotate(45deg);}
:where(html[data-c~=dash][data-v=light]) .chart-tooltip::after{content: ""; position: absolute; left: 50%; bottom: -5px; width: 9px; height: 9px; border-right: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; background: #f4f4f4; transform: translateX(-50%) rotate(45deg);}
:where(html[data-c~=dash][data-v=dark]) .chart-tooltip small{color: #a8a8a8; font-size: 9px; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=light]) .chart-tooltip small{color: #545454; font-size: 9px; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=dark]) .chart-tooltip strong{color: #d5d5d5; font-size: 17px; line-height: 1.2;}
:where(html[data-c~=dash][data-v=light]) .chart-tooltip strong{color: #282828; font-size: 17px; line-height: 1.2;}
:where(html[data-c~=dash][data-v=dark]) .chart-tooltip span{color: #ababab; font-size: 9px; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .chart-tooltip span{color: #505050; font-size: 9px; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .task-link-dialog{width: min(430px, calc(100% - 28px)); padding: 0; border: 1px solid #4b4b4b; border-radius: 24px; background: linear-gradient(168deg, #151515f7, #0d0d0dfa 76%); color: #e8e8e8; box-shadow: 0 30px 90px #000000bb, 0 0 50px #89898916;}
:where(html[data-c~=dash][data-v=light]) .task-link-dialog{width: min(430px, calc(100% - 28px)); padding: 0; border: 1px solid #b0b0b0; border-radius: 24px; background: linear-gradient(168deg, #eaeaeaf7, #f4f4f4fa 76%); color: #161616; box-shadow: 0 30px 90px #ffffffbb, 0 0 50px #72727216;}
:where(html[data-c~=dash][data-v=dark]) .task-link-dialog::backdrop{background: #040404d9; backdrop-filter: blur(4px);}
:where(html[data-c~=dash][data-v=light]) .task-link-dialog::backdrop{background: #ffffffd9; backdrop-filter: blur(4px);}
:where(html[data-c~=dash]) .task-link-card{position: relative; display: grid; justify-items: center; gap: 9px; padding: 28px 24px 18px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .task-link-x{position: absolute; top: 12px; right: 13px; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #323232; border-radius: 9px; background: #151515; color: #a6a6a6; font-size: 16px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .task-link-x{position: absolute; top: 12px; right: 13px; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #cacaca; border-radius: 9px; background: #eaeaea; color: #555555; font-size: 16px; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .task-link-x:hover{border-color: #989898; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .task-link-x:hover{border-color: #636363; color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .task-link-check{display: grid; width: 66px; height: 66px; place-items: center; border: 1px dashed #4ade8099; border-radius: 50%; background: radial-gradient(circle, #252525, #151515); color: #66f0a2; font-size: 29px; box-shadow: 0 0 0 7px #4ade8009, 0 0 26px #4ade8033; animation: successPop-cfa931 .45s cubic-bezier(.2, 1.4, .4, 1);}
:where(html[data-c~=dash][data-v=light]) .task-link-check{display: grid; width: 66px; height: 66px; place-items: center; border: 1px dashed #1c9b4b99; border-radius: 50%; background: radial-gradient(circle, #d9d9d9, #eaeaea); color: #10a752; font-size: 29px; box-shadow: 0 0 0 7px #1c9b4b09, 0 0 26px #1c9b4b33; animation: successPop-cfa931 .45s cubic-bezier(.2, 1.4, .4, 1);}
:where(html[data-c~=dash][data-v=dark]) .task-link-kicker{margin-top: 3px; color: #a9a9a9; font-size: 8px; font-weight: 900; letter-spacing: 1.7px;}
:where(html[data-c~=dash][data-v=light]) .task-link-kicker{margin-top: 3px; color: #525252; font-size: 8px; font-weight: 900; letter-spacing: 1.7px;}
:where(html[data-c~=dash][data-v=dark]) .task-link-card h2{margin: 0; color: #f3f3f3; font-size: 23px; letter-spacing: -.4px;}
:where(html[data-c~=dash][data-v=light]) .task-link-card h2{margin: 0; color: #0c0c0c; font-size: 23px; letter-spacing: -.4px;}
:where(html[data-c~=dash][data-v=dark]) .task-link-copy{margin: 0; max-width: 330px; color: #a1a1a1; font-size: 10px; line-height: 1.65;}
:where(html[data-c~=dash][data-v=light]) .task-link-copy{margin: 0; max-width: 330px; color: #5a5a5a; font-size: 10px; line-height: 1.65;}
:where(html[data-c~=dash][data-v=dark]) .task-link-open{display: flex; width: 100%; min-height: 44px; margin-top: 4px; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient(120deg, #979797, #646464 55%, #414141); color: #f9f9f9; font-size: 12px; font-weight: 950; text-decoration: none; box-shadow: 0 12px 26px #41414138, inset 0 1px 0 #ffffff2e; transition: filter .2s ease, transform .2s ease;}
:where(html[data-c~=dash][data-v=light]) .task-link-open{display: flex; width: 100%; min-height: 44px; margin-top: 4px; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient(120deg, #646464, #979797 55%, #bbbbbb); color: #060606; font-size: 12px; font-weight: 950; text-decoration: none; box-shadow: 0 12px 26px #bbbbbb38, inset 0 1px 0 #0000002e; transition: filter .2s ease, transform .2s ease;}
:where(html[data-c~=dash]) .task-link-open:hover{filter: brightness(1.08); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .task-link-note{display: flex; width: 100%; align-items: center; justify-content: center; gap: 5px; padding: 8px 10px; border: 1px solid #2c2c2c; border-radius: 10px; background: #111111; color: #9e9e9e; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .task-link-note{display: flex; width: 100%; align-items: center; justify-content: center; gap: 5px; padding: 8px 10px; border: 1px solid #d1d1d1; border-radius: 10px; background: #efefef; color: #5e5e5e; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .task-link-note span{color: #7fb4ff;}
:where(html[data-c~=dash][data-v=light]) .task-link-note span{color: #004cb8;}
:where(html[data-c~=dash][data-v=dark]) .task-link-note b{color: #d5d5d5; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .task-link-note b{color: #282828; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .task-link-reward{color: #b9b9b9; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=light]) .task-link-reward{color: #424242; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) .task-link-reward:hover{color: #d6d6d6;}
:where(html[data-c~=dash][data-v=light]) .task-link-reward:hover{color: #272727;}
:where(html[data-c~=dash][data-v=dark]) .task-link-close{margin-top: 2px; padding: 7px 18px; border: 1px solid #323232; border-radius: 999px; background: #151515; color: #a6a6a6; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .task-link-close{margin-top: 2px; padding: 7px 18px; border: 1px solid #cacaca; border-radius: 999px; background: #eaeaea; color: #555555; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .task-link-close:hover{border-color: #989898; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .task-link-close:hover{border-color: #636363; color: #282828;}
@media (max-width: 420px){
:where(html[data-c~=dash]) .task-link-card{padding: 24px 18px 16px;}
:where(html[data-c~=dash]) .task-link-card h2{font-size: 20px;}
}
:where(html[data-c~=dash][data-v=dark]) .current-task-panel{display: grid; grid-template-columns: 54px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; margin-bottom: 14px; padding: 14px 18px; border: 1px solid #5a5a5a; border-radius: 16px; background: radial-gradient(ellipse at 8% 0%, #a5a5a518, transparent 55%), linear-gradient(120deg, #191919, #101010 78%); box-shadow: 0 12px 30px #00000033, inset 0 1px 0 #ffffff0a;}
:where(html[data-c~=dash][data-v=light]) .current-task-panel{display: grid; grid-template-columns: 54px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; margin-bottom: 14px; padding: 14px 18px; border: 1px solid #a1a1a1; border-radius: 16px; background: radial-gradient(ellipse at 8% 0%, #56565618, transparent 55%), linear-gradient(120deg, #e6e6e6, #f0f0f0 78%); box-shadow: 0 12px 30px #ffffff33, inset 0 1px 0 #0000000a;}
:where(html[data-c~=dash][data-v=dark]) .current-task-icon{display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid #404040; border-radius: 15px; background: radial-gradient(circle at 34% 28%, #343434, #191919 72%); color: #d2d2d2; font-size: 24px; box-shadow: inset 0 0 18px #8080801c;}
:where(html[data-c~=dash][data-v=light]) .current-task-icon{display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid #bcbcbc; border-radius: 15px; background: radial-gradient(circle at 34% 28%, #c9c9c9, #e5e5e5 72%); color: #2b2b2b; font-size: 24px; box-shadow: inset 0 0 18px #7b7b7b1c;}
:where(html[data-c~=dash]) .current-task-info{min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .current-task-info small{color: #a9a9a9; font-size: 8px; font-weight: 850; letter-spacing: 1.1px;}
:where(html[data-c~=dash][data-v=light]) .current-task-info small{color: #525252; font-size: 8px; font-weight: 850; letter-spacing: 1.1px;}
:where(html[data-c~=dash][data-v=dark]) .current-task-info small b{color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .current-task-info small b{color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .current-task-info strong{display: block; margin-top: 3px; overflow: hidden; color: #f2f2f2; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .current-task-info strong{display: block; margin-top: 3px; overflow: hidden; color: #0d0d0d; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .current-task-info p{margin: 3px 0 0; color: #a1a1a1; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .current-task-info p{margin: 3px 0 0; color: #5a5a5a; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .current-task-reward{color: #d5d5d5; font-size: 21px; font-weight: 950; white-space: nowrap; text-shadow: 0 0 20px #d5d5d533;}
:where(html[data-c~=dash][data-v=light]) .current-task-reward{color: #282828; font-size: 21px; font-weight: 950; white-space: nowrap; text-shadow: 0 0 20px #28282833;}
:where(html[data-c~=dash]) .current-task-actions{display: flex; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .current-task-continue{min-height: 40px; padding: 0 16px; border: 0; border-radius: 11px; background: linear-gradient(120deg, #979797, #646464 58%, #414141); color: #f9f9f9; font: inherit; font-size: 11px; font-weight: 900; white-space: nowrap; cursor: pointer; box-shadow: 0 10px 22px #41414130;}
:where(html[data-c~=dash][data-v=light]) .current-task-continue{min-height: 40px; padding: 0 16px; border: 0; border-radius: 11px; background: linear-gradient(120deg, #646464, #979797 58%, #bbbbbb); color: #060606; font: inherit; font-size: 11px; font-weight: 900; white-space: nowrap; cursor: pointer; box-shadow: 0 10px 22px #bbbbbb30;}
:where(html[data-c~=dash]) .current-task-continue:hover{filter: brightness(1.08); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .current-task-cancel{min-height: 40px; padding: 0 14px; border: 1px solid #515151; border-radius: 11px; background: #161616; color: #c6c6c6; font: inherit; font-size: 10px; font-weight: 800; white-space: nowrap; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .current-task-cancel{min-height: 40px; padding: 0 14px; border: 1px solid #aaaaaa; border-radius: 11px; background: #e9e9e9; color: #363636; font: inherit; font-size: 10px; font-weight: 800; white-space: nowrap; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .current-task-cancel:hover{border-color: #989898; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .current-task-cancel:hover{border-color: #636363; color: #282828;}
:where(html[data-c~=dash]) .current-task-cancel:disabled{opacity: .6; cursor: wait;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .current-task-panel{grid-template-columns: 48px minmax(0, 1fr) auto;}
:where(html[data-c~=dash]) .current-task-actions{grid-column: 1 / -1;}
:where(html[data-c~=dash]) .current-task-actions > button{flex: 1;}
}
@media (max-width: 560px){
:where(html[data-c~=dash]) .current-task-panel{grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px 14px;}
:where(html[data-c~=dash]) .current-task-icon{width: 44px; height: 44px; border-radius: 12px; font-size: 20px;}
:where(html[data-c~=dash]) .current-task-reward{grid-column: 2; font-size: 17px;}
:where(html[data-c~=dash]) .current-task-info strong{font-size: 14px;}
:where(html[data-c~=dash]) .current-task-info p{display: none;}
}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-current{border-color: #b7b7b7; box-shadow: 0 0 0 1px #b7b7b755, 0 0 28px #a5a5a522, 0 14px 34px #00000044;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-current{border-color: #454545; box-shadow: 0 0 0 1px #45454555, 0 0 28px #56565622, 0 14px 34px #ffffff44;}
:where(html[data-c~=dash]) .task-card.is-busy:not(.is-current){opacity: .52; filter: saturate(.65);}
:where(html[data-c~=dash][data-v=dark]) .task-badge.is-live{background: linear-gradient(120deg, #505050, #e0233f); color: #ebebeb; animation: hotPulse-b140c2 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .task-badge.is-live{background: linear-gradient(120deg, #acacac, #a1172b); color: #131313; animation: hotPulse-c714dd 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .task-badge.is-done{background: linear-gradient(120deg, #494949, #848484); color: #efefef;}
:where(html[data-c~=dash][data-v=light]) .task-badge.is-done{background: linear-gradient(120deg, #b2b2b2, #777777); color: #0f0f0f;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-complete{border-color: #606060; background: radial-gradient(circle at 100% 0%, #b4b4b416, transparent 48%), linear-gradient(160deg, #1c1c1c, #0f0f0f 76%);}
:where(html[data-c~=dash][data-v=light]) .task-card.is-complete{border-color: #9a9a9a; background: radial-gradient(circle at 100% 0%, #48484816, transparent 48%), linear-gradient(160deg, #e2e2e2, #f1f1f1 76%);}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-complete::before{background: linear-gradient(90deg, transparent, #d0d0d0aa, #97979788, transparent);}
:where(html[data-c~=dash][data-v=light]) .task-card.is-complete::before{background: linear-gradient(90deg, transparent, #2d2d2daa, #64646488, transparent);}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-complete .task-join:disabled{border-color: #555555; background: #222222; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-complete .task-join:disabled{border-color: #a6a6a6; background: #dbdbdb; color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .success-ring{border-color: #8f8f8f; background: #222222; color: #d5d5d5; box-shadow: 0 0 30px #b4b4b433;}
:where(html[data-c~=dash][data-v=light]) .success-ring{border-color: #6c6c6c; background: #dbdbdb; color: #282828; box-shadow: 0 0 30px #48484833;}
:where(html[data-c~=dash][data-v=dark]) .task-link-check{border-color: #b7b7b799; background: radial-gradient(circle, #232323, #101010); color: #d5d5d5; box-shadow: 0 0 0 7px #b7b7b709, 0 0 26px #b4b4b433;}
:where(html[data-c~=dash][data-v=light]) .task-link-check{border-color: #45454599; background: radial-gradient(circle, #dbdbdb, #f0f0f0); color: #282828; box-shadow: 0 0 0 7px #45454509, 0 0 26px #48484833;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-income{color: #d2d2d2;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-income{color: #2b2b2b;}
:where(html[data-c~=dash][data-v=dark]) .rule-card{--rule-a: #818181; --rule-b: #b7b7b7; --rule-glow: #89898933; min-height: 190px; border: 1px solid #484848; background: radial-gradient(ellipse at 100% 0, #9797971a, transparent 46%), linear-gradient(148deg, #181818, #0e0e0e 78%); box-shadow: inset 0 1px 0 #ffffff0d, inset 0 0 32px #8989890d, 0 8px 22px #00000022; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
:where(html[data-c~=dash][data-v=light]) .rule-card{--rule-a: #797979; --rule-b: #454545; --rule-glow: #72727233; min-height: 190px; border: 1px solid #b3b3b3; background: radial-gradient(ellipse at 100% 0, #6464641a, transparent 46%), linear-gradient(148deg, #e7e7e7, #f2f2f2 78%); box-shadow: inset 0 1px 0 #0000000d, inset 0 0 32px #7272720d, 0 8px 22px #ffffff22; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
:where(html[data-c~=dash]) .rule-card::before{content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, var(--rule-a), var(--rule-b), transparent); opacity: .9;}
:where(html[data-c~=dash]) .rule-card::after{content: ""; position: absolute; right: -40px; bottom: -60px; width: 150px; height: 150px; border-radius: 50%; background: var(--rule-glow); filter: blur(32px); opacity: .55; pointer-events: none; transition: opacity .25s ease, transform .25s ease;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:nth-child(1){--rule-a: #747474; --rule-b: #b7b7b7; --rule-glow: #7e7e7e40;}
:where(html[data-c~=dash][data-v=light]) .rule-card:nth-child(1){--rule-a: #878787; --rule-b: #454545; --rule-glow: #7c7c7c40;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:nth-child(2){--rule-a: #b7b7b7; --rule-b: #dedede; --rule-glow: #b7b7b740;}
:where(html[data-c~=dash][data-v=light]) .rule-card:nth-child(2){--rule-a: #454545; --rule-b: #1f1f1f; --rule-glow: #45454540;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:nth-child(3){--rule-a: #6e6e6e; --rule-b: #a5a5a5; --rule-glow: #6e6e6e3d;}
:where(html[data-c~=dash][data-v=light]) .rule-card:nth-child(3){--rule-a: #8d8d8d; --rule-b: #565656; --rule-glow: #8d8d8d3d;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:nth-child(4){--rule-a: #6c6c6c; --rule-b: #939393; --rule-glow: #6c6c6c30;}
:where(html[data-c~=dash][data-v=light]) .rule-card:nth-child(4){--rule-a: #8f8f8f; --rule-b: #686868; --rule-glow: #8f8f8f30;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:hover{transform: translateY(-4px); border-color: var(--rule-a); box-shadow: 0 14px 32px #00000044, 0 0 26px var(--rule-glow), inset 0 0 30px #ffffff08;}
:where(html[data-c~=dash][data-v=light]) .rule-card:hover{transform: translateY(-4px); border-color: var(--rule-a); box-shadow: 0 14px 32px #ffffff44, 0 0 26px var(--rule-glow), inset 0 0 30px #00000008;}
:where(html[data-c~=dash]) .rule-card:hover::after{opacity: .95; transform: scale(1.12);}
:where(html[data-c~=dash][data-v=dark]) .rule-number{border: 0; background: linear-gradient(140deg, var(--rule-a), var(--rule-b)); color: #0d0d0d; box-shadow: 0 0 16px var(--rule-glow), inset 0 1px 0 #ffffff66;}
:where(html[data-c~=dash][data-v=light]) .rule-number{border: 0; background: linear-gradient(140deg, var(--rule-a), var(--rule-b)); color: #f3f3f3; box-shadow: 0 0 16px var(--rule-glow), inset 0 1px 0 #00000066;}
:where(html[data-c~=dash][data-v=dark]) .rule-card h3{color: #f1f1f1;}
:where(html[data-c~=dash][data-v=light]) .rule-card h3{color: #0d0d0d;}
:where(html[data-c~=dash][data-v=dark]) .rule-card p{color: #b2b2b2;}
:where(html[data-c~=dash][data-v=light]) .rule-card p{color: #494949;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-balance{border-color: #44444480; background: linear-gradient(145deg, #1b1b1b, #141414); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .stat-card-balance{border-color: #b8b8b880; background: linear-gradient(145deg, #e4e4e4, #ececec); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .stat-card-balance strong{color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .stat-card-balance strong{color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet{border-color: #2d2d2d; background: linear-gradient(145deg, #171717, #111111); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet{border-color: #d0d0d0; background: linear-gradient(145deg, #e8e8e8, #efefef); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet > span{color: #8e8e8e;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet > span{color: #6d6d6d;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet strong{color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet strong{color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet a{color: #acacac;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet a{color: #505050;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet a:hover{color: #c8c8c8;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet a:hover{color: #343434;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout{border-color: #686868 !important; background: linear-gradient(145deg, #242424, #171717) !important; color: #c8c8c8 !important;}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout{border-color: #929292 !important; background: linear-gradient(145deg, #d9d9d9, #e8e8e8) !important; color: #343434 !important;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout:hover{border-color: #b7b7b7 !important; background: linear-gradient(145deg, #323232, #1f1f1f) !important; box-shadow: 0 0 20px #97979740 !important;}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout:hover{border-color: #454545 !important; background: linear-gradient(145deg, #cacaca, #dfdfdf) !important; box-shadow: 0 0 20px #64646440 !important;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:nth-child(3){--rule-a: #979797; --rule-b: #d0d0d0; --rule-glow: #97979742;}
:where(html[data-c~=dash][data-v=light]) .rule-card:nth-child(3){--rule-a: #646464; --rule-b: #2d2d2d; --rule-glow: #64646442;}
:where(html[data-c~=dash][data-v=dark]) .rule-card:nth-child(4){--rule-a: #818181; --rule-b: #d1d1d1; --rule-glow: #8c8c8c36;}
:where(html[data-c~=dash][data-v=light]) .rule-card:nth-child(4){--rule-a: #797979; --rule-b: #2c2c2c; --rule-glow: #6e6e6e36;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice[aria-pressed="true"]{border-color: #5dffc2; background: #242424; box-shadow: 0 0 0 2px #34d399, 0 0 28px #34d399aa, 0 0 58px #34d39955, inset 0 0 24px #34d39926; animation: greenPulse-49b02e 1.9s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice[aria-pressed="true"]{border-color: #00b872; background: #d9d9d9; box-shadow: 0 0 0 2px #21976c, 0 0 28px #21976caa, 0 0 58px #21976c55, inset 0 0 24px #21976c26; animation: greenPulse-136102 1.9s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice[aria-pressed="true"]{border-color: #5dffc2; background: #242424; color: #ededed; box-shadow: 0 0 0 2px #34d399, 0 0 24px #34d399aa, inset 0 0 18px #34d39924; animation: greenPulse-49b02e 1.9s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice[aria-pressed="true"]{border-color: #00b872; background: #d9d9d9; color: #111111; box-shadow: 0 0 0 2px #21976c, 0 0 24px #21976caa, inset 0 0 18px #21976c24; animation: greenPulse-136102 1.9s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .rush-option strong, :where(html[data-c~=dash][data-v=dark]) .rush-option small{color: #636363;}
:where(html[data-c~=dash][data-v=light]) .rush-option strong, :where(html[data-c~=dash][data-v=light]) .rush-option small{color: #989898;}
:where(html[data-c~=dash][data-v=dark]) .support-fab{background: radial-gradient(circle at 34% 28%, #b7b7b7, #737373 58%, #363636); box-shadow: 0 0 0 2px #ffffff2e, 0 0 26px #ffffffbb, 0 12px 30px #00000055;}
:where(html[data-c~=dash][data-v=light]) .support-fab{background: radial-gradient(circle at 34% 28%, #454545, #888888 58%, #c6c6c6); box-shadow: 0 0 0 2px #0000002e, 0 0 26px #000000bb, 0 12px 30px #ffffff55;}
:where(html[data-c~=dash][data-v=dark]) .support-fab::before{background: conic-gradient(from 0deg, transparent 0 18deg, #ffffff 26deg, transparent 36deg, transparent 78deg, #f3f3f3 86deg, transparent 96deg, transparent 138deg, #ffffff 146deg, transparent 156deg, transparent 198deg, #f8f8f8 206deg, transparent 216deg, transparent 258deg, #ffffff 266deg, transparent 276deg, transparent 318deg, #f3f3f3 326deg, transparent 340deg); filter: drop-shadow(0 0 6px #ffffffcc);}
:where(html[data-c~=dash][data-v=light]) .support-fab::before{background: conic-gradient(from 0deg, transparent 0 18deg, #000000 26deg, transparent 36deg, transparent 78deg, #0b0b0b 86deg, transparent 96deg, transparent 138deg, #000000 146deg, transparent 156deg, transparent 198deg, #070707 206deg, transparent 216deg, transparent 258deg, #000000 266deg, transparent 276deg, transparent 318deg, #0b0b0b 326deg, transparent 340deg); filter: drop-shadow(0 0 6px #000000cc);}
:where(html[data-c~=dash][data-v=dark]) .support-fab::after{border-color: #ffffffb3; box-shadow: 0 0 18px #ffffff99;}
:where(html[data-c~=dash][data-v=light]) .support-fab::after{border-color: #000000b3; box-shadow: 0 0 18px #00000099;}
:where(html[data-c~=dash][data-v=dark]) .support-widget.is-open .support-fab::before{animation-play-state: paused; filter: drop-shadow(0 0 3px #ffffff88);}
:where(html[data-c~=dash][data-v=light]) .support-widget.is-open .support-fab::before{animation-play-state: paused; filter: drop-shadow(0 0 3px #00000088);}
:where(html[data-c~=dash][data-v=dark]) .support-widget.is-open .support-fab{box-shadow: 0 0 0 2px #ffffff22, 0 0 16px #ffffff77, 0 12px 30px #00000055;}
:where(html[data-c~=dash][data-v=light]) .support-widget.is-open .support-fab{box-shadow: 0 0 0 2px #00000022, 0 0 16px #00000077, 0 12px 30px #ffffff55;}
:where(html[data-c~=dash]) .sidebar-logout svg{display: block; width: 20px; height: 20px; margin: 0 !important; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .sidebar-logout{justify-content: center !important; align-content: center;}
:where(html[data-c~=dash][data-v=dark]) .support-fab::before{background: transparent; filter: none; -webkit-mask: none; mask: none; border: 1px solid #ffffffd9; box-shadow: 0 0 14px #ffffffcc, 0 0 32px #ffffff80, inset 0 0 16px #ffffff40; animation: chatGlow-518472 2.8s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .support-fab::before{background: transparent; filter: none; -webkit-mask: none; mask: none; border: 1px solid #000000d9; box-shadow: 0 0 14px #000000cc, 0 0 32px #00000080, inset 0 0 16px #00000040; animation: chatGlow-a7cf9b 2.8s ease-in-out infinite;}
:where(html[data-c~=dash]) .support-widget.is-open .support-fab::before{animation: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet strong, :where(html[data-c~=dash][data-v=dark]) .stat-card-balance strong, :where(html[data-c~=dash][data-v=dark]) .wallet-balance > div:first-child strong{color: #ffffff; text-shadow: 0 0 14px #ffffff1f;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet strong, :where(html[data-c~=dash][data-v=light]) .stat-card-balance strong, :where(html[data-c~=dash][data-v=light]) .wallet-balance > div:first-child strong{color: #000000; text-shadow: 0 0 14px #0000001f;}
:where(html[data-c~=dash]) .task-ip{display: inline-flex; min-width: 64px; min-height: 44px; align-items: center; justify-content: center; padding: 0 14px; border-radius: 11px; font-size: 17px; font-weight: 950; text-align: center;}
:where(html[data-c~=dash]) .card-brand-choice img{filter: brightness(1.07) contrast(1.06) saturate(1.08);}
:where(html[data-c~=dash]) .card-brand-choice[aria-pressed="true"] img{filter: brightness(1.1) contrast(1.08) saturate(1.14);}
:where(html[data-c~=dash]) .card-brand-choice, :where(html[data-c~=dash]) .card-denomination-choice{transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;}
:where(html[data-c~=dash]) .card-brand-choice[aria-pressed="true"]{transform: translateY(-2px) scale(1.035);}
:where(html[data-c~=dash]) .card-denomination-choice[aria-pressed="true"]{transform: scale(1.035);}
:where(html[data-c~=dash]) .loading-track i{left: 0; width: 0; animation: loadingFill-e659fd .34s ease-out forwards;}
:where(html[data-c~=dash]) .support-widget{display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .support-panel{display: flex; flex-direction: column; width: min(360px, calc(100vw - 32px)); max-height: min(560px, 74vh); overflow: hidden; border: 1px solid #444444; border-radius: 16px; background: #101010; box-shadow: 0 22px 60px #00000077;}
:where(html[data-c~=dash][data-v=light]) .support-panel{display: flex; flex-direction: column; width: min(360px, calc(100vw - 32px)); max-height: min(560px, 74vh); overflow: hidden; border: 1px solid #b7b7b7; border-radius: 16px; background: #f0f0f0; box-shadow: 0 22px 60px #ffffff77;}
:where(html[data-c~=dash][data-v=dark]) .support-head{display: flex; align-items: center; gap: 10px; padding: 13px 14px; background: linear-gradient(115deg, #404040, #515151 58%, #6a6a6a);}
:where(html[data-c~=dash][data-v=light]) .support-head{display: flex; align-items: center; gap: 10px; padding: 13px 14px; background: linear-gradient(115deg, #bbbbbb, #aaaaaa 58%, #909090);}
:where(html[data-c~=dash][data-v=dark]) .support-head-icon{display: grid; width: 40px; height: 40px; flex: none; place-items: center; justify-content: center; align-content: center; border: 1px solid #ffffff33; border-radius: 50%; background: #ffffff1c;}
:where(html[data-c~=dash][data-v=light]) .support-head-icon{display: grid; width: 40px; height: 40px; flex: none; place-items: center; justify-content: center; align-content: center; border: 1px solid #00000033; border-radius: 50%; background: #0000001c;}
:where(html[data-c~=dash]) .support-head-icon svg{margin: 0;}
:where(html[data-c~=dash][data-v=dark]) .support-head-icon svg{width: 22px; height: 22px; fill: none; stroke: #ffffff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash][data-v=light]) .support-head-icon svg{width: 22px; height: 22px; fill: none; stroke: #000000; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .support-head > div:not(.support-head-actions){display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .support-head strong{color: #f8f8f8; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .support-head strong{color: #070707; font-size: 13px;}
:where(html[data-c~=dash][data-v=dark]) .support-head span{display: flex; align-items: center; gap: 5px; color: #e3e3e3; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .support-head span{display: flex; align-items: center; gap: 5px; color: #1b1b1b; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .support-head span i{width: 6px; height: 6px; border-radius: 50%; background: #7dffab; box-shadow: 0 0 8px #7dffab;}
:where(html[data-c~=dash][data-v=light]) .support-head span i{width: 6px; height: 6px; border-radius: 50%; background: #00b841; box-shadow: 0 0 8px #00b841;}
:where(html[data-c~=dash]) .support-head-actions{display: flex; gap: 6px; margin-left: auto;}
:where(html[data-c~=dash][data-v=dark]) .support-head-actions button{display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid #ffffff33; border-radius: 8px; background: #ffffff14; color: #ffffff; font-size: 15px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-head-actions button{display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid #00000033; border-radius: 8px; background: #00000014; color: #000000; font-size: 15px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .support-head-actions button:hover{background: #ffffff28;}
:where(html[data-c~=dash][data-v=light]) .support-head-actions button:hover{background: #00000028;}
:where(html[data-c~=dash]) .support-welcome{display: grid; justify-items: center; gap: 7px; padding: 16px 14px 4px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .support-welcome-icon{display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid #444444; border-radius: 50%; background: radial-gradient(circle at 36% 30%, #242424, #141414); color: #b7b7b7; box-shadow: 0 0 24px #a5a5a522;}
:where(html[data-c~=dash][data-v=light]) .support-welcome-icon{display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid #b7b7b7; border-radius: 50%; background: radial-gradient(circle at 36% 30%, #dadada, #ebebeb); color: #454545; box-shadow: 0 0 24px #56565622;}
:where(html[data-c~=dash]) .support-welcome-icon svg{width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash][data-v=dark]) .support-welcome strong{color: #f2f2f2; font-size: 15px;}
:where(html[data-c~=dash][data-v=light]) .support-welcome strong{color: #0c0c0c; font-size: 15px;}
:where(html[data-c~=dash][data-v=dark]) .support-welcome p{max-width: 280px; margin: 0; color: #a1a1a1; font-size: 10px; line-height: 1.65;}
:where(html[data-c~=dash][data-v=light]) .support-welcome p{max-width: 280px; margin: 0; color: #5a5a5a; font-size: 10px; line-height: 1.65;}
:where(html[data-c~=dash]) .support-topics{display: grid; width: 100%; gap: 7px; margin-top: 5px;}
:where(html[data-c~=dash][data-v=dark]) .support-topics button{display: flex; min-height: 38px; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 12px; border: 0; border-radius: 10px; background: linear-gradient(120deg, #353535, #515151); color: #f4f4f4; font: inherit; font-size: 10px; font-weight: 850; text-align: left; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-topics button{display: flex; min-height: 38px; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 12px; border: 0; border-radius: 10px; background: linear-gradient(120deg, #c7c7c7, #aaaaaa); color: #0a0a0a; font: inherit; font-size: 10px; font-weight: 850; text-align: left; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .support-topics button:nth-child(2){background: linear-gradient(120deg, #474747, #a0a0a0); color: #151515;}
:where(html[data-c~=dash][data-v=light]) .support-topics button:nth-child(2){background: linear-gradient(120deg, #b5b5b5, #5b5b5b); color: #eaeaea;}
:where(html[data-c~=dash][data-v=dark]) .support-topics button:nth-child(3){background: linear-gradient(120deg, #2d2d2d, #434343); color: #f3f3f3;}
:where(html[data-c~=dash][data-v=light]) .support-topics button:nth-child(3){background: linear-gradient(120deg, #d0d0d0, #b9b9b9); color: #0b0b0b;}
:where(html[data-c~=dash]) .support-topics button b{margin-left: auto; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .support-topic-icon{display: grid; width: 24px; height: 24px; flex: none; place-items: center; border-radius: 7px; background: #ffffff1f;}
:where(html[data-c~=dash][data-v=light]) .support-topic-icon{display: grid; width: 24px; height: 24px; flex: none; place-items: center; border-radius: 7px; background: #0000001f;}
:where(html[data-c~=dash]) .support-topic-icon svg{width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .support-topic-text{flex: 1; text-align: left;}
:where(html[data-c~=dash]) .support-topics button:hover{filter: brightness(1.08); transform: translateX(2px);}
:where(html[data-c~=dash]) .support-messages{flex: 1; min-height: 70px; overflow-y: auto; padding: 12px;}
:where(html[data-c~=dash][data-v=dark]) .support-form{display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid #222222; background: #111111;}
:where(html[data-c~=dash][data-v=light]) .support-form{display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid #dcdcdc; background: #eeeeee;}
:where(html[data-c~=dash][data-v=dark]) .support-form input{flex: 1; min-width: 0; min-height: 40px; padding: 0 12px; border: 1px solid #353535; border-radius: 10px; outline: none; background: #171717; color: #ececec; font: inherit; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .support-form input{flex: 1; min-width: 0; min-height: 40px; padding: 0 12px; border: 1px solid #c7c7c7; border-radius: 10px; outline: none; background: #e8e8e8; color: #121212; font: inherit; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .support-form input:focus{border-color: #a5a5a5; box-shadow: 0 0 0 3px #a5a5a51f;}
:where(html[data-c~=dash][data-v=light]) .support-form input:focus{border-color: #565656; box-shadow: 0 0 0 3px #5656561f;}
:where(html[data-c~=dash][data-v=dark]) .support-form button{display: grid; width: 40px; height: 40px; flex: none; place-items: center; border: 0; border-radius: 50%; background: linear-gradient(140deg, #828282, #515151); color: #ffffff; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-form button{display: grid; width: 40px; height: 40px; flex: none; place-items: center; border: 0; border-radius: 50%; background: linear-gradient(140deg, #797979, #aaaaaa); color: #000000; cursor: pointer;}
:where(html[data-c~=dash]) .support-form button svg{width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash][data-v=dark]) .support-hint{margin: 0; padding: 7px 12px; color: #787878; font-size: 8px; text-align: center; background: #111111;}
:where(html[data-c~=dash][data-v=light]) .support-hint{margin: 0; padding: 7px 12px; color: #838383; font-size: 8px; text-align: center; background: #eeeeee;}
:where(html[data-c~=dash][data-v=dark]) .support-discord{display: block; padding: 7px 10px 10px; color: #b9b9b9; font-size: 9px; text-align: center; text-decoration: none; background: #111111;}
:where(html[data-c~=dash][data-v=light]) .support-discord{display: block; padding: 7px 10px 10px; color: #424242; font-size: 9px; text-align: center; text-decoration: none; background: #eeeeee;}
:where(html[data-c~=dash]) .support-fab > span{display: grid; place-items: center;}
:where(html[data-c~=dash]) .support-fab svg{width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .support-widget.is-open .support-fab b{display: none;}
:where(html[data-c~=dash]) .card-redeem-fields{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .card-redeem-fields label{display: grid; gap: 6px; color: #c3c3c3; font-size: 9px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .card-redeem-fields label{display: grid; gap: 6px; color: #393939; font-size: 9px; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .card-redeem-fields input{width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid #454545; border-radius: 8px; outline: none; background: #0f0f0f; color: #f1f1f1; font: inherit; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .card-redeem-fields input{width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid #b6b6b6; border-radius: 8px; outline: none; background: #f1f1f1; color: #0d0d0d; font: inherit; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .card-redeem-fields input:focus{border-color: #a5a5a5; box-shadow: 0 0 0 3px #a5a5a51f;}
:where(html[data-c~=dash][data-v=light]) .card-redeem-fields input:focus{border-color: #565656; box-shadow: 0 0 0 3px #5656561f;}
@media (max-width: 560px){
:where(html[data-c~=dash]) .card-redeem-fields{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash][data-v=dark]) .support-topics button, :where(html[data-c~=dash][data-v=dark]) .support-topics button:nth-child(2), :where(html[data-c~=dash][data-v=dark]) .support-topics button:nth-child(3){border: 1px solid #424242; background: linear-gradient(120deg, #1a1a1a, #121212); color: #e9e9e9;}
:where(html[data-c~=dash][data-v=light]) .support-topics button, :where(html[data-c~=dash][data-v=light]) .support-topics button:nth-child(2), :where(html[data-c~=dash][data-v=light]) .support-topics button:nth-child(3){border: 1px solid #b9b9b9; background: linear-gradient(120deg, #e5e5e5, #eeeeee); color: #151515;}
:where(html[data-c~=dash][data-v=dark]) .support-topic-icon{border: 1px solid #a5a5a533; background: #a5a5a51a; color: #b7b7b7;}
:where(html[data-c~=dash][data-v=light]) .support-topic-icon{border: 1px solid #56565633; background: #5656561a; color: #454545;}
:where(html[data-c~=dash][data-v=dark]) .support-topics button:hover{border-color: #b7b7b7; filter: none;}
:where(html[data-c~=dash][data-v=light]) .support-topics button:hover{border-color: #454545; filter: none;}
:where(html[data-c~=dash]) .support-widget{z-index: 10000;}
:where(html[data-c~=dash]) .support-head-icon{position: relative; display: block; padding: 0; line-height: 0; overflow: hidden; box-sizing: border-box;}
:where(html[data-c~=dash]) .support-head-icon svg{position: absolute; inset: 0; margin: auto; display: block; width: 22px; height: 22px;}
:where(html[data-c~=dash]) .support-head small{color: inherit; font: inherit; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .support-head span.is-offline{color: #b6b6b6;}
:where(html[data-c~=dash][data-v=light]) .support-head span.is-offline{color: #464646;}
:where(html[data-c~=dash][data-v=dark]) .support-head span.is-offline i{background: #878787; box-shadow: 0 0 8px #878787;}
:where(html[data-c~=dash][data-v=light]) .support-head span.is-offline i{background: #747474; box-shadow: 0 0 8px #747474;}
:where(html[data-c~=dash][data-v=dark]) .support-empty-note{margin: 0; padding: 26px 16px; color: #8d8d8d; font-size: 10px; line-height: 1.7; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .support-empty-note{margin: 0; padding: 26px 16px; color: #6e6e6e; font-size: 10px; line-height: 1.7; text-align: center;}
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
:where(html[data-c~=dash]) .task-card{grid-template-rows: auto auto auto minmax(0, 1fr) auto; gap: 9px; padding: 17px 15px; border-radius: 14px;}
:where(html[data-c~=dash]) .task-card .task-head{align-items: center; gap: 8px;}
:where(html[data-c~=dash]) .task-card .task-icon{width: 32px; height: 32px; border-radius: 9px; font-size: 15px;}
:where(html[data-c~=dash]) .task-card .task-title{font-size: 12px; line-height: 1.3; gap: 4px;}
:where(html[data-c~=dash]) .task-card .task-badge{padding: 1px 5px; font-size: 6px;}
:where(html[data-c~=dash]) .task-card .task-sub{margin-top: 2px; font-size: 8.5px; line-height: 1.4;}
:where(html[data-c~=dash]) .task-card .task-slot{padding: 2px 6px; font-size: 8px;}
:where(html[data-c~=dash]) .task-card .task-reward{padding: 4px 8px; border-radius: 9px; font-size: 13px;}
:where(html[data-c~=dash]) .task-card .task-reward small{font-size: 6px;}
:where(html[data-c~=dash]) .task-card .task-progressbar{height: 4px;}
:where(html[data-c~=dash]) .task-card .task-note{min-height: 0; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash]) .task-card .task-join{min-height: 32px; border-radius: 9px; font-size: 10px;}
:where(html[data-c~=dash]) .task-ip{display: grid; justify-items: center; gap: 1px; padding: 3px 8px; border-radius: 10px; line-height: 1.05; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .task-ip strong{color: #d6d6d6; font-size: 15px; font-weight: 950;}
:where(html[data-c~=dash][data-v=light]) .task-ip strong{color: #272727; font-size: 15px; font-weight: 950;}
:where(html[data-c~=dash][data-v=dark]) .task-ip small{color: #ababab; font-size: 6.5px; font-weight: 850; letter-spacing: .2px; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .task-ip small{color: #515151; font-size: 6.5px; font-weight: 850; letter-spacing: .2px; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=dark]) .task-ip em{color: #8c8c8c; font-size: 6px; font-style: normal;}
:where(html[data-c~=dash][data-v=light]) .task-ip em{color: #6f6f6f; font-size: 6px; font-style: normal;}
:where(html[data-c~=dash]) .task-card .task-meta{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; align-items: stretch;}
:where(html[data-c~=dash]) .task-card .task-meta > *{display: grid; justify-items: center; align-content: center; gap: 1px; min-width: 0; height: 100%; padding: 4px 6px; border-radius: 10px; line-height: 1.05; text-align: center; white-space: normal;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-reward strong{color: #dddddd; font-size: 13px; font-weight: 950; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-reward strong{color: #202020; font-size: 13px; font-weight: 950; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-meta > .task-reward{background: #2a2a2a; border-color: #565656;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-meta > .task-reward{background: #d3d3d3; border-color: #a5a5a5;}
:where(html[data-c~=dash]) .task-card .task-meta > .task-reward small, :where(html[data-c~=dash]) .task-card .task-meta > .task-auto small, :where(html[data-c~=dash]) .task-card .task-meta > .task-ip small{font-size: 6.5px; letter-spacing: .2px;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-reward small{color: #969696; font-weight: 850; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-reward small{color: #656565; font-weight: 850; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=dark]) .task-auto{border: 1px solid #4a4a4a; border-radius: 10px; background: #1e1e1e; color: #b7b7b7;}
:where(html[data-c~=dash][data-v=light]) .task-auto{border: 1px solid #b2b2b2; border-radius: 10px; background: #e1e1e1; color: #454545;}
:where(html[data-c~=dash][data-v=dark]) .task-auto strong{color: #d2d2d2; font-size: 13px; font-weight: 950; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=light]) .task-auto strong{color: #2b2b2b; font-size: 13px; font-weight: 950; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=dark]) .task-auto small{color: #9d9d9d; font-weight: 850; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .task-auto small{color: #5e5e5e; font-weight: 850; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=dark]) .task-auto em{color: #7f7f7f; font-size: 6px; font-style: normal;}
:where(html[data-c~=dash][data-v=light]) .task-auto em{color: #7b7b7b; font-size: 6px; font-style: normal;}
:where(html[data-c~=dash]) .current-task-panel{padding: 10px 14px; gap: 10px; grid-template-columns: 38px minmax(0, 1fr) auto;}
:where(html[data-c~=dash]) .current-task-icon{width: 38px; height: 38px; border-radius: 10px; font-size: 16px;}
:where(html[data-c~=dash]) .current-task-info strong{font-size: 13px;}
:where(html[data-c~=dash]) .current-task-info p{display: none;}
:where(html[data-c~=dash]) .current-task-reward{font-size: 17px;}
:where(html[data-c~=dash]) .current-task-continue, :where(html[data-c~=dash]) .current-task-cancel{min-height: 34px; padding: 0 12px; font-size: 10px;}
@media (max-width: 980px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 700px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{padding: 13px;}
:where(html[data-c~=dash]) .task-card .task-title{font-size: 13px;}
:where(html[data-c~=dash]) .task-card .task-reward{font-size: 15px;}
}
:where(html[data-c~=dash]) .task-cancel-dialog, :where(html[data-c~=dash]) .card-reveal-dialog, :where(html[data-c~=dash]) .chat-image-dialog{padding: 0; border: 0; background: transparent;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-dialog::backdrop, :where(html[data-c~=dash][data-v=dark]) .card-reveal-dialog::backdrop, :where(html[data-c~=dash][data-v=dark]) .chat-image-dialog::backdrop{background: #040404d9; backdrop-filter: blur(4px);}
:where(html[data-c~=dash][data-v=light]) .task-cancel-dialog::backdrop, :where(html[data-c~=dash][data-v=light]) .card-reveal-dialog::backdrop, :where(html[data-c~=dash][data-v=light]) .chat-image-dialog::backdrop{background: #ffffffd9; backdrop-filter: blur(4px);}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-card, :where(html[data-c~=dash][data-v=dark]) .card-reveal-card{display: grid; width: min(380px, 90vw); gap: 10px; padding: 22px; border: 1px solid #404040; border-radius: 18px; background: radial-gradient(circle at 100% 0%, #80808018, transparent 55%), linear-gradient(160deg, #161616, #0d0d0d 80%); box-shadow: 0 26px 60px #00000099; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-card, :where(html[data-c~=dash][data-v=light]) .card-reveal-card{display: grid; width: min(380px, 90vw); gap: 10px; padding: 22px; border: 1px solid #bcbcbc; border-radius: 18px; background: radial-gradient(circle at 100% 0%, #7b7b7b18, transparent 55%), linear-gradient(160deg, #e9e9e9, #f3f3f3 80%); box-shadow: 0 26px 60px #ffffff99; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-icon{display: grid; width: 46px; height: 46px; margin: 0 auto; place-items: center; border: 1px solid #9a9a9a55; border-radius: 50%; background: #8080801a; color: #bababa; font-size: 22px; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-icon{display: grid; width: 46px; height: 46px; margin: 0 auto; place-items: center; border: 1px solid #62626255; border-radius: 50%; background: #7b7b7b1a; color: #424242; font-size: 22px; font-weight: 900;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-card h2, :where(html[data-c~=dash][data-v=dark]) .card-reveal-card h2{margin: 0; color: #f2f2f2; font-size: 18px;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-card h2, :where(html[data-c~=dash][data-v=light]) .card-reveal-card h2{margin: 0; color: #0c0c0c; font-size: 18px;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-card p, :where(html[data-c~=dash][data-v=dark]) .card-reveal-note{margin: 0; color: #a6a6a6; font-size: 11px; line-height: 1.7;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-card p, :where(html[data-c~=dash][data-v=light]) .card-reveal-note{margin: 0; color: #565656; font-size: 11px; line-height: 1.7;}
:where(html[data-c~=dash]) .task-cancel-actions{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 4px;}
:where(html[data-c~=dash]) .task-cancel-actions button{min-height: 40px; border-radius: 10px; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-keep{border: 1px solid #404040; background: #151515; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-keep{border: 1px solid #bcbcbc; background: #eaeaea; color: #272727;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-confirm{border: 0; background: linear-gradient(120deg, #8b8b8b, #414141); color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-confirm{border: 0; background: linear-gradient(120deg, #6f6f6f, #bbbbbb); color: #090909;}
:where(html[data-c~=dash]) .card-reveal-card dl{display: grid; gap: 8px; margin: 6px 0; text-align: left;}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-card dl > div{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #404040; border-radius: 10px; background: #121212;}
:where(html[data-c~=dash][data-v=light]) .card-reveal-card dl > div{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #bcbcbc; border-radius: 10px; background: #ededed;}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-card dt{color: #a1a1a1; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .card-reveal-card dt{color: #5a5a5a; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-card dd{margin: 0; color: #d5d5d5; font-size: 14px; font-weight: 950; letter-spacing: .6px;}
:where(html[data-c~=dash][data-v=light]) .card-reveal-card dd{margin: 0; color: #282828; font-size: 14px; font-weight: 950; letter-spacing: .6px;}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-close{min-height: 40px; border: 0; border-radius: 10px; background: linear-gradient(120deg, #a5a5a5, #414141); color: #f7f7f7; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .card-reveal-close{min-height: 40px; border: 0; border-radius: 10px; background: linear-gradient(120deg, #565656, #bbbbbb); color: #080808; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer;}
:where(html[data-c~=dash]) .support-form{align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .support-form .support-attach{display: grid; width: 38px; height: 38px; flex: none; padding: 0; place-items: center; border: 1px solid #353535; border-radius: 10px; background: #171717; color: #b9b9b9; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-form .support-attach{display: grid; width: 38px; height: 38px; flex: none; padding: 0; place-items: center; border: 1px solid #c7c7c7; border-radius: 10px; background: #e8e8e8; color: #424242; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .support-form .support-attach:hover{border-color: #a5a5a5; color: #d6d6d6;}
:where(html[data-c~=dash][data-v=light]) .support-form .support-attach:hover{border-color: #565656; color: #272727;}
:where(html[data-c~=dash]) .support-form .support-attach svg{width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .support-form .support-send{width: 38px; height: 38px;}
:where(html[data-c~=dash][data-v=dark]) .support-attachment{display: flex; align-items: center; gap: 8px; margin: 0; padding: 7px 12px; border-top: 1px solid #222222; background: #111111; color: #b5b5b5; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .support-attachment{display: flex; align-items: center; gap: 8px; margin: 0; padding: 7px 12px; border-top: 1px solid #dcdcdc; background: #eeeeee; color: #474747; font-size: 9px;}
:where(html[data-c~=dash]) .support-attachment img{width: 34px; height: 34px; border-radius: 8px; object-fit: cover;}
:where(html[data-c~=dash]) .support-attachment span{flex: 1;}
:where(html[data-c~=dash][data-v=dark]) .support-attachment button{width: 22px; height: 22px; border: 1px solid #404040; border-radius: 7px; background: #1a1a1a; color: #b9b9b9; font-size: 12px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .support-attachment button{width: 22px; height: 22px; border: 1px solid #bcbcbc; border-radius: 7px; background: #e5e5e5; color: #424242; font-size: 12px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash]) .support-bubble-image{display: block; max-width: 210px; max-height: 190px; margin-bottom: 4px; border-radius: 9px; object-fit: cover; cursor: zoom-in;}
:where(html[data-c~=dash]) .chat-image-dialog{position: fixed; inset: 0; width: fit-content; height: fit-content; margin: auto;}
:where(html[data-c~=dash][data-v=dark]) .chat-image-dialog img{display: block; max-width: 92vw; max-height: 86vh; border-radius: 14px; box-shadow: 0 24px 70px #000000aa;}
:where(html[data-c~=dash][data-v=light]) .chat-image-dialog img{display: block; max-width: 92vw; max-height: 86vh; border-radius: 14px; box-shadow: 0 24px 70px #ffffffaa;}
:where(html[data-c~=dash][data-v=dark]) .chat-image-close{position: absolute; top: -14px; right: -14px; display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #ffffff44; border-radius: 50%; background: #101010; color: #ffffff; font-size: 18px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .chat-image-close{position: absolute; top: -14px; right: -14px; display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #00000044; border-radius: 50%; background: #f0f0f0; color: #000000; font-size: 18px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash]) .support-attachment[hidden]{display: none;}
:where(html[data-c~=dash]) .chat-image-dialog[open]{display: grid; place-items: center; padding: 0;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; justify-content: stretch; align-items: stretch;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice{aspect-ratio: 1 / 0.92; padding: 8px; border: 1px solid #464646; border-radius: 12px; background: linear-gradient(150deg, #1a1a1a, #101010); color: #dbdbdb;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice{aspect-ratio: 1 / 0.92; padding: 8px; border: 1px solid #b5b5b5; border-radius: 12px; background: linear-gradient(150deg, #e5e5e5, #f0f0f0); color: #222222;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice:hover{border-color: #8c8c8c;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice:hover{border-color: #6f6f6f;}
:where(html[data-c~=dash][data-v=dark]) .card-brand-choice img{border-radius: 8px; background: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .card-brand-choice img{border-radius: 8px; background: #000000;}
:where(html[data-c~=dash][data-v=dark]) #card-fields{padding: 12px; border: 1px solid #46464666; border-radius: 14px; background: linear-gradient(160deg, #161616, #0f0f0f);}
:where(html[data-c~=dash][data-v=light]) #card-fields{padding: 12px; border: 1px solid #b5b5b566; border-radius: 14px; background: linear-gradient(160deg, #eaeaea, #f1f1f1);}
:where(html[data-c~=dash][data-v=dark]) .card-choice-group legend{color: #dbdbdb; letter-spacing: .2px;}
:where(html[data-c~=dash][data-v=light]) .card-choice-group legend{color: #222222; letter-spacing: .2px;}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice{border-color: #444444; background: #141414; color: #dddddd;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice{border-color: #b8b8b8; background: #ebebeb; color: #202020;}
:where(html[data-c~=dash][data-v=dark]) .card-denomination-choice:hover{border-color: #8c8c8c;}
:where(html[data-c~=dash][data-v=light]) .card-denomination-choice:hover{border-color: #6f6f6f;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form{border-color: #6f6f6f8c; background: radial-gradient(ellipse at 92% -8%, #b7b7b722, transparent 44%), radial-gradient(ellipse at 0% 104%, #73737314, transparent 46%), linear-gradient(150deg, #1b1b1b, #0e0e0e 78%); box-shadow: 0 18px 46px #00000044, 0 0 34px #a5a5a514;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form{border-color: #8c8c8c8c; background: radial-gradient(ellipse at 92% -8%, #45454522, transparent 44%), radial-gradient(ellipse at 0% 104%, #88888814, transparent 46%), linear-gradient(150deg, #e4e4e4, #f3f3f3 78%); box-shadow: 0 18px 46px #ffffff44, 0 0 34px #56565614;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form .panel-heading h3{color: #e8e8e8;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form .panel-heading h3{color: #161616;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form .panel-heading p{color: #929292;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form .panel-heading p{color: #696969;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab{border-color: #4e4e4e; background: linear-gradient(110deg, #1d1d1d, #141414); color: #c2c2c2;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab{border-color: #adadad; background: linear-gradient(110deg, #e2e2e2, #ebebeb); color: #3a3a3a;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab.is-active, :where(html[data-c~=dash][data-v=dark]) .withdrawal-method-tab:hover{border-color: #c1c1c1; background: linear-gradient(105deg, #5d5d5d, #8f8f8f 62%, #adadad); color: #f8f8f8; box-shadow: 0 0 16px #acacac3d;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab.is-active, :where(html[data-c~=dash][data-v=light]) .withdrawal-method-tab:hover{border-color: #3b3b3b; background: linear-gradient(105deg, #9e9e9e, #6b6b6b 62%, #4f4f4f); color: #060606; box-shadow: 0 0 16px #4f4f4f3d;}
:where(html[data-c~=dash][data-v=dark]) .required-hint{color: #c5c5c5;}
:where(html[data-c~=dash][data-v=light]) .required-hint{color: #373737;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm{border-color: #555555; background: linear-gradient(110deg, #2d2d2d, #171717); color: #d3d3d3 !important;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm{border-color: #a6a6a6; background: linear-gradient(110deg, #d0d0d0, #e8e8e8); color: #2a2a2a !important;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm:has(input:checked){border-color: #bcbcbc; box-shadow: 0 0 16px #acacac2a;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm:has(input:checked){border-color: #404040; box-shadow: 0 0 16px #4f4f4f2a;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm input[type="checkbox"]{accent-color: #9d9d9d; border-color: #828282;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm input[type="checkbox"]{accent-color: #5e5e5e; border-color: #787878;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm input[type="checkbox"]:checked{border-color: #c7c7c7; background: #959595;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm input[type="checkbox"]:checked{border-color: #353535; background: #666666;}
:where(html[data-c~=dash][data-v=dark]) .rush-option{border-color: #898989; background: linear-gradient(110deg, #303030, #1a1a1a);}
:where(html[data-c~=dash][data-v=light]) .rush-option{border-color: #727272; background: linear-gradient(110deg, #cccccc, #e5e5e5);}
:where(html[data-c~=dash][data-v=dark]) .rush-option strong{color: #d5d5d5 !important;}
:where(html[data-c~=dash][data-v=light]) .rush-option strong{color: #282828 !important;}
:where(html[data-c~=dash][data-v=dark]) .rush-option small{color: #b3b3b3 !important;}
:where(html[data-c~=dash][data-v=light]) .rush-option small{color: #494949 !important;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form input[type="file"]{border-color: #828282; background: #171717;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form input[type="file"]{border-color: #787878; background: #e8e8e8;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form input[type="file"]::file-selector-button{border-color: #898989; background: #2d2d2d; color: #dedede;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form input[type="file"]::file-selector-button{border-color: #727272; background: #d0d0d0; color: #1f1f1f;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-preview{border-color: #898989;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-preview{border-color: #727272;}
:where(html[data-c~=dash][data-v=dark]) #withdraw-submit{background: linear-gradient(120deg, #a5a5a5, #a8a8a8 52%, #888888); color: #111111; box-shadow: 0 10px 26px #a5a5a533; font-weight: 950;}
:where(html[data-c~=dash][data-v=light]) #withdraw-submit{background: linear-gradient(120deg, #565656, #535353 52%, #727272); color: #efefef; box-shadow: 0 10px 26px #56565633; font-weight: 950;}
:where(html[data-c~=dash]) #withdraw-submit:hover{filter: brightness(1.07);}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-card{border-color: #606060; background: radial-gradient(circle at 100% 0%, #b7b7b718, transparent 55%), linear-gradient(160deg, #1a1a1a, #0e0e0e 80%);}
:where(html[data-c~=dash][data-v=light]) .card-reveal-card{border-color: #9a9a9a; background: radial-gradient(circle at 100% 0%, #45454518, transparent 55%), linear-gradient(160deg, #e5e5e5, #f3f3f3 80%);}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-card dd{color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .card-reveal-card dd{color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .card-reveal-close{background: linear-gradient(120deg, #a5a5a5, #888888); color: #111111;}
:where(html[data-c~=dash][data-v=light]) .card-reveal-close{background: linear-gradient(120deg, #565656, #727272); color: #efefef;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-card{border-color: #606060;}
:where(html[data-c~=dash][data-v=light]) .task-cancel-card{border-color: #9a9a9a;}
:where(html[data-c~=dash][data-v=dark]) .task-cancel-confirm{background: linear-gradient(120deg, #a5a5a5, #5c5c5c);}
:where(html[data-c~=dash][data-v=light]) .task-cancel-confirm{background: linear-gradient(120deg, #565656, #9f9f9f);}
@media (max-width: 1080px){
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 720px){
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
:where(html[data-c~=dash]) .card-denomination-choices{grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px;}
:where(html[data-c~=dash]) .card-denomination-choice{min-height: 46px; font-size: 12px;}
:where(html[data-c~=dash]) .card-denomination-choice[aria-pressed="true"]{transform: scale(1.02);}
:where(html[data-c~=dash][data-v=dark]) .loading-ring{border-color: #272727; border-top-color: #b7b7b7; border-right-color: #d0d0d0;}
:where(html[data-c~=dash][data-v=light]) .loading-ring{border-color: #d7d7d7; border-top-color: #454545; border-right-color: #2d2d2d;}
@media (max-width: 1080px){
:where(html[data-c~=dash]) .card-denomination-choices{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 520px){
:where(html[data-c~=dash]) .card-denomination-choices{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
:where(html[data-c~=dash]) .sidebar-user > span img, :where(html[data-c~=dash]) .profile-avatar img, :where(html[data-c~=dash]) .avatar-img{width: 100%; height: 100%; border-radius: inherit; object-fit: cover; display: block;}
:where(html[data-c~=dash]) .sidebar-user > span, :where(html[data-c~=dash]) .profile-avatar{overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .discord-account-note{display: grid; gap: 5px; padding: 13px 15px; border: 1px solid #5865f266; border-radius: 11px; background: linear-gradient(140deg, #5865f21f, #141414);}
:where(html[data-c~=dash][data-v=light]) .discord-account-note{display: grid; gap: 5px; padding: 13px 15px; border: 1px solid #0d1baa66; border-radius: 11px; background: linear-gradient(140deg, #0d1baa1f, #ececec);}
:where(html[data-c~=dash]) .discord-account-note[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .discord-account-note strong{color: #cacaca; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .discord-account-note strong{color: #323232; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .discord-account-note p{margin: 0; color: #a3a3a3; font-size: 10px; line-height: 1.65;}
:where(html[data-c~=dash][data-v=light]) .discord-account-note p{margin: 0; color: #585858; font-size: 10px; line-height: 1.65;}
:where(html[data-c~=dash]) .task-link-actions{display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; width: 100%;}
:where(html[data-c~=dash]) .task-link-actions .task-link-close{margin-top: 0;}
:where(html[data-c~=dash][data-v=dark]) .task-link-secondary{padding: 7px 18px; border: 1px solid #323232; border-radius: 999px; background: transparent; color: #a6a6a6; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .task-link-secondary{padding: 7px 18px; border: 1px solid #cacaca; border-radius: 999px; background: transparent; color: #555555; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .task-link-secondary:hover{border-color: #989898; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .task-link-secondary:hover{border-color: #636363; color: #282828;}
:where(html[data-c~=dash]) .task-link-card .task-link-close, :where(html[data-c~=dash]) .task-link-card .task-link-secondary{display: inline-flex; align-items: center;}
@media (max-width: 560px){
:where(html[data-c~=dash]) .leaderboard-podium{grid-template-columns: 1fr; gap: 8px;}
:where(html[data-c~=dash]) .podium-1, :where(html[data-c~=dash]) .podium-2, :where(html[data-c~=dash]) .podium-3{min-height: 0; order: 0;}
:where(html[data-c~=dash]) .podium-card{padding: 16px 12px 10px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(3), :where(html[data-c~=dash]) .leaderboard-table td:nth-child(3){display: none;}
:where(html[data-c~=dash]) .leaderboard-table th:first-child{width: 42px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(4){width: 92px;}
}
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch;}
:where(html[data-c~=dash]) .task-card{grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto minmax(0, 1fr) auto; align-items: stretch; min-height: 250px; gap: 10px; padding: 15px 13px;}
:where(html[data-c~=dash]) .task-card .task-meta{gap: 5px;}
:where(html[data-c~=dash]) .task-card .task-meta > *{padding: 5px 3px;}
:where(html[data-c~=dash]) .task-card .task-reward strong, :where(html[data-c~=dash]) .task-card .task-auto strong{font-size: 12px;}
:where(html[data-c~=dash]) .task-card .task-ip strong{font-size: 14px;}
:where(html[data-c~=dash]) .task-card .task-note{min-height: 46px; -webkit-line-clamp: 3;}
:where(html[data-c~=dash]) .task-card .task-actions{margin-top: 0; align-self: end;}
:where(html[data-c~=dash]) .task-card .task-join{min-height: 36px;}
@media (max-width: 1100px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .task-card{min-height: 236px;}
}
@media (max-width: 640px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{width: 100%; max-width: 360px; min-height: 0; justify-self: center;}
}
:where(html[data-c~=dash]) .brand-mark img{display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: contain;}
:where(html[data-c~=dash][data-v=dark]) .podium-card.is-empty{border-style: dashed; border-color: #2f2f2f; background: linear-gradient(165deg, #111111, #0d0d0d); opacity: .72;}
:where(html[data-c~=dash][data-v=light]) .podium-card.is-empty{border-style: dashed; border-color: #cdcdcd; background: linear-gradient(165deg, #efefef, #f3f3f3); opacity: .72;}
:where(html[data-c~=dash]) .podium-1.is-empty{box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .podium-avatar.is-empty, :where(html[data-c~=dash][data-v=dark]) .leaderboard-avatar.is-empty{border-style: dashed; border-color: #303030; background: transparent; color: #585858;}
:where(html[data-c~=dash][data-v=light]) .podium-avatar.is-empty, :where(html[data-c~=dash][data-v=light]) .leaderboard-avatar.is-empty{border-style: dashed; border-color: #cccccc; background: transparent; color: #a3a3a3;}
:where(html[data-c~=dash][data-v=dark]) .podium-name.is-empty, :where(html[data-c~=dash][data-v=dark]) .leaderboard-empty-name{color: #646464; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .podium-name.is-empty, :where(html[data-c~=dash][data-v=light]) .leaderboard-empty-name{color: #979797; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .podium-income.is-empty, :where(html[data-c~=dash][data-v=dark]) .leaderboard-income.is-empty{border-style: dashed; background: transparent; color: #585858;}
:where(html[data-c~=dash][data-v=light]) .podium-income.is-empty, :where(html[data-c~=dash][data-v=light]) .leaderboard-income.is-empty{border-style: dashed; background: transparent; color: #a3a3a3;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-badge.is-empty{border: 0; padding: 0; background: transparent; color: #585858;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-badge.is-empty{border: 0; padding: 0; background: transparent; color: #a3a3a3;}
:where(html[data-c~=dash]) .leaderboard-rank{display: inline-flex; width: auto; min-width: 30px; height: 26px; align-items: center; justify-content: center; padding: 4px 8px; white-space: nowrap; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-row.is-empty td{background: #0d0d0d;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-row.is-empty td{background: #f3f3f3;}
:where(html[data-c~=dash]) .leaderboard-extra{display: grid; margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
:where(html[data-c~=dash]) .leaderboard-mini{display: grid; gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-row{display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #222222; border-radius: 8px; background: #101010;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-row{display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #dcdcdc; border-radius: 8px; background: #f0f0f0;}
:where(html[data-c~=dash]) .leaderboard-mini-row.is-empty{border-style: dashed; background: transparent;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-rank{color: #7e7e7e; font-size: 9px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-rank{color: #7d7d7d; font-size: 9px; font-weight: 800;}
:where(html[data-c~=dash]) .leaderboard-mini-row .leaderboard-person{gap: 7px;}
:where(html[data-c~=dash]) .leaderboard-mini-row .leaderboard-avatar{width: 24px; height: 24px; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-row strong{overflow: hidden; color: #dcdcdc; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-row strong{overflow: hidden; color: #212121; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-value{color: #c5c5c5; font-size: 9px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-value{color: #373737; font-size: 9px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-value.is-empty{color: #585858;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-value.is-empty{color: #a3a3a3;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(5, minmax(0, 96px)); gap: 12px; justify-content: center;}
:where(html[data-c~=dash]) .card-brand-choice{aspect-ratio: auto; grid-template-rows: auto auto; gap: 4px; padding: 5px; border-radius: 9px; font-size: 8px;}
:where(html[data-c~=dash]) .card-brand-choice img{width: 100%; height: auto; aspect-ratio: 2 / 1; border-radius: 6px;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .leaderboard-extra{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(3, minmax(0, 108px));}
}
@media (max-width: 560px){
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=dash]) .leaderboard-mini-value{font-size: 8px;}
}
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; justify-content: stretch;}
:where(html[data-c~=dash]) .card-brand-choice{aspect-ratio: auto; grid-template-rows: auto auto; gap: 5px; padding: 6px; border-radius: 10px; font-size: 9px;}
:where(html[data-c~=dash]) .card-brand-choice img{width: 100%; height: auto; aspect-ratio: 200 / 96; border-radius: 7px; object-fit: cover; background: transparent; filter: none !important;}
:where(html[data-c~=dash]) .card-brand-choice[aria-pressed="true"]{transform: none;}
:where(html[data-c~=dash]) .blossom-layer{contain: layout paint;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .card-brand-choice img{height: auto;}
}
@media (max-width: 560px){
:where(html[data-c~=dash]) .card-brand-choices{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=dash]) .card-brand-choice img{height: auto;}
}
:where(html[data-c~=dash]) .leaderboard-switch{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-tabs{display: inline-flex; gap: 6px; padding: 4px; border: 1px solid #323232; border-radius: 999px; background: #101010;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-tabs{display: inline-flex; gap: 6px; padding: 4px; border: 1px solid #cbcbcb; border-radius: 999px; background: #f0f0f0;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-tab{display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #a5a5a5; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-tab{display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #575757; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-tab:hover{color: #dbdbdb;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-tab:hover{color: #222222;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-tab.is-active{border-color: #a9a9a9; background: linear-gradient(100deg, #2d2d2d, #434343); color: #e1e1e1; box-shadow: 0 0 14px #b8b8b826;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-tab.is-active{border-color: #525252; background: linear-gradient(100deg, #d0d0d0, #b9b9b9); color: #1d1d1d; box-shadow: 0 0 14px #44444426;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-toggle{display: grid; width: 34px; height: 34px; flex: none; place-items: center; border: 1px solid #323232; border-radius: 10px; background: #101010; color: #c5c5c5; font-size: 15px; font-weight: 900; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-toggle{display: grid; width: 34px; height: 34px; flex: none; place-items: center; border: 1px solid #cbcbcb; border-radius: 10px; background: #f0f0f0; color: #373737; font-size: 15px; font-weight: 900; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-toggle:hover{border-color: #a9a9a9; color: #e1e1e1;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-toggle:hover{border-color: #525252; color: #1d1d1d;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-invite-note{margin: 10px 0 0; padding: 8px 10px; border: 1px dashed #323232; border-radius: 8px; color: #afafaf; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-invite-note{margin: 10px 0 0; padding: 8px 10px; border: 1px dashed #cbcbcb; border-radius: 8px; color: #4d4d4d; font-size: 9px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-row.is-info{grid-template-columns: 16px minmax(0, 1fr) auto; border-color: #222222; background: #0f0f0f;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-row.is-info{grid-template-columns: 16px minmax(0, 1fr) auto; border-color: #dcdcdc; background: #f1f1f1;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-row.is-info strong{color: #afafaf; font-size: 9px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-row.is-info strong{color: #4d4d4d; font-size: 9px; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-tasks.is-empty{color: #585858;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-tasks.is-empty{color: #a3a3a3;}
:where(html[data-c~=dash]) #leaderboard-body[hidden], :where(html[data-c~=dash]) #leaderboard-commission-panel[hidden], :where(html[data-c~=dash]) #leaderboard-lastweek-panel[hidden], :where(html[data-c~=dash]) #leaderboard-invite-note[hidden]{display: none !important;}
@media (max-width: 560px){
:where(html[data-c~=dash]) .leaderboard-tabs{flex: 1;}
:where(html[data-c~=dash]) .leaderboard-tab{flex: 1; justify-content: center; padding: 0 8px; font-size: 9px;}
}
:where(html[data-c~=dash]) .leaderboard-mini-panel{position: relative; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-panel::before{content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 100% 0, #b7b7b714, transparent 45%); pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-panel::before{content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 100% 0, #45454514, transparent 45%); pointer-events: none;}
:where(html[data-c~=dash]) .lb-ornament{position: absolute; top: -14px; right: -12px; width: 96px; height: 96px; opacity: .5; pointer-events: none; animation: lbOrnamentSpin-89df69 34s linear infinite;}
:where(html[data-c~=dash]) .leaderboard-mini-panel:hover .lb-ornament{opacity: .85;}
:where(html[data-c~=dash]) .leaderboard-mini-panel .panel-heading{position: relative;}
:where(html[data-c~=dash]) .leaderboard-mini-row{position: relative; opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-row:hover{border-color: #565656; background: #151515;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-row:hover{border-color: #a5a5a5; background: #ebebeb;}
:where(html[data-c~=dash]) .leaderboard-mini-row.is-empty{animation: none; opacity: .8;}
:where(html[data-c~=dash]) .leaderboard-table tr{opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-panel::after{content: ""; position: absolute; top: 0; left: -40%; width: 40%; height: 2px; background: linear-gradient(90deg, transparent, #b7b7b788, transparent); animation: lbSheen-9bf10b 6.5s ease-in-out infinite; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-panel::after{content: ""; position: absolute; top: 0; left: -40%; width: 40%; height: 2px; background: linear-gradient(90deg, transparent, #45454588, transparent); animation: lbSheen-9bf10b 6.5s ease-in-out infinite; pointer-events: none;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .lb-ornament, :where(html[data-c~=dash]) .leaderboard-mini-panel::after{animation: none;}
:where(html[data-c~=dash]) .leaderboard-mini-row, :where(html[data-c~=dash]) .leaderboard-table tr{animation: none; opacity: 1;}
}
:where(html[data-c~=dash]) .gift-layout{align-items: stretch;}
:where(html[data-c~=dash]) .gift-redeem-card{min-height: 360px; align-content: center; gap: 16px; padding: clamp(24px, 3.2vw, 40px) clamp(22px, 3vw, 44px);}
:where(html[data-c~=dash]) .gift-card-head{gap: 14px;}
:where(html[data-c~=dash]) .gift-icon{width: 58px; height: 58px; border-radius: 15px; font-size: 27px;}
:where(html[data-c~=dash]) .gift-card-head h3{font-size: 21px;}
:where(html[data-c~=dash]) .gift-card-head p{margin-top: 5px; font-size: 11px; line-height: 1.55;}
:where(html[data-c~=dash]) .gift-redeem-card label{margin-top: 4px; font-size: 10px; letter-spacing: 1px;}
:where(html[data-c~=dash]) .gift-redeem-card input{min-height: 56px; padding: 0 16px; font-size: 15px; letter-spacing: 1.4px; border-radius: 10px;}
:where(html[data-c~=dash]) .gift-redeem-card .primary-button{min-height: 52px; font-size: 13px; border-radius: 11px;}
:where(html[data-c~=dash]) .gift-redeem-card .inline-message{min-height: 18px; font-size: 10px;}
:where(html[data-c~=dash]) .gift-note-card{align-content: space-between; min-height: 360px; padding: 24px;}
:where(html[data-c~=dash]) .gift-note-card h3{font-size: 15px;}
:where(html[data-c~=dash]) .gift-note-card li{font-size: 11px; line-height: 1.7;}
:where(html[data-c~=dash]) .gift-support-link{justify-self: start; margin-top: 0; padding-top: 10px; font-size: 11px;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .gift-redeem-card, :where(html[data-c~=dash]) .gift-note-card{min-height: 0;}
:where(html[data-c~=dash]) .gift-redeem-card{padding: 22px 18px; gap: 13px;}
:where(html[data-c~=dash]) .gift-redeem-card input{min-height: 50px; font-size: 14px;}
}
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}
:where(html[data-c~=dash]) .task-card{min-height: 0; grid-template-rows: auto auto auto auto; gap: 8px; padding: 12px 11px; border-radius: 12px;}
:where(html[data-c~=dash]) .task-card .task-head{gap: 7px;}
:where(html[data-c~=dash]) .task-card .task-icon{width: 28px; height: 28px; border-radius: 8px; font-size: 13px;}
:where(html[data-c~=dash]) .task-card .task-title{font-size: 11px; gap: 3px;}
:where(html[data-c~=dash]) .task-card .task-sub{font-size: 8px; line-height: 1.35; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;}
:where(html[data-c~=dash]) .task-card .task-slot{padding: 1px 5px; font-size: 7.5px;}
:where(html[data-c~=dash]) .task-card .task-meta{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px;}
:where(html[data-c~=dash]) .task-card .task-meta > *{padding: 3px 2px; border-radius: 7px;}
:where(html[data-c~=dash]) .task-card .task-reward strong, :where(html[data-c~=dash]) .task-card .task-auto strong{font-size: 10px;}
:where(html[data-c~=dash]) .task-card .task-ip strong{font-size: 11px;}
:where(html[data-c~=dash]) .task-card .task-reward small, :where(html[data-c~=dash]) .task-card .task-meta > .task-reward small, :where(html[data-c~=dash]) .task-card .task-meta > .task-auto small, :where(html[data-c~=dash]) .task-card .task-ip small{font-size: 5.5px;}
:where(html[data-c~=dash]) .task-card .task-meta em{display: none;}
:where(html[data-c~=dash]) .task-card .task-progressbar{height: 3px;}
:where(html[data-c~=dash]) .task-card .task-note{min-height: 0; font-size: 8px; line-height: 1.45; -webkit-line-clamp: 2;}
:where(html[data-c~=dash]) .task-card .task-join{min-height: 28px; border-radius: 8px; font-size: 9px;}
:where(html[data-c~=dash]) .task-card .task-actions{margin-top: 0;}
:where(html[data-c~=dash][data-v=dark]) .task-card.is-pinned{border-color: #a9a9a9; box-shadow: 0 0 0 1px #a9a9a955, 0 0 22px #b8b8b826;}
:where(html[data-c~=dash][data-v=light]) .task-card.is-pinned{border-color: #525252; box-shadow: 0 0 0 1px #52525255, 0 0 22px #44444426;}
:where(html[data-c~=dash][data-v=dark]) .task-pin-badge{position: absolute; top: 8px; right: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border: 1px solid #a9a9a9; border-radius: 999px; background: linear-gradient(100deg, #2d2d2d, #434343); color: #e1e1e1; font-size: 7px; font-weight: 900; letter-spacing: .4px; animation: pinPulse-a70c62 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .task-pin-badge{position: absolute; top: 8px; right: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border: 1px solid #525252; border-radius: 999px; background: linear-gradient(100deg, #d0d0d0, #b9b9b9); color: #1d1d1d; font-size: 7px; font-weight: 900; letter-spacing: .4px; animation: pinPulse-eea234 3.2s ease-in-out infinite;}
:where(html[data-c~=dash]) .task-card.is-pinned .task-slot{margin-right: 46px;}
@media (max-width: 1280px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 980px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .task-card .task-note{-webkit-line-clamp: 2;}
}
@media (max-width: 620px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{max-width: none;}
}
:where(html[data-c~=dash]) .gift-icon svg{display: block; width: 30px; height: 30px;}
:where(html[data-c~=dash]) .gift-icon.is-animated{animation: giftFloat-cc284d 3.4s ease-in-out infinite;}
:where(html[data-c~=dash]) .gift-icon .gift-lid{animation: giftLid-0f5aae 3.4s ease-in-out infinite; transform-origin: 50% 90%;}
:where(html[data-c~=dash]) .gift-icon .gift-spark{animation: giftSpark-7fb7e1 2.6s ease-in-out infinite;}
:where(html[data-c~=dash]) .gift-icon .gift-spark:nth-of-type(2){animation-delay: .7s;}
:where(html[data-c~=dash]) .gift-icon .gift-spark:nth-of-type(3){animation-delay: 1.4s;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .gift-icon.is-animated, :where(html[data-c~=dash]) .gift-icon .gift-lid, :where(html[data-c~=dash]) .gift-icon .gift-spark, :where(html[data-c~=dash]) .task-pin-badge{animation: none;}
}
:where(html[data-c~=dash]) .leaderboard-hero{position: relative; overflow: hidden;}
:where(html[data-c~=dash]) .lb-hero-art{position: absolute; top: 50%; right: 10px; width: 220px; height: 90px; transform: translateY(-50%); opacity: .8; pointer-events: none;}
:where(html[data-c~=dash]) .leaderboard-hero > .leaderboard-hero-eyebrow, :where(html[data-c~=dash]) .leaderboard-hero > h3, :where(html[data-c~=dash]) .leaderboard-hero > p{position: relative; z-index: 1; padding-right: 200px;}
:where(html[data-c~=dash]) .lb-art-bar{animation: lbBarGrow-621cfb 3.6s ease-in-out infinite; transform-origin: bottom;}
:where(html[data-c~=dash]) .lb-art-bar:nth-of-type(2){animation-delay: .25s;}
:where(html[data-c~=dash]) .lb-art-bar:nth-of-type(3){animation-delay: .5s;}
:where(html[data-c~=dash]) .lb-art-bar:nth-of-type(4){animation-delay: .75s;}
:where(html[data-c~=dash]) .lb-art-crown{animation: lbCrownFloat-9a0c75 4.2s ease-in-out infinite; transform-origin: 163px 40px;}
:where(html[data-c~=dash]) .lb-art-dot{animation: lbDotBlink-60921b 2.8s ease-in-out infinite;}
:where(html[data-c~=dash]) .lb-art-dot:nth-of-type(2){animation-delay: .8s;}
:where(html[data-c~=dash]) .lb-art-dot:nth-of-type(3){animation-delay: 1.6s;}
:where(html[data-c~=dash]) .lb-art-ring{animation: lbRingSpin-89df69 26s linear infinite; transform-origin: 163px 46px;}
:where(html[data-c~=dash][data-v=dark]) .podium-1 .podium-avatar{animation: lbChampGlow-565a1e 4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .podium-1 .podium-avatar{animation: lbChampGlow-b02e5f 4s ease-in-out infinite;}
:where(html[data-c~=dash]) .leaderboard-mini-panel .panel-heading h3{position: relative;}
:where(html[data-c~=dash][data-v=dark]) .leaderboard-mini-panel .panel-heading h3::after{content: ""; display: block; width: 28px; height: 2px; margin-top: 5px; background: linear-gradient(90deg, #b7b7b7, transparent); animation: lbUnderline-6e2a09 3.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .leaderboard-mini-panel .panel-heading h3::after{content: ""; display: block; width: 28px; height: 2px; margin-top: 5px; background: linear-gradient(90deg, #454545, transparent); animation: lbUnderline-6e2a09 3.6s ease-in-out infinite;}
@media (max-width: 720px){
:where(html[data-c~=dash]) .lb-hero-art{display: none;}
:where(html[data-c~=dash]) .leaderboard-hero > .leaderboard-hero-eyebrow, :where(html[data-c~=dash]) .leaderboard-hero > h3, :where(html[data-c~=dash]) .leaderboard-hero > p{padding-right: 0;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .lb-art-bar, :where(html[data-c~=dash]) .lb-art-crown, :where(html[data-c~=dash]) .lb-art-dot, :where(html[data-c~=dash]) .lb-art-ring, :where(html[data-c~=dash]) .podium-1 .podium-avatar, :where(html[data-c~=dash]) .leaderboard-mini-panel .panel-heading h3::after{animation: none;}
}
:where(html[data-c~=dash][data-v=dark]) .task-pin-toggle{flex: none; width: 30px; min-height: 28px; display: grid; place-items: center; border: 1px solid #484848; border-radius: 8px; background: #161616; color: #a7a7a7; font-size: 13px; cursor: pointer; transition: .18s ease;}
:where(html[data-c~=dash][data-v=light]) .task-pin-toggle{flex: none; width: 30px; min-height: 28px; display: grid; place-items: center; border: 1px solid #b4b4b4; border-radius: 8px; background: #eaeaea; color: #545454; font-size: 13px; cursor: pointer; transition: .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .task-pin-toggle:hover{border-color: #a9a9a9; color: #d8d8d8;}
:where(html[data-c~=dash][data-v=light]) .task-pin-toggle:hover{border-color: #525252; color: #252525;}
:where(html[data-c~=dash][data-v=dark]) .task-pin-toggle.is-on{border-color: #a9a9a9; background: linear-gradient(100deg, #2d2d2d, #434343); color: #e1e1e1;}
:where(html[data-c~=dash][data-v=light]) .task-pin-toggle.is-on{border-color: #525252; background: linear-gradient(100deg, #d0d0d0, #b9b9b9); color: #1d1d1d;}
:where(html[data-c~=dash]) .task-card .task-actions{display: flex; gap: 6px;}
:where(html[data-c~=dash]) .task-card .task-actions .task-join{flex: 1;}
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px;}
:where(html[data-c~=dash]) .task-card{gap: 10px; padding: 16px 16px 14px; border-radius: 16px;}
:where(html[data-c~=dash]) .task-card .task-head{gap: 9px;}
:where(html[data-c~=dash]) .task-card .task-icon{width: 34px; height: 34px; border-radius: 10px; font-size: 16px;}
:where(html[data-c~=dash]) .task-card .task-title{font-size: 14px; gap: 4px;}
:where(html[data-c~=dash]) .task-card .task-sub{font-size: 10px; line-height: 1.45; -webkit-line-clamp: 2;}
:where(html[data-c~=dash]) .task-card .task-slot{padding: 2px 7px; font-size: 9px;}
:where(html[data-c~=dash]) .task-card .task-meta{gap: 5px;}
:where(html[data-c~=dash]) .task-card .task-meta > *{padding: 6px 4px; border-radius: 9px;}
:where(html[data-c~=dash]) .task-card .task-reward strong, :where(html[data-c~=dash]) .task-card .task-auto strong{font-size: 13px;}
:where(html[data-c~=dash]) .task-card .task-ip strong{font-size: 14px;}
:where(html[data-c~=dash]) .task-card .task-reward small, :where(html[data-c~=dash]) .task-card .task-meta > .task-reward small, :where(html[data-c~=dash]) .task-card .task-meta > .task-auto small, :where(html[data-c~=dash]) .task-card .task-ip small{font-size: 8px;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-meta em{display: block; margin-top: 2px; color: #7c7c7c; font-size: 7.5px; font-style: normal; line-height: 1.3;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-meta em{display: block; margin-top: 2px; color: #7f7f7f; font-size: 7.5px; font-style: normal; line-height: 1.3;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-progressbar{height: 6px; margin-top: 1px; background: #222222;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-progressbar{height: 6px; margin-top: 1px; background: #dcdcdc;}
:where(html[data-c~=dash]) .task-card .task-progressbar span[data-filled="true"]{min-width: 8px;}
:where(html[data-c~=dash]) .task-card .task-note{min-height: 0; font-size: 10px; line-height: 1.5; -webkit-line-clamp: 2;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-join{min-height: 40px; border-radius: 11px; font-size: 12px; font-weight: 800; letter-spacing: .2px; box-shadow: 0 10px 22px -14px #979797;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-join{min-height: 40px; border-radius: 11px; font-size: 12px; font-weight: 800; letter-spacing: .2px; box-shadow: 0 10px 22px -14px #646464;}
:where(html[data-c~=dash][data-v=dark]) .task-card .task-join:not(:disabled):hover{box-shadow: 0 14px 26px -14px #979797;}
:where(html[data-c~=dash][data-v=light]) .task-card .task-join:not(:disabled):hover{box-shadow: 0 14px 26px -14px #646464;}
:where(html[data-c~=dash]) .task-card .task-pin-toggle{min-width: 40px; min-height: 40px; border-radius: 11px; font-size: 14px;}
:where(html[data-c~=dash]) .task-pin-badge{top: 10px; right: 10px; padding: 3px 8px; font-size: 8px;}
:where(html[data-c~=dash]) .task-card.is-pinned .task-slot{margin-right: 54px;}
@media (max-width: 1180px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
}
@media (max-width: 760px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr; gap: 12px;}
}
:where(html[data-c~=dash][data-v=dark]) .section-heading h2::before, :where(html[data-c~=dash][data-v=dark]) .panel-heading h3::before, :where(html[data-c~=dash][data-v=dark]) .admin-section-heading h2::before, :where(html[data-c~=dash][data-v=dark]) .admin-section-heading h3::before, :where(html[data-c~=dash][data-v=dark]) .admin-heading h1::before, :where(html[data-c~=dash][data-v=dark]) .dashboard-topbar h1::before{content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 9px; vertical-align: -2px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%23d0d0d0'/><stop offset='1' stop-color='%23979797'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-b09678 3.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .section-heading h2::before, :where(html[data-c~=dash][data-v=light]) .panel-heading h3::before, :where(html[data-c~=dash][data-v=light]) .admin-section-heading h2::before, :where(html[data-c~=dash][data-v=light]) .admin-section-heading h3::before, :where(html[data-c~=dash][data-v=light]) .admin-heading h1::before, :where(html[data-c~=dash][data-v=light]) .dashboard-topbar h1::before{content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 9px; vertical-align: -2px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%232d2d2d'/><stop offset='1' stop-color='%23646464'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-1104db 3.4s ease-in-out infinite;}
:where(html[data-c~=dash]) .section-heading h2, :where(html[data-c~=dash]) .panel-heading h3, :where(html[data-c~=dash]) .admin-section-heading h2, :where(html[data-c~=dash]) .admin-section-heading h3, :where(html[data-c~=dash]) .admin-heading h1{letter-spacing: -.2px;}
:where(html[data-c~=dash]) .section-heading h2::first-letter, :where(html[data-c~=dash]) .panel-heading h3::first-letter{letter-spacing: 0;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-lock-banner{display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 13px 15px; border: 1px solid #5c5c5c; border-radius: 13px; background: linear-gradient(120deg, #1e1e1e, #171717); box-shadow: inset 0 1px 0 #ffffff0d, 0 10px 26px -20px #000000; text-align: left;}
:where(html[data-c~=dash][data-v=light]) .withdraw-lock-banner{display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 13px 15px; border: 1px solid #9f9f9f; border-radius: 13px; background: linear-gradient(120deg, #e1e1e1, #e8e8e8); box-shadow: inset 0 1px 0 #0000000d, 0 10px 26px -20px #ffffff; text-align: left;}
:where(html[data-c~=dash]) .withdraw-lock-banner[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-lock-icon{display: grid; width: 36px; height: 36px; flex: none; place-items: center; border: 1px solid #b7b7b755; border-radius: 11px; background: #202020; color: #d1d1d1; animation: lockPulseSoft-b10a4f 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .withdraw-lock-icon{display: grid; width: 36px; height: 36px; flex: none; place-items: center; border: 1px solid #45454555; border-radius: 11px; background: #dedede; color: #2c2c2c; animation: lockPulseSoft-aa25d3 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-lock-banner strong{display: block; color: #dcdcdc; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .withdraw-lock-banner strong{display: block; color: #212121; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-lock-banner p{margin: 4px 0 0; color: #b7b7b7; font-size: 11px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .withdraw-lock-banner p{margin: 4px 0 0; color: #454545; font-size: 11px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-lock-banner small{display: block; margin-top: 4px; color: #d1d1d1; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .withdraw-lock-banner small{display: block; margin-top: 4px; color: #2c2c2c; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash]) .task-card .task-progressbar span{transition: width .45s ease;}
:where(html[data-c~=dash]) .nav-group{display: grid; gap: 2px;}
:where(html[data-c~=dash]) .nav-group-toggle{display: flex; width: 100%; align-items: center; gap: 11px; padding: 10px 12px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; font-size: 12.5px; text-align: left; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .nav-group-caret, :where(html[data-c~=dash][data-v=dark]) .nav-group-chevron{margin-left: auto; display: inline-flex; align-items: center; justify-content: center; color: #9c9c9c; transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1);}
:where(html[data-c~=dash][data-v=light]) .nav-group-caret, :where(html[data-c~=dash][data-v=light]) .nav-group-chevron{margin-left: auto; display: inline-flex; align-items: center; justify-content: center; color: #5f5f5f; transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1);}
:where(html[data-c~=dash]) .nav-group.is-open .nav-group-caret, :where(html[data-c~=dash]) .nav-group.is-open .nav-group-chevron{transform: rotate(180deg);}
:where(html[data-c~=dash][data-v=dark]) .nav-group.has-active > .nav-group-toggle{color: #dcdcdc;}
:where(html[data-c~=dash][data-v=light]) .nav-group.has-active > .nav-group-toggle{color: #222222;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub, :where(html[data-c~=dash][data-v=dark]) .nav-sub-list{display: grid; gap: 2px; margin-left: 20px; padding-left: 12px; border-left: 1.5px solid rgba(160,160,160,0.35); overflow: hidden; max-height: 0; opacity: 0; transition: max-height .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s ease;}
:where(html[data-c~=dash][data-v=light]) .nav-sub, :where(html[data-c~=dash][data-v=light]) .nav-sub-list{display: grid; gap: 2px; margin-left: 20px; padding-left: 12px; border-left: 1.5px solid rgba(91,91,91,0.35); overflow: hidden; max-height: 0; opacity: 0; transition: max-height .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s ease;}
:where(html[data-c~=dash]) .nav-group.is-open .nav-sub, :where(html[data-c~=dash]) .nav-group.is-open .nav-sub-list{max-height: 500px !important; opacity: 1 !important; margin-top: 4px; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link{display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 9px; color: #9d9d9d; font-size: 12px; text-decoration: none; transition: color .18s ease, background .18s ease;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link{display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 9px; color: #5e5e5e; font-size: 12px; text-decoration: none; transition: color .18s ease, background .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link:hover{color: #e2e2e2; background: #191919;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link:hover{color: #1c1c1c; background: #e6e6e6;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link.is-active{color: #e4e4e4; background: #202020; box-shadow: inset 0 0 0 1px #5a5a5a;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link.is-active{color: #191919; background: #dedede; box-shadow: inset 0 0 0 1px #a1a1a1;}
:where(html[data-c~=dash][data-v=dark]) .nav-new{padding: 1px 6px; border-radius: 999px; background: #565656; color: #f2f2f2; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=light]) .nav-new{padding: 1px 6px; border-radius: 999px; background: #a5a5a5; color: #0c0c0c; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .4px;}
:where(html[data-c~=dash]) .offerwall-toolbar{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin: 0 0 14px;}
:where(html[data-c~=dash]) .offerwall-chips{display: flex; flex-wrap: wrap; gap: 7px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-chip{padding: 7px 14px; border: 1px solid #363636; border-radius: 999px; background: #161616; color: #ababab; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; transition: .18s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-chip{padding: 7px 14px; border: 1px solid #c6c6c6; border-radius: 999px; background: #eaeaea; color: #505050; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; transition: .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-chip:hover{border-color: #595959; color: #e3e3e3;}
:where(html[data-c~=dash][data-v=light]) .offerwall-chip:hover{border-color: #a2a2a2; color: #1b1b1b;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-chip.is-active{border-color: #a6a6a6; background: linear-gradient(115deg, #2d2d2d, #424242); color: #e7e7e7; box-shadow: 0 8px 20px -14px #a5a5a5;}
:where(html[data-c~=dash][data-v=light]) .offerwall-chip.is-active{border-color: #555555; background: linear-gradient(115deg, #d0d0d0, #bababa); color: #161616; box-shadow: 0 8px 20px -14px #565656;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-rate{color: #878787; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-rate{color: #747474; font-size: 11px;}
:where(html[data-c~=dash]) .offerwall-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card{display: grid; gap: 10px; padding: 14px 14px 12px; border: 1px solid #343434; border-radius: 16px; background: linear-gradient(165deg, #1a1a1a, #121212 70%); box-shadow: 0 14px 30px -26px #000000; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card{display: grid; gap: 10px; padding: 14px 14px 12px; border: 1px solid #c9c9c9; border-radius: 16px; background: linear-gradient(165deg, #e5e5e5, #eeeeee 70%); box-shadow: 0 14px 30px -26px #ffffff; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card:hover{border-color: #595959; transform: translateY(-2px); box-shadow: 0 20px 34px -26px #000000;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card:hover{border-color: #a2a2a2; transform: translateY(-2px); box-shadow: 0 20px 34px -26px #ffffff;}
:where(html[data-c~=dash]) .offerwall-card.is-locked{opacity: .62;}
:where(html[data-c~=dash]) .offerwall-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-icon{display: grid; width: 34px; height: 34px; flex: none; place-items: center; border: 1px solid #b7b7b738; border-radius: 10px; background: #1b1b1b; font-size: 17px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-icon{display: grid; width: 34px; height: 34px; flex: none; place-items: center; border: 1px solid #45454538; border-radius: 10px; background: #e4e4e4; font-size: 17px;}
:where(html[data-c~=dash]) .offerwall-heading{display: grid; gap: 3px; min-width: 0; flex: 1;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-heading strong{overflow: hidden; color: #e6e6e6; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .offerwall-heading strong{overflow: hidden; color: #181818; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash]) .offerwall-badges{display: flex; flex-wrap: wrap; gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-badge{padding: 1px 7px; border: 1px solid #494949; border-radius: 999px; color: #aaaaaa; font-size: 8px; font-weight: 800; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-badge{padding: 1px 7px; border: 1px solid #b2b2b2; border-radius: 999px; color: #525252; font-size: 8px; font-weight: 800; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-badge.is-kind{border-color: #626262; color: #c7c7c7; background: #1c1c1c;}
:where(html[data-c~=dash][data-v=light]) .offerwall-badge.is-kind{border-color: #999999; color: #353535; background: #e2e2e2;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-remaining{flex: none; padding: 3px 9px; border: 1px solid #474747; border-radius: 999px; background: #1b1b1b; color: #d1d1d1; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .offerwall-remaining{flex: none; padding: 3px 9px; border: 1px solid #b4b4b4; border-radius: 999px; background: #e4e4e4; color: #2c2c2c; font-size: 10px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button{width: 100%; min-height: 40px; padding: 0 16px; border: 1px solid #686868; border-radius: 11px; background: linear-gradient(100deg, #4aa8e0, #656565 55%, #646464); color: #ffffff; font: inherit; font-size: 12.5px; font-weight: 800; letter-spacing: .2px; cursor: pointer; box-shadow: 0 12px 26px -18px #656565; transition: transform .18s ease, box-shadow .2s ease, filter .2s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-button{width: 100%; min-height: 40px; padding: 0 16px; border: 1px solid #939393; border-radius: 11px; background: linear-gradient(100deg, #1b6c9d, #969696 55%, #979797); color: #000000; font: inherit; font-size: 12.5px; font-weight: 800; letter-spacing: .2px; cursor: pointer; box-shadow: 0 12px 26px -18px #969696; transition: transform .18s ease, box-shadow .2s ease, filter .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button:not(:disabled):hover{transform: translateY(-1px); filter: brightness(1.07); box-shadow: 0 16px 30px -18px #656565;}
:where(html[data-c~=dash][data-v=light]) .offerwall-button:not(:disabled):hover{transform: translateY(-1px); filter: brightness(1.07); box-shadow: 0 16px 30px -18px #969696;}
:where(html[data-c~=dash]) .offerwall-button:disabled{filter: grayscale(.55) brightness(.85); cursor: default;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-note{margin: 0; color: #8b8b8b; font-size: 10.5px; line-height: 1.55;}
:where(html[data-c~=dash][data-v=light]) .offerwall-note{margin: 0; color: #707070; font-size: 10.5px; line-height: 1.55;}
:where(html[data-c~=dash]) .offerwall-stats{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats > span{display: grid; gap: 1px; padding: 7px 4px; border-radius: 9px; background: #101010; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats > span{display: grid; gap: 1px; padding: 7px 4px; border-radius: 9px; background: #f0f0f0; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats strong{color: #d9d9d9; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats strong{color: #242424; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats small{color: #7a7a7a; font-size: 8px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats small{color: #808080; font-size: 8px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-footer{margin: 0; color: #6d6d6d; font-size: 9.5px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .offerwall-footer{margin: 0; color: #8e8e8e; font-size: 9.5px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-done{padding: 11px 13px; border: 1px solid #636363; border-radius: 11px; background: #1c1c1c; color: #cdcdcd; font-size: 11.5px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .offerwall-done{padding: 11px 13px; border: 1px solid #989898; border-radius: 11px; background: #e3e3e3; color: #2f2f2f; font-size: 11.5px; line-height: 1.6;}
@media (max-width: 560px){
:where(html[data-c~=dash]) .offerwall-grid{grid-template-columns: 1fr;}
}
:root:where([data-c~=dash][data-v=dark]){--glow-orange: rgba(145,145,145,0.55); --glow-amber: rgba(193,193,193,0.45); --glow-mint: rgba(79,226,176,0.45); --glow-line: linear-gradient(120deg, rgba(164,164,164,0.9), rgba(213,213,213,0.55), rgba(140,140,140,0.9));}
:root:where([data-c~=dash][data-v=light]){--glow-orange: rgba(106,106,106,0.55); --glow-amber: rgba(59,59,59,0.45); --glow-mint: rgba(26,158,113,0.45); --glow-line: linear-gradient(120deg, rgba(87,87,87,0.9), rgba(40,40,40,0.55), rgba(111,111,111,0.9));}
:where(html[data-c~=dash]) .glow-panel, :where(html[data-c~=dash]) .offerwall-card, :where(html[data-c~=dash]) .task-card, :where(html[data-c~=dash]) .panel{position: relative; transition: transform 180ms ease, box-shadow 220ms ease, border-color 220ms ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card::after, :where(html[data-c~=dash][data-v=dark]) .task-card::after{content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: var(--glow-line); -webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); mask-composite: exclude; opacity: 0; transition: opacity 240ms ease; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card::after, :where(html[data-c~=dash][data-v=light]) .task-card::after{content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: var(--glow-line); -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0); mask-composite: exclude; opacity: 0; transition: opacity 240ms ease; pointer-events: none;}
:where(html[data-c~=dash]) .offerwall-card:hover::after, :where(html[data-c~=dash]) .task-card:hover::after, :where(html[data-c~=dash]) .glow-panel:hover::after{opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card:hover, :where(html[data-c~=dash][data-v=dark]) .task-card:hover{transform: translateY(-3px); box-shadow: 0 18px 42px rgba(138,138,138,0.18), 0 0 0 1px rgba(170,170,170,0.16);}
:where(html[data-c~=dash][data-v=light]) .offerwall-card:hover, :where(html[data-c~=dash][data-v=light]) .task-card:hover{transform: translateY(-3px); box-shadow: 0 18px 42px rgba(113,113,113,0.18), 0 0 0 1px rgba(81,81,81,0.16);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card.is-glow, :where(html[data-c~=dash][data-v=dark]) .offerwall-card[data-kind="pubcrypto"]{border-color: rgba(182,182,182,0.5); box-shadow: 0 0 0 1px rgba(182,182,182,0.24), 0 22px 48px rgba(136,136,136,0.2); background-image: radial-gradient(120% 120% at 12% 0%, rgba(176,176,176,0.16), transparent 58%), radial-gradient(90% 90% at 100% 10%, rgba(130,130,130,0.12), transparent 60%);}
:where(html[data-c~=dash][data-v=light]) .offerwall-card.is-glow, :where(html[data-c~=dash][data-v=light]) .offerwall-card[data-kind="pubcrypto"]{border-color: rgba(70,70,70,0.5); box-shadow: 0 0 0 1px rgba(70,70,70,0.24), 0 22px 48px rgba(115,115,115,0.2); background-image: radial-gradient(120% 120% at 12% 0%, rgba(76,76,76,0.16), transparent 58%), radial-gradient(90% 90% at 100% 10%, rgba(121,121,121,0.12), transparent 60%);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card.is-glow::before, :where(html[data-c~=dash][data-v=dark]) .offerwall-card[data-kind="pubcrypto"]::before{content: ""; position: absolute; inset: -35% -60%; background: conic-gradient(from 0deg, transparent 0 55%, rgba(214,214,214,0.5) 70%, transparent 85%); animation: glowSpin-89df69 7s linear infinite; opacity: 0.35; pointer-events: none; z-index: 0;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card.is-glow::before, :where(html[data-c~=dash][data-v=light]) .offerwall-card[data-kind="pubcrypto"]::before{content: ""; position: absolute; inset: -35% -60%; background: conic-gradient(from 0deg, transparent 0 55%, rgba(39,39,39,0.5) 70%, transparent 85%); animation: glowSpin-89df69 7s linear infinite; opacity: 0.35; pointer-events: none; z-index: 0;}
:where(html[data-c~=dash]) .offerwall-card.is-glow > *, :where(html[data-c~=dash]) .offerwall-card[data-kind="pubcrypto"] > *{position: relative; z-index: 1;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button, :where(html[data-c~=dash][data-v=dark]) .primary-button, :where(html[data-c~=dash][data-v=dark]) .admin-submit{position: relative; overflow: hidden; box-shadow: 0 10px 26px rgba(131,131,131,0.28), inset 0 1px 0 rgba(255,255,255,0.18);}
:where(html[data-c~=dash][data-v=light]) .offerwall-button, :where(html[data-c~=dash][data-v=light]) .primary-button, :where(html[data-c~=dash][data-v=light]) .admin-submit{position: relative; overflow: hidden; box-shadow: 0 10px 26px rgba(120,120,120,0.28), inset 0 1px 0 rgba(0,0,0,0.18);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button::after, :where(html[data-c~=dash][data-v=dark]) .primary-button::after, :where(html[data-c~=dash][data-v=dark]) .admin-submit::after{content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.42), transparent); transform: skewX(-18deg); animation: buttonSheen-ec95b0 3.6s ease-in-out infinite; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .offerwall-button::after, :where(html[data-c~=dash][data-v=light]) .primary-button::after, :where(html[data-c~=dash][data-v=light]) .admin-submit::after{content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(0,0,0,0.42), transparent); transform: skewX(-18deg); animation: buttonSheen-ec95b0 3.6s ease-in-out infinite; pointer-events: none;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button:not(:disabled):hover, :where(html[data-c~=dash][data-v=dark]) .primary-button:not(:disabled):hover{box-shadow: 0 16px 38px rgba(131,131,131,0.42), inset 0 1px 0 rgba(255,255,255,0.24);}
:where(html[data-c~=dash][data-v=light]) .offerwall-button:not(:disabled):hover, :where(html[data-c~=dash][data-v=light]) .primary-button:not(:disabled):hover{box-shadow: 0 16px 38px rgba(120,120,120,0.42), inset 0 1px 0 rgba(0,0,0,0.24);}
:where(html[data-c~=dash][data-v=dark]) .nav-new, :where(html[data-c~=dash][data-v=dark]) .count-pill, :where(html[data-c~=dash][data-v=dark]) .offerwall-badge.is-kind{box-shadow: 0 0 14px rgba(145,145,145,0.45);}
:where(html[data-c~=dash][data-v=light]) .nav-new, :where(html[data-c~=dash][data-v=light]) .count-pill, :where(html[data-c~=dash][data-v=light]) .offerwall-badge.is-kind{box-shadow: 0 0 14px rgba(106,106,106,0.45);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-badge.is-kind{background: linear-gradient(120deg, rgba(154,154,154,0.9), rgba(197,197,197,0.75)); color: #141414; font-weight: 800; letter-spacing: 0.04em;}
:where(html[data-c~=dash][data-v=light]) .offerwall-badge.is-kind{background: linear-gradient(120deg, rgba(98,98,98,0.9), rgba(55,55,55,0.75)); color: #ececec; font-weight: 800; letter-spacing: 0.04em;}
:where(html[data-c~=dash]) .task-history-panel, :where(html[data-c~=dash]) .rows-list .money-row{transition: box-shadow 200ms ease, transform 160ms ease;}
:where(html[data-c~=dash][data-v=dark]) .rows-list .money-row:hover{box-shadow: 0 0 0 1px rgba(178,178,178,0.24), 0 10px 24px rgba(131,131,131,0.14); transform: translateX(2px);}
:where(html[data-c~=dash][data-v=light]) .rows-list .money-row:hover{box-shadow: 0 0 0 1px rgba(74,74,74,0.24), 0 10px 24px rgba(120,120,120,0.14); transform: translateX(2px);}
:where(html[data-c~=dash][data-v=dark]) .copy-chip{margin-left: 8px; padding: 2px 10px; border-radius: 999px; border: 1px solid rgba(178,178,178,0.55); background: rgba(154,154,154,0.14); color: #d4d4d4; font-size: 11px; font-weight: 700; cursor: pointer; vertical-align: middle;}
:where(html[data-c~=dash][data-v=light]) .copy-chip{margin-left: 8px; padding: 2px 10px; border-radius: 999px; border: 1px solid rgba(74,74,74,0.55); background: rgba(98,98,98,0.14); color: #292929; font-size: 11px; font-weight: 700; cursor: pointer; vertical-align: middle;}
:where(html[data-c~=dash][data-v=dark]) .copy-chip:hover{background: rgba(154,154,154,0.26); box-shadow: 0 0 12px rgba(154,154,154,0.5);}
:where(html[data-c~=dash][data-v=light]) .copy-chip:hover{background: rgba(98,98,98,0.26); box-shadow: 0 0 12px rgba(98,98,98,0.5);}
:where(html[data-c~=dash][data-v=dark]) .empty-row{color: rgba(225,225,225,0.6); font-size: 13px; margin: 0; padding: 10px 2px;}
:where(html[data-c~=dash][data-v=light]) .empty-row{color: rgba(28,28,28,0.6); font-size: 13px; margin: 0; padding: 10px 2px;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .offerwall-card.is-glow::before, :where(html[data-c~=dash]) .offerwall-card[data-kind="pubcrypto"]::before, :where(html[data-c~=dash]) .offerwall-button::after, :where(html[data-c~=dash]) .primary-button::after, :where(html[data-c~=dash]) .admin-submit::after{animation: none; opacity: 0;}
}
:where(html[data-c~=dash]) .section-heading h2, :where(html[data-c~=dash]) .panel-heading h3{position: relative; padding-bottom: 8px;}
:where(html[data-c~=dash][data-v=dark]) .section-heading h2::after, :where(html[data-c~=dash][data-v=dark]) .panel-heading h3::after{content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 82px; border-radius: 999px; background: linear-gradient(90deg, rgba(152,152,152,0.95), rgba(214,214,214,0.7), transparent); box-shadow: 0 0 12px rgba(152,152,152,0.6); animation: underlinePulse-6d604c 3.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .section-heading h2::after, :where(html[data-c~=dash][data-v=light]) .panel-heading h3::after{content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 82px; border-radius: 999px; background: linear-gradient(90deg, rgba(99,99,99,0.95), rgba(39,39,39,0.7), transparent); box-shadow: 0 0 12px rgba(99,99,99,0.6); animation: underlinePulse-6d604c 3.4s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .section-heading h2::after, :where(html[data-c~=dash]) .panel-heading h3::after{animation: none;}
}
:where(html[data-c~=dash]) .offerwall-card::after, :where(html[data-c~=dash]) .offerwall-card.is-glow::before, :where(html[data-c~=dash]) .offerwall-card[data-kind="pubcrypto"]::before, :where(html[data-c~=dash]) .offerwall-button::after, :where(html[data-c~=dash]) .primary-button::after, :where(html[data-c~=dash]) .admin-submit::after{content: none !important; animation: none !important; display: none !important;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card.is-glow, :where(html[data-c~=dash][data-v=dark]) .offerwall-card[data-kind="pubcrypto"]{border-color: rgba(255,255,255,0.08); box-shadow: 0 12px 30px rgba(0,0,0,0.28); background-image: none;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card.is-glow, :where(html[data-c~=dash][data-v=light]) .offerwall-card[data-kind="pubcrypto"]{border-color: rgba(0,0,0,0.08); box-shadow: 0 12px 30px rgba(255,255,255,0.28); background-image: none;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card:hover, :where(html[data-c~=dash][data-v=dark]) .task-card:hover{transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,0,0,0.34);}
:where(html[data-c~=dash][data-v=light]) .offerwall-card:hover, :where(html[data-c~=dash][data-v=light]) .task-card:hover{transform: translateY(-2px); box-shadow: 0 14px 32px rgba(255,255,255,0.34);}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-wall{position: relative; margin: 18px 0 14px; padding: 20px; border-radius: 18px; border: 1px solid rgba(132,132,132,0.45); background: radial-gradient(120% 130% at 0% 0%, rgba(112,112,112,0.22), transparent 55%), radial-gradient(110% 120% at 100% 100%, rgba(90,200,255,0.14), transparent 60%), linear-gradient(160deg, #141414, #0e0e0e 70%); box-shadow: 0 0 0 1px rgba(132,132,132,0.16), 0 22px 52px rgba(86,86,86,0.24); overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-wall{position: relative; margin: 18px 0 14px; padding: 20px; border-radius: 18px; border: 1px solid rgba(119,119,119,0.45); background: radial-gradient(120% 130% at 0% 0%, rgba(139,139,139,0.22), transparent 55%), radial-gradient(110% 120% at 100% 100%, rgba(0,122,184,0.14), transparent 60%), linear-gradient(160deg, #ececec, #f2f2f2 70%); box-shadow: 0 0 0 1px rgba(119,119,119,0.16), 0 22px 52px rgba(165,165,165,0.24); overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-wall::after{content: ""; position: absolute; inset: auto -20% -60% -20%; height: 220px; background: radial-gradient(closest-side, rgba(132,132,132,0.35), transparent 70%); filter: blur(18px); pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-wall::after{content: ""; position: absolute; inset: auto -20% -60% -20%; height: 220px; background: radial-gradient(closest-side, rgba(119,119,119,0.35), transparent 70%); filter: blur(18px); pointer-events: none;}
:where(html[data-c~=dash]) .pubcrypto-head{position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-orb{width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #dcdcdc, #848484 45%, #4c4c4c 100%); box-shadow: 0 0 22px rgba(132,132,132,0.75), 0 0 46px rgba(86,86,86,0.45); animation: orbPulse-14fd1c 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-orb{width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #212121, #777777 45%, #b0b0b0 100%); box-shadow: 0 0 22px rgba(119,119,119,0.75), 0 0 46px rgba(165,165,165,0.45); animation: orbPulse-dffcdf 3.2s ease-in-out infinite;}
:where(html[data-c~=dash]) .pubcrypto-copy{display: grid; gap: 3px; flex: 1 1 220px;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-copy strong{color: #eeeeee; font-size: 15px; letter-spacing: 0.2px;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-copy strong{color: #101010; font-size: 15px; letter-spacing: 0.2px;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-copy small{color: #aaaaaa; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-copy small{color: #515151; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-start{flex: 0 0 auto; border: 0; border-radius: 12px; padding: 12px 22px; font-weight: 800; color: #ffffff; background: linear-gradient(120deg, #797979, #515151 55%, #3b3b3b); box-shadow: 0 10px 26px rgba(81,81,81,0.5), inset 0 1px 0 rgba(255,255,255,0.22);}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-start{flex: 0 0 auto; border: 0; border-radius: 12px; padding: 12px 22px; font-weight: 800; color: #000000; background: linear-gradient(120deg, #828282, #aaaaaa 55%, #c1c1c1); box-shadow: 0 10px 26px rgba(170,170,170,0.5), inset 0 1px 0 rgba(0,0,0,0.22);}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-start:hover:not(:disabled){box-shadow: 0 14px 34px rgba(81,81,81,0.62), inset 0 1px 0 rgba(255,255,255,0.26);}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-start:hover:not(:disabled){box-shadow: 0 14px 34px rgba(170,170,170,0.62), inset 0 1px 0 rgba(0,0,0,0.26);}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-frame-wrap{position: relative; z-index: 1; margin-top: 16px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(132,132,132,0.28); background: #0a0a0a;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-frame-wrap{position: relative; z-index: 1; margin-top: 16px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(119,119,119,0.28); background: #f7f7f7;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-frame-wrap iframe{display: block; width: 100%; border: 0; background: #0a0a0a;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-frame-wrap iframe{display: block; width: 100%; border: 0; background: #f7f7f7;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-block{margin: 22px 0 8px; padding-top: 18px; border-top: 1px dashed rgba(169,169,169,0.22);}
:where(html[data-c~=dash][data-v=light]) .offerwall-block{margin: 22px 0 8px; padding-top: 18px; border-top: 1px dashed rgba(82,82,82,0.22);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-subheading h3{font-size: 17px; margin: 0 0 6px; color: #e3e3e3;}
:where(html[data-c~=dash][data-v=light]) .offerwall-subheading h3{font-size: 17px; margin: 0 0 6px; color: #1b1b1b;}
:where(html[data-c~=dash][data-v=dark]) .sidebar{width: 244px; padding: 20px 14px 14px; border-right: 1px solid rgba(169,169,169,0.14); background: radial-gradient(120% 60% at 50% -10%, rgba(152,152,152,0.14), transparent 60%), linear-gradient(185deg, #131313 0%, #0e0e0e 55%, #0b0b0b 100%); box-shadow: 12px 0 46px rgba(0,0,0,0.45);}
:where(html[data-c~=dash][data-v=light]) .sidebar{width: 244px; padding: 20px 14px 14px; border-right: 1px solid rgba(82,82,82,0.14); background: radial-gradient(120% 60% at 50% -10%, rgba(99,99,99,0.14), transparent 60%), linear-gradient(185deg, #ededed 0%, #f3f3f3 55%, #f6f6f6 100%); box-shadow: 12px 0 46px rgba(255,255,255,0.45);}
:where(html[data-c~=dash]) .sidebar nav{gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link{min-height: 42px; gap: 11px; padding: 0 12px; border-radius: 12px; color: #c5c5c5; font-size: 12px; font-weight: 650; letter-spacing: 0.1px; transition: background 160ms ease, color 160ms ease, box-shadow 200ms ease, transform 140ms ease;}
:where(html[data-c~=dash][data-v=light]) .nav-link{min-height: 42px; gap: 11px; padding: 0 12px; border-radius: 12px; color: #373737; font-size: 12px; font-weight: 650; letter-spacing: 0.1px; transition: background 160ms ease, color 160ms ease, box-shadow 200ms ease, transform 140ms ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > span{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; background: rgba(169,169,169,0.1); color: #bdbdbd; font-size: 14px; transition: background 160ms ease, box-shadow 200ms ease;}
:where(html[data-c~=dash][data-v=light]) .nav-link > span{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; background: rgba(82,82,82,0.1); color: #3f3f3f; font-size: 14px; transition: background 160ms ease, box-shadow 200ms ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-link:hover{background: rgba(169,169,169,0.1); color: #f3f3f3; transform: translateX(2px);}
:where(html[data-c~=dash][data-v=light]) .nav-link:hover{background: rgba(82,82,82,0.1); color: #0b0b0b; transform: translateX(2px);}
:where(html[data-c~=dash][data-v=dark]) .nav-link:hover > span{background: rgba(169,169,169,0.22); box-shadow: 0 0 14px rgba(152,152,152,0.45);}
:where(html[data-c~=dash][data-v=light]) .nav-link:hover > span{background: rgba(82,82,82,0.22); box-shadow: 0 0 14px rgba(99,99,99,0.45);}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"]{color: #f4f4f4; background: linear-gradient(100deg, rgba(152,152,152,0.26), rgba(152,152,152,0.06)); box-shadow: inset 0 0 0 1px rgba(169,169,169,0.38), 0 8px 22px rgba(130,130,130,0.18);}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"]{color: #0a0a0a; background: linear-gradient(100deg, rgba(99,99,99,0.26), rgba(99,99,99,0.06)); box-shadow: inset 0 0 0 1px rgba(82,82,82,0.38), 0 8px 22px rgba(121,121,121,0.18);}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"] > span{background: linear-gradient(145deg, #d2d2d2, #868686); color: #141414; box-shadow: 0 0 16px rgba(154,154,154,0.6);}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"] > span{background: linear-gradient(145deg, #2b2b2b, #757575); color: #ececec; box-shadow: 0 0 16px rgba(98,98,98,0.6);}
:where(html[data-c~=dash][data-v=dark]) .nav-sub{display: grid; gap: 2px; margin: 2px 0 4px 18px; padding-left: 12px; border-left: 1px solid rgba(169,169,169,0.22);}
:where(html[data-c~=dash][data-v=light]) .nav-sub{display: grid; gap: 2px; margin: 2px 0 4px 18px; padding-left: 12px; border-left: 1px solid rgba(82,82,82,0.22);}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link{padding: 8px 10px; border-radius: 9px; color: #aaaaaa; font-size: 11.5px; transition: background 160ms ease, color 160ms ease;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link{padding: 8px 10px; border-radius: 9px; color: #525252; font-size: 11.5px; transition: background 160ms ease, color 160ms ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link:hover{background: rgba(169,169,169,0.1); color: #e8e8e8;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link:hover{background: rgba(82,82,82,0.1); color: #151515;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link.is-active{color: #dddddd; background: rgba(169,169,169,0.14); box-shadow: inset 0 0 0 1px rgba(169,169,169,0.3);}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link.is-active{color: #212121; background: rgba(82,82,82,0.14); box-shadow: inset 0 0 0 1px rgba(82,82,82,0.3);}
:where(html[data-c~=dash][data-v=dark]) .nav-new{background: linear-gradient(120deg, #989898, #c1c1c1); color: #141414; box-shadow: 0 0 12px rgba(152,152,152,0.55);}
:where(html[data-c~=dash][data-v=light]) .nav-new{background: linear-gradient(120deg, #636363, #3b3b3b); color: #ececec; box-shadow: 0 0 12px rgba(99,99,99,0.55);}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet{border: 1px solid rgba(169,169,169,0.3); border-radius: 14px; background: linear-gradient(150deg, rgba(152,152,152,0.16), rgba(18,18,18,0.9)); box-shadow: inset 0 0 22px rgba(126,126,126,0.08), 0 10px 26px rgba(0,0,0,0.35);}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet{border: 1px solid rgba(82,82,82,0.3); border-radius: 14px; background: linear-gradient(150deg, rgba(99,99,99,0.16), rgba(238,238,238,0.9)); box-shadow: inset 0 0 22px rgba(124,124,124,0.08), 0 10px 26px rgba(255,255,255,0.35);}
:where(html[data-c~=dash][data-v=dark]) .brand-mark{box-shadow: 0 0 22px rgba(153,153,153,0.5);}
:where(html[data-c~=dash][data-v=light]) .brand-mark{box-shadow: 0 0 22px rgba(98,98,98,0.5);}
@media (max-width: 900px){
:where(html[data-c~=dash]) .nav-link > span{width: 24px; height: 24px;}
:where(html[data-c~=dash]) .pubcrypto-head{gap: 10px;}
:where(html[data-c~=dash]) .pubcrypto-start{width: 100%;}
}
:where(html[data-c~=dash][data-v=dark]) .page-toast{position: fixed; z-index: 60; left: 50%; bottom: 26px; transform: translate(-50%, 18px); max-width: min(92vw, 460px); padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(132,132,132,0.45); background: linear-gradient(140deg, rgba(43,43,43,0.96), rgba(20,20,20,0.97)); color: #e8e8e8; font-size: 12.5px; font-weight: 650; line-height: 1.45; box-shadow: 0 16px 40px rgba(0,0,0,0.5), 0 0 22px rgba(104,104,104,0.35); opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 240ms ease;}
:where(html[data-c~=dash][data-v=light]) .page-toast{position: fixed; z-index: 60; left: 50%; bottom: 26px; transform: translate(-50%, 18px); max-width: min(92vw, 460px); padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(119,119,119,0.45); background: linear-gradient(140deg, rgba(211,211,211,0.96), rgba(236,236,236,0.97)); color: #161616; font-size: 12.5px; font-weight: 650; line-height: 1.45; box-shadow: 0 16px 40px rgba(255,255,255,0.5), 0 0 22px rgba(146,146,146,0.35); opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 240ms ease;}
:where(html[data-c~=dash]) .page-toast.is-visible{opacity: 1; transform: translate(-50%, 0);}
:where(html[data-c~=dash]) .offerwall-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card{display: flex; flex-direction: column; gap: 10px; padding: 14px 15px 13px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.09); background: linear-gradient(168deg, #1e1e1e 0%, #181818 60%, #141414 100%); box-shadow: 0 10px 26px rgba(0,0,0,0.32);}
:where(html[data-c~=dash][data-v=light]) .offerwall-card{display: flex; flex-direction: column; gap: 10px; padding: 14px 15px 13px; border-radius: 16px; border: 1px solid rgba(0,0,0,0.09); background: linear-gradient(168deg, #e0e0e0 0%, #e7e7e7 60%, #ececec 100%); box-shadow: 0 10px 26px rgba(255,255,255,0.32);}
:where(html[data-c~=dash]) .offerwall-card.is-locked{opacity: 0.72;}
:where(html[data-c~=dash]) .offerwall-head{display: flex; align-items: center; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-icon{display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: 10px; background: rgba(132,132,132,0.16); color: #cbcbcb; font-size: 15px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-icon{display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: 10px; background: rgba(119,119,119,0.16); color: #323232; font-size: 15px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-title{flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f4f4f4; font-size: 13.5px; font-weight: 800; letter-spacing: 0.1px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-title{flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0b0b0b; font-size: 13.5px; font-weight: 800; letter-spacing: 0.1px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-badge.is-kind{flex: 0 0 auto; padding: 3px 9px; border-radius: 999px; background: rgba(120,120,120,0.18); border: 1px solid rgba(132,132,132,0.45); color: #bbbbbb; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .offerwall-badge.is-kind{flex: 0 0 auto; padding: 3px 9px; border-radius: 999px; background: rgba(131,131,131,0.18); border: 1px solid rgba(119,119,119,0.45); color: #414141; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button{width: 100%; min-height: 40px; border: 0; border-radius: 10px; color: #ffffff; font-size: 12.5px; font-weight: 800; letter-spacing: 0.2px; background: linear-gradient(95deg, #818181 0%, #737373 46%, #5aa8ff 100%); box-shadow: 0 8px 20px rgba(108,108,108,0.32); cursor: pointer; transition: filter 160ms ease, transform 140ms ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-button{width: 100%; min-height: 40px; border: 0; border-radius: 10px; color: #000000; font-size: 12.5px; font-weight: 800; letter-spacing: 0.2px; background: linear-gradient(95deg, #797979 0%, #888888 46%, #0057b8 100%); box-shadow: 0 8px 20px rgba(143,143,143,0.32); cursor: pointer; transition: filter 160ms ease, transform 140ms ease;}
:where(html[data-c~=dash]) .offerwall-button:not(:disabled):hover{filter: brightness(1.08); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-button:disabled{background: rgba(255,255,255,0.07); color: rgba(220,220,220,0.62); box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .offerwall-button:disabled{background: rgba(0,0,0,0.07); color: rgba(33,33,33,0.62); box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-note{margin: 0; color: rgba(209,209,209,0.66); font-size: 11px; line-height: 1.5; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .offerwall-note{margin: 0; color: rgba(44,44,44,0.66); font-size: 11px; line-height: 1.5; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 4px; border-top: 1px solid rgba(255,255,255,0.07);}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 4px; border-top: 1px solid rgba(0,0,0,0.07);}
:where(html[data-c~=dash]) .offerwall-stats > span{display: grid; justify-items: center; gap: 2px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats strong{color: #f3f3f3; font-size: 12.5px; font-weight: 800; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats strong{color: #0b0b0b; font-size: 12.5px; font-weight: 800; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats small{color: rgba(192,192,192,0.62); font-size: 9.5px; letter-spacing: 0.2px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats small{color: rgba(60,60,60,0.62); font-size: 9.5px; letter-spacing: 0.2px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats > span:nth-child(1) strong{color: #b1b1b1;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats > span:nth-child(1) strong{color: #4b4b4b;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats > span:nth-child(2) strong{color: #cecece;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats > span:nth-child(2) strong{color: #2f2f2f;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stats > span:nth-child(3) strong{color: #c1c1c1;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stats > span:nth-child(3) strong{color: #3b3b3b;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-footer{margin: 0; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.06); color: rgba(183,183,183,0.55); font-size: 9.5px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .offerwall-footer{margin: 0; padding-top: 8px; border-top: 1px solid rgba(0,0,0,0.06); color: rgba(69,69,69,0.55); font-size: 9.5px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-refresh{margin-left: auto; padding: 7px 14px; border-radius: 10px; border: 1px solid rgba(132,132,132,0.5); background: rgba(132,132,132,0.14); color: #d0d0d0; font-size: 11px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-refresh{margin-left: auto; padding: 7px 14px; border-radius: 10px; border: 1px solid rgba(119,119,119,0.5); background: rgba(119,119,119,0.14); color: #2d2d2d; font-size: 11px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-refresh:hover{background: rgba(132,132,132,0.26);}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-refresh:hover{background: rgba(119,119,119,0.26);}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-ext-link{margin-left: 6px; color: #a8a8a8; font-weight: 700; text-decoration: underline;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-ext-link{margin-left: 6px; color: #535353; font-weight: 700; text-decoration: underline;}
:where(html[data-c~=dash][data-v=dark]) .pubcrypto-ext-link:hover{color: #cdcdcd;}
:where(html[data-c~=dash][data-v=light]) .pubcrypto-ext-link:hover{color: #303030;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-frame{position: relative; display: block; margin-top: 10px; padding: 0; border: 1px solid rgba(169,169,169,0.35); border-radius: 14px; background: rgba(255,255,255,0.04); cursor: zoom-in; overflow: hidden; width: 100%; max-width: 260px; transition: box-shadow 200ms ease, transform 160ms ease;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-frame{position: relative; display: block; margin-top: 10px; padding: 0; border: 1px solid rgba(82,82,82,0.35); border-radius: 14px; background: rgba(0,0,0,0.04); cursor: zoom-in; overflow: hidden; width: 100%; max-width: 260px; transition: box-shadow 200ms ease, transform 160ms ease;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-frame:hover{box-shadow: 0 0 0 1px rgba(178,178,178,0.45), 0 12px 26px rgba(130,130,130,0.22); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=light]) .bank-qr-frame:hover{box-shadow: 0 0 0 1px rgba(74,74,74,0.45), 0 12px 26px rgba(121,121,121,0.22); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-frame img, :where(html[data-c~=dash][data-v=dark]) .bank-qr-preview{display: block; width: 100%; height: auto; border-radius: 13px; background: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-frame img, :where(html[data-c~=dash][data-v=light]) .bank-qr-preview{display: block; width: 100%; height: auto; border-radius: 13px; background: #000000;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-zoom-tip{position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); padding: 3px 10px; border-radius: 999px; background: rgba(9,9,9,0.78); color: #dddddd; font-size: 10px; font-weight: 700; white-space: nowrap; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-zoom-tip{position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); padding: 3px 10px; border-radius: 999px; background: rgba(248,248,248,0.78); color: #212121; font-size: 10px; font-weight: 700; white-space: nowrap; pointer-events: none;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog{width: min(94vw, 560px); max-height: 92vh; padding: 18px; border: 1px solid rgba(169,169,169,0.35); border-radius: 20px; background: linear-gradient(165deg, #141414, #0c0c0c); box-shadow: 0 30px 80px rgba(0,0,0,0.6); color: #eaeaea; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog{width: min(94vw, 560px); max-height: 92vh; padding: 18px; border: 1px solid rgba(82,82,82,0.35); border-radius: 20px; background: linear-gradient(165deg, #ececec, #f5f5f5); box-shadow: 0 30px 80px rgba(255,255,255,0.6); color: #141414; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog::backdrop{background: rgba(3,3,3,0.78); backdrop-filter: blur(3px);}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog::backdrop{background: rgba(255,255,255,0.78); backdrop-filter: blur(3px);}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog img{display: block; width: 100%; height: auto; max-height: 74vh; object-fit: contain; border-radius: 14px; background: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog img{display: block; width: 100%; height: auto; max-height: 74vh; object-fit: contain; border-radius: 14px; background: #000000;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog-note{margin: 12px 0 0; color: rgba(218,218,218,0.7); font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog-note{margin: 12px 0 0; color: rgba(35,35,35,0.7); font-size: 11.5px;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog-close{position: absolute; top: 10px; right: 12px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(169,169,169,0.4); background: rgba(15,15,15,0.9); color: #d4d4d4; font-size: 17px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog-close{position: absolute; top: 10px; right: 12px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(82,82,82,0.4); background: rgba(241,241,241,0.9); color: #292929; font-size: 17px; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog-close:hover{background: rgba(152,152,152,0.28);}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog-close:hover{background: rgba(99,99,99,0.28);}
:where(html[data-c~=dash]) .sidebar{width: 262px; padding: 22px 16px 16px;}
:where(html[data-c~=dash]) .sidebar-brand{font-size: 19px; padding-bottom: 22px;}
:where(html[data-c~=dash]) .brand-mark{width: 36px; height: 36px;}
:where(html[data-c~=dash]) .nav-link{min-height: 46px; gap: 12px; font-size: 12.5px; padding: 0 13px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > span{width: 29px; height: 29px; border-radius: 10px; background: linear-gradient(150deg, rgba(169,169,169,0.18), rgba(169,169,169,0.05)); color: #c6c6c6;}
:where(html[data-c~=dash][data-v=light]) .nav-link > span{width: 29px; height: 29px; border-radius: 10px; background: linear-gradient(150deg, rgba(82,82,82,0.18), rgba(82,82,82,0.05)); color: #373737;}
:where(html[data-c~=dash]) .nav-link > span svg{display: block;}
:where(html[data-c~=dash][data-v=dark]) .nav-link:hover > span, :where(html[data-c~=dash][data-v=dark]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"] > span{box-shadow: 0 0 16px rgba(154,154,154,0.6);}
:where(html[data-c~=dash][data-v=light]) .nav-link:hover > span, :where(html[data-c~=dash][data-v=light]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"] > span{box-shadow: 0 0 16px rgba(98,98,98,0.6);}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"] > span{background: linear-gradient(145deg, #d2d2d2, #868686); color: #141414;}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"] > span{background: linear-gradient(145deg, #2b2b2b, #757575); color: #ececec;}
:where(html[data-c~=dash]) .nav-sub{margin-left: 20px; padding-left: 13px;}
:where(html[data-c~=dash]) .nav-sub-link{font-size: 12px; padding: 9px 11px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active::before, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"]::before{content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 62%; transform: translateY(-50%); border-radius: 999px; background: linear-gradient(180deg, #d2d2d2, #8b8b8b); box-shadow: 0 0 12px rgba(154,154,154,0.9);}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active::before, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"]::before{content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 62%; transform: translateY(-50%); border-radius: 999px; background: linear-gradient(180deg, #2b2b2b, #6f6f6f); box-shadow: 0 0 12px rgba(98,98,98,0.9);}
:where(html[data-c~=dash]) .offerwall-card{align-items: stretch; gap: 12px;}
:where(html[data-c~=dash]) .offerwall-card .offerwall-button{margin-top: 2px;}
:where(html[data-c~=dash]) .pubcrypto-frame-wrap{display: none !important;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .sidebar{width: 232px;}
:where(html[data-c~=dash]) .nav-link{min-height: 44px; font-size: 12px;}
:where(html[data-c~=dash]) .nav-link > span{width: 27px; height: 27px;}
}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card{gap: 9px; border-color: #3a3a3a; background: linear-gradient(168deg, #191919, #121212 68%);}
:where(html[data-c~=dash][data-v=light]) .offerwall-card{gap: 9px; border-color: #c2c2c2; background: linear-gradient(168deg, #e6e6e6, #eeeeee 68%);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card:hover{border-color: #737373; box-shadow: 0 0 0 1px #73737340, 0 20px 38px -26px #000000, 0 0 42px -14px #73737380;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card:hover{border-color: #888888; box-shadow: 0 0 0 1px #88888840, 0 20px 38px -26px #ffffff, 0 0 42px -14px #88888880;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-title{flex: 1; min-width: 0; overflow: hidden; color: #ebebeb; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .offerwall-title{flex: 1; min-width: 0; overflow: hidden; color: #131313; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash]) .offerwall-card .offerwall-head{align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-card .offerwall-icon{border-color: #88888855; background: linear-gradient(150deg, #242424, #191919); box-shadow: inset 0 0 14px #8888882e;}
:where(html[data-c~=dash][data-v=light]) .offerwall-card .offerwall-icon{border-color: #73737355; background: linear-gradient(150deg, #d9d9d9, #e6e6e6); box-shadow: inset 0 0 14px #7373732e;}
:where(html[data-c~=dash]) .offerwall-stats{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat{display: grid; gap: 2px; padding: 8px 4px 7px; border: 1px solid #ffffff10; border-radius: 10px; background: linear-gradient(160deg, #151515, #101010); text-align: center;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat{display: grid; gap: 2px; padding: 8px 4px 7px; border: 1px solid #00000010; border-radius: 10px; background: linear-gradient(160deg, #eaeaea, #f0f0f0); text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat span{color: #8c8c8c; font-size: 8px; font-weight: 700; letter-spacing: 0.15px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat span{color: #6f6f6f; font-size: 8px; font-weight: 700; letter-spacing: 0.15px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash]) .offerwall-stat strong{font-size: 12px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat.is-money strong{color: #d5d5d5; text-shadow: 0 0 12px #b7b7b755;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat.is-money strong{color: #282828; text-shadow: 0 0 12px #45454555;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat.is-usd strong{color: #d4d4d4; text-shadow: 0 0 12px #4aa8e055;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat.is-usd strong{color: #292929; text-shadow: 0 0 12px #1b6c9d55;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat.is-left strong{color: #e0e0e0; text-shadow: 0 0 12px #4fe0a055;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat.is-left strong{color: #1d1d1d; text-shadow: 0 0 12px #1b9c6355;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat.is-none{border-color: #ff7a7a3d;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat.is-none{border-color: #b800003d;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-stat.is-none strong{color: #adadad; text-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .offerwall-stat.is-none strong{color: #4f4f4f; text-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-overlay{position: fixed; inset: 0; z-index: 240; display: grid; place-items: center; padding: 18px; background: rgba(6,6,6,0.82); backdrop-filter: blur(6px); animation: offerwallFade-cda7b0 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-overlay{position: fixed; inset: 0; z-index: 240; display: grid; place-items: center; padding: 18px; background: rgba(252,252,252,0.82); backdrop-filter: blur(6px); animation: offerwallFade-cda7b0 0.2s ease;}
:where(html[data-c~=dash]) .offerwall-embed-overlay[hidden]{display: none;}
:where(html[data-c~=dash]) body.has-offerwall-embed{overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-card{display: flex; flex-direction: column; width: min(1080px, 100%); height: min(88vh, 900px); border: 1px solid #8888885c; border-radius: 20px; background: linear-gradient(170deg, #171717, #0e0e0e); box-shadow: 0 0 0 1px #ffffff0a inset, 0 30px 90px rgba(0,0,0,0.6), 0 0 70px -22px #888888; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-card{display: flex; flex-direction: column; width: min(1080px, 100%); height: min(88vh, 900px); border: 1px solid #7373735c; border-radius: 20px; background: linear-gradient(170deg, #e8e8e8, #f2f2f2); box-shadow: 0 0 0 1px #0000000a inset, 0 30px 90px rgba(255,255,255,0.6), 0 0 70px -22px #737373; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-head{display: flex; flex: none; align-items: center; gap: 12px; padding: 13px 15px; border-bottom: 1px solid #ffffff12; background: linear-gradient(96deg, #1d1d1d, #141414);}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-head{display: flex; flex: none; align-items: center; gap: 12px; padding: 13px 15px; border-bottom: 1px solid #00000012; background: linear-gradient(96deg, #e1e1e1, #ebebeb);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-orb{display: grid; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid #88888866; border-radius: 11px; background: radial-gradient(circle at 32% 26%, #88888844, #161616); color: #c9c9c9; box-shadow: 0 0 22px -4px #88888888;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-orb{display: grid; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid #73737366; border-radius: 11px; background: radial-gradient(circle at 32% 26%, #73737344, #e9e9e9); color: #333333; box-shadow: 0 0 22px -4px #73737388;}
:where(html[data-c~=dash]) .offerwall-embed-copy{display: grid; gap: 2px; min-width: 0; flex: 1;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-copy strong{overflow: hidden; color: #f0f0f0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-copy strong{overflow: hidden; color: #0e0e0e; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-copy small{color: #989898; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-copy small{color: #636363; font-size: 11px;}
:where(html[data-c~=dash]) .offerwall-embed-actions{display: flex; flex: none; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-btn{display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border: 1px solid #8888884d; border-radius: 999px; background: #ffffff0a; color: #dfdfdf; font: inherit; font-size: 11.5px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background 0.18s ease, box-shadow 0.18s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-btn{display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border: 1px solid #7373734d; border-radius: 999px; background: #0000000a; color: #1f1f1f; font: inherit; font-size: 11.5px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background 0.18s ease, box-shadow 0.18s ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-btn:hover{background: #ffffff16; box-shadow: 0 0 20px -6px #888888;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-btn:hover{background: #00000016; box-shadow: 0 0 20px -6px #737373;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-btn.is-close{border-color: #ff8a8a55; color: #d7d7d7;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-btn.is-close{border-color: #b8000055; color: #262626;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-btn.is-close:hover{background: #ff8a8a22; box-shadow: 0 0 20px -6px #ff8a8a;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-btn.is-close:hover{background: #b8000022; box-shadow: 0 0 20px -6px #b80000;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-body{position: relative; flex: 1; min-height: 0; background: #080808;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-body{position: relative; flex: 1; min-height: 0; background: #f9f9f9;}
:where(html[data-c~=dash]) .offerwall-embed-body iframe{display: block; width: 100%; height: 100%; border: 0;}
:where(html[data-c~=dash]) .offerwall-embed-body iframe[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-embed-loading{position: absolute; inset: 0; display: grid; place-items: center; color: #a9a9a9; font-size: 13px; letter-spacing: 0.04em;}
:where(html[data-c~=dash][data-v=light]) .offerwall-embed-loading{position: absolute; inset: 0; display: grid; place-items: center; color: #535353; font-size: 13px; letter-spacing: 0.04em;}
:where(html[data-c~=dash]) .offerwall-embed-loading[hidden]{display: none;}
@media (max-width: 620px){
:where(html[data-c~=dash]) .offerwall-embed-overlay{padding: 0;}
:where(html[data-c~=dash]) .offerwall-embed-card{height: 100vh; width: 100%; border-radius: 0; border: 0;}
:where(html[data-c~=dash]) .offerwall-embed-copy small{display: none;}
:where(html[data-c~=dash]) .offerwall-embed-btn{padding: 7px 10px; font-size: 11px;}
}
:where(html[data-c~=dash]) .withdraw-progress{display: grid; gap: 6px; margin: 10px 0 4px;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-progress-track{height: 9px; overflow: hidden; border-radius: 999px; background: #1d1d1d; box-shadow: inset 0 1px 3px #00000088;}
:where(html[data-c~=dash][data-v=light]) .withdraw-progress-track{height: 9px; overflow: hidden; border-radius: 999px; background: #e1e1e1; box-shadow: inset 0 1px 3px #ffffff88;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-progress-track > span{display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff5f6d, #a5a5a5 55%, #d0d0d0); box-shadow: 0 0 14px rgba(167,167,167,0.55); transform: scaleX(0); transform-origin: left center; will-change: transform; transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);}
:where(html[data-c~=dash][data-v=light]) .withdraw-progress-track > span{display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #b80010, #565656 55%, #2d2d2d); box-shadow: 0 0 14px rgba(84,84,84,0.55); transform: scaleX(0); transform-origin: left center; will-change: transform; transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);}
:where(html[data-c~=dash][data-v=dark]) .withdraw-progress small{color: #a4a4a4; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .withdraw-progress small{color: #575757; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-dialog{width: min(480px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(183,183,183,0.34); border-radius: 22px; background: linear-gradient(168deg, #161616, #0f0f0f); color: #ececec; box-shadow: 0 30px 90px rgba(0,0,0,0.65), 0 0 60px -20px rgba(161,161,161,0.6);}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-dialog{width: min(480px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(68,68,68,0.34); border-radius: 22px; background: linear-gradient(168deg, #eaeaea, #f1f1f1); color: #121212; box-shadow: 0 30px 90px rgba(255,255,255,0.65), 0 0 60px -20px rgba(91,91,91,0.6);}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-dialog::backdrop{background: rgba(4,4,4,0.7);}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-dialog::backdrop{background: rgba(254,254,254,0.7);}
:where(html[data-c~=dash]) .withdraw-success-inner{padding: 22px 22px 24px; text-align: center;}
:where(html[data-c~=dash]) .withdraw-success-art{width: 100%; max-width: 320px; height: auto; border-radius: 16px; margin-bottom: 4px;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-dialog h2{margin: 6px 0 6px; font-size: 21px; background: linear-gradient(96deg, #dbdbdb, #a9a9a9 45%, #a6a6a6); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-dialog h2{margin: 6px 0 6px; font-size: 21px; background: linear-gradient(96deg, #222222, #535353 45%, #555555); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-sub{margin: 0 auto 16px; max-width: 360px; color: #b6b6b6; font-size: 12.5px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-sub{margin: 0 auto 16px; max-width: 360px; color: #464646; font-size: 12.5px; line-height: 1.6;}
:where(html[data-c~=dash]) .withdraw-success-rows{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-rows > div{display: grid; gap: 2px; padding: 9px 10px; border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; background: rgba(255,255,255,0.04); text-align: left;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-rows > div{display: grid; gap: 2px; padding: 9px 10px; border: 1px solid rgba(0,0,0,0.07); border-radius: 12px; background: rgba(0,0,0,0.04); text-align: left;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-rows span{color: #878787; font-size: 9.5px; letter-spacing: 0.06em; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-rows span{color: #747474; font-size: 9.5px; letter-spacing: 0.06em; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-rows strong{color: #e3e3e3; font-size: 13px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-rows strong{color: #1b1b1b; font-size: 13px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .withdraw-success-actions{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;}
:where(html[data-c~=dash][data-v=dark]) .secondary-block-link{display: inline-flex; align-items: center; padding: 11px 18px; border: 1px solid rgba(218,218,218,0.3); border-radius: 999px; background: rgba(255,255,255,0.05); color: #ebebeb; font-size: 12.5px; font-weight: 700; text-decoration: none;}
:where(html[data-c~=dash][data-v=light]) .secondary-block-link{display: inline-flex; align-items: center; padding: 11px 18px; border: 1px solid rgba(36,36,36,0.3); border-radius: 999px; background: rgba(0,0,0,0.05); color: #131313; font-size: 12.5px; font-weight: 700; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) .secondary-block-link:hover{background: rgba(255,255,255,0.11);}
:where(html[data-c~=dash][data-v=light]) .secondary-block-link:hover{background: rgba(0,0,0,0.11);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-banner{margin-bottom: 18px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(202,202,202,0.18); box-shadow: 0 22px 60px -30px #000000;}
:where(html[data-c~=dash][data-v=light]) .offerwall-banner{margin-bottom: 18px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(51,51,51,0.18); box-shadow: 0 22px 60px -30px #ffffff;}
:where(html[data-c~=dash]) .offerwall-banner img{display: block; width: 100%; height: auto;}
:where(html[data-c~=dash]) .offerwall-tabs{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-tab{padding: 8px 14px; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; background: rgba(255,255,255,0.04); color: #b7b7b7; font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-tab{padding: 8px 14px; border: 1px solid rgba(0,0,0,0.1); border-radius: 12px; background: rgba(0,0,0,0.04); color: #454545; font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-tab:hover{background: rgba(255,255,255,0.09); color: #f1f1f1;}
:where(html[data-c~=dash][data-v=light]) .offerwall-tab:hover{background: rgba(0,0,0,0.09); color: #0e0e0e;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-tab.is-active{border-color: rgba(136,136,136,0.65); background: linear-gradient(100deg, rgba(136,136,136,0.28), rgba(163,163,163,0.22)); color: #ebebeb; box-shadow: 0 0 22px -8px rgba(136,136,136,0.85);}
:where(html[data-c~=dash][data-v=light]) .offerwall-tab.is-active{border-color: rgba(115,115,115,0.65); background: linear-gradient(100deg, rgba(115,115,115,0.28), rgba(89,89,89,0.22)); color: #131313; box-shadow: 0 0 22px -8px rgba(115,115,115,0.85);}
:where(html[data-c~=dash]) .offerwall-wall{display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-card{display: grid; gap: 8px; padding: 14px; border: 1px solid rgba(136,136,136,0.26); border-radius: 16px; background: linear-gradient(168deg, #1d1d1d, #131313 70%); box-shadow: 0 16px 36px -30px #000000; transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-card{display: grid; gap: 8px; padding: 14px; border: 1px solid rgba(115,115,115,0.26); border-radius: 16px; background: linear-gradient(168deg, #e1e1e1, #ededed 70%); box-shadow: 0 16px 36px -30px #ffffff; transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-card:hover{transform: translateY(-2px); border-color: rgba(136,136,136,0.6); box-shadow: 0 20px 40px -28px #000000, 0 0 34px -16px rgba(136,136,136,0.8);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-card:hover{transform: translateY(-2px); border-color: rgba(115,115,115,0.6); box-shadow: 0 20px 40px -28px #ffffff, 0 0 34px -16px rgba(115,115,115,0.8);}
:where(html[data-c~=dash]) .offerwall-task-card.is-locked{opacity: 0.62;}
:where(html[data-c~=dash]) .offerwall-task-head{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-logo{display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; background: #212121; font-size: 16px; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-logo{display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; background: #dddddd; font-size: 16px; overflow: hidden;}
:where(html[data-c~=dash]) .offerwall-task-logo img{width: 100%; height: 100%; object-fit: cover;}
:where(html[data-c~=dash]) .offerwall-task-chips{display: flex; flex-wrap: wrap; gap: 4px; min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-chip{padding: 2px 7px; border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; background: rgba(255,255,255,0.05); color: #aaaaaa; font-size: 9px; font-weight: 800; letter-spacing: 0.03em; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-chip{padding: 2px 7px; border: 1px solid rgba(0,0,0,0.12); border-radius: 6px; background: rgba(0,0,0,0.05); color: #515151; font-size: 9px; font-weight: 800; letter-spacing: 0.03em; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-chip.is-kind{border-color: rgba(202,202,202,0.4); color: #d4d4d4; background: rgba(202,202,202,0.1);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-chip.is-kind{border-color: rgba(51,51,51,0.4); color: #292929; background: rgba(51,51,51,0.1);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-chip.is-reward{border-color: rgba(202,202,202,0.4); color: #d5d5d5; background: rgba(202,202,202,0.1);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-chip.is-reward{border-color: rgba(51,51,51,0.4); color: #282828; background: rgba(51,51,51,0.1);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-chip.is-limit{border-color: rgba(163,163,163,0.4); color: #c2c2c2; background: rgba(163,163,163,0.1);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-chip.is-limit{border-color: rgba(89,89,89,0.4); color: #3a3a3a; background: rgba(89,89,89,0.1);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-chip.is-reset{border-color: rgba(211,211,211,0.35); color: #e0e0e0; background: rgba(211,211,211,0.08);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-chip.is-reset{border-color: rgba(41,41,41,0.35); color: #1d1d1d; background: rgba(41,41,41,0.08);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-title{overflow: hidden; color: #eeeeee; font-size: 13.5px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-title{overflow: hidden; color: #101010; font-size: 13.5px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-desc{margin: 0; color: #939393; font-size: 11px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-desc{margin: 0; color: #686868; font-size: 11px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
:where(html[data-c~=dash]) .offerwall-task-foot{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 2px;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-reward{color: #6ff0a8; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; text-shadow: 0 0 14px rgba(111,240,168,0.4);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-reward{color: #11a653; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; text-shadow: 0 0 14px rgba(17,166,83,0.4);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-start{min-width: 92px; padding: 8px 18px; border: 1px solid rgba(120,240,200,0.4); border-radius: 10px; background: linear-gradient(100deg, #2fe6a0, #22c9b8); color: #181818; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; transition: transform 0.16s ease, filter 0.16s ease;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-start{min-width: 92px; padding: 8px 18px; border: 1px solid rgba(18,165,116,0.4); border-radius: 10px; background: linear-gradient(100deg, #14a46d, #22c9b8); color: #e7e7e7; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; transition: transform 0.16s ease, filter 0.16s ease;}
:where(html[data-c~=dash]) .offerwall-task-start:not(:disabled):hover{transform: translateY(-1px); filter: brightness(1.08);}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-start:disabled{filter: grayscale(0.6) brightness(0.85); cursor: default; color: #cfcfcf;}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-start:disabled{filter: grayscale(0.6) brightness(0.85); cursor: default; color: #2d2d2d;}
@media (max-width: 620px){
:where(html[data-c~=dash]) .offerwall-wall{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .withdraw-success-rows{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash]) .offerwall-task-chips{gap: 3px;}
:where(html[data-c~=dash]) .offerwall-task-chip{padding: 1px 6px; font-size: 8.5px; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=dark]) .offerwall-task-chip.is-category{border-color: rgba(255,255,255,0.22); color: #cccccc; background: rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .offerwall-task-chip.is-category{border-color: rgba(0,0,0,0.22); color: #303030; background: rgba(0,0,0,0.08);}
:where(html[data-c~=dash]) #wallet, :where(html[data-c~=dash]) #wallet-bank, :where(html[data-c~=dash]) #wallet-card, :where(html[data-c~=dash]) #wallet-game, :where(html[data-c~=dash]) .wallet-layout, :where(html[data-c~=dash]) .withdrawal-form, :where(html[data-c~=dash]) #withdrawal-list, :where(html[data-c~=dash]) #admin-withdrawals{contain: layout style; will-change: auto;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form, :where(html[data-c~=dash][data-v=dark]) .wallet-history .panel{backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 10px 24px rgba(0,0,0,0.34) !important;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form, :where(html[data-c~=dash][data-v=light]) .wallet-history .panel{backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 10px 24px rgba(255,255,255,0.34) !important;}
:where(html[data-c~=dash]) .card-brand-choice, :where(html[data-c~=dash]) .card-denom-choice, :where(html[data-c~=dash]) .withdrawal-method-tab{transition: transform 110ms ease, border-color 110ms ease, background-color 110ms ease !important; will-change: transform;}
:where(html[data-c~=dash]) #withdrawal-list .row-item, :where(html[data-c~=dash]) #admin-withdrawals .withdrawal-admin-item{content-visibility: auto; contain-intrinsic-size: 86px;}
:where(html[data-c~=dash][data-v=dark]) .qr-thumb-button{display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px 6px 6px; border-radius: 14px; border: 1.5px solid rgba(193,193,193,0.55); background: linear-gradient(145deg, rgba(25,25,25,0.95), rgba(14,14,14,0.98)); color: #e5e5e5; cursor: pointer; transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;}
:where(html[data-c~=dash][data-v=light]) .qr-thumb-button{display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px 6px 6px; border-radius: 14px; border: 1.5px solid rgba(59,59,59,0.55); background: linear-gradient(145deg, rgba(230,230,230,0.95), rgba(242,242,242,0.98)); color: #191919; cursor: pointer; transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;}
:where(html[data-c~=dash][data-v=dark]) .qr-thumb-button:hover{transform: translateY(-2px) scale(1.02); border-color: #d0d0d0; box-shadow: 0 10px 24px rgba(167,167,167,0.35);}
:where(html[data-c~=dash][data-v=light]) .qr-thumb-button:hover{transform: translateY(-2px) scale(1.02); border-color: #2d2d2d; box-shadow: 0 10px 24px rgba(85,85,85,0.35);}
:where(html[data-c~=dash][data-v=dark]) .qr-thumb{width: 84px !important; height: 84px !important; object-fit: contain !important; border-radius: 10px; background: #ffffff; padding: 4px; border: 1px solid rgba(255,255,255,0.3);}
:where(html[data-c~=dash][data-v=light]) .qr-thumb{width: 84px !important; height: 84px !important; object-fit: contain !important; border-radius: 10px; background: #000000; padding: 4px; border: 1px solid rgba(0,0,0,0.3);}
:where(html[data-c~=dash][data-v=dark]) .qr-thumb-zoom-label{font-size: 12.5px; font-weight: 800; color: #d0d0d0;}
:where(html[data-c~=dash][data-v=light]) .qr-thumb-zoom-label{font-size: 12.5px; font-weight: 800; color: #2d2d2d;}
:where(html[data-c~=dash][data-v=dark]) .qr-dialog-upgraded{max-width: min(95vw, 760px) !important; width: 100%; padding: 20px !important; border-radius: 22px !important; border: 1.5px solid rgba(188,188,188,0.45) !important; background: linear-gradient(165deg, #121212 0%, #0a0a0a 100%) !important; color: #f3f3f3; box-shadow: 0 28px 80px rgba(0,0,0,0.85) !important;}
:where(html[data-c~=dash][data-v=light]) .qr-dialog-upgraded{max-width: min(95vw, 760px) !important; width: 100%; padding: 20px !important; border-radius: 22px !important; border: 1.5px solid rgba(64,64,64,0.45) !important; background: linear-gradient(165deg, #eeeeee 0%, #f7f7f7 100%) !important; color: #0b0b0b; box-shadow: 0 28px 80px rgba(255,255,255,0.85) !important;}
:where(html[data-c~=dash]) .qr-dialog-header{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px;}
:where(html[data-c~=dash][data-v=dark]) .qr-dialog-kicker{display: inline-block; font-size: 10.5px; font-weight: 800; letter-spacing: 0.08em; color: #b9b9b9;}
:where(html[data-c~=dash][data-v=light]) .qr-dialog-kicker{display: inline-block; font-size: 10.5px; font-weight: 800; letter-spacing: 0.08em; color: #434343;}
:where(html[data-c~=dash][data-v=dark]) .qr-dialog-title{margin: 2px 0 0; font-size: 19px; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .qr-dialog-title{margin: 2px 0 0; font-size: 19px; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .qr-bank-summary{display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; padding: 12px; margin-bottom: 12px; border-radius: 14px; border: 1px solid rgba(182,182,182,0.28); background: rgba(160,160,160,0.08);}
:where(html[data-c~=dash][data-v=light]) .qr-bank-summary{display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; padding: 12px; margin-bottom: 12px; border-radius: 14px; border: 1px solid rgba(69,69,69,0.28); background: rgba(92,92,92,0.08);}
:where(html[data-c~=dash][data-v=dark]) .qr-bank-summary-item{display: flex; flex-direction: column; gap: 3px; padding: 6px 10px; border-radius: 10px; background: rgba(7,7,7,0.65);}
:where(html[data-c~=dash][data-v=light]) .qr-bank-summary-item{display: flex; flex-direction: column; gap: 3px; padding: 6px 10px; border-radius: 10px; background: rgba(251,251,251,0.65);}
:where(html[data-c~=dash][data-v=dark]) .qr-bank-summary-item span{font-size: 11px; color: #aeaeae;}
:where(html[data-c~=dash][data-v=light]) .qr-bank-summary-item span{font-size: 11px; color: #4d4d4d;}
:where(html[data-c~=dash][data-v=dark]) .qr-bank-summary-item strong{font-size: 14px; color: #e8e8e8; display: flex; align-items: center; justify-content: space-between; gap: 8px;}
:where(html[data-c~=dash][data-v=light]) .qr-bank-summary-item strong{font-size: 14px; color: #161616; display: flex; align-items: center; justify-content: space-between; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .qr-copy-mini{padding: 3px 8px; border-radius: 7px; border: 1px solid rgba(190,190,190,0.4); background: rgba(167,167,167,0.18); color: #d8d8d8; font-size: 11px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .qr-copy-mini{padding: 3px 8px; border-radius: 7px; border: 1px solid rgba(62,62,62,0.4); background: rgba(84,84,84,0.18); color: #252525; font-size: 11px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .qr-copy-mini:hover{background: rgba(167,167,167,0.34);}
:where(html[data-c~=dash][data-v=light]) .qr-copy-mini:hover{background: rgba(84,84,84,0.34);}
:where(html[data-c~=dash]) .qr-zoom-toolbar{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px;}
:where(html[data-c~=dash][data-v=dark]) .qr-zoom-label{font-size: 12px; font-weight: 700; color: #bebebe;}
:where(html[data-c~=dash][data-v=light]) .qr-zoom-label{font-size: 12px; font-weight: 700; color: #3e3e3e;}
:where(html[data-c~=dash][data-v=dark]) .qr-zoom-btn{padding: 6px 12px; border-radius: 9px; border: 1px solid rgba(182,182,182,0.3); background: rgba(21,21,21,0.9); color: #dddddd; font-size: 12px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .qr-zoom-btn{padding: 6px 12px; border-radius: 9px; border: 1px solid rgba(69,69,69,0.3); background: rgba(235,235,235,0.9); color: #202020; font-size: 12px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .qr-zoom-btn.is-active, :where(html[data-c~=dash][data-v=dark]) .qr-zoom-btn:hover{border-color: #bcbcbc; background: linear-gradient(135deg, #a3a3a3, #6f6f6f); color: #0d0d0d;}
:where(html[data-c~=dash][data-v=light]) .qr-zoom-btn.is-active, :where(html[data-c~=dash][data-v=light]) .qr-zoom-btn:hover{border-color: #404040; background: linear-gradient(135deg, #585858, #8b8b8b); color: #f4f4f4;}
:where(html[data-c~=dash][data-v=dark]) .qr-image-viewport{overflow: auto; max-height: min(62vh, 520px); display: grid; place-items: center; padding: 18px; border-radius: 16px; background: #ffffff; border: 2px solid rgba(199,199,199,0.55);}
:where(html[data-c~=dash][data-v=light]) .qr-image-viewport{overflow: auto; max-height: min(62vh, 520px); display: grid; place-items: center; padding: 18px; border-radius: 16px; background: #000000; border: 2px solid rgba(54,54,54,0.55);}
:where(html[data-c~=dash]) .qr-image-viewport img{max-width: 100%; width: 360px; height: auto; object-fit: contain; transform-origin: center center; transition: transform 180ms ease;}
:where(html[data-c~=dash][data-v=dark]) .qr-approve-direct-btn{border: 0; border-radius: 12px; padding: 10px 18px; font-weight: 800; font-size: 13px; color: #181818; background: linear-gradient(120deg, #4df59d, #19c37d); box-shadow: 0 8px 22px rgba(25,195,125,0.4); cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .qr-approve-direct-btn{border: 0; border-radius: 12px; padding: 10px 18px; font-weight: 800; font-size: 13px; color: #e7e7e7; background: linear-gradient(120deg, #0aae58, #19c37d); box-shadow: 0 8px 22px rgba(25,195,125,0.4); cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .ltn-celebration-toast{position: fixed; top: 22px; right: 22px; z-index: 9998; display: flex; align-items: center; gap: 14px; max-width: min(92vw, 430px); padding: 14px 18px; border-radius: 16px; border: 1.5px solid rgba(110,247,167,0.55); background: linear-gradient(145deg, rgba(29,29,29,0.97), rgba(17,17,17,0.98)); color: #f9f9f9; box-shadow: 0 20px 50px rgba(0,0,0,0.65), 0 0 28px rgba(46,230,145,0.28); transform: translateY(-24px) scale(0.96); opacity: 0; pointer-events: none; transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-celebration-toast{position: fixed; top: 22px; right: 22px; z-index: 9998; display: flex; align-items: center; gap: 14px; max-width: min(92vw, 430px); padding: 14px 18px; border-radius: 16px; border: 1.5px solid rgba(10,174,78,0.55); background: linear-gradient(145deg, rgba(225,225,225,0.97), rgba(239,239,239,0.98)); color: #060606; box-shadow: 0 20px 50px rgba(255,255,255,0.65), 0 0 28px rgba(20,164,97,0.28); transform: translateY(-24px) scale(0.96); opacity: 0; pointer-events: none; transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;}
:where(html[data-c~=dash]) .ltn-celebration-toast.is-visible{transform: translateY(0) scale(1); opacity: 1; pointer-events: auto;}
:where(html[data-c~=dash][data-v=dark]) .ltn-celebration-icon{flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 21px; background: linear-gradient(135deg, #42f59b, #14b86e); color: #191919; box-shadow: 0 0 18px rgba(66,245,155,0.5);}
:where(html[data-c~=dash][data-v=light]) .ltn-celebration-icon{flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 21px; background: linear-gradient(135deg, #09ae5b, #14b86e); color: #e6e6e6; box-shadow: 0 0 18px rgba(9,174,91,0.5);}
:where(html[data-c~=dash]) .ltn-celebration-body{display: grid; gap: 2px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-celebration-body strong{font-size: 14px; color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .ltn-celebration-body strong{font-size: 14px; color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .ltn-celebration-body span{font-size: 12px; color: #dcdcdc; line-height: 1.4;}
:where(html[data-c~=dash][data-v=light]) .ltn-celebration-body span{font-size: 12px; color: #222222; line-height: 1.4;}
:where(html[data-c~=dash][data-v=dark]) .nav-hot-badge{margin-left: auto; padding: 2px 7px; border-radius: 999px; font-style: normal; font-size: 9.5px; font-weight: 900; letter-spacing: 0.04em; color: #ffffff; background: linear-gradient(120deg, #5b5b5b, #8b8b8b); box-shadow: 0 0 12px rgba(100,100,100,0.6); animation: ltnPulseHot-d2ee6c 1.8s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .nav-hot-badge{margin-left: auto; padding: 2px 7px; border-radius: 999px; font-style: normal; font-size: 9.5px; font-weight: 900; letter-spacing: 0.04em; color: #000000; background: linear-gradient(120deg, #a0a0a0, #707070); box-shadow: 0 0 12px rgba(151,151,151,0.6); animation: ltnPulseHot-d2ee6c 1.8s ease-in-out infinite;}
:where(html[data-c~=dash]) .ltn-daily-hub{display: grid; gap: 18px; margin-bottom: 26px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border-radius: 20px; border: 1.5px solid rgba(142,142,142,0.42); background: radial-gradient(80% 120% at 10% 50%, rgba(104,104,104,0.22), transparent 65%), radial-gradient(70% 100% at 90% 20%, rgba(93,93,93,0.24), transparent 70%), linear-gradient(135deg, #131313 0%, #0e0e0e 55%, #0b0b0b 100%); box-shadow: 0 16px 40px rgba(0,0,0,0.45), inset 0 1px 0 rgba(220,220,220,0.18);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border-radius: 20px; border: 1.5px solid rgba(109,109,109,0.42); background: radial-gradient(80% 120% at 10% 50%, rgba(146,146,146,0.22), transparent 65%), radial-gradient(70% 100% at 90% 20%, rgba(158,158,158,0.24), transparent 70%), linear-gradient(135deg, #ededed 0%, #f3f3f3 55%, #f6f6f6 100%); box-shadow: 0 16px 40px rgba(255,255,255,0.45), inset 0 1px 0 rgba(33,33,33,0.18);}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner.is-booster{border-color: rgba(167,167,167,0.85); box-shadow: 0 18px 46px rgba(57,57,57,0.28), 0 0 28px rgba(104,104,104,0.35);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner.is-booster{border-color: rgba(84,84,84,0.85); box-shadow: 0 18px 46px rgba(196,196,196,0.28), 0 0 28px rgba(146,146,146,0.35);}
:where(html[data-c~=dash]) .ltn-boost-gem-wrap{flex: 0 0 74px; width: 74px; height: 74px; display: grid; place-items: center;}
:where(html[data-c~=dash]) .ltn-boost-gem-svg{width: 74px; height: 74px; overflow: visible;}
:where(html[data-c~=dash]) .ltn-boost-diamond{transform-origin: 44px 44px; animation: ltnBoostFloat-099828 3s ease-in-out infinite;}
:where(html[data-c~=dash]) .ltn-boost-orbit{transform-origin: 44px 44px;}
:where(html[data-c~=dash]) .ltn-boost-sparks{transform-origin: 44px 44px;}
:where(html[data-c~=dash]) .ltn-boost-content{flex: 1 1 320px; display: grid; gap: 6px;}
:where(html[data-c~=dash]) .ltn-boost-title-row{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-pill{padding: 3px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 850; letter-spacing: 0.05em; color: #ececec; background: linear-gradient(120deg, #393939, #373737);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-pill{padding: 3px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 850; letter-spacing: 0.05em; color: #121212; background: linear-gradient(120deg, #c4c4c4, #c5c5c5);}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-status{padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; color: #d1d1d1; background: rgba(255,255,255,0.08); border: 1px solid rgba(190,190,190,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-status{padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; color: #2c2c2c; background: rgba(0,0,0,0.08); border: 1px solid rgba(62,62,62,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-status.is-active{color: #1b1b1b; background: linear-gradient(120deg, #69f0ae, #00e676); border-color: transparent; box-shadow: 0 0 16px rgba(105,240,174,0.5);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-status.is-active{color: #e3e3e3; background: linear-gradient(120deg, #11a75d, #00e676); border-color: transparent; box-shadow: 0 0 16px rgba(17,167,93,0.5);}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-content h3{margin: 0; font-size: 17px; color: #f7f7f7;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-content h3{margin: 0; font-size: 17px; color: #070707;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-highlight{color: #adadad; text-shadow: 0 0 14px rgba(146,146,146,0.55);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-highlight{color: #4e4e4e; text-shadow: 0 0 14px rgba(105,105,105,0.55);}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-content p{margin: 0; font-size: 12.5px; color: #c2c2c2; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-content p{margin: 0; font-size: 12.5px; color: #3a3a3a; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-content code{padding: 1px 6px; border-radius: 6px; background: rgba(255,255,255,0.1); color: #dcdcdc; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-content code{padding: 1px 6px; border-radius: 6px; background: rgba(0,0,0,0.1); color: #222222; font-size: 11.5px;}
:where(html[data-c~=dash]) .ltn-boost-actions{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .ltn-boost-discord-btn, :where(html[data-c~=dash]) .ltn-boost-sync-btn{padding: 10px 15px; border-radius: 12px; font-size: 12.5px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform 150ms ease, filter 150ms ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-discord-btn{color: #ffffff; background: linear-gradient(125deg, #686868, #5d5d5d); box-shadow: 0 8px 22px rgba(48,48,48,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-discord-btn{color: #000000; background: linear-gradient(125deg, #929292, #9e9e9e); box-shadow: 0 8px 22px rgba(204,204,204,0.4);}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-sync-btn{border: 1px solid rgba(170,170,170,0.42); background: rgba(255,255,255,0.07); color: #e0e0e0;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-sync-btn{border: 1px solid rgba(81,81,81,0.42); background: rgba(0,0,0,0.07); color: #1e1e1e;}
:where(html[data-c~=dash]) .ltn-boost-discord-btn:hover, :where(html[data-c~=dash]) .ltn-boost-sync-btn:hover{transform: translateY(-2px); filter: brightness(1.1);}
:where(html[data-c~=dash]) .ltn-daily-panels{display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 18px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-panel, :where(html[data-c~=dash][data-v=dark]) .ltn-checkin-panel{padding: 18px 20px !important; border-radius: 20px !important; border: 1px solid rgba(176,176,176,0.25) !important; background: radial-gradient(100% 80% at 0% 0%, rgba(157,157,157,0.12), transparent 60%), linear-gradient(170deg, #121212 0%, #0b0b0b 100%) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-panel, :where(html[data-c~=dash][data-v=light]) .ltn-checkin-panel{padding: 18px 20px !important; border-radius: 20px !important; border: 1px solid rgba(75,75,75,0.25) !important; background: radial-gradient(100% 80% at 0% 0%, rgba(94,94,94,0.12), transparent 60%), linear-gradient(170deg, #eeeeee 0%, #f6f6f6 100%) !important;}
:where(html[data-c~=dash]) .ltn-panel-head{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-badge{display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: 0.06em; color: #d9d9d9; background: rgba(152,152,152,0.18); border: 1px solid rgba(169,169,169,0.34); margin-bottom: 4px;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-badge{display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: 0.06em; color: #242424; background: rgba(99,99,99,0.18); border: 1px solid rgba(82,82,82,0.34); margin-bottom: 4px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-badge.is-gold{color: #141414; background: linear-gradient(120deg, #d1d1d1, #9d9d9d); border-color: transparent;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-badge.is-gold{color: #ebebeb; background: linear-gradient(120deg, #2c2c2c, #5e5e5e); border-color: transparent;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-title-wrap h3{margin: 0 0 4px; font-size: 16.5px; color: #f3f3f3;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-title-wrap h3{margin: 0 0 4px; font-size: 16.5px; color: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-title-wrap p{margin: 0; font-size: 12px; color: #a2a2a2;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-title-wrap p{margin: 0; font-size: 12px; color: #595959;}
:where(html[data-c~=dash][data-v=dark]) .ltn-today-counter{padding: 8px 13px; border-radius: 12px; border: 1px solid rgba(176,176,176,0.3); background: rgba(7,7,7,0.65); text-align: right;}
:where(html[data-c~=dash][data-v=light]) .ltn-today-counter{padding: 8px 13px; border-radius: 12px; border: 1px solid rgba(75,75,75,0.3); background: rgba(251,251,251,0.65); text-align: right;}
:where(html[data-c~=dash][data-v=dark]) .ltn-today-counter span{display: block; font-size: 9.5px; font-weight: 800; letter-spacing: 0.06em; color: #9e9e9e;}
:where(html[data-c~=dash][data-v=light]) .ltn-today-counter span{display: block; font-size: 9.5px; font-weight: 800; letter-spacing: 0.06em; color: #5d5d5d;}
:where(html[data-c~=dash][data-v=dark]) .ltn-today-counter strong{font-size: 15px; color: #c1c1c1;}
:where(html[data-c~=dash][data-v=light]) .ltn-today-counter strong{font-size: 15px; color: #3b3b3b;}
:where(html[data-c~=dash]) .ltn-milestones-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 12px 13px; border-radius: 14px; border: 1px solid rgba(183,183,183,0.2); background: linear-gradient(155deg, rgba(23,23,23,0.88), rgba(12,12,12,0.94)); transition: transform 150ms ease, border-color 150ms ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 12px 13px; border-radius: 14px; border: 1px solid rgba(69,69,69,0.2); background: linear-gradient(155deg, rgba(232,232,232,0.88), rgba(245,245,245,0.94)); transition: transform 150ms ease, border-color 150ms ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card:hover{transform: translateY(-2px); border-color: rgba(193,193,193,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card:hover{transform: translateY(-2px); border-color: rgba(59,59,59,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-claimable{border-color: #d0d0d0; box-shadow: 0 0 20px rgba(192,192,192,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-claimable{border-color: #2d2d2d; box-shadow: 0 0 20px rgba(60,60,60,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-claimed{opacity: 0.72; border-color: rgba(88,226,152,0.35);}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-claimed{opacity: 0.72; border-color: rgba(27,156,87,0.35);}
:where(html[data-c~=dash]) .ltn-milestone-top{display: flex; align-items: center; justify-content: space-between; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-target{font-size: 12.5px; font-weight: 800; color: #f1f1f1;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-target{font-size: 12.5px; font-weight: 800; color: #0d0d0d;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-reward{padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 850; color: #131313; background: linear-gradient(120deg, #d5d5d5, #a0a0a0);}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-reward{padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 850; color: #ededed; background: linear-gradient(120deg, #282828, #5b5b5b);}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-bar{height: 6px; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-bar{height: 6px; border-radius: 999px; background: rgba(0,0,0,0.08); overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-bar > i{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #999999, #d0d0d0); transition: width 260ms ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-bar > i{display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #626262, #2d2d2d); transition: width 260ms ease;}
:where(html[data-c~=dash]) .ltn-milestone-foot{display: flex; align-items: center; justify-content: space-between; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-progress-text{font-size: 11px; color: #a4a4a4;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-progress-text{font-size: 11px; color: #575757;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-btn{padding: 5px 10px; border-radius: 8px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(120deg, #43f097, #17bd70); color: #191919;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-btn{padding: 5px 10px; border-radius: 8px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(120deg, #0eaa5a, #17bd70); color: #e6e6e6;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-btn:disabled{background: rgba(255,255,255,0.08); color: #858585; cursor: default;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-btn:disabled{background: rgba(0,0,0,0.08); color: #767676; cursor: default;}
:where(html[data-c~=dash]) .ltn-checkin-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(122px, 1fr)); gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 12px 10px; border-radius: 15px; border: 1px solid rgba(190,190,190,0.22); background: linear-gradient(160deg, rgba(25,25,25,0.9), rgba(11,11,11,0.95));}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 12px 10px; border-radius: 15px; border: 1px solid rgba(62,62,62,0.22); background: linear-gradient(160deg, rgba(230,230,230,0.9), rgba(246,246,246,0.95));}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card.is-today{border-color: #c0c0c0; box-shadow: 0 0 22px rgba(180,180,180,0.24);}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card.is-today{border-color: #3c3c3c; box-shadow: 0 0 22px rgba(72,72,72,0.24);}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card.is-done{border-color: rgba(77,235,152,0.45); background: linear-gradient(160deg, rgba(33,33,33,0.88), rgba(19,19,19,0.94));}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card.is-done{border-color: rgba(19,165,88,0.45); background: linear-gradient(160deg, rgba(221,221,221,0.88), rgba(237,237,237,0.94));}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-day{font-size: 11px; font-weight: 850; letter-spacing: 0.04em; color: #c7c7c7;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-day{font-size: 11px; font-weight: 850; letter-spacing: 0.04em; color: #353535;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-amount{font-size: 15px; font-weight: 900; color: #e6e6e6;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-amount{font-size: 15px; font-weight: 900; color: #181818;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-req{font-size: 10.5px; color: #a4a4a4;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-req{font-size: 10.5px; color: #575757;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-btn{width: 100%; margin-top: 2px; padding: 6px 8px; border-radius: 9px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(120deg, #d0d0d0, #939393); color: #101010;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-btn{width: 100%; margin-top: 2px; padding: 6px 8px; border-radius: 9px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(120deg, #2d2d2d, #686868); color: #f0f0f0;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-btn:disabled{background: rgba(255,255,255,0.08); color: #7e7e7e; cursor: default;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-btn:disabled{background: rgba(0,0,0,0.08); color: #7d7d7d; cursor: default;}

:where(html[data-c~=dash][data-v=dark]) .ltn-boost-gif-icon{width: 62px; height: 62px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(128,128,128,0.75)); animation: ltnBoostFloat-099828 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-gif-icon{width: 62px; height: 62px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(123,123,123,0.75)); animation: ltnBoostFloat-099828 2.6s ease-in-out infinite;}
:where(html[data-c~=dash]) .ltn-daily-panels{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
@media (max-width: 1120px){
:where(html[data-c~=dash]) .ltn-daily-panels{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash]) .ltn-panel-title-with-icon{display: flex; align-items: flex-start; gap: 12px; flex: 1 1 260px;}
:where(html[data-c~=dash]) .ltn-panel-icon{flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 18px; font-weight: 900;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-icon.is-fire{background: rgba(140,140,140,0.16); border: 1px solid rgba(152,152,152,0.4); color: #989898;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-icon.is-fire{background: rgba(111,111,111,0.16); border: 1px solid rgba(99,99,99,0.4); color: #636363;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-icon.is-check{background: rgba(74,222,128,0.16); border: 1px solid rgba(74,222,128,0.4); color: #4ade80;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-icon.is-check{background: rgba(28,155,75,0.16); border: 1px solid rgba(28,155,75,0.4); color: #1c9b4b;}
:where(html[data-c~=dash][data-v=dark]) .ltn-progress-pill{flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 850; color: #a7a7a7; background: rgba(150,150,150,0.14); border: 1px solid rgba(164,164,164,0.35); white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .ltn-progress-pill{flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 850; color: #545454; background: rgba(101,101,101,0.14); border: 1px solid rgba(88,88,88,0.35); white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .ltn-progress-pill.is-gold{color: #d1d1d1; background: rgba(188,188,188,0.14); border-color: rgba(209,209,209,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-progress-pill.is-gold{color: #2c2c2c; background: rgba(63,63,63,0.14); border-color: rgba(44,44,44,0.4);}
:where(html[data-c~=dash]) .ltn-milestones-grid{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 6px;}
@media (max-width: 720px){
:where(html[data-c~=dash]) .ltn-milestones-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; padding: 12px 8px 10px; border-radius: 14px; border: 1px solid rgba(177,177,177,0.24); background: linear-gradient(165deg, rgba(25,25,25,0.92), rgba(12,12,12,0.96));}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; padding: 12px 8px 10px; border-radius: 14px; border: 1px solid rgba(75,75,75,0.24); background: linear-gradient(165deg, rgba(230,230,230,0.92), rgba(244,244,244,0.96));}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-claimable{border-color: #d1d1d1; background: linear-gradient(165deg, rgba(40,40,40,0.95), rgba(19,19,19,0.98)); box-shadow: 0 0 20px rgba(190,190,190,0.28);}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-claimable{border-color: #2c2c2c; background: linear-gradient(165deg, rgba(213,213,213,0.95), rgba(237,237,237,0.98)); box-shadow: 0 0 20px rgba(62,62,62,0.28);}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-claimed{border-color: rgba(74,222,128,0.45); background: linear-gradient(165deg, rgba(34,34,34,0.9), rgba(20,20,20,0.95));}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-claimed{border-color: rgba(28,155,75,0.45); background: linear-gradient(165deg, rgba(220,220,220,0.9), rgba(236,236,236,0.95));}
:where(html[data-c~=dash][data-v=dark]) .ltn-m-title{font-size: 11px; font-weight: 700; color: #adadad;}
:where(html[data-c~=dash][data-v=light]) .ltn-m-title{font-size: 11px; font-weight: 700; color: #4e4e4e;}
:where(html[data-c~=dash][data-v=dark]) .ltn-m-reward{font-size: 16px; font-weight: 900; color: #8f8f8f;}
:where(html[data-c~=dash][data-v=light]) .ltn-m-reward{font-size: 16px; font-weight: 900; color: #6c6c6c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-claimable .ltn-m-reward{color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-claimable .ltn-m-reward{color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-claimed .ltn-m-reward{color: #4ade80;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-claimed .ltn-m-reward{color: #1c9b4b;}
:where(html[data-c~=dash][data-v=dark]) .ltn-m-req{font-size: 11px; color: #9b9b9b; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .ltn-m-req{font-size: 11px; color: #606060; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-m-btn{width: 100%; padding: 5px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.06); color: #bebebe; font-size: 11px; font-weight: 850; cursor: pointer; transition: transform 130ms ease, filter 130ms ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-m-btn{width: 100%; padding: 5px 6px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.06); color: #3e3e3e; font-size: 11px; font-weight: 850; cursor: pointer; transition: transform 130ms ease, filter 130ms ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-m-btn.is-ready{border-color: transparent; background: linear-gradient(120deg, #d1d1d1, #898989); color: #0e0e0e; box-shadow: 0 4px 14px rgba(150,150,150,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-m-btn.is-ready{border-color: transparent; background: linear-gradient(120deg, #2c2c2c, #727272); color: #f3f3f3; box-shadow: 0 4px 14px rgba(101,101,101,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-m-btn.is-done{border-color: rgba(74,222,128,0.4); background: rgba(74,222,128,0.18); color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .ltn-m-btn.is-done{border-color: rgba(28,155,75,0.4); background: rgba(28,155,75,0.18); color: #2c2c2c;}
:where(html[data-c~=dash]) .ltn-m-btn:disabled{cursor: default;}
:where(html[data-c~=dash]) .ltn-checkin-grid{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; margin-top: 6px;}
@media (max-width: 720px){
:where(html[data-c~=dash]) .ltn-checkin-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px; padding: 11px 6px; border-radius: 13px; border: 1.5px dashed rgba(180,180,180,0.25); background: rgba(17,17,17,0.85);}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px; padding: 11px 6px; border-radius: 13px; border: 1.5px dashed rgba(71,71,71,0.25); background: rgba(239,239,239,0.85);}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card.is-today{border-style: solid; border-color: #bfbfbf; background: linear-gradient(165deg, rgba(42,42,42,0.92), rgba(20,20,20,0.96)); box-shadow: 0 0 18px rgba(185,185,185,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card.is-today{border-style: solid; border-color: #3d3d3d; background: linear-gradient(165deg, rgba(211,211,211,0.92), rgba(236,236,236,0.96)); box-shadow: 0 0 18px rgba(66,66,66,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card.is-done{border-style: solid; border-color: rgba(74,222,128,0.5); background: linear-gradient(165deg, rgba(35,35,35,0.9), rgba(20,20,20,0.95));}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card.is-done{border-style: solid; border-color: rgba(28,155,75,0.5); background: linear-gradient(165deg, rgba(219,219,219,0.9), rgba(236,236,236,0.95));}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-day{font-size: 11px; font-weight: 750; color: #aeaeae;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-day{font-size: 11px; font-weight: 750; color: #4d4d4d;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card.is-today .ltn-checkin-day{color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card.is-today .ltn-checkin-day{color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-amount{font-size: 14.5px; font-weight: 900; color: #f3f3f3;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-amount{font-size: 14.5px; font-weight: 900; color: #0c0c0c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-card.is-today .ltn-checkin-amount{color: #c8c8c8;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-card.is-today .ltn-checkin-amount{color: #343434;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-req{font-size: 10.5px; color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-req{font-size: 10.5px; color: #5f5f5f;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-main-btn{width: 100%; margin-top: 12px; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.08); color: #c0c0c0; font-size: 13.5px; font-weight: 900; cursor: pointer; transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-main-btn{width: 100%; margin-top: 12px; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.08); color: #3c3c3c; font-size: 13.5px; font-weight: 900; cursor: pointer; transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-main-btn.is-ready{border-color: rgba(228,228,228,0.65); background: linear-gradient(125deg, #4ade80, #16a34a); color: #171717; box-shadow: 0 10px 24px rgba(34,197,94,0.38);}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-main-btn.is-ready{border-color: rgba(25,25,25,0.65); background: linear-gradient(125deg, #1c9b4b, #16a34a); color: #e8e8e8; box-shadow: 0 10px 24px rgba(34,197,94,0.38);}
:where(html[data-c~=dash]) .ltn-checkin-main-btn.is-ready:hover{transform: translateY(-2px); filter: brightness(1.08);}
:where(html[data-c~=dash]) .ltn-checkin-main-btn:disabled{cursor: default;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-foot-note{margin: 10px 0 0; font-size: 12px; color: #a6a6a6;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-foot-note{margin: 10px 0 0; font-size: 12px; color: #555555;}
:where(html[data-c~=dash][data-v=dark]) .ltn-panel-foot-note strong{color: #999999;}
:where(html[data-c~=dash][data-v=light]) .ltn-panel-foot-note strong{color: #626262;}
:where(html[data-c~=dash][data-v=dark]) .ltn-inline-drop-banner{padding: 15px 18px; border-radius: 18px; border: 1.5px solid rgba(74,222,128,0.32); background: linear-gradient(160deg, rgba(24,24,24,0.94), rgba(16,16,16,0.97)); box-shadow: 0 12px 30px rgba(0,0,0,0.38); display: grid; gap: 11px;}
:where(html[data-c~=dash][data-v=light]) .ltn-inline-drop-banner{padding: 15px 18px; border-radius: 18px; border: 1.5px solid rgba(28,155,75,0.32); background: linear-gradient(160deg, rgba(231,231,231,0.94), rgba(241,241,241,0.97)); box-shadow: 0 12px 30px rgba(255,255,255,0.38); display: grid; gap: 11px;}
:where(html[data-c~=dash]) .ltn-inline-drop-head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-inline-drop-head strong{font-size: 13.5px; color: #6ee7b7;}
:where(html[data-c~=dash][data-v=light]) .ltn-inline-drop-head strong{font-size: 13.5px; color: #1a9e69;}
:where(html[data-c~=dash]) .ltn-inline-drop-actions{display: flex; flex-wrap: wrap; gap: 8px;}
 :where(html[data-c~=dash]) .ltn-inline-bag-btn{padding: 5px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 850; text-decoration: none; cursor: pointer;}

:where(html[data-c~=dash][data-v=dark]) .ltn-inline-bag-btn{border: 1px solid rgba(185,185,185,0.45); background: rgba(157,157,157,0.16); color: #e2e2e2;}
:where(html[data-c~=dash][data-v=light]) .ltn-inline-bag-btn{border: 1px solid rgba(67,67,67,0.45); background: rgba(94,94,94,0.16); color: #1c1c1c;}
:where(html[data-c~=dash]) .ltn-inline-drop-chips{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip{display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 750; background: rgba(0,0,0,0.42); border: 1px solid rgba(255,255,255,0.14);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip{display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 750; background: rgba(255,255,255,0.42); border: 1px solid rgba(0,0,0,0.14);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-common{color: #6ee7b7; border-color: rgba(52,211,153,0.38);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-common{color: #1a9e69; border-color: rgba(33,151,108,0.38);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-uncommon{color: #7dd3fc; border-color: rgba(56,189,248,0.38);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-uncommon{color: #047bb3; border-color: rgba(6,125,177,0.38);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-rare{color: #b3b3b3; border-color: rgba(251,113,133,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-rare{color: #494949; border-color: rgba(179,5,30,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-epic{color: #bdbdbd; border-color: rgba(147,147,147,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-epic{color: #3f3f3f; border-color: rgba(104,104,104,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-legend{color: #d8d8d8; border-color: rgba(197,197,197,0.5);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-legend{color: #252525; border-color: rgba(56,56,56,0.5);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-secret{color: #f1f1f1; background: linear-gradient(120deg, rgba(188,188,188,0.26), rgba(96,96,96,0.26)); border-color: #d1d1d1; box-shadow: 0 0 14px rgba(209,209,209,0.3);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-secret{color: #0d0d0d; background: linear-gradient(120deg, rgba(63,63,63,0.26), rgba(154,154,154,0.26)); border-color: #2c2c2c; box-shadow: 0 0 14px rgba(44,44,44,0.3);}
:where(html[data-c~=dash][data-v=dark]) .ltn-drop-chip.is-miss{color: #d1d1d1; border-color: rgba(156,156,156,0.32);}
:where(html[data-c~=dash][data-v=light]) .ltn-drop-chip.is-miss{color: #2c2c2c; border-color: rgba(96,96,96,0.32);}

:where(html[data-c~=dash]) .ltn-rules-wrap{display: grid; gap: 18px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-hero{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border-radius: 20px; border: 1.5px solid rgba(185,185,185,0.35); background: radial-gradient(80% 120% at 0% 50%, rgba(168,168,168,0.18), transparent 65%), linear-gradient(160deg, #151515 0%, #0b0b0b 100%);}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-hero{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border-radius: 20px; border: 1.5px solid rgba(66,66,66,0.35); background: radial-gradient(80% 120% at 0% 50%, rgba(83,83,83,0.18), transparent 65%), linear-gradient(160deg, #ebebeb 0%, #f6f6f6 100%);}
:where(html[data-c~=dash]) .ltn-rules-hero-left{display: flex; align-items: center; gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-shield{flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #d1d1d1; background: rgba(188,188,188,0.14); border: 1px solid rgba(209,209,209,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-shield{flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #2c2c2c; background: rgba(63,63,63,0.14); border: 1px solid rgba(44,44,44,0.4);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-hero-left h2{margin: 0 0 4px; font-size: 20px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-hero-left h2{margin: 0 0 4px; font-size: 20px; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-hero-left p{margin: 0; font-size: 12.5px; color: #acacac;}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-hero-left p{margin: 0; font-size: 12.5px; color: #4f4f4f;}
:where(html[data-c~=dash]) .ltn-rules-hero-badges{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .ltn-rule-pill{padding: 5px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-pill.is-green{color: #d1d1d1; background: rgba(34,197,94,0.16); border: 1px solid rgba(74,222,128,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-pill.is-green{color: #2c2c2c; background: rgba(34,197,94,0.16); border: 1px solid rgba(28,155,75,0.4);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-pill.is-gold{color: #d8d8d8; background: rgba(173,173,173,0.16); border: 1px solid rgba(197,197,197,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-pill.is-gold{color: #252525; background: rgba(78,78,78,0.16); border: 1px solid rgba(56,56,56,0.4);}
:where(html[data-c~=dash]) .ltn-rules-highlights{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
@media (max-width: 860px){
:where(html[data-c~=dash]) .ltn-rules-highlights{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-mini-card{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(182,182,182,0.22); background: rgba(15,15,15,0.9);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-mini-card{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(69,69,69,0.22); background: rgba(242,242,242,0.9);}
:where(html[data-c~=dash]) .ltn-rule-mini-icon{flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 18px;}
:where(html[data-c~=dash]) .ltn-rule-mini-icon.is-green{background: rgba(34,197,94,0.15);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-mini-icon.is-amber{background: rgba(160,160,160,0.15);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-mini-icon.is-amber{background: rgba(91,91,91,0.15);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-mini-icon.is-red{background: rgba(239,68,68,0.15);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-mini-icon.is-red{background: rgba(169,14,14,0.15);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-mini-card strong{display: block; font-size: 13.5px; color: #f3f3f3; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-mini-card strong{display: block; font-size: 13.5px; color: #0b0b0b; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-mini-card small{font-size: 11.5px; color: #a4a4a4;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-mini-card small{font-size: 11.5px; color: #575757;}
:where(html[data-c~=dash]) .ltn-rules-cards-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
@media (max-width: 920px){
:where(html[data-c~=dash]) .ltn-rules-cards-grid{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box{display: flex; flex-direction: column; justify-content: space-between; padding: 20px 22px 16px; border-radius: 18px; border: 1px solid rgba(180,180,180,0.24); background: linear-gradient(170deg, rgba(18,18,18,0.94), rgba(9,9,9,0.97)); box-shadow: 0 14px 32px rgba(0,0,0,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box{display: flex; flex-direction: column; justify-content: space-between; padding: 20px 22px 16px; border-radius: 18px; border: 1px solid rgba(72,72,72,0.24); background: linear-gradient(170deg, rgba(238,238,238,0.94), rgba(248,248,248,0.97)); box-shadow: 0 14px 32px rgba(255,255,255,0.4);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box.is-booster-rule{border-color: rgba(106,106,106,0.55); background: radial-gradient(80% 90% at 100% 0%, rgba(106,106,106,0.16), transparent 65%), linear-gradient(170deg, rgba(19,19,19,0.95), rgba(10,10,10,0.98));}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box.is-booster-rule{border-color: rgba(145,145,145,0.55); background: radial-gradient(80% 90% at 100% 0%, rgba(145,145,145,0.16), transparent 65%), linear-gradient(170deg, rgba(237,237,237,0.95), rgba(248,248,248,0.98));}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.07);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.07);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-num{flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 12.5px; font-weight: 900; color: #d1d1d1; background: rgba(188,188,188,0.15); border: 1px solid rgba(209,209,209,0.4);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-num{flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 12.5px; font-weight: 900; color: #2c2c2c; background: rgba(63,63,63,0.15); border: 1px solid rgba(44,44,44,0.4);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-num.is-pink{background: rgba(106,106,106,0.2); border-color: rgba(140,140,140,0.5);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-num.is-pink{background: rgba(145,145,145,0.2); border-color: rgba(111,111,111,0.5);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box-head h3{margin: 0; font-size: 15.5px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box-head h3{margin: 0; font-size: 15.5px; color: #0a0a0a;}
:where(html[data-c~=dash]) .ltn-rule-list{margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-list li{position: relative; padding-left: 22px; font-size: 12.5px; color: #c6c6c6; line-height: 1.55;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-list li{position: relative; padding-left: 22px; font-size: 12.5px; color: #363636; line-height: 1.55;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-list li::before{content: "✓"; position: absolute; left: 0; top: 0; color: #4ade80; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-list li::before{content: "✓"; position: absolute; left: 0; top: 0; color: #1c9b4b; font-weight: 900;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box.is-booster-rule .ltn-rule-list li::before{color: #8c8c8c;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box.is-booster-rule .ltn-rule-list li::before{color: #6f6f6f;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box-foot{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 11px; color: #8d8d8d;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box-foot{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid rgba(0,0,0,0.06); font-size: 11px; color: #6e6e6e;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box-foot b{padding: 3px 10px; border-radius: 7px; background: rgba(255,255,255,0.07); color: #e6e6e6; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box-foot b{padding: 3px 10px; border-radius: 7px; background: rgba(0,0,0,0.07); color: #181818; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-box-foot b.is-pink-badge{background: rgba(106,106,106,0.22); color: #d7d7d7; border: 1px solid rgba(140,140,140,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-box-foot b.is-pink-badge{background: rgba(145,145,145,0.22); color: #262626; border: 1px solid rgba(111,111,111,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-commitment{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-radius: 18px; border: 1.5px solid rgba(197,197,197,0.38); background: linear-gradient(135deg, rgba(29,29,29,0.92), rgba(14,14,14,0.96));}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-commitment{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-radius: 18px; border: 1.5px solid rgba(56,56,56,0.38); background: linear-gradient(135deg, rgba(225,225,225,0.92), rgba(242,242,242,0.96));}
:where(html[data-c~=dash]) .ltn-rules-commitment-text{display: flex; align-items: flex-start; gap: 12px; flex: 1 1 380px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-commit-icon{flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(197,197,197,0.16); font-size: 18px;}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-commit-icon{flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(56,56,56,0.16); font-size: 18px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-commitment-text strong{display: block; font-size: 14px; color: #d8d8d8; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-commitment-text strong{display: block; font-size: 14px; color: #252525; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-commitment-text p{margin: 0; font-size: 12px; color: #cfcfcf; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-commitment-text p{margin: 0; font-size: 12px; color: #2e2e2e; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rules-discord-btn{padding: 10px 18px; border-radius: 12px; background: linear-gradient(125deg, #5865f2, #4752c4); color: #ffffff; font-size: 13px; font-weight: 850; text-decoration: none; box-shadow: 0 8px 20px rgba(88,101,242,0.4); white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .ltn-rules-discord-btn{padding: 10px 18px; border-radius: 12px; background: linear-gradient(125deg, #0d1baa, #2d358b); color: #000000; font-size: 13px; font-weight: 850; text-decoration: none; box-shadow: 0 8px 20px rgba(13,27,170,0.4); white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-panel.is-chroma-panel, :where(html[data-c~=dash][data-v=dark]) .ltn-checkin-panel.is-chroma-panel{position: relative; overflow: hidden; border: 1.5px solid rgba(190,190,190,0.36); background: radial-gradient(95% 90% at 0% 0%, rgba(139,139,139,0.16), transparent 60%), radial-gradient(90% 90% at 100% 100%, rgba(107,107,107,0.14), transparent 60%), linear-gradient(165deg, #121212 0%, #0b0b0b 100%); box-shadow: 0 18px 42px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-panel.is-chroma-panel, :where(html[data-c~=dash][data-v=light]) .ltn-checkin-panel.is-chroma-panel{position: relative; overflow: hidden; border: 1.5px solid rgba(62,62,62,0.36); background: radial-gradient(95% 90% at 0% 0%, rgba(112,112,112,0.16), transparent 60%), radial-gradient(90% 90% at 100% 100%, rgba(143,143,143,0.14), transparent 60%), linear-gradient(165deg, #eeeeee 0%, #f6f6f6 100%); box-shadow: 0 18px 42px rgba(255,255,255,0.45), inset 0 1px 0 rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-panel.is-chroma-panel::before, :where(html[data-c~=dash][data-v=dark]) .ltn-checkin-panel.is-chroma-panel::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #808080, #d0d0d0, #38ef7d, #a3a3a3, #6b6b6b, #808080); background-size: 300% 100%; animation: ltnChromaFlow-5a5d64 6s linear infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-panel.is-chroma-panel::before, :where(html[data-c~=dash][data-v=light]) .ltn-checkin-panel.is-chroma-panel::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #7b7b7b, #2d2d2d, #0eaa49, #585858, #8f8f8f, #7b7b7b); background-size: 300% 100%; animation: ltnChromaFlow-5a5d64 6s linear infinite;}
:where(html[data-c~=dash]) .ltn-panel-icon.is-animated-svg{width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; padding: 5px;}
:where(html[data-c~=dash]) .ltn-panel-icon.is-animated-svg svg{width: 30px; height: 30px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-svg-flame-outer{transform-origin: center bottom; animation: ltnFlamePulse-777671 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-svg-flame-outer{transform-origin: center bottom; animation: ltnFlamePulse-b54df4 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .ltn-svg-check-tick{transform-origin: center; animation: ltnCheckDraw-d99d29 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-svg-check-tick{transform-origin: center; animation: ltnCheckDraw-f472fa 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .ltn-progress-pill.is-rainbow-pill{background: linear-gradient(120deg, rgba(128,128,128,0.24), rgba(208,208,208,0.22), rgba(107,107,107,0.24)); background-size: 220% 220%; animation: ltnChromaFlow-5a5d64 5s ease infinite; border: 1px solid rgba(208,208,208,0.48); color: #f2f2f2; box-shadow: 0 0 16px rgba(167,167,167,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-progress-pill.is-rainbow-pill{background: linear-gradient(120deg, rgba(123,123,123,0.24), rgba(45,45,45,0.22), rgba(143,143,143,0.24)); background-size: 220% 220%; animation: ltnChromaFlow-5a5d64 5s ease infinite; border: 1px solid rgba(45,45,45,0.48); color: #0c0c0c; box-shadow: 0 0 16px rgba(84,84,84,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-milestone-card.is-ready{background: linear-gradient(135deg, rgba(167,167,167,0.25), rgba(81,81,81,0.18), rgba(56,239,125,0.2)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite; border-color: #d0d0d0 !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-milestone-card.is-ready{background: linear-gradient(135deg, rgba(85,85,85,0.25), rgba(170,170,170,0.18), rgba(14,170,73,0.2)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite; border-color: #2d2d2d !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-checkin-cell.is-today{background: linear-gradient(145deg, rgba(208,208,208,0.25), rgba(56,239,125,0.18), rgba(163,163,163,0.18)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-checkin-cell.is-today{background: linear-gradient(145deg, rgba(45,45,45,0.25), rgba(14,170,73,0.18), rgba(88,88,88,0.18)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite;}
:where(html[data-c~=dash][data-v=dark]) #support-panel.support-panel{width: min(410px, calc(100vw - 24px)) !important; height: min(640px, calc(100vh - 96px)) !important; min-height: 540px !important; max-height: 82vh !important; display: flex !important; flex-direction: column !important; border-radius: 22px !important; border: 1.5px solid rgba(184,184,184,0.42) !important; background: radial-gradient(90% 60% at 10% 0%, rgba(139,139,139,0.18), transparent 65%), radial-gradient(80% 60% at 95% 100%, rgba(107,107,107,0.16), transparent 65%), linear-gradient(175deg, #131313 0%, #0a0a0a 100%) !important; box-shadow: 0 28px 75px rgba(0,0,0,0.72), 0 0 40px rgba(152,152,152,0.2) !important; overflow: hidden !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel.support-panel{width: min(410px, calc(100vw - 24px)) !important; height: min(640px, calc(100vh - 96px)) !important; min-height: 540px !important; max-height: 82vh !important; display: flex !important; flex-direction: column !important; border-radius: 22px !important; border: 1.5px solid rgba(67,67,67,0.42) !important; background: radial-gradient(90% 60% at 10% 0%, rgba(112,112,112,0.18), transparent 65%), radial-gradient(80% 60% at 95% 100%, rgba(143,143,143,0.16), transparent 65%), linear-gradient(175deg, #ededed 0%, #f7f7f7 100%) !important; box-shadow: 0 28px 75px rgba(255,255,255,0.72), 0 0 40px rgba(99,99,99,0.2) !important; overflow: hidden !important;}
:where(html[data-c~=dash]) #support-panel[hidden]{display: none !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-head{position: relative; padding: 14px 16px !important; background: linear-gradient(115deg, rgba(28,28,28,0.96), rgba(19,19,19,0.96), rgba(24,24,24,0.96)) !important; background-size: 220% 220% !important; animation: ltnChromaFlow-5a5d64 7s ease infinite; border-bottom: 1px solid rgba(201,201,201,0.22) !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-head{position: relative; padding: 14px 16px !important; background: linear-gradient(115deg, rgba(226,226,226,0.96), rgba(236,236,236,0.96), rgba(231,231,231,0.96)) !important; background-size: 220% 220% !important; animation: ltnChromaFlow-5a5d64 7s ease infinite; border-bottom: 1px solid rgba(52,52,52,0.22) !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-head::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, #d0d0d0, #ff6b6b, #6b6b6b, #38ef7d, #d0d0d0); background-size: 300% 100%; animation: ltnChromaFlow-5a5d64 5s linear infinite;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-head::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, #2d2d2d, #b80000, #8f8f8f, #0eaa49, #2d2d2d); background-size: 300% 100%; animation: ltnChromaFlow-5a5d64 5s linear infinite;}
:where(html[data-c~=dash][data-v=dark]) .support-head-icon.is-animated-chat-svg{width: 40px !important; height: 40px !important; border-radius: 12px !important; background: rgba(255,255,255,0.06) !important; display: grid !important; place-items: center !important;}
:where(html[data-c~=dash][data-v=light]) .support-head-icon.is-animated-chat-svg{width: 40px !important; height: 40px !important; border-radius: 12px !important; background: rgba(0,0,0,0.06) !important; display: grid !important; place-items: center !important;}
:where(html[data-c~=dash][data-v=dark]) .support-head-icon.is-animated-chat-svg svg{width: 28px !important; height: 28px !important; animation: ltnCheckDraw-d99d29 3s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .support-head-icon.is-animated-chat-svg svg{width: 28px !important; height: 28px !important; animation: ltnCheckDraw-f472fa 3s ease-in-out infinite;}
:where(html[data-c~=dash]) #support-panel .support-messages{flex: 1 1 auto !important; min-height: 390px !important; max-height: none !important; padding: 16px !important; overflow-y: auto !important; display: flex !important; flex-direction: column !important; gap: 10px !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-support-empty-card{margin: auto 0; padding: 26px 18px; border-radius: 18px; border: 1px dashed rgba(195,195,195,0.3); background: linear-gradient(160deg, rgba(162,162,162,0.07), rgba(107,107,107,0.06)); text-align: center; display: grid; justify-items: center; gap: 10px;}
:where(html[data-c~=dash][data-v=light]) .ltn-support-empty-card{margin: auto 0; padding: 26px 18px; border-radius: 18px; border: 1px dashed rgba(57,57,57,0.3); background: linear-gradient(160deg, rgba(89,89,89,0.07), rgba(143,143,143,0.06)); text-align: center; display: grid; justify-items: center; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-support-empty-card svg{width: 74px; height: 74px; animation: ltnCheckDraw-d99d29 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-support-empty-card svg{width: 74px; height: 74px; animation: ltnCheckDraw-f472fa 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .ltn-support-empty-card strong{font-size: 14.5px; background: linear-gradient(90deg, #e0e0e0, #a3a3a3, #939393); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=light]) .ltn-support-empty-card strong{font-size: 14.5px; background: linear-gradient(90deg, #1d1d1d, #585858, #686868); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=dark]) .ltn-support-empty-card p{margin: 0; font-size: 12px; color: #b1b1b1; line-height: 1.55; max-width: 280px;}
:where(html[data-c~=dash][data-v=light]) .ltn-support-empty-card p{margin: 0; font-size: 12px; color: #4b4b4b; line-height: 1.55; max-width: 280px;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-send{background: linear-gradient(125deg, #9e9e9e, #ff5e62, #6b6b6b) !important; background-size: 200% 200% !important; animation: ltnChromaFlow-5a5d64 4s ease infinite; color: #ffffff !important; box-shadow: 0 6px 18px rgba(255,94,98,0.4);}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-send{background: linear-gradient(125deg, #5d5d5d, #b80005, #8f8f8f) !important; background-size: 200% 200% !important; animation: ltnChromaFlow-5a5d64 4s ease infinite; color: #000000 !important; box-shadow: 0 6px 18px rgba(184,0,5,0.4);}
:where(html[data-c~=dash][data-v=dark]) label.withdrawal-confirm{display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; padding: 12px 15px !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.12) !important; background: rgba(255,255,255,0.025) !important; box-shadow: none !important; cursor: pointer; user-select: none; transition: border-color 0.2s ease !important;}
:where(html[data-c~=dash][data-v=light]) label.withdrawal-confirm{display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; padding: 12px 15px !important; border-radius: 14px !important; border: 1px solid rgba(0,0,0,0.12) !important; background: rgba(0,0,0,0.025) !important; box-shadow: none !important; cursor: pointer; user-select: none; transition: border-color 0.2s ease !important;}
:where(html[data-c~=dash][data-v=dark]) label.withdrawal-confirm:hover, :where(html[data-c~=dash][data-v=dark]) label.withdrawal-confirm:has(input:checked){background: rgba(255,255,255,0.025) !important; box-shadow: none !important; border-color: rgba(195,195,195,0.32) !important;}
:where(html[data-c~=dash][data-v=light]) label.withdrawal-confirm:hover, :where(html[data-c~=dash][data-v=light]) label.withdrawal-confirm:has(input:checked){background: rgba(0,0,0,0.025) !important; box-shadow: none !important; border-color: rgba(57,57,57,0.32) !important;}
:where(html[data-c~=dash]) label.withdrawal-confirm > input[type="checkbox"]{position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-swoosh-box{flex: 0 0 22px; width: 22px; height: 22px; border-radius: 7px; border: 2px solid rgba(190,190,190,0.55); background: rgba(10,10,10,0.9); display: grid; place-items: center; transition: transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-swoosh-box{flex: 0 0 22px; width: 22px; height: 22px; border-radius: 7px; border: 2px solid rgba(62,62,62,0.55); background: rgba(248,248,248,0.9); display: grid; place-items: center; transition: transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-swoosh-box svg{width: 15px; height: 15px; stroke: #0d0d0d; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset 0.26s cubic-bezier(0.22, 1, 0.36, 1);}
:where(html[data-c~=dash][data-v=light]) .ltn-swoosh-box svg{width: 15px; height: 15px; stroke: #f4f4f4; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset 0.26s cubic-bezier(0.22, 1, 0.36, 1);}
:where(html[data-c~=dash][data-v=dark]) label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box{background: linear-gradient(135deg, #d0d0d0, #8b8b8b); border-color: #d0d0d0; transform: scale(1.12) translateY(-1px); box-shadow: 0 4px 14px rgba(159,159,159,0.55);}
:where(html[data-c~=dash][data-v=light]) label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box{background: linear-gradient(135deg, #2d2d2d, #707070); border-color: #2d2d2d; transform: scale(1.12) translateY(-1px); box-shadow: 0 4px 14px rgba(92,92,92,0.55);}
:where(html[data-c~=dash]) label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box svg{stroke-dashoffset: 0;}
:where(html[data-c~=dash][data-v=dark]) .ltn-confirm-text{display: inline !important; font-size: 13px !important; line-height: 1.45 !important; color: #e1e1e1 !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-confirm-text{display: inline !important; font-size: 13px !important; line-height: 1.45 !important; color: #1d1d1d !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-confirm-text b{display: inline !important; color: #d0d0d0 !important; font-weight: 850 !important; margin-left: 2px;}
:where(html[data-c~=dash][data-v=light]) .ltn-confirm-text b{display: inline !important; color: #2d2d2d !important; font-weight: 850 !important; margin-left: 2px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prizes-banner{margin: 0 0 18px; padding: 20px 22px; border-radius: 20px; border: 1.5px solid rgba(208,208,208,0.42); background: radial-gradient(80% 120% at 10% 0%, rgba(208,208,208,0.2), transparent 60%), radial-gradient(80% 120% at 95% 100%, rgba(116,116,116,0.18), transparent 60%), linear-gradient(165deg, #151515 0%, #0c0c0c 100%); box-shadow: 0 18px 44px rgba(0,0,0,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prizes-banner{margin: 0 0 18px; padding: 20px 22px; border-radius: 20px; border: 1.5px solid rgba(45,45,45,0.42); background: radial-gradient(80% 120% at 10% 0%, rgba(45,45,45,0.2), transparent 60%), radial-gradient(80% 120% at 95% 100%, rgba(135,135,135,0.18), transparent 60%), linear-gradient(165deg, #eaeaea 0%, #f5f5f5 100%); box-shadow: 0 18px 44px rgba(255,255,255,0.45);}
:where(html[data-c~=dash]) .ltn-lb-prizes-head{margin-bottom: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-kicker{display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(208,208,208,0.16); border: 1px solid rgba(208,208,208,0.4); color: #d0d0d0; font-size: 10.5px; font-weight: 850; letter-spacing: 0.06em; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-kicker{display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(45,45,45,0.16); border: 1px solid rgba(45,45,45,0.4); color: #2d2d2d; font-size: 10.5px; font-weight: 850; letter-spacing: 0.06em; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prizes-head h4{margin: 0 0 4px; font-size: 18px; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prizes-head h4{margin: 0 0 4px; font-size: 18px; color: #080808;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prizes-head p{margin: 0; font-size: 12.5px; color: #b1b1b1;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prizes-head p{margin: 0; font-size: 12.5px; color: #4b4b4b;}
:where(html[data-c~=dash]) .ltn-lb-prizes-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}
@media (max-width: 860px){
:where(html[data-c~=dash]) .ltn-lb-prizes-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card{display: flex; align-items: center; gap: 12px; padding: 14px 15px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.12); background: rgba(9,9,9,0.78);}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card{display: flex; align-items: center; gap: 12px; padding: 14px 15px; border-radius: 16px; border: 1px solid rgba(0,0,0,0.12); background: rgba(248,248,248,0.78);}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card.is-top1{border-color: rgba(197,197,197,0.6); background: linear-gradient(145deg, rgba(197,197,197,0.2), rgba(106,106,106,0.12)); box-shadow: 0 0 22px rgba(197,197,197,0.18);}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card.is-top1{border-color: rgba(56,56,56,0.6); background: linear-gradient(145deg, rgba(56,56,56,0.2), rgba(144,144,144,0.12)); box-shadow: 0 0 22px rgba(56,56,56,0.18);}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card.is-top2{border-color: rgba(230,230,230,0.45); background: linear-gradient(145deg, rgba(230,230,230,0.15), rgba(107,107,107,0.1));}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card.is-top2{border-color: rgba(24,24,24,0.45); background: linear-gradient(145deg, rgba(24,24,24,0.15), rgba(144,144,144,0.1));}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card.is-top3{border-color: rgba(156,156,156,0.5); background: linear-gradient(145deg, rgba(156,156,156,0.18), rgba(91,91,91,0.1));}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card.is-top3{border-color: rgba(95,95,95,0.5); background: linear-gradient(145deg, rgba(95,95,95,0.18), rgba(160,160,160,0.1));}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card.is-top4{border-color: rgba(56,189,248,0.45); background: linear-gradient(145deg, rgba(56,189,248,0.15), rgba(89,89,89,0.1));}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card.is-top4{border-color: rgba(6,125,177,0.45); background: linear-gradient(145deg, rgba(6,125,177,0.15), rgba(162,162,162,0.1));}
:where(html[data-c~=dash]) .ltn-lb-prize-medal{font-size: 26px; line-height: 1;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card small{display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.05em; color: #b3b3b3; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card small{display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.05em; color: #494949; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card strong{font-size: 16px; font-weight: 900; color: #e1e1e1;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card strong{font-size: 16px; font-weight: 900; color: #1d1d1d;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-prize-card strong em{font-style: normal; font-size: 11px; color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-prize-card strong em{font-style: normal; font-size: 11px; color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-podium-prize-pill{display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 4px 11px; border-radius: 999px; background: linear-gradient(120deg, rgba(208,208,208,0.25), rgba(134,134,134,0.25)); border: 1px solid rgba(208,208,208,0.55); color: #e2e2e2; font-size: 11.5px; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .ltn-podium-prize-pill{display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 4px 11px; border-radius: 999px; background: linear-gradient(120deg, rgba(45,45,45,0.25), rgba(117,117,117,0.25)); border: 1px solid rgba(45,45,45,0.55); color: #1b1b1b; font-size: 11.5px; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .ltn-row-prize-tag{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(56,189,248,0.16); border: 1px solid rgba(56,189,248,0.42); color: #7dd3fc; font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .ltn-row-prize-tag{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(6,125,177,0.16); border: 1px solid rgba(6,125,177,0.42); color: #047bb3; font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash]) .gift-layout.is-upgraded-gift{display: grid; grid-template-columns: 1.05fr 1fr; gap: 18px; margin-bottom: 18px;}
@media (max-width: 920px){
:where(html[data-c~=dash]) .gift-layout.is-upgraded-gift{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rules-card{padding: 22px !important; border: 1.5px solid rgba(199,199,199,0.34) !important; background: radial-gradient(85% 90% at 100% 0%, rgba(175,175,175,0.14), transparent 65%), linear-gradient(168deg, #141414 0%, #0b0b0b 100%) !important; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rules-card{padding: 22px !important; border: 1.5px solid rgba(54,54,54,0.34) !important; background: radial-gradient(85% 90% at 100% 0%, rgba(77,77,77,0.14), transparent 65%), linear-gradient(168deg, #ececec 0%, #f6f6f6 100%) !important; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rules-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rules-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rules-svg{width: 44px; height: 44px; border-radius: 12px; background: rgba(208,208,208,0.12); border: 1px solid rgba(208,208,208,0.35); display: grid; place-items: center;}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rules-svg{width: 44px; height: 44px; border-radius: 12px; background: rgba(45,45,45,0.12); border: 1px solid rgba(45,45,45,0.35); display: grid; place-items: center;}
:where(html[data-c~=dash]) .ltn-gift-rules-svg svg{width: 28px; height: 28px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rules-kicker{display: block; font-size: 10px; font-weight: 850; letter-spacing: 0.08em; color: #d0d0d0; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rules-kicker{display: block; font-size: 10px; font-weight: 850; letter-spacing: 0.08em; color: #2d2d2d; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rules-head h3{margin: 0; font-size: 16.5px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rules-head h3{margin: 0; font-size: 16.5px; color: #0a0a0a;}
:where(html[data-c~=dash]) .ltn-gift-rules-list{display: grid; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rule-item{display: flex; align-items: flex-start; gap: 11px; padding: 10px 12px; border-radius: 13px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rule-item{display: flex; align-items: flex-start; gap: 11px; padding: 10px 12px; border-radius: 13px; background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.07);}
:where(html[data-c~=dash][data-v=dark]) .ltn-grule-badge{flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 11.5px; font-weight: 900; color: #d0d0d0; background: rgba(208,208,208,0.16); border: 1px solid rgba(208,208,208,0.38);}
:where(html[data-c~=dash][data-v=light]) .ltn-grule-badge{flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 11.5px; font-weight: 900; color: #2d2d2d; background: rgba(45,45,45,0.16); border: 1px solid rgba(45,45,45,0.38);}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rule-item strong{display: block; font-size: 13px; color: #f3f3f3; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rule-item strong{display: block; font-size: 13px; color: #0c0c0c; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-rule-item p{margin: 0; font-size: 11.8px; color: #a9a9a9; line-height: 1.45;}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-rule-item p{margin: 0; font-size: 11.8px; color: #535353; line-height: 1.45;}
:where(html[data-c~=dash]) .ltn-gift-history-panel{padding: 20px 22px !important;}
:where(html[data-c~=dash]) .ltn-gift-history-table-wrap{overflow-x: auto;}
:where(html[data-c~=dash][data-v=dark]) .ltn-gift-code-pill{display: inline-block; padding: 3px 9px; border-radius: 7px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-weight: 800; color: #d0d0d0; background: rgba(208,208,208,0.13); border: 1px solid rgba(208,208,208,0.3);}
:where(html[data-c~=dash][data-v=light]) .ltn-gift-code-pill{display: inline-block; padding: 3px 9px; border-radius: 7px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-weight: 800; color: #2d2d2d; background: rgba(45,45,45,0.13); border: 1px solid rgba(45,45,45,0.3);}
:where(html[data-c~=dash]) .ltn-ref-header, :where(html[data-c~=dash]) .ltn-promo-header{margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-header h2, :where(html[data-c~=dash][data-v=dark]) .ltn-promo-header h2{margin: 4px 0 6px; font-size: 28px; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-header h2, :where(html[data-c~=dash][data-v=light]) .ltn-promo-header h2{margin: 4px 0 6px; font-size: 28px; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-header p, :where(html[data-c~=dash][data-v=dark]) .ltn-promo-header p{margin: 0; font-size: 13.5px; color: #acacac;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-header p, :where(html[data-c~=dash][data-v=light]) .ltn-promo-header p{margin: 0; font-size: 13.5px; color: #505050;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-rate-highlight{color: #b5b5b5; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-rate-highlight{color: #474747; font-weight: 900;}
:where(html[data-c~=dash]) .ltn-ref-stats-grid, :where(html[data-c~=dash]) .ltn-promo-perks-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px;}
@media (max-width: 860px){
:where(html[data-c~=dash]) .ltn-ref-stats-grid, :where(html[data-c~=dash]) .ltn-promo-perks-grid{grid-template-columns: 1fr;}
}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-card{padding: 18px 20px !important; border-radius: 16px !important; border: 1px solid rgba(192,192,192,0.22) !important; background: linear-gradient(165deg, #131313, #0c0c0c) !important; display: flex; flex-direction: column; gap: 8px;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-card{padding: 18px 20px !important; border-radius: 16px !important; border: 1px solid rgba(60,60,60,0.22) !important; background: linear-gradient(165deg, #ececec, #f4f4f4) !important; display: flex; flex-direction: column; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-top{display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; color: #8f8f8f;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-top{display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; color: #6c6c6c;}
:where(html[data-c~=dash]) .ltn-ref-svg-badge svg{width: 22px; height: 22px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-card strong{font-size: 25px; font-weight: 900; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-card strong{font-size: 25px; font-weight: 900; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-card strong.is-gold-code{color: #a5a5a5; letter-spacing: 0.04em;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-card strong.is-gold-code{color: #575757; letter-spacing: 0.04em;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-card strong.is-green-money{color: #34d399;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-card strong.is-green-money{color: #21976c;}
:where(html[data-c~=dash]) .ltn-ref-link-panel{padding: 20px 22px !important; margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-link-head h3{margin: 0 0 4px; font-size: 16px; color: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-link-head h3{margin: 0 0 4px; font-size: 16px; color: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-link-head p{margin: 0 0 14px; font-size: 12.5px; color: #9d9d9d;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-link-head p{margin: 0 0 14px; font-size: 12.5px; color: #5e5e5e;}
:where(html[data-c~=dash]) .ltn-ref-copy-row{display: flex; gap: 10px; align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-copy-row input{flex: 1; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(6,6,6,0.75); color: #e6e6e6; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-copy-row input{flex: 1; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(252,252,252,0.75); color: #171717; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px;}
:where(html[data-c~=dash]) .ltn-ref-copy-btn{display: inline-flex; align-items: center; gap: 7px; padding: 12px 20px !important; white-space: nowrap;}
:where(html[data-c~=dash]) .ltn-ref-members-panel{padding: 0 !important; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-perk-card{display: flex; align-items: center; gap: 14px; padding: 18px 20px !important; border-radius: 18px !important; border: 1px solid rgba(190,190,190,0.25) !important; background: linear-gradient(160deg, rgba(19,19,19,0.95), rgba(11,11,11,0.98)) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-perk-card{display: flex; align-items: center; gap: 14px; padding: 18px 20px !important; border-radius: 18px !important; border: 1px solid rgba(62,62,62,0.25) !important; background: linear-gradient(160deg, rgba(236,236,236,0.95), rgba(246,246,246,0.98)) !important;}
:where(html[data-c~=dash]) .ltn-promo-perk-svg{flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-perk-svg svg{width: 44px; height: 44px; animation: ltnCheckDraw-d99d29 3s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-perk-svg svg{width: 44px; height: 44px; animation: ltnCheckDraw-f472fa 3s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-perk-card strong{display: block; font-size: 15.5px; color: #f5f5f5; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-perk-card strong{display: block; font-size: 15.5px; color: #090909; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-perk-card small{font-size: 12px; color: #a3a3a3;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-perk-card small{font-size: 12px; color: #595959;}
:where(html[data-c~=dash]) .ltn-promo-form-panel{padding: 24px !important; margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-form-head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-form-head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-form-head h3{margin: 0 0 4px; font-size: 18px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-form-head h3{margin: 0 0 4px; font-size: 18px; color: #0a0a0a;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-form-head p{margin: 0; font-size: 12.5px; color: #a9a9a9;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-form-head p{margin: 0; font-size: 12.5px; color: #535353;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-badge{padding: 6px 12px; border-radius: 999px; background: rgba(255,90,95,0.16); border: 1px solid rgba(255,90,95,0.4); color: #ababab; font-size: 11.5px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-badge{padding: 6px 12px; border-radius: 999px; background: rgba(184,0,6,0.16); border: 1px solid rgba(184,0,6,0.4); color: #515151; font-size: 11.5px; font-weight: 800;}
:where(html[data-c~=dash]) .ltn-promote-form{display: grid; gap: 15px;}
:where(html[data-c~=dash]) .ltn-promo-field{display: grid; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-field label{font-size: 12.5px; font-weight: 750; color: #d7d7d7;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-field label{font-size: 12.5px; font-weight: 750; color: #262626;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-field input, :where(html[data-c~=dash][data-v=dark]) .ltn-promo-field textarea{width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(8,8,8,0.85); color: #f6f6f6; font: inherit; font-size: 13.5px;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-field input, :where(html[data-c~=dash][data-v=light]) .ltn-promo-field textarea{width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(250,250,250,0.85); color: #090909; font: inherit; font-size: 13.5px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-field input:focus, :where(html[data-c~=dash][data-v=dark]) .ltn-promo-field textarea:focus{outline: none; border-color: rgba(182,182,182,0.65); box-shadow: 0 0 0 3px rgba(182,182,182,0.15);}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-field input:focus, :where(html[data-c~=dash][data-v=light]) .ltn-promo-field textarea:focus{outline: none; border-color: rgba(70,70,70,0.65); box-shadow: 0 0 0 3px rgba(70,70,70,0.15);}
:where(html[data-c~=dash][data-v=dark]) .ltn-promo-hint{font-size: 11.5px; color: #868686;}
:where(html[data-c~=dash][data-v=light]) .ltn-promo-hint{font-size: 11.5px; color: #757575;}
:where(html[data-c~=dash]) .ltn-promo-submit-row{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 6px;}
:where(html[data-c~=dash]) .ltn-promo-submit-btn{margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px !important;}
:where(html[data-c~=dash][data-v=dark]) #withdrawal-list .row-item.is-status-pending{border-left: 4px solid #a0a0a0 !important; background: linear-gradient(90deg, rgba(160,160,160,0.12), rgba(255,255,255,0.02)) !important;}
:where(html[data-c~=dash][data-v=light]) #withdrawal-list .row-item.is-status-pending{border-left: 4px solid #5b5b5b !important; background: linear-gradient(90deg, rgba(91,91,91,0.12), rgba(0,0,0,0.02)) !important;}
:where(html[data-c~=dash][data-v=dark]) #withdrawal-list .row-item.is-status-paid{border-left: 4px solid #10b981 !important; background: linear-gradient(90deg, rgba(16,185,129,0.12), rgba(255,255,255,0.02)) !important;}
:where(html[data-c~=dash][data-v=light]) #withdrawal-list .row-item.is-status-paid{border-left: 4px solid #10b981 !important; background: linear-gradient(90deg, rgba(16,185,129,0.12), rgba(0,0,0,0.02)) !important;}
:where(html[data-c~=dash][data-v=dark]) #withdrawal-list .row-item.is-status-cancelled{border-left: 4px solid #616161 !important; background: linear-gradient(90deg, rgba(97,97,97,0.12), rgba(255,255,255,0.02)) !important;}
:where(html[data-c~=dash][data-v=light]) #withdrawal-list .row-item.is-status-cancelled{border-left: 4px solid #9a9a9a !important; background: linear-gradient(90deg, rgba(154,154,154,0.12), rgba(0,0,0,0.02)) !important;}
:where(html[data-c~=dash]) .ltn-wstatus-pill{display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 850; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=dark]) .ltn-wstatus-pill.is-pending{color: #e2e2e2; background: rgba(160,160,160,0.22); border: 1px solid rgba(188,188,188,0.55); box-shadow: 0 0 12px rgba(160,160,160,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-wstatus-pill.is-pending{color: #1b1b1b; background: rgba(91,91,91,0.22); border: 1px solid rgba(64,64,64,0.55); box-shadow: 0 0 12px rgba(91,91,91,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-wstatus-pill.is-paid{color: #dedede; background: rgba(16,185,129,0.22); border: 1px solid rgba(52,211,153,0.55); box-shadow: 0 0 12px rgba(16,185,129,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-wstatus-pill.is-paid{color: #1f1f1f; background: rgba(16,185,129,0.22); border: 1px solid rgba(33,151,108,0.55); box-shadow: 0 0 12px rgba(16,185,129,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-wstatus-pill.is-cancelled{color: #d5d5d5; background: rgba(97,97,97,0.22); border: 1px solid rgba(251,113,133,0.55); box-shadow: 0 0 12px rgba(97,97,97,0.22);}
:where(html[data-c~=dash][data-v=light]) .ltn-wstatus-pill.is-cancelled{color: #282828; background: rgba(154,154,154,0.22); border: 1px solid rgba(179,5,30,0.55); box-shadow: 0 0 12px rgba(154,154,154,0.22);}
:where(html[data-c~=dash]) .ltn-task-quick-strip{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 14px 0 16px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-quick-pill{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: linear-gradient(135deg, rgba(21,21,21,0.85), rgba(29,29,29,0.85)); border: 1px solid rgba(177,177,177,0.25); border-radius: 12px; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 4px 14px rgba(0,0,0,0.2);}
:where(html[data-c~=dash][data-v=light]) .ltn-task-quick-pill{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: linear-gradient(135deg, rgba(235,235,235,0.85), rgba(225,225,225,0.85)); border: 1px solid rgba(75,75,75,0.25); border-radius: 12px; color: #000000; text-decoration: none; font-size: 13px; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 4px 14px rgba(255,255,255,0.2);}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-quick-pill:hover{border-color: #828282; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(130,130,130,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-task-quick-pill:hover{border-color: #797979; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(121,121,121,0.25);}
:where(html[data-c~=dash]) .ltn-task-quick-pill .ltn-quick-label{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-quick-pill .ltn-quick-badge{font-size: 11px; padding: 3px 8px; border-radius: 999px; background: rgba(130,130,130,0.2); border: 1px solid rgba(130,130,130,0.4); color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .ltn-task-quick-pill .ltn-quick-badge{font-size: 11px; padding: 3px 8px; border-radius: 999px; background: rgba(121,121,121,0.2); border: 1px solid rgba(121,121,121,0.4); color: #5f5f5f;}
:where(html[data-c~=dash]) .ltn-dedicated-panel-wrap{display: grid; gap: 16px; margin-top: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-boost-pill{display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 4px !important; padding: 2px 8px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(106,106,106,0.22), rgba(107,107,107,0.22)) !important; border: 1px solid rgba(140,140,140,0.45) !important; color: #8c8c8c !important; font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; box-shadow: 0 0 10px rgba(106,106,106,0.25) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-task-boost-pill{display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 4px !important; padding: 2px 8px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(145,145,145,0.22), rgba(143,143,143,0.22)) !important; border: 1px solid rgba(111,111,111,0.45) !important; color: #6f6f6f !important; font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; box-shadow: 0 0 10px rgba(145,145,145,0.25) !important;}
:where(html[data-c~=dash]) .ltn-boost-mini-gif{width: 14px !important; height: 14px !important; object-fit: contain !important; vertical-align: middle !important;}
:where(html[data-c~=dash]) #support-panel .support-messages{display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 14px 16px !important; overflow-y: auto !important; min-height: 380px !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-bubble{max-width: 78% !important; width: fit-content !important; padding: 10px 14px !important; border-radius: 14px !important; line-height: 1.5 !important; font-size: 12.5px !important; box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important; word-break: break-word !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-bubble{max-width: 78% !important; width: fit-content !important; padding: 10px 14px !important; border-radius: 14px !important; line-height: 1.5 !important; font-size: 12.5px !important; box-shadow: 0 4px 14px rgba(255,255,255,0.25) !important; word-break: break-word !important;}
:where(html[data-c~=dash]) #support-panel .support-bubble p{margin: 3px 0 !important;}
:where(html[data-c~=dash]) .support-bubble-author{font-size: 10.5px !important; font-weight: 750 !important; letter-spacing: 0.02em !important; margin-bottom: 3px !important; opacity: 0.85 !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-member{align-self: flex-end !important; background: linear-gradient(135deg, #6a6a6a, #515151) !important; color: #ffffff !important; border-bottom-right-radius: 3px !important; border: 1px solid rgba(255,255,255,0.18) !important; text-align: right !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-member{align-self: flex-end !important; background: linear-gradient(135deg, #909090, #aaaaaa) !important; color: #000000 !important; border-bottom-right-radius: 3px !important; border: 1px solid rgba(0,0,0,0.18) !important; text-align: right !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-member .support-bubble-author{color: #d9d9d9 !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-member .support-bubble-author{color: #242424 !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-member time{color: rgba(255,255,255,0.7) !important; display: block !important; font-size: 9px !important; margin-top: 4px !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-member time{color: rgba(0,0,0,0.7) !important; display: block !important; font-size: 9px !important; margin-top: 4px !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-admin{align-self: flex-start !important; background: linear-gradient(135deg, #181818, #111111) !important; color: #e6e6e6 !important; border-bottom-left-radius: 3px !important; border: 1px solid rgba(99,102,241,0.45) !important; text-align: left !important; box-shadow: 0 4px 16px rgba(99,102,241,0.15) !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-admin{align-self: flex-start !important; background: linear-gradient(135deg, #e7e7e7, #efefef) !important; color: #181818 !important; border-bottom-left-radius: 3px !important; border: 1px solid rgba(15,18,168,0.45) !important; text-align: left !important; box-shadow: 0 4px 16px rgba(15,18,168,0.15) !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-admin .support-bubble-author{color: #818cf8 !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-admin .support-bubble-author{color: #0a19ae !important;}
:where(html[data-c~=dash][data-v=dark]) #support-panel .support-admin time{color: #9c9c9c !important; display: block !important; font-size: 9px !important; margin-top: 4px !important;}
:where(html[data-c~=dash][data-v=light]) #support-panel .support-admin time{color: #606060 !important; display: block !important; font-size: 9px !important; margin-top: 4px !important;}
:where(html[data-c~=dash]) .overview-shortcuts{display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 12px !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-wrap{margin: 12px 0 16px; padding: 12px 14px; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-wrap{margin: 12px 0 16px; padding: 12px 14px; background: rgba(255,255,255,0.25); border: 1px solid rgba(0,0,0,0.08); border-radius: 12px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-head{display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 700; color: #f4f4f4; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-head{display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 700; color: #0b0b0b; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-head strong{color: #38ef7d; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-head strong{color: #0eaa49; font-size: 13px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-track{height: 10px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; position: relative;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-track{height: 10px; background: rgba(0,0,0,0.08); border-radius: 999px; overflow: hidden; position: relative;}
:where(html[data-c~=dash]) .ltn-quest-progressbar-fill{height: 100%; border-radius: 999px; transition: width 0.4s ease-out;}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-fill.is-green{background: linear-gradient(90deg, #10b981, #34d399); box-shadow: 0 0 12px rgba(52,211,153,0.6);}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-fill.is-green{background: linear-gradient(90deg, #10b981, #21976c); box-shadow: 0 0 12px rgba(33,151,108,0.6);}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-fill.is-fire{background: linear-gradient(90deg, #828282, #ef4444, #6a6a6a); box-shadow: 0 0 12px rgba(130,130,130,0.6);}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-fill.is-fire{background: linear-gradient(90deg, #797979, #a90e0e, #919191); box-shadow: 0 0 12px rgba(121,121,121,0.6);}
:where(html[data-c~=dash][data-v=dark]) .ltn-quest-progressbar-sub{margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #cfcfcf;}
:where(html[data-c~=dash][data-v=light]) .ltn-quest-progressbar-sub{margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2e2e2e;}
:where(html[data-c~=dash]) .ltn-task-tabs-row{display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-tab{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); background: #111111; color: #d1d1d1; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-task-tab{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); background: #efefef; color: #2c2c2c; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-tab:hover{border-color: rgba(130,130,130,0.5); color: #ffffff; transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=light]) .ltn-task-tab:hover{border-color: rgba(121,121,121,0.5); color: #000000; transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .ltn-task-tab.is-active{background: linear-gradient(135deg, rgba(130,130,130,0.25), rgba(106,106,106,0.15)); border-color: #828282; color: #eeeeee; box-shadow: 0 0 12px rgba(130,130,130,0.2);}
:where(html[data-c~=dash][data-v=light]) .ltn-task-tab.is-active{background: linear-gradient(135deg, rgba(121,121,121,0.25), rgba(144,144,144,0.15)); border-color: #797979; color: #101010; box-shadow: 0 0 12px rgba(121,121,121,0.2);}
:where(html[data-c~=dash][data-v=dark]) .ltn-tab-count{font-size: 11px; padding: 2px 7px; border-radius: 999px; background: rgba(255,255,255,0.1); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .ltn-tab-count{font-size: 11px; padding: 2px 7px; border-radius: 999px; background: rgba(0,0,0,0.1); color: #000000;}
:where(html[data-c~=dash]) .task-title-row{display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .task-nitro-chip{display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 2px 7px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(106,106,106,0.25), rgba(107,107,107,0.25)) !important; border: 1px solid rgba(140,140,140,0.5) !important; color: #8c8c8c !important; font-size: 10.5px !important; font-weight: 750 !important; white-space: nowrap !important; box-shadow: 0 0 8px rgba(106,106,106,0.3) !important;}
:where(html[data-c~=dash][data-v=light]) .task-nitro-chip{display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 2px 7px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(145,145,145,0.25), rgba(143,143,143,0.25)) !important; border: 1px solid rgba(111,111,111,0.5) !important; color: #6f6f6f !important; font-size: 10.5px !important; font-weight: 750 !important; white-space: nowrap !important; box-shadow: 0 0 8px rgba(145,145,145,0.3) !important;}
:where(html[data-c~=dash]) .task-nitro-gif{width: 13px !important; height: 13px !important; object-fit: contain !important; vertical-align: middle !important;}
:where(html[data-c~=dash][data-v=dark]) .task-reward-boost-sub{display: block !important; font-size: 10px !important; color: #8c8c8c !important; font-style: normal !important; font-weight: 700 !important; margin-top: 2px !important; white-space: nowrap !important;}
:where(html[data-c~=dash][data-v=light]) .task-reward-boost-sub{display: block !important; font-size: 10px !important; color: #6f6f6f !important; font-style: normal !important; font-weight: 700 !important; margin-top: 2px !important; white-space: nowrap !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-offerwall-topbar{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .ltn-offerwall-topbar{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash]) .ltn-offerwall-user-badge{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-subid-pill{padding: 5px 12px; background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.4); color: #bababa; border-radius: 8px; font-size: 12px; font-family: monospace;}
:where(html[data-c~=dash][data-v=light]) .ltn-subid-pill{padding: 5px 12px; background: rgba(8,72,176,0.15); border: 1px solid rgba(8,72,176,0.4); color: #424242; border-radius: 8px; font-size: 12px; font-family: monospace;}
:where(html[data-c~=dash][data-v=dark]) .ltn-live-pill{display: flex; align-items: center; gap: 6px; padding: 5px 12px; background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.4); color: #6ee7b7; border-radius: 8px; font-size: 12px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .ltn-live-pill{display: flex; align-items: center; gap: 6px; padding: 5px 12px; background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.4); color: #1a9e69; border-radius: 8px; font-size: 12px; font-weight: 700;}
:where(html[data-c~=dash]) .ltn-live-dot{width: 7px; height: 7px; border-radius: 50%; background: #10b981; display: inline-block; box-shadow: 0 0 8px #10b981; animation: ltnNitroPulse 1.8s ease-in-out infinite;}
:where(html[data-c~=dash]) .ltn-offerwall-tabs-container{overflow-x: auto; margin-bottom: 16px; padding-bottom: 4px;}
:where(html[data-c~=dash]) .ltn-offerwall-tabs{display: flex; gap: 8px; min-width: max-content;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-tab{padding: 8px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); background: #111111; color: #d1d1d1; font-size: 12px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-tab{padding: 8px 16px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); background: #efefef; color: #2c2c2c; font-size: 12px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-tab:hover{border-color: #6a6a6a; color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-tab:hover{border-color: #919191; color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-tab.is-active{background: linear-gradient(135deg, #4e4e4e, #4f46e5); border-color: #939393; color: #ffffff; box-shadow: 0 0 14px rgba(78,78,78,0.35);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-tab.is-active{background: linear-gradient(135deg, #adadad, #1e17a1); border-color: #686868; color: #000000; box-shadow: 0 0 14px rgba(173,173,173,0.35);}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-tab.is-special{background: rgba(106,106,106,0.12); border-color: rgba(106,106,106,0.35); color: #b9b9b9;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-tab.is-special{background: rgba(145,145,145,0.12); border-color: rgba(145,145,145,0.35); color: #434343;}
:where(html[data-c~=dash]) .ltn-offerwall-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-card{background: linear-gradient(145deg, #121212, #0e0e0e); border: 1px solid rgba(106,106,106,0.25); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; box-shadow: 0 4px 14px rgba(0,0,0,0.25);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-card{background: linear-gradient(145deg, #ededed, #f3f3f3); border: 1px solid rgba(145,145,145,0.25); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; box-shadow: 0 4px 14px rgba(255,255,255,0.25);}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-card:hover{transform: translateY(-2px); border-color: rgba(147,147,147,0.6); box-shadow: 0 8px 24px rgba(78,78,78,0.2);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-card:hover{transform: translateY(-2px); border-color: rgba(104,104,104,0.6); box-shadow: 0 8px 24px rgba(173,173,173,0.2);}
:where(html[data-c~=dash]) .ltn-ow-card-head{display: flex; gap: 12px; align-items: flex-start;}
:where(html[data-c~=dash]) .ltn-ow-icon{width: 40px; height: 40px; border-radius: 10px; background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.3); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-info h4{margin: 0 0 4px; font-size: 14px; color: #f4f4f4; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-info h4{margin: 0 0 4px; font-size: 14px; color: #0b0b0b; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-info p{margin: 0; font-size: 11px; color: #9c9c9c; line-height: 1.4;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-info p{margin: 0; font-size: 11px; color: #606060; line-height: 1.4;}
:where(html[data-c~=dash]) .ltn-ow-tags{display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-tag{font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: rgba(255,255,255,0.06); color: #d1d1d1; border: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-tag{font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,0.06); color: #2c2c2c; border: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-tag.is-pub{background: rgba(59,130,246,0.15); color: #bababa; border-color: rgba(59,130,246,0.3);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-tag.is-pub{background: rgba(8,72,176,0.15); color: #424242; border-color: rgba(8,72,176,0.3);}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-footer{display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.06);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-footer{display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.06);}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-reward{font-size: 14.5px; font-weight: 850; color: #34d399;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-reward{font-size: 14.5px; font-weight: 850; color: #21976c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-reward small{font-size: 11px; color: #9c9c9c; font-weight: 500; margin-left: 4px;}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-reward small{font-size: 11px; color: #606060; font-weight: 500; margin-left: 4px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ow-start-btn{background: linear-gradient(135deg, #059669, #10b981); color: #ffffff; border: 0; border-radius: 8px; padding: 7px 16px; font-size: 12px; font-weight: 750; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(16,185,129,0.3);}
:where(html[data-c~=dash][data-v=light]) .ltn-ow-start-btn{background: linear-gradient(135deg, #059669, #10b981); color: #000000; border: 0; border-radius: 8px; padding: 7px 16px; font-size: 12px; font-weight: 750; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(16,185,129,0.3);}
:where(html[data-c~=dash]) .ltn-ow-start-btn:hover{filter: brightness(1.15); transform: scale(1.03);}
:where(html[data-c~=dash][data-v=dark]) .ltn-pubcrypto-frame-card{margin-top: 20px; background: #0f0f0f; border: 1px solid #4e4e4e; border-radius: 14px; padding: 14px; box-shadow: 0 8px 30px rgba(0,0,0,0.5);}
:where(html[data-c~=dash][data-v=light]) .ltn-pubcrypto-frame-card{margin-top: 20px; background: #f2f2f2; border: 1px solid #adadad; border-radius: 14px; padding: 14px; box-shadow: 0 8px 30px rgba(255,255,255,0.5);}
:where(html[data-c~=dash]) .ltn-pubcrypto-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-pubcrypto-title{display: flex; align-items: center; gap: 8px; color: #939393; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .ltn-pubcrypto-title{display: flex; align-items: center; gap: 8px; color: #686868; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-pubcrypto-close-btn{background: rgba(239,68,68,0.2); border: 1px solid rgba(239,68,68,0.4); color: #b3b3b3; padding: 5px 12px; border-radius: 6px; font-size: 11.5px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .ltn-pubcrypto-close-btn{background: rgba(169,14,14,0.2); border: 1px solid rgba(169,14,14,0.4); color: #494949; padding: 5px 12px; border-radius: 6px; font-size: 11.5px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash]) .ltn-sub-pill{display: inline-flex; align-items: center; justify-content: center; padding: 2px 7px; border-radius: 6px; font-size: 9.5px; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2;}
:where(html[data-c~=dash][data-v=dark]) .ltn-sub-pill.is-hot{background: linear-gradient(135deg, #ef4444, #828282); color: #ffffff; box-shadow: 0 0 10px rgba(239,68,68,0.5); animation: pulseSubGlow-17dac1 2.5s infinite alternate;}
:where(html[data-c~=dash][data-v=light]) .ltn-sub-pill.is-hot{background: linear-gradient(135deg, #a90e0e, #797979); color: #000000; box-shadow: 0 0 10px rgba(169,14,14,0.5); animation: pulseSubGlow-e8c3db 2.5s infinite alternate;}
:where(html[data-c~=dash][data-v=dark]) .ltn-sub-pill.is-new{background: linear-gradient(135deg, #10b981, #8c8c8c); color: #ffffff; box-shadow: 0 0 10px rgba(16,185,129,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-sub-pill.is-new{background: linear-gradient(135deg, #10b981, #6e6e6e); color: #000000; box-shadow: 0 0 10px rgba(16,185,129,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-board{margin: 16px 0 20px; padding: 18px 20px; background: linear-gradient(145deg, rgba(19,19,19,0.9), rgba(10,10,10,0.96)); border: 1px solid rgba(154,154,154,0.28); border-radius: 18px; box-shadow: 0 8px 28px rgba(0,0,0,0.45);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-board{margin: 16px 0 20px; padding: 18px 20px; background: linear-gradient(145deg, rgba(236,236,236,0.9), rgba(247,247,247,0.96)); border: 1px solid rgba(98,98,98,0.28); border-radius: 18px; box-shadow: 0 8px 28px rgba(255,255,255,0.45);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-board-head{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 16px;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-board-head{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.08); margin-bottom: 16px;}
:where(html[data-c~=dash]) .ltn-loot-board-title{display: flex; align-items: center; gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-icon{font-size: 26px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(154,154,154,0.15); border: 1px solid rgba(154,154,154,0.35); border-radius: 12px;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-icon{font-size: 26px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(98,98,98,0.15); border: 1px solid rgba(98,98,98,0.35); border-radius: 12px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-board-title h3{margin: 0; font-size: 15px; font-weight: 800; color: #efefef; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-board-title h3{margin: 0; font-size: 15px; font-weight: 800; color: #0f0f0f; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-board-title p{margin: 3px 0 0; font-size: 12.5px; color: #9a9a9a;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-board-title p{margin: 3px 0 0; font-size: 12.5px; color: #616161;}
:where(html[data-c~=dash]) .ltn-loot-board-actions{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .ltn-loot-btn{padding: 8px 15px; border-radius: 10px; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; transition: all 180ms ease; border: 1px solid transparent;}

:where(html[data-c~=dash][data-v=dark]) .ltn-loot-btn.is-bag{background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); color: #e6e6e6;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-btn.is-bag{background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.15); color: #181818;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-btn.is-bag:hover{background: rgba(255,255,255,0.12);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-btn.is-bag:hover{background: rgba(0,0,0,0.12);}
:where(html[data-c~=dash]) .ltn-loot-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card{padding: 13px 14px; border-radius: 14px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); display: flex; flex-direction: column; gap: 6px; transition: transform 180ms ease, box-shadow 180ms ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card{padding: 13px 14px; border-radius: 14px; background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.08); display: flex; flex-direction: column; gap: 6px; transition: transform 180ms ease, box-shadow 180ms ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card:hover{transform: translateY(-2px); background: rgba(255,255,255,0.06);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card:hover{transform: translateY(-2px); background: rgba(0,0,0,0.06);}
:where(html[data-c~=dash]) .ltn-loot-card-top{display: flex; justify-content: space-between; align-items: center;}
:where(html[data-c~=dash]) .ltn-loot-emoji{font-size: 22px;}
:where(html[data-c~=dash]) .ltn-loot-rarity{font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 7px; border-radius: 5px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-name{font-size: 12.5px; font-weight: 700; color: #f4f4f4; line-height: 1.35;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-name{font-size: 12.5px; font-weight: 700; color: #0b0b0b; line-height: 1.35;}
:where(html[data-c~=dash]) .ltn-loot-stats{display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; margin-top: 2px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-exp{color: #38bdf8; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-exp{color: #067db1; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-pct{font-weight: 800; color: #bcbcbc;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-pct{font-weight: 800; color: #404040;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-bar{height: 5px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; margin-top: 2px;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-bar{height: 5px; background: rgba(0,0,0,0.08); border-radius: 3px; overflow: hidden; margin-top: 2px;}
:where(html[data-c~=dash]) .ltn-loot-bar-fill{height: 100%; border-radius: 3px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-common{border-color: rgba(156,156,156,0.22);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-common{border-color: rgba(96,96,96,0.22);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-common .ltn-loot-rarity{background: rgba(156,156,156,0.15); color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-common .ltn-loot-rarity{background: rgba(96,96,96,0.15); color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-common .ltn-loot-bar-fill{background: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-common .ltn-loot-bar-fill{background: #606060;}
:where(html[data-c~=dash]) .ltn-loot-card.is-uncommon{border-color: rgba(34,197,94,0.28);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-uncommon .ltn-loot-rarity{background: rgba(34,197,94,0.15); color: #4ade80;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-uncommon .ltn-loot-rarity{background: rgba(34,197,94,0.15); color: #1c9b4b;}
:where(html[data-c~=dash]) .ltn-loot-card.is-uncommon .ltn-loot-bar-fill{background: #22c55e;}
:where(html[data-c~=dash]) .ltn-loot-card.is-rare{border-color: rgba(14,165,233,0.38); box-shadow: inset 0 0 16px rgba(14,165,233,0.06);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-rare .ltn-loot-rarity{background: rgba(14,165,233,0.2); color: #38bdf8;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-rare .ltn-loot-rarity{background: rgba(14,165,233,0.2); color: #067db1;}
:where(html[data-c~=dash]) .ltn-loot-card.is-rare .ltn-loot-bar-fill{background: #0ea5e9;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-epic{border-color: rgba(107,107,107,0.38); box-shadow: inset 0 0 16px rgba(107,107,107,0.08);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-epic{border-color: rgba(143,143,143,0.38); box-shadow: inset 0 0 16px rgba(143,143,143,0.08);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-epic .ltn-loot-rarity{background: rgba(107,107,107,0.2); color: #939393;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-epic .ltn-loot-rarity{background: rgba(143,143,143,0.2); color: #686868;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-epic .ltn-loot-bar-fill{background: #6b6b6b;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-epic .ltn-loot-bar-fill{background: #8f8f8f;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-legend{border-color: rgba(173,173,173,0.45); box-shadow: inset 0 0 20px rgba(173,173,173,0.14);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-legend{border-color: rgba(78,78,78,0.45); box-shadow: inset 0 0 20px rgba(78,78,78,0.14);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-legend .ltn-loot-rarity{background: rgba(173,173,173,0.2); color: #c5c5c5;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-legend .ltn-loot-rarity{background: rgba(78,78,78,0.2); color: #383838;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-legend .ltn-loot-bar-fill{background: linear-gradient(90deg, #adadad, #a0a0a0);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-legend .ltn-loot-bar-fill{background: linear-gradient(90deg, #4e4e4e, #5b5b5b);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-secret{border-color: rgba(97,97,97,0.55); box-shadow: 0 0 14px rgba(97,97,97,0.25), inset 0 0 16px rgba(97,97,97,0.15);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-secret{border-color: rgba(154,154,154,0.55); box-shadow: 0 0 14px rgba(154,154,154,0.25), inset 0 0 16px rgba(154,154,154,0.15);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-secret .ltn-loot-rarity{background: linear-gradient(135deg, #616161, #fb7185); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-secret .ltn-loot-rarity{background: linear-gradient(135deg, #9a9a9a, #b3051e); color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-secret .ltn-loot-bar-fill{background: linear-gradient(90deg, #616161, #6b6b6b, #38bdf8);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-secret .ltn-loot-bar-fill{background: linear-gradient(90deg, #9a9a9a, #8f8f8f, #067db1);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-empty{border-color: rgba(107,107,107,0.18); opacity: 0.7;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-empty{border-color: rgba(144,144,144,0.18); opacity: 0.7;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-empty .ltn-loot-rarity{background: rgba(107,107,107,0.15); color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-empty .ltn-loot-rarity{background: rgba(144,144,144,0.15); color: #606060;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-card.is-empty .ltn-loot-bar-fill{background: #6b6b6b;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-card.is-empty .ltn-loot-bar-fill{background: #909090;}
:where(html[data-c~=dash][data-v=dark]) .ltn-click-burst{position: fixed; pointer-events: none; z-index: 99999; font-weight: 900; font-size: 16px; color: #c5c5c5; text-shadow: 0 0 10px rgba(173,173,173,0.8), 0 2px 4px rgba(0,0,0,0.9); user-select: none; animation: ltnClickFloat-7e0ae6 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
:where(html[data-c~=dash][data-v=light]) .ltn-click-burst{position: fixed; pointer-events: none; z-index: 99999; font-weight: 900; font-size: 16px; color: #383838; text-shadow: 0 0 10px rgba(78,78,78,0.8), 0 2px 4px rgba(255,255,255,0.9); user-select: none; animation: ltnClickFloat-7e0ae6 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-backdrop{position: fixed; inset: 0; background: rgba(0,0,0,0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 18px; opacity: 0; pointer-events: none; transition: opacity 240ms ease;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-backdrop{position: fixed; inset: 0; background: rgba(255,255,255,0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 18px; opacity: 0; pointer-events: none; transition: opacity 240ms ease;}
:where(html[data-c~=dash]) .sys-announce-backdrop.is-open{opacity: 1; pointer-events: auto;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-card{width: 100%; max-width: 440px; background: linear-gradient(165deg, #111111 0%, #090909 100%); border: 1px solid rgba(97,97,97,0.35); border-radius: 24px; box-shadow: 0 24px 60px rgba(0,0,0,0.7), 0 0 40px rgba(97,97,97,0.18); padding: 28px 24px 22px; text-align: center; position: relative; transform: scale(0.92) translateY(12px); transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);}
:where(html[data-c~=dash][data-v=light]) .sys-announce-card{width: 100%; max-width: 440px; background: linear-gradient(165deg, #efefef 0%, #f8f8f8 100%); border: 1px solid rgba(154,154,154,0.35); border-radius: 24px; box-shadow: 0 24px 60px rgba(255,255,255,0.7), 0 0 40px rgba(154,154,154,0.18); padding: 28px 24px 22px; text-align: center; position: relative; transform: scale(0.92) translateY(12px); transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);}
:where(html[data-c~=dash]) .sys-announce-backdrop.is-open .sys-announce-card{transform: scale(1) translateY(0);}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-close{position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: #9c9c9c; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 160ms ease;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-close{position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 50%; background: rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.12); color: #606060; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 160ms ease;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-close:hover{background: rgba(255,255,255,0.15); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-close:hover{background: rgba(0,0,0,0.15); color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-icon-wrap{width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 20px; background: linear-gradient(135deg, rgba(239,68,68,0.2), rgba(130,130,130,0.2)); border: 1px solid rgba(239,68,68,0.35); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 24px rgba(239,68,68,0.25); animation: pulseIconGlow-929500 2s infinite alternate;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-icon-wrap{width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 20px; background: linear-gradient(135deg, rgba(169,14,14,0.2), rgba(121,121,121,0.2)); border: 1px solid rgba(169,14,14,0.35); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 24px rgba(169,14,14,0.25); animation: pulseIconGlow-f6684a 2s infinite alternate;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-tag{font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #ef4444; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-tag{font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #a90e0e; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-title{margin: 0 0 10px; font-size: 20px; font-weight: 800; color: #ffffff; letter-spacing: -0.01em;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-title{margin: 0 0 10px; font-size: 20px; font-weight: 800; color: #000000; letter-spacing: -0.01em;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-msg{margin: 0 0 22px; font-size: 13.5px; color: #d1d1d1; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-msg{margin: 0 0 22px; font-size: 13.5px; color: #2c2c2c; line-height: 1.6;}
:where(html[data-c~=dash]) .sys-announce-actions{display: flex; flex-direction: column; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-btn-primary{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px; border-radius: 14px; background: linear-gradient(135deg, #ef4444, #dc2626); color: #ffffff; font-size: 14px; font-weight: 800; text-decoration: none; border: 0; cursor: pointer; transition: all 180ms ease; box-shadow: 0 6px 18px rgba(239,68,68,0.35);}
:where(html[data-c~=dash][data-v=light]) .sys-announce-btn-primary{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 13px; border-radius: 14px; background: linear-gradient(135deg, #a90e0e, #9e1919); color: #000000; font-size: 14px; font-weight: 800; text-decoration: none; border: 0; cursor: pointer; transition: all 180ms ease; box-shadow: 0 6px 18px rgba(169,14,14,0.35);}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-btn-primary:hover{background: linear-gradient(135deg, #f87171, #ef4444); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(239,68,68,0.5);}
:where(html[data-c~=dash][data-v=light]) .sys-announce-btn-primary:hover{background: linear-gradient(135deg, #af0909, #a90e0e); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(169,14,14,0.5);}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-btn-snooze{display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 11px; border-radius: 12px; background: rgba(239,68,68,0.12); border: 1px solid rgba(239,68,68,0.3); color: #b3b3b3; font-size: 13px; font-weight: 700; cursor: pointer; transition: all 160ms ease;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-btn-snooze{display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 11px; border-radius: 12px; background: rgba(169,14,14,0.12); border: 1px solid rgba(169,14,14,0.3); color: #494949; font-size: 13px; font-weight: 700; cursor: pointer; transition: all 160ms ease;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-btn-snooze:hover{background: rgba(239,68,68,0.22);}
:where(html[data-c~=dash][data-v=light]) .sys-announce-btn-snooze:hover{background: rgba(169,14,14,0.22);}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-btn-dismiss{background: transparent; border: 0; color: #9c9c9c; font-size: 12.5px; cursor: pointer; padding: 6px; margin-top: 4px; text-decoration: underline; transition: color 140ms ease;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-btn-dismiss{background: transparent; border: 0; color: #606060; font-size: 12.5px; cursor: pointer; padding: 6px; margin-top: 4px; text-decoration: underline; transition: color 140ms ease;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-btn-dismiss:hover{color: #e6e6e6;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-btn-dismiss:hover{color: #181818;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-bar-single{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; background: linear-gradient(90deg, rgba(19,19,19,0.95), rgba(13,13,13,0.95)); border: 1px solid rgba(154,154,154,0.28); border-radius: 12px; margin: 12px 0 16px; overflow-x: auto; scrollbar-width: thin; box-shadow: 0 4px 16px rgba(0,0,0,0.35);}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-bar-single{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; background: linear-gradient(90deg, rgba(237,237,237,0.95), rgba(244,244,244,0.95)); border: 1px solid rgba(98,98,98,0.28); border-radius: 12px; margin: 12px 0 16px; overflow-x: auto; scrollbar-width: thin; box-shadow: 0 4px 16px rgba(255,255,255,0.35);}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-single-lead{font-size: 12px; color: #bfbfbf; white-space: nowrap; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-single-lead{font-size: 12px; color: #3d3d3d; white-space: nowrap; flex-shrink: 0;}
:where(html[data-c~=dash]) .ltn-loot-single-items{display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; overflow-x: auto;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-mini-chip{display: inline-flex; align-items: center; gap: 3px; padding: 3px 8px; border-radius: 6px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); font-size: 11.5px; color: #e6e6e6; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-mini-chip{display: inline-flex; align-items: center; gap: 3px; padding: 3px 8px; border-radius: 6px; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.08); font-size: 11.5px; color: #181818; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-mini-chip b{color: #bcbcbc;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-mini-chip b{color: #404040;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-mini-chip.is-blue{border-color: rgba(14,165,233,0.35); background: rgba(14,165,233,0.1); color: #7dd3fc;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-mini-chip.is-blue{border-color: rgba(14,165,233,0.35); background: rgba(14,165,233,0.1); color: #047bb3;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-mini-chip.is-purple{border-color: rgba(107,107,107,0.35); background: rgba(107,107,107,0.1); color: #bdbdbd;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-mini-chip.is-purple{border-color: rgba(143,143,143,0.35); background: rgba(143,143,143,0.1); color: #3f3f3f;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-mini-chip.is-gold{border-color: rgba(173,173,173,0.4); background: rgba(173,173,173,0.12); color: #d8d8d8;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-mini-chip.is-gold{border-color: rgba(78,78,78,0.4); background: rgba(78,78,78,0.12); color: #252525;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-mini-chip.is-red{border-color: rgba(97,97,97,0.45); background: rgba(97,97,97,0.14); color: #b3b3b3; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-mini-chip.is-red{border-color: rgba(154,154,154,0.45); background: rgba(154,154,154,0.14); color: #494949; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-single-link{font-size: 11.5px; font-weight: 700; color: #828282; white-space: nowrap; text-decoration: none; padding: 3px 8px; border-radius: 6px; background: rgba(130,130,130,0.12); border: 1px solid rgba(130,130,130,0.3); transition: all 140ms ease; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-single-link{font-size: 11.5px; font-weight: 700; color: #797979; white-space: nowrap; text-decoration: none; padding: 3px 8px; border-radius: 6px; background: rgba(121,121,121,0.12); border: 1px solid rgba(121,121,121,0.3); transition: all 140ms ease; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=dark]) .ltn-loot-single-link:hover{background: rgba(130,130,130,0.22); color: #eeeeee;}
:where(html[data-c~=dash][data-v=light]) .ltn-loot-single-link:hover{background: rgba(121,121,121,0.22); color: #101010;}
:where(html[data-c~=dash]) .ltn-rule-card{padding: 16px 20px; border-radius: 14px;}
:where(html[data-c~=dash]) .ltn-rule-card ul li{position: relative;}
:where(html[data-c~=dash][data-v=dark]) .ltn-rule-card ul li strong{color: #efefef;}
:where(html[data-c~=dash][data-v=light]) .ltn-rule-card ul li strong{color: #0f0f0f;}
:where(html[data-c~=dash][data-v=dark]) .duck-withdraw-wrap{display: flex; flex-direction: column; gap: 16px; background: #101010; border: 1px solid #222222; border-radius: 14px; padding: 22px;}
:where(html[data-c~=dash][data-v=light]) .duck-withdraw-wrap{display: flex; flex-direction: column; gap: 16px; background: #f0f0f0; border: 1px solid #dcdcdc; border-radius: 14px; padding: 22px;}
:where(html[data-c~=dash][data-v=dark]) .duck-withdraw-tabs{display: flex; gap: 10px; background: #070707; padding: 6px; border-radius: 10px; border: 1px solid #222222;}
:where(html[data-c~=dash][data-v=light]) .duck-withdraw-tabs{display: flex; gap: 10px; background: #fbfbfb; padding: 6px; border-radius: 10px; border: 1px solid #dcdcdc;}
:where(html[data-c~=dash][data-v=dark]) .duck-tab-btn{flex: 1; padding: 12px 18px; font-size: 14px; font-weight: 750; border-radius: 10px; border: 1px solid rgba(255,255,255,0.08); cursor: pointer; background: #141414; color: #9c9c9c; transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);}
:where(html[data-c~=dash][data-v=light]) .duck-tab-btn{flex: 1; padding: 12px 18px; font-size: 14px; font-weight: 750; border-radius: 10px; border: 1px solid rgba(0,0,0,0.08); cursor: pointer; background: #ebebeb; color: #5f5f5f; transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);}
:where(html[data-c~=dash][data-v=dark]) .duck-tab-btn.is-active{background: linear-gradient(135deg, rgba(160,160,160,0.2) 0%, rgba(125,125,125,0.3) 100%) !important; color: #bcbcbc !important; border-color: #a0a0a0 !important; box-shadow: 0 4px 16px rgba(160,160,160,0.22) !important;}
:where(html[data-c~=dash][data-v=light]) .duck-tab-btn.is-active{background: linear-gradient(135deg, rgba(91,91,91,0.2) 0%, rgba(126,126,126,0.3) 100%) !important; color: #404040 !important; border-color: #5b5b5b !important; box-shadow: 0 4px 16px rgba(91,91,91,0.22) !important;}
:where(html[data-c~=dash]) .duck-withdraw-pane{display: flex; flex-direction: column; gap: 14px;}
:where(html[data-c~=dash]) .duck-form-group{display: flex; flex-direction: column; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .duck-form-group label{font-size: 12px; font-weight: 700; color: #e2e2e2; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=light]) .duck-form-group label{font-size: 12px; font-weight: 700; color: #1b1b1b; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=dark]) .duck-hint{font-size: 11px; color: #9c9c9c; font-weight: 400; margin-left: 4px;}
:where(html[data-c~=dash][data-v=light]) .duck-hint{font-size: 11px; color: #5f5f5f; font-weight: 400; margin-left: 4px;}
:where(html[data-c~=dash][data-v=dark]) .duck-form-group input, :where(html[data-c~=dash][data-v=dark]) .duck-form-group select{width: 100%; box-sizing: border-box; background: #141414; border: 1px solid #222222; color: #ffffff; padding: 12px 14px; border-radius: 8px; font-size: 14px; font-family: inherit; transition: border-color 0.15s ease;}
:where(html[data-c~=dash][data-v=light]) .duck-form-group input, :where(html[data-c~=dash][data-v=light]) .duck-form-group select{width: 100%; box-sizing: border-box; background: #ebebeb; border: 1px solid #dcdcdc; color: #000000; padding: 12px 14px; border-radius: 8px; font-size: 14px; font-family: inherit; transition: border-color 0.15s ease;}
:where(html[data-c~=dash][data-v=dark]) .duck-form-group input:focus, :where(html[data-c~=dash][data-v=dark]) .duck-form-group select:focus{border-color: #a0a0a0; outline: none; background: #1b1b1b;}
:where(html[data-c~=dash][data-v=light]) .duck-form-group input:focus, :where(html[data-c~=dash][data-v=light]) .duck-form-group select:focus{border-color: #5b5b5b; outline: none; background: #e3e3e3;}
:where(html[data-c~=dash]) .duck-qr-optional{padding-top: 4px;}
:where(html[data-c~=dash]) .duck-qr-optional input{padding: 8px 12px; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .duck-btn-yellow{width: 100%; padding: 14px 20px; background: linear-gradient(135deg, #bcbcbc 0%, #a0a0a0 50%, #7d7d7d 100%) !important; color: #131313 !important; font-size: 15px; font-weight: 850; border: none; border-radius: 10px; cursor: pointer; letter-spacing: 0.02em; box-shadow: 0 4px 18px rgba(160,160,160,0.32); transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); margin-top: 6px;}
:where(html[data-c~=dash][data-v=light]) .duck-btn-yellow{width: 100%; padding: 14px 20px; background: linear-gradient(135deg, #404040 0%, #5b5b5b 50%, #7e7e7e 100%) !important; color: #ededed !important; font-size: 15px; font-weight: 850; border: none; border-radius: 10px; cursor: pointer; letter-spacing: 0.02em; box-shadow: 0 4px 18px rgba(91,91,91,0.32); transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); margin-top: 6px;}
:where(html[data-c~=dash][data-v=dark]) .duck-btn-yellow:hover{filter: brightness(1.08); transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(160,160,160,0.45) !important;}
:where(html[data-c~=dash][data-v=light]) .duck-btn-yellow:hover{filter: brightness(1.08); transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(91,91,91,0.45) !important;}
:where(html[data-c~=dash]) .duck-btn-yellow:active{transform: translateY(0) !important;}
:where(html[data-c~=dash][data-v=dark]) .duck-notice-box{background: rgba(19,19,19,0.6); border: 1px solid rgba(160,160,160,0.22); border-left: 4px solid #a0a0a0; border-radius: 10px; padding: 16px 20px; margin-top: 10px;}
:where(html[data-c~=dash][data-v=light]) .duck-notice-box{background: rgba(237,237,237,0.6); border: 1px solid rgba(91,91,91,0.22); border-left: 4px solid #5b5b5b; border-radius: 10px; padding: 16px 20px; margin-top: 10px;}
:where(html[data-c~=dash][data-v=dark]) .duck-notice-box h4{color: #bcbcbc; font-size: 13px; font-weight: 800; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.03em;}
:where(html[data-c~=dash][data-v=light]) .duck-notice-box h4{color: #404040; font-size: 13px; font-weight: 800; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.03em;}
:where(html[data-c~=dash][data-v=dark]) .duck-notice-box ul{padding-left: 18px; margin: 0; color: #9c9c9c; font-size: 12.5px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .duck-notice-box ul{padding-left: 18px; margin: 0; color: #5f5f5f; font-size: 12.5px; line-height: 1.6;}
:where(html[data-c~=dash]) .duck-notice-box li{margin-bottom: 4px;}
:where(html[data-c~=dash][data-v=dark]) .tasks-type-switch{display: flex; gap: 10px; margin-bottom: 18px; background: #101010; padding: 6px; border-radius: 10px; border: 1px solid #222222;}
:where(html[data-c~=dash][data-v=light]) .tasks-type-switch{display: flex; gap: 10px; margin-bottom: 18px; background: #f0f0f0; padding: 6px; border-radius: 10px; border: 1px solid #dcdcdc;}
:where(html[data-c~=dash][data-v=dark]) .tasks-switch-btn{flex: 1; text-align: center; padding: 12px 18px; font-size: 14px; font-weight: 750; color: #9c9c9c; text-decoration: none; border-radius: 8px; background: transparent; transition: all 0.15s ease;}
:where(html[data-c~=dash][data-v=light]) .tasks-switch-btn{flex: 1; text-align: center; padding: 12px 18px; font-size: 14px; font-weight: 750; color: #5f5f5f; text-decoration: none; border-radius: 8px; background: transparent; transition: all 0.15s ease;}
:where(html[data-c~=dash][data-v=dark]) .tasks-switch-btn.is-active, :where(html[data-c~=dash][data-v=dark]) .tasks-switch-btn:hover{background: linear-gradient(135deg, #bcbcbc 0%, #a0a0a0 100%) !important; color: #131313 !important; box-shadow: 0 2px 10px rgba(160,160,160,0.35);}
:where(html[data-c~=dash][data-v=light]) .tasks-switch-btn.is-active, :where(html[data-c~=dash][data-v=light]) .tasks-switch-btn:hover{background: linear-gradient(135deg, #404040 0%, #5b5b5b 100%) !important; color: #ededed !important; box-shadow: 0 2px 10px rgba(91,91,91,0.35);}
:where(html[data-c~=dash]) .duck-click-bubble{position: absolute; pointer-events: none; z-index: 9999999; user-select: none; font-family: 'Fredoka', 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif; font-weight: 900; font-size: 26px; line-height: 1; transform: translate(-50%, -50%); animation: duckClickFloat-0cbbd8 0.85s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;}
:where(html[data-c~=dash][data-v=dark]) .duck-click-text{position: relative; display: inline-block; color: #c7c7c7; -webkit-text-stroke: 1.5px #141414; text-shadow: -2px -2px 0 #141414, 2px -2px 0 #141414, -2px 2px 0 #141414, 2px 2px 0 #141414, 0px 4px 0 #141414, 0px 8px 14px rgba(0,0,0,0.6); letter-spacing: -0.5px;}
:where(html[data-c~=dash][data-v=light]) .duck-click-text{position: relative; display: inline-block; color: #353535; -webkit-text-stroke: 1.5px #ebebeb; text-shadow: -2px -2px 0 #ebebeb, 2px -2px 0 #ebebeb, -2px 2px 0 #ebebeb, 2px 2px 0 #ebebeb, 0px 4px 0 #ebebeb, 0px 8px 14px rgba(255,255,255,0.6); letter-spacing: -0.5px;}
:where(html[data-c~=dash][data-v=dark]) .duck-click-echo-1, :where(html[data-c~=dash][data-v=dark]) .duck-click-echo-2{position: absolute; left: 0; right: 0; pointer-events: none; -webkit-text-stroke: 1.5px rgba(20,20,20,0.65); color: #9b9b9b;}
:where(html[data-c~=dash][data-v=light]) .duck-click-echo-1, :where(html[data-c~=dash][data-v=light]) .duck-click-echo-2{position: absolute; left: 0; right: 0; pointer-events: none; -webkit-text-stroke: 1.5px rgba(235,235,235,0.65); color: #606060;}
:where(html[data-c~=dash]) .duck-click-echo-1{top: -8px; opacity: 0.55; filter: blur(0.4px);}
:where(html[data-c~=dash]) .duck-click-echo-2{top: -16px; opacity: 0.28; filter: blur(0.8px);}
:where(html[data-c~=dash]) .stat-card, :where(html[data-c~=dash]) .task-card, :where(html[data-c~=dash]) .shortcut-card, :where(html[data-c~=dash]) .panel, :where(html[data-c~=dash]) .overview-board, :where(html[data-c~=dash]) .ltn-boost-banner, :where(html[data-c~=dash]) .quest-card, :where(html[data-c~=dash]) .duck-btn-yellow, :where(html[data-c~=dash]) .duck-tab-btn, :where(html[data-c~=dash]) .panel-link, :where(html[data-c~=dash]) .action-btn, :where(html[data-c~=dash]) .daily-row, :where(html[data-c~=dash]) .history-row, :where(html[data-c~=dash]) .ltn-ref-stat-card{transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease !important;}
:where(html[data-c~=dash][data-v=dark]) .stat-card:hover, :where(html[data-c~=dash][data-v=dark]) .task-card:hover, :where(html[data-c~=dash][data-v=dark]) .shortcut-card:hover, :where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner:hover, :where(html[data-c~=dash][data-v=dark]) .quest-card:hover, :where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-card:hover{transform: translateY(-3px) !important; box-shadow: 0 10px 24px -4px rgba(0,0,0,0.5), 0 0 16px rgba(160,160,160,0.12) !important;}
:where(html[data-c~=dash][data-v=light]) .stat-card:hover, :where(html[data-c~=dash][data-v=light]) .task-card:hover, :where(html[data-c~=dash][data-v=light]) .shortcut-card:hover, :where(html[data-c~=dash][data-v=light]) .ltn-boost-banner:hover, :where(html[data-c~=dash][data-v=light]) .quest-card:hover, :where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-card:hover{transform: translateY(-3px) !important; box-shadow: 0 10px 24px -4px rgba(255,255,255,0.5), 0 0 16px rgba(91,91,91,0.12) !important;}
:where(html[data-c~=dash][data-v=dark]) .duck-tab-btn:hover:not(.is-active){transform: translateY(-2px) !important; border-color: rgba(255,255,255,0.22) !important; color: #ffffff !important;}
:where(html[data-c~=dash][data-v=light]) .duck-tab-btn:hover:not(.is-active){transform: translateY(-2px) !important; border-color: rgba(0,0,0,0.22) !important; color: #000000 !important;}
:where(html[data-c~=dash]) .shortcut-card:hover, :where(html[data-c~=dash]) .panel-link:hover{transform: translateY(-2px) !important;}
:where(html[data-c~=dash]) #dashboard-page-loader, :where(html[data-c~=dash]) #page-loading-overlay{display: none !important;}
:where(html[data-c~=dash]) *, :where(html[data-c~=dash]){backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
:where(html[data-c~=dash]) .overview-shortcuts{display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 10px !important; overflow-x: auto !important;}
@media (max-width: 900px){
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: repeat(3, 1fr) !important;}
}
@media (max-width: 540px){
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: repeat(2, 1fr) !important;}
}
:where(html[data-c~=dash]) .task-card .task-icon, :where(html[data-c~=dash]) .ltn-task-icon, :where(html[data-c~=dash]) .task-item-icon{animation: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;}
:where(html[data-c~=dash]) .task-card .task-icon svg, :where(html[data-c~=dash]) .ltn-task-icon svg, :where(html[data-c~=dash]) .task-item-icon svg{display: block !important; margin: auto !important;}
:where(html[data-c~=dash][data-v=dark]) .duck-live-bar{display: flex; align-items: center; gap: 12px; padding: 8px 14px; background: rgba(160,160,160,0.08); border: 1px solid rgba(160,160,160,0.24); border-radius: 12px; margin-bottom: 14px; font-size: 12.5px; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .duck-live-bar{display: flex; align-items: center; gap: 12px; padding: 8px 14px; background: rgba(91,91,91,0.08); border: 1px solid rgba(91,91,91,0.24); border-radius: 12px; margin-bottom: 14px; font-size: 12.5px; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .duck-maroon-bar{background: #0b0b0b !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 4px 18px rgba(0,0,0,0.45) !important; border-radius: 999px !important; padding: 5px 14px 5px 6px !important; display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 16px 0 !important; box-sizing: border-box !important; overflow: hidden !important;}
:where(html[data-c~=dash][data-v=light]) .duck-maroon-bar{background: #f6f6f6 !important; border: 1px solid rgba(0,0,0,0.12) !important; box-shadow: 0 4px 18px rgba(255,255,255,0.45) !important; border-radius: 999px !important; padding: 5px 14px 5px 6px !important; display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 16px 0 !important; box-sizing: border-box !important; overflow: hidden !important;}
:where(html[data-c~=dash][data-v=dark]) .duck-maroon-badge{display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(173,173,173,0.14) !important; color: #c5c5c5 !important; border: 1px solid rgba(173,173,173,0.45) !important; font-weight: 850 !important; font-size: 11.5px !important; padding: 4px 12px !important; border-radius: 999px !important; white-space: nowrap !important; flex-shrink: 0 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; box-shadow: 0 0 10px rgba(173,173,173,0.15) !important;}
:where(html[data-c~=dash][data-v=light]) .duck-maroon-badge{display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(78,78,78,0.14) !important; color: #383838 !important; border: 1px solid rgba(78,78,78,0.45) !important; font-weight: 850 !important; font-size: 11.5px !important; padding: 4px 12px !important; border-radius: 999px !important; white-space: nowrap !important; flex-shrink: 0 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; box-shadow: 0 0 10px rgba(78,78,78,0.15) !important;}
:where(html[data-c~=dash]) .duck-live-ticker{flex: 1 1 0% !important; min-width: 0 !important; width: 0 !important; overflow: hidden !important; position: relative !important; white-space: nowrap !important; mask-image: linear-gradient(to right, transparent, #000000 20px, #000000 calc(100% - 20px), transparent) !important; -webkit-mask-image: linear-gradient(to right, transparent, #000000 20px, #000000 calc(100% - 20px), transparent) !important;}
:where(html[data-c~=dash]) .duck-ticker-track{display: inline-flex; gap: 28px; animation: duckMarqueeContinuous-38731f 19s linear infinite !important; white-space: nowrap; align-items: center;}
:where(html[data-c~=dash]) .duck-ticker-track:hover{animation-play-state: paused;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-item{display: inline-flex; align-items: center; gap: 8px; color: #f4f4f4; font-size: 12.5px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-item{display: inline-flex; align-items: center; gap: 8px; color: #0b0b0b; font-size: 12.5px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-user{color: #ffffff !important; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-user{color: #000000 !important; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-desc{color: #9c9c9c; font-weight: 500;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-desc{color: #606060; font-weight: 500;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-amount{color: #c5c5c5 !important; font-weight: 800; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-amount{color: #383838 !important; font-weight: 800; font-size: 13px;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-time{display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 6px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); color: #9c9c9c; font-size: 10.5px; font-weight: 600;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-time{display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.12); color: #606060; font-size: 10.5px; font-weight: 600;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-approved{color: #4ade80; font-weight: 700; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-approved{color: #1c9b4b; font-weight: 700; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-dot{color: #adadad; margin-left: 10px; opacity: 0.8; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-dot{color: #4e4e4e; margin-left: 10px; opacity: 0.8; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .duck-ticker-item strong{color: #f2f2f2; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .duck-ticker-item strong{color: #0c0c0c; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .duck-saved-banner{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; margin-bottom: 16px; background: linear-gradient(135deg, rgba(160,160,160,0.12), rgba(125,125,125,0.05)); border: 1px solid rgba(160,160,160,0.35); border-radius: 12px;}
:where(html[data-c~=dash][data-v=light]) .duck-saved-banner{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; margin-bottom: 16px; background: linear-gradient(135deg, rgba(91,91,91,0.12), rgba(126,126,126,0.05)); border: 1px solid rgba(91,91,91,0.35); border-radius: 12px;}
:where(html[data-c~=dash]) .duck-saved-info{display: flex; flex-direction: column; gap: 3px;}
:where(html[data-c~=dash][data-v=dark]) .duck-saved-info strong{font-size: 12px; font-weight: 850; color: #a0a0a0; letter-spacing: 0.4px;}
:where(html[data-c~=dash][data-v=light]) .duck-saved-info strong{font-size: 12px; font-weight: 850; color: #5b5b5b; letter-spacing: 0.4px;}
:where(html[data-c~=dash][data-v=dark]) .duck-saved-info p{margin: 0; font-size: 11.5px; color: #d1d1d1; line-height: 1.4;}
:where(html[data-c~=dash][data-v=light]) .duck-saved-info p{margin: 0; font-size: 11.5px; color: #2c2c2c; line-height: 1.4;}
:where(html[data-c~=dash][data-v=dark]) .duck-btn-save-info{flex-shrink: 0; padding: 7px 16px; border-radius: 8px; background: linear-gradient(135deg, #a0a0a0, #7d7d7d); border: none; color: #060606; font-weight: 800; font-size: 12px; cursor: pointer; transition: all 0.15s ease; box-shadow: 0 2px 8px rgba(160,160,160,0.25);}
:where(html[data-c~=dash][data-v=light]) .duck-btn-save-info{flex-shrink: 0; padding: 7px 16px; border-radius: 8px; background: linear-gradient(135deg, #5b5b5b, #7e7e7e); border: none; color: #fcfcfc; font-weight: 800; font-size: 12px; cursor: pointer; transition: all 0.15s ease; box-shadow: 0 2px 8px rgba(91,91,91,0.25);}
:where(html[data-c~=dash]) .duck-btn-save-info:hover{filter: brightness(1.1); transform: translateY(-1px);}
:where(html[data-c~=dash]) .duck-withdraw-tabs{display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .duck-tab-btn{flex: 1 1 120px; padding: 10px 14px; background: rgba(255,255,255,0.04); border: 1px solid rgba(186,186,186,0.2); color: #efefef; border-radius: 12px; font-weight: 750; font-size: 13px; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .duck-tab-btn{flex: 1 1 120px; padding: 10px 14px; background: rgba(0,0,0,0.04); border: 1px solid rgba(66,66,66,0.2); color: #0f0f0f; border-radius: 12px; font-weight: 750; font-size: 13px; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .duck-tab-btn.is-active{background: linear-gradient(135deg, #a0a0a0, #adadad) !important; color: #0a0a0a !important; border-color: #a0a0a0 !important; box-shadow: 0 4px 14px rgba(160,160,160,0.35);}
:where(html[data-c~=dash][data-v=light]) .duck-tab-btn.is-active{background: linear-gradient(135deg, #5b5b5b, #4e4e4e) !important; color: #f8f8f8 !important; border-color: #5b5b5b !important; box-shadow: 0 4px 14px rgba(91,91,91,0.35);}
:where(html[data-c~=dash][data-v=dark]) .duck-req-badge{font-size: 10px; padding: 2px 7px; background: rgba(239,68,68,0.2); border: 1px solid rgba(239,68,68,0.4); color: #b3b3b3; border-radius: 6px; margin-left: 6px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .duck-req-badge{font-size: 10px; padding: 2px 7px; background: rgba(169,14,14,0.2); border: 1px solid rgba(169,14,14,0.4); color: #494949; border-radius: 6px; margin-left: 6px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .duck-qr-dropzone{position: relative; border: 2px dashed rgba(160,160,160,0.38); border-radius: 14px; background: rgba(14,14,14,0.6); padding: 22px 16px; text-align: center; cursor: pointer; transition: all 0.2s ease; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .duck-qr-dropzone{position: relative; border: 2px dashed rgba(91,91,91,0.38); border-radius: 14px; background: rgba(242,242,242,0.6); padding: 22px 16px; text-align: center; cursor: pointer; transition: all 0.2s ease; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .duck-qr-dropzone:hover{border-color: #a0a0a0; background: rgba(160,160,160,0.05);}
:where(html[data-c~=dash][data-v=light]) .duck-qr-dropzone:hover{border-color: #5b5b5b; background: rgba(91,91,91,0.05);}
:where(html[data-c~=dash]) .duck-qr-dropzone input[type="file"]{position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; z-index: 2;}
:where(html[data-c~=dash]) .duck-qr-drop-content{display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none;}
:where(html[data-c~=dash]) .duck-qr-cloud-icon{margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .duck-qr-drop-content strong{font-size: 13px; color: #dadada; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .duck-qr-drop-content strong{font-size: 13px; color: #232323; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .duck-qr-drop-content small{font-size: 11px; color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .duck-qr-drop-content small{font-size: 11px; color: #606060;}
:where(html[data-c~=dash]) .duck-qr-preview-wrap{position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .duck-qr-preview-wrap img{max-width: 140px; max-height: 140px; border-radius: 8px; border: 2px solid #a0a0a0; object-fit: contain; background: #ffffff; padding: 4px;}
:where(html[data-c~=dash][data-v=light]) .duck-qr-preview-wrap img{max-width: 140px; max-height: 140px; border-radius: 8px; border: 2px solid #5b5b5b; object-fit: contain; background: #000000; padding: 4px;}
:where(html[data-c~=dash][data-v=dark]) .duck-qr-badge-saved{font-size: 11px; font-weight: 800; color: #34d399; background: rgba(16,185,129,0.15); padding: 2px 8px; border-radius: 6px; border: 1px solid rgba(16,185,129,0.3);}
:where(html[data-c~=dash][data-v=light]) .duck-qr-badge-saved{font-size: 11px; font-weight: 800; color: #21976c; background: rgba(16,185,129,0.15); padding: 2px 8px; border-radius: 6px; border: 1px solid rgba(16,185,129,0.3);}
:where(html[data-c~=dash]) .duck-check-pills-wrap{display: flex; flex-direction: column; gap: 10px; margin: 14px 0 16px;}
:where(html[data-c~=dash][data-v=dark]) .duck-check-pill{position: relative; display: flex; align-items: center; gap: 12px; padding: 11px 16px; background: rgba(18,18,18,0.75); border: 1px solid rgba(160,160,160,0.42); border-radius: 14px; cursor: pointer; transition: all 0.18s ease; user-select: none;}
:where(html[data-c~=dash][data-v=light]) .duck-check-pill{position: relative; display: flex; align-items: center; gap: 12px; padding: 11px 16px; background: rgba(238,238,238,0.75); border: 1px solid rgba(91,91,91,0.42); border-radius: 14px; cursor: pointer; transition: all 0.18s ease; user-select: none;}
:where(html[data-c~=dash][data-v=dark]) .duck-check-pill:hover{border-color: #a0a0a0; background: rgba(160,160,160,0.1); box-shadow: 0 4px 14px rgba(0,0,0,0.3);}
:where(html[data-c~=dash][data-v=light]) .duck-check-pill:hover{border-color: #5b5b5b; background: rgba(91,91,91,0.1); box-shadow: 0 4px 14px rgba(255,255,255,0.3);}
:where(html[data-c~=dash]) .duck-check-pill input[type="checkbox"]{position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}
:where(html[data-c~=dash][data-v=dark]) .duck-custom-checkbox{flex: 0 0 20px; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid rgba(160,160,160,0.6); background: rgba(255,255,255,0.05); display: grid; place-items: center; transition: all 0.15s ease;}
:where(html[data-c~=dash][data-v=light]) .duck-custom-checkbox{flex: 0 0 20px; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid rgba(91,91,91,0.6); background: rgba(0,0,0,0.05); display: grid; place-items: center; transition: all 0.15s ease;}
:where(html[data-c~=dash][data-v=dark]) .duck-check-pill input[type="checkbox"]:checked + .duck-custom-checkbox{background: linear-gradient(135deg, #a0a0a0, #7d7d7d); border-color: #a0a0a0; box-shadow: 0 0 10px rgba(160,160,160,0.4);}
:where(html[data-c~=dash][data-v=light]) .duck-check-pill input[type="checkbox"]:checked + .duck-custom-checkbox{background: linear-gradient(135deg, #5b5b5b, #7e7e7e); border-color: #5b5b5b; box-shadow: 0 0 10px rgba(91,91,91,0.4);}
:where(html[data-c~=dash][data-v=dark]) .duck-check-pill input[type="checkbox"]:checked + .duck-custom-checkbox::after{content: ""; width: 5px; height: 9px; border: solid #080808; border-width: 0 2.2px 2.2px 0; transform: rotate(45deg) translate(-1px, -1px);}
:where(html[data-c~=dash][data-v=light]) .duck-check-pill input[type="checkbox"]:checked + .duck-custom-checkbox::after{content: ""; width: 5px; height: 9px; border: solid #f9f9f9; border-width: 0 2.2px 2.2px 0; transform: rotate(45deg) translate(-1px, -1px);}
:where(html[data-c~=dash][data-v=dark]) .duck-check-text{font-size: 12.5px; color: #f2f2f2; line-height: 1.45;}
:where(html[data-c~=dash][data-v=light]) .duck-check-text{font-size: 12.5px; color: #0c0c0c; line-height: 1.45;}
:where(html[data-c~=dash][data-v=dark]) .duck-check-text strong{color: #bcbcbc; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .duck-check-text strong{color: #404040; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .duck-game-rate-card{background: rgba(255,255,255,0.03); border: 1px solid rgba(186,186,186,0.22); border-radius: 12px; padding: 12px 16px; margin: 10px 0 14px; display: flex; flex-direction: column; gap: 7px;}
:where(html[data-c~=dash][data-v=light]) .duck-game-rate-card{background: rgba(0,0,0,0.03); border: 1px solid rgba(66,66,66,0.22); border-radius: 12px; padding: 12px 16px; margin: 10px 0 14px; display: flex; flex-direction: column; gap: 7px;}
:where(html[data-c~=dash][data-v=dark]) .duck-rate-row{display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .duck-rate-row{display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .duck-rate-row.is-highlight{border-top: 1px dashed rgba(186,186,186,0.22); padding-top: 8px; margin-top: 2px;}
:where(html[data-c~=dash][data-v=light]) .duck-rate-row.is-highlight{border-top: 1px dashed rgba(66,66,66,0.22); padding-top: 8px; margin-top: 2px;}
:where(html[data-c~=dash][data-v=dark]) .duck-rate-row.is-highlight strong{color: #bcbcbc; font-size: 14px; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .duck-rate-row.is-highlight strong{color: #404040; font-size: 14px; font-weight: 850;}
:where(html[data-c~=dash]) .duck-withdraw-wrap{padding: 4px 0;}
:where(html[data-c~=dash]) .duck-form-group{margin-bottom: 12px;}
:where(html[data-c~=dash][data-v=dark]) .duck-form-group label{font-size: 11.5px; font-weight: 800; color: #d9d9d9; margin-bottom: 5px;}
:where(html[data-c~=dash][data-v=light]) .duck-form-group label{font-size: 11.5px; font-weight: 800; color: #242424; margin-bottom: 5px;}
:where(html[data-c~=dash]) .duck-form-group input, :where(html[data-c~=dash]) .duck-form-group select{padding: 10px 14px; font-size: 13px; border-radius: 10px;}
:where(html[data-c~=dash]) .duck-qr-dropzone{padding: 16px 14px;}
:where(html[data-c~=dash]) .duck-qr-preview-wrap img{max-width: 110px; max-height: 110px;}
:where(html[data-c~=dash][data-v=dark]) .duck-note-box{margin-top: 18px; padding: 14px 16px; background: rgba(255,255,255,0.025); border: 1px solid rgba(186,186,186,0.16); border-radius: 12px;}
:where(html[data-c~=dash][data-v=light]) .duck-note-box{margin-top: 18px; padding: 14px 16px; background: rgba(0,0,0,0.025); border: 1px solid rgba(66,66,66,0.16); border-radius: 12px;}
:where(html[data-c~=dash][data-v=dark]) .duck-note-box h4{margin: 0 0 8px; font-size: 13px; color: #bcbcbc; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .duck-note-box h4{margin: 0 0 8px; font-size: 13px; color: #404040; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .duck-note-box ul{margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; color: #919191; font-size: 11.5px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .duck-note-box ul{margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; color: #6a6a6a; font-size: 11.5px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .duck-note-box li strong{color: #d9d9d9;}
:where(html[data-c~=dash][data-v=light]) .duck-note-box li strong{color: #242424;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner.is-duck-style{padding: 10px 18px !important; border-radius: 14px !important; gap: 14px !important; flex-wrap: nowrap !important; min-height: auto !important; background: linear-gradient(135deg, rgba(88,101,242,0.14) 0%, rgba(142,142,142,0.12) 100%), #131313 !important; border: 1px solid rgba(107,107,107,0.35) !important; margin-bottom: 14px !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner.is-duck-style{padding: 10px 18px !important; border-radius: 14px !important; gap: 14px !important; flex-wrap: nowrap !important; min-height: auto !important; background: linear-gradient(135deg, rgba(13,27,170,0.14) 0%, rgba(109,109,109,0.12) 100%), #ececec !important; border: 1px solid rgba(143,143,143,0.35) !important; margin-bottom: 14px !important;}
:where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style .ltn-boost-gem-wrap{flex: 0 0 32px !important; width: 32px !important; height: 32px !important;}
:where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style .ltn-boost-gif-icon{width: 28px !important; height: 28px !important; animation: none !important;}
:where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style .ltn-boost-content{flex: 1 1 auto !important; min-width: 0 !important;}
:where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style .ltn-boost-title-row{display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 2px !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner.is-duck-style .ltn-boost-title{font-size: 13px !important; font-weight: 800 !important; color: #ffffff !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner.is-duck-style .ltn-boost-title{font-size: 13px !important; font-weight: 800 !important; color: #000000 !important;}
:where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style .ltn-boost-status{font-size: 11px !important; padding: 1px 7px !important; border-radius: 6px !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner.is-duck-style .ltn-boost-sub{font-size: 11.5px !important; color: #b9b9b9 !important; margin: 0 !important; line-height: 1.35 !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner.is-duck-style .ltn-boost-sub{font-size: 11.5px !important; color: #434343 !important; margin: 0 !important; line-height: 1.35 !important;}
:where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style .ltn-boost-actions{flex-shrink: 0 !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn{padding: 7px 15px !important; font-size: 12px !important; background: #5865f2 !important; color: #ffffff !important; border-radius: 9px !important; font-weight: 750 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; text-decoration: none !important; transition: all 0.15s ease !important; box-shadow: 0 4px 14px rgba(88,101,242,0.4) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn{padding: 7px 15px !important; font-size: 12px !important; background: #0d1baa !important; color: #000000 !important; border-radius: 9px !important; font-weight: 750 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; text-decoration: none !important; transition: all 0.15s ease !important; box-shadow: 0 4px 14px rgba(13,27,170,0.4) !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn:hover{background: #4752c4 !important; transform: translateY(-1px) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn:hover{background: #2d358b !important; transform: translateY(-1px) !important;}
:where(html[data-c~=dash]) .duck-game-pane{display: grid; gap: 14px;}
:where(html[data-c~=dash]) .duck-login-types{display: flex; gap: 8px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .duck-radio-pill{display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; cursor: pointer; font-size: 12.5px; color: #e6e6e6; font-weight: 650;}
:where(html[data-c~=dash][data-v=light]) .duck-radio-pill{display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.12); border-radius: 20px; cursor: pointer; font-size: 12.5px; color: #181818; font-weight: 650;}
:where(html[data-c~=dash][data-v=dark]) .duck-radio-pill input:checked + span{color: #a0a0a0; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .duck-radio-pill input:checked + span{color: #5b5b5b; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .duck-btn-yellow{width: 100%; padding: 12px; background: linear-gradient(135deg, #a0a0a0, #7d7d7d); color: #000000; font-weight: 850; font-size: 14.5px; border: none; border-radius: 12px; cursor: pointer; transition: transform 0.15s ease, filter 0.15s ease;}
:where(html[data-c~=dash][data-v=light]) .duck-btn-yellow{width: 100%; padding: 12px; background: linear-gradient(135deg, #5b5b5b, #7e7e7e); color: #ffffff; font-weight: 850; font-size: 14.5px; border: none; border-radius: 12px; cursor: pointer; transition: transform 0.15s ease, filter 0.15s ease;}
:where(html[data-c~=dash]) .duck-btn-yellow:hover{filter: brightness(1.1); transform: translateY(-2px);}
:where(html[data-c~=dash]) .duck-history-filters{display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .duck-hfilter-btn{padding: 5px 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(186,186,186,0.2); border-radius: 20px; color: #d1d1d1; font-size: 12px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .duck-hfilter-btn{padding: 5px 12px; background: rgba(0,0,0,0.05); border: 1px solid rgba(66,66,66,0.2); border-radius: 20px; color: #2c2c2c; font-size: 12px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .duck-hfilter-btn.is-active{background: rgba(160,160,160,0.2); border-color: #a0a0a0; color: #a0a0a0;}
:where(html[data-c~=dash][data-v=light]) .duck-hfilter-btn.is-active{background: rgba(91,91,91,0.2); border-color: #5b5b5b; color: #5b5b5b;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-collapse-toggle{background: rgba(186,186,186,0.12); border: 1px solid rgba(186,186,186,0.28); color: #dadada; font-size: 16px; font-weight: 900; width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 8px; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .sidebar-collapse-toggle{background: rgba(66,66,66,0.12); border: 1px solid rgba(66,66,66,0.28); color: #232323; font-size: 16px; font-weight: 900; width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 8px; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-collapse-toggle:hover{background: rgba(186,186,186,0.25); transform: scale(1.08);}
:where(html[data-c~=dash][data-v=light]) .sidebar-collapse-toggle:hover{background: rgba(66,66,66,0.25); transform: scale(1.08);}
:where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed{width: 76px !important; min-width: 76px !important;}
:where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .sidebar-nav-link span:not(.nav-icon), :where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .sidebar-summary, :where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .sidebar-cta, :where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .sidebar-group-title, :where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .brand-copy{display: none !important;}
:where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .brand{justify-content: center !important; padding: 10px 0 !important;}
:where(html[data-c~=dash]) #dashboard-sidebar.is-collapsed .sidebar-nav-link{justify-content: center !important; padding: 10px 0 !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-header, :where(html[data-c~=dash][data-v=dark]) .ltn-ref-card, :where(html[data-c~=dash][data-v=dark]) .ltn-promo-form-panel{background: linear-gradient(135deg, rgba(15,15,15,0.94), rgba(10,10,10,0.96)) !important; border: 1px solid rgba(186,186,186,0.16) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-header, :where(html[data-c~=dash][data-v=light]) .ltn-ref-card, :where(html[data-c~=dash][data-v=light]) .ltn-promo-form-panel{background: linear-gradient(135deg, rgba(241,241,241,0.94), rgba(248,248,248,0.96)) !important; border: 1px solid rgba(66,66,66,0.16) !important; box-shadow: 0 10px 30px rgba(255,255,255,0.45) !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-card{background: rgba(18,18,18,0.8) !important; border: 1px solid rgba(186,186,186,0.14) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-card{background: rgba(238,238,238,0.8) !important; border: 1px solid rgba(66,66,66,0.14) !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-ref-stat-value{color: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-ref-stat-value{color: #5b5b5b !important;}
:where(html[data-c~=dash]) .leaderboard-stage, :where(html[data-c~=dash]) .podium-pillar, :where(html[data-c~=dash]) .leaderboard-top-card{animation: none !important; transform: none !important;}
:where(html[data-c~=dash]) .pulse-green-svg .pulse-ring{animation: pulseGreenRing-186a44 1.8s ease-out infinite; transform-origin: center;}
:where(html[data-c~=dash]) .overview-header-row{margin-bottom: 12px;}
:where(html[data-c~=dash][data-v=dark]) .overview-greeting{font-size: 26px; font-weight: 850; color: #f5f5f5; letter-spacing: -0.4px;}
:where(html[data-c~=dash][data-v=light]) .overview-greeting{font-size: 26px; font-weight: 850; color: #0a0a0a; letter-spacing: -0.4px;}
:where(html[data-c~=dash]) .welcome-card{display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .banner-cta{display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; background: linear-gradient(135deg, #a0a0a0, #7d7d7d); color: #0a0a0a !important; font-weight: 850; font-size: 13.5px; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 14px rgba(160,160,160,0.35); transition: transform 0.18s ease;}
:where(html[data-c~=dash][data-v=light]) .banner-cta{display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; background: linear-gradient(135deg, #5b5b5b, #7e7e7e); color: #f8f8f8 !important; font-weight: 850; font-size: 13.5px; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 14px rgba(91,91,91,0.35); transition: transform 0.18s ease;}
:where(html[data-c~=dash]) .banner-cta:hover{transform: translateY(-2px);}
:where(html[data-c~=dash]) dialog.visit-pro-dialog{border: none; background: transparent; padding: 0; max-width: min(94vw, 480px); width: 100%; outline: none; border-radius: 26px;}
:where(html[data-c~=dash][data-v=dark]) dialog.visit-pro-dialog::backdrop{background: rgba(0,0,0,0.78); backdrop-filter: blur(8px);}
:where(html[data-c~=dash][data-v=light]) dialog.visit-pro-dialog::backdrop{background: rgba(255,255,255,0.78); backdrop-filter: blur(8px);}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-card{width: 100%; box-sizing: border-box; padding: 26px 22px 22px; border-radius: 26px; border: 1.5px solid rgba(179,179,179,0.38); background: radial-gradient(90% 65% at 50% 0%, rgba(158,158,158,0.18), transparent 65%), linear-gradient(170deg, rgba(19,19,19,0.98) 0%, rgba(9,9,9,0.99) 100%); box-shadow: 0 28px 70px rgba(0,0,0,0.85), 0 0 36px rgba(146,146,146,0.18), inset 0 1px 0 rgba(227,227,227,0.18); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 13px; position: relative;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-card{width: 100%; box-sizing: border-box; padding: 26px 22px 22px; border-radius: 26px; border: 1.5px solid rgba(72,72,72,0.38); background: radial-gradient(90% 65% at 50% 0%, rgba(94,94,94,0.18), transparent 65%), linear-gradient(170deg, rgba(236,236,236,0.98) 0%, rgba(248,248,248,0.99) 100%); box-shadow: 0 28px 70px rgba(255,255,255,0.85), 0 0 36px rgba(105,105,105,0.18), inset 0 1px 0 rgba(27,27,27,0.18); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 13px; position: relative;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-card .task-link-x{position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); color: #cecece; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-card .task-link-x{position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 50%; background: rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.12); color: #2f2f2f; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-card .task-link-x:hover{background: rgba(123,123,123,0.25); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-card .task-link-x:hover{background: rgba(128,128,128,0.25); color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-brand{display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #f5f5f5; font-size: 18px; font-weight: 900; letter-spacing: -0.02em;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-brand{display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #0a0a0a; font-size: 18px; font-weight: 900; letter-spacing: -0.02em;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-brand img{border-radius: 8px; box-shadow: 0 0 16px rgba(152,152,152,0.5);}
:where(html[data-c~=dash][data-v=light]) .visit-pro-brand img{border-radius: 8px; box-shadow: 0 0 16px rgba(99,99,99,0.5);}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-brand em{font-style: normal; color: #a5a5a5;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-brand em{font-style: normal; color: #565656;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-badge{display: inline-flex; align-items: center; gap: 7px; padding: 5px 14px; border-radius: 999px; font-size: 11px; font-weight: 850; letter-spacing: 0.08em; color: #84f5be; background: rgba(34,197,94,0.14); border: 1px solid rgba(74,222,128,0.4);}
:where(html[data-c~=dash][data-v=light]) .visit-pro-badge{display: inline-flex; align-items: center; gap: 7px; padding: 5px 14px; border-radius: 999px; font-size: 11px; font-weight: 850; letter-spacing: 0.08em; color: #0eaa5e; background: rgba(34,197,94,0.14); border: 1px solid rgba(28,155,75,0.4);}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-emblem{width: 68px; height: 68px; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(175,175,175,0.22), rgba(116,116,116,0.08)); border: 1.5px solid rgba(188,188,188,0.45); box-shadow: 0 12px 28px rgba(136,136,136,0.25);}
:where(html[data-c~=dash][data-v=light]) .visit-pro-emblem{width: 68px; height: 68px; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(77,77,77,0.22), rgba(135,135,135,0.08)); border: 1.5px solid rgba(64,64,64,0.45); box-shadow: 0 12px 28px rgba(114,114,114,0.25);}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-card h2{margin: 0; font-size: 23px; font-weight: 900; color: #f7f7f7; letter-spacing: -0.02em;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-card h2{margin: 0; font-size: 23px; font-weight: 900; color: #080808; letter-spacing: -0.02em;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-desc{margin: 0; font-size: 13px; color: #bebebe; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-desc{margin: 0; font-size: 13px; color: #3e3e3e; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-reward-box{width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 16px; border: 1px solid rgba(192,192,192,0.34); background: rgba(6,6,6,0.72); display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-reward-box{width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 16px; border: 1px solid rgba(60,60,60,0.34); background: rgba(252,252,252,0.72); display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left;}
:where(html[data-c~=dash]) .visit-pro-task-info{display: grid; gap: 3px;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-task-info span{font-size: 10px; font-weight: 850; letter-spacing: 0.07em; color: #b3b3b3;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-task-info span{font-size: 10px; font-weight: 850; letter-spacing: 0.07em; color: #494949;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-task-info strong{font-size: 14.5px; color: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-task-info strong{font-size: 14.5px; color: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-reward-pill{padding: 6px 13px; border-radius: 11px; font-size: 14px; font-weight: 900; color: #101010; background: linear-gradient(125deg, #dddddd, #9d9d9d); box-shadow: 0 6px 18px rgba(157,157,157,0.35); white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-reward-pill{padding: 6px 13px; border-radius: 11px; font-size: 14px; font-weight: 900; color: #f0f0f0; background: linear-gradient(125deg, #202020, #5e5e5e); box-shadow: 0 6px 18px rgba(94,94,94,0.35); white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-step{width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 13px; background: rgba(168,168,168,0.09); border: 1px dashed rgba(183,183,183,0.35); font-size: 12px; color: #e5e5e5;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-step{width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 13px; background: rgba(83,83,83,0.09); border: 1px dashed rgba(68,68,68,0.35); font-size: 12px; color: #181818;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-btn{width: 100%; padding: 14px 20px; border-radius: 16px; border: 1px solid rgba(231,231,231,0.65); background: linear-gradient(135deg, #c4c4c4 0%, #898989 52%, #5a5a5a 100%); color: #ffffff; font-size: 15.5px; font-weight: 900; letter-spacing: 0.02em; text-decoration: none; text-shadow: 0 1px 3px rgba(0,0,0,0.45); box-shadow: 0 5px 0 #373737, 0 12px 28px rgba(128,128,128,0.48), inset 0 1px 0 rgba(255,255,255,0.5); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 9px; box-sizing: border-box; transition: transform 130ms ease, filter 130ms ease, box-shadow 130ms ease;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-btn{width: 100%; padding: 14px 20px; border-radius: 16px; border: 1px solid rgba(23,23,23,0.65); background: linear-gradient(135deg, #383838 0%, #727272 52%, #a1a1a1 100%); color: #000000; font-size: 15.5px; font-weight: 900; letter-spacing: 0.02em; text-decoration: none; text-shadow: 0 1px 3px rgba(255,255,255,0.45); box-shadow: 0 5px 0 #c6c6c6, 0 12px 28px rgba(122,122,122,0.48), inset 0 1px 0 rgba(0,0,0,0.5); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 9px; box-sizing: border-box; transition: transform 130ms ease, filter 130ms ease, box-shadow 130ms ease;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-btn:hover{transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 7px 0 #373737, 0 16px 34px rgba(128,128,128,0.6), inset 0 1px 0 rgba(255,255,255,0.6);}
:where(html[data-c~=dash][data-v=light]) .visit-pro-btn:hover{transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 7px 0 #c6c6c6, 0 16px 34px rgba(122,122,122,0.6), inset 0 1px 0 rgba(0,0,0,0.6);}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-btn:active{transform: translateY(3px); box-shadow: 0 2px 0 #373737;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-btn:active{transform: translateY(3px); box-shadow: 0 2px 0 #c6c6c6;}
:where(html[data-c~=dash]) .visit-pro-links{display: flex; justify-content: center; margin-top: 2px; width: 100%;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-back-btn{background: rgba(255,255,255,0.05); border: 1px solid rgba(187,187,187,0.25); color: #c7c7c7; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 11px; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-back-btn{background: rgba(0,0,0,0.05); border: 1px solid rgba(65,65,65,0.25); color: #353535; font-size: 12px; font-weight: 700; padding: 8px 16px; border-radius: 11px; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-back-btn:hover{background: rgba(170,170,170,0.16); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-back-btn:hover{background: rgba(82,82,82,0.16); color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-note{margin: 0; font-size: 11px; color: #8a8a8a; line-height: 1.45;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-note{margin: 0; font-size: 11px; color: #717171; line-height: 1.45;}
:where(html[data-c~=dash]) .ltn-lb-tabs-wrap{display: flex; justify-content: center; margin: 18px 0 16px;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-tabs{display: inline-flex; gap: 8px; background: rgba(12,12,12,0.85); padding: 6px; border-radius: 12px; border: 1px solid rgba(186,186,186,0.2);}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-tabs{display: inline-flex; gap: 8px; background: rgba(245,245,245,0.85); padding: 6px; border-radius: 12px; border: 1px solid rgba(66,66,66,0.2);}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-tab{background: transparent; color: #acacac; border: 1px solid transparent; padding: 8px 18px; border-radius: 8px; font-size: 13.5px; font-weight: 750; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-tab{background: transparent; color: #505050; border: 1px solid transparent; padding: 8px 18px; border-radius: 8px; font-size: 13.5px; font-weight: 750; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-tab:hover{color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-tab:hover{color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lb-tab.is-active{background: linear-gradient(135deg, rgba(160,160,160,0.2), rgba(125,125,125,0.3)); border-color: #a0a0a0; color: #bcbcbc; box-shadow: 0 4px 14px rgba(160,160,160,0.2);}
:where(html[data-c~=dash][data-v=light]) .ltn-lb-tab.is-active{background: linear-gradient(135deg, rgba(91,91,91,0.2), rgba(126,126,126,0.3)); border-color: #5b5b5b; color: #404040; box-shadow: 0 4px 14px rgba(91,91,91,0.2);}
:where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-header, :where(html[data-c~=dash][data-v=dark]) #promote .ltn-promo-header{background: #0d0d0d; border: 1px solid rgba(186,186,186,0.12); border-radius: 14px; padding: 20px 24px;}
:where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-header, :where(html[data-c~=dash][data-v=light]) #promote .ltn-promo-header{background: #f3f3f3; border: 1px solid rgba(66,66,66,0.12); border-radius: 14px; padding: 20px 24px;}
:where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-stat-card, :where(html[data-c~=dash][data-v=dark]) #promote .ltn-promo-perk-card{background: #0f0f0f !important; border: 1px solid rgba(186,186,186,0.14) !important; border-radius: 14px !important;}
:where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-stat-card, :where(html[data-c~=dash][data-v=light]) #promote .ltn-promo-perk-card{background: #f1f1f1 !important; border: 1px solid rgba(66,66,66,0.14) !important; border-radius: 14px !important;}
:where(html[data-c~=dash][data-v=dark]) #promote .ltn-promo-perk-svg circle{fill: rgba(160,160,160,0.08) !important; stroke: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) #promote .ltn-promo-perk-svg circle{fill: rgba(91,91,91,0.08) !important; stroke: #5b5b5b !important;}
:where(html[data-c~=dash][data-v=dark]) #promote .ltn-promo-perk-svg path{stroke: #bcbcbc !important;}
:where(html[data-c~=dash][data-v=light]) #promote .ltn-promo-perk-svg path{stroke: #404040 !important;}
:where(html[data-c~=dash][data-v=dark]) #promote .ltn-promo-perk-svg stop{stop-color: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) #promote .ltn-promo-perk-svg stop{stop-color: #5b5b5b !important;}
:where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-svg-badge svg path, :where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-svg-badge svg rect, :where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-svg-badge svg circle{stroke: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-svg-badge svg path, :where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-svg-badge svg rect, :where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-svg-badge svg circle{stroke: #5b5b5b !important;}
:where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-stat-card strong{color: #d9d9d9 !important;}
:where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-stat-card strong{color: #242424 !important;}
:where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-stat-card strong.is-gold-code{color: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-stat-card strong.is-gold-code{color: #5b5b5b !important;}
:where(html[data-c~=dash][data-v=dark]) #referrals .ltn-ref-stat-card strong.is-green-money{color: #34d399 !important;}
:where(html[data-c~=dash][data-v=light]) #referrals .ltn-ref-stat-card strong.is-green-money{color: #21976c !important;}
@media (max-width: 768px){
:where(html[data-c~=dash]) .duck-withdraw-tabs{flex-direction: column; gap: 6px;}
:where(html[data-c~=dash]) .duck-tab-btn{width: 100%; padding: 10px 14px; font-size: 13px;}
:where(html[data-c~=dash]) .activity-chart-grid{grid-template-columns: 1fr !important;}
:where(html[data-c~=dash]) .duck-rate-row{flex-direction: column; align-items: flex-start; gap: 4px;}
:where(html[data-c~=dash]) .ltn-lb-tabs{width: 100%; justify-content: center;}
:where(html[data-c~=dash]) .ltn-lb-tab{flex: 1; text-align: center; padding: 8px 10px; font-size: 12.5px;}
}
:where(html[data-c~=dash]) dialog#task-link-dialog[open] .visit-pro-card{animation: modalZoomIn-0ae28f 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
:where(html[data-c~=dash]) .visit-pro-emblem.ltn-lightning-active{position: relative; width: 76px; height: 76px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lightning-aura{position: absolute; inset: -8px; border-radius: 50%; background: radial-gradient(circle, rgba(181,181,181,0.45) 0%, rgba(125,125,125,0.2) 50%, transparent 75%); animation: lightningGlowPulse-4f9dea 1.8s ease-in-out infinite alternate; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .ltn-lightning-aura{position: absolute; inset: -8px; border-radius: 50%; background: radial-gradient(circle, rgba(71,71,71,0.45) 0%, rgba(125,125,125,0.2) 50%, transparent 75%); animation: lightningGlowPulse-4f9dea 1.8s ease-in-out infinite alternate; pointer-events: none;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lightning-svg{position: relative; z-index: 1; overflow: visible; filter: drop-shadow(0 0 12px rgba(209,209,209,0.8));}
:where(html[data-c~=dash][data-v=light]) .ltn-lightning-svg{position: relative; z-index: 1; overflow: visible; filter: drop-shadow(0 0 12px rgba(44,44,44,0.8));}
:where(html[data-c~=dash]) .ltn-lightning-ring{transform-origin: 28px 28px; animation: lightningRingSpin-faa417 8s linear infinite;}
:where(html[data-c~=dash]) .ltn-lightning-ring-inner{transform-origin: 28px 28px; animation: lightningRingSpin-faa417 5s linear infinite reverse;}
:where(html[data-c~=dash][data-v=dark]) .ltn-lightning-bolt{transform-origin: 28px 28px; animation: lightningFlash-e0d5bb 1.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .ltn-lightning-bolt{transform-origin: 28px 28px; animation: lightningFlash-274f17 1.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-loader{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; margin: 10px 0; border-radius: 14px; background: rgba(177,177,177,0.12); border: 1px dashed rgba(188,188,188,0.5); color: #dddddd; font-size: 13px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-loader{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; margin: 10px 0; border-radius: 14px; background: rgba(74,74,74,0.12); border: 1px dashed rgba(63,63,63,0.5); color: #202020; font-size: 13px; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .visit-pro-loader-spinner{width: 18px; height: 18px; border: 2.5px solid rgba(221,221,221,0.3); border-top-color: #d1d1d1; border-radius: 50%; animation: lightningRingSpin-faa417 0.7s linear infinite;}
:where(html[data-c~=dash][data-v=light]) .visit-pro-loader-spinner{width: 18px; height: 18px; border: 2.5px solid rgba(32,32,32,0.3); border-top-color: #2c2c2c; border-radius: 50%; animation: lightningRingSpin-faa417 0.7s linear infinite;}
:where(html[data-c~=dash][data-v=dark]) .ltn-money-particle{position: fixed; z-index: 999999; pointer-events: none; user-select: none; font-weight: 900; white-space: nowrap; transform: translate(-50%, -50%); animation: floatMoneyBob-733346 var(--particle-duration, 1s) cubic-bezier(0.22, 1, 0.36, 1) forwards; will-change: transform, opacity; text-shadow: 0 2px 10px rgba(0,0,0,0.8), 0 0 16px rgba(160,160,160,0.6);}
:where(html[data-c~=dash][data-v=light]) .ltn-money-particle{position: fixed; z-index: 999999; pointer-events: none; user-select: none; font-weight: 900; white-space: nowrap; transform: translate(-50%, -50%); animation: floatMoneyBob-733346 var(--particle-duration, 1s) cubic-bezier(0.22, 1, 0.36, 1) forwards; will-change: transform, opacity; text-shadow: 0 2px 10px rgba(255,255,255,0.8), 0 0 16px rgba(91,91,91,0.6);}
:where(html[data-c~=dash]) .wallet-section{max-width: 1060px; margin-left: auto; margin-right: auto;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .panel{box-shadow: 0 8px 30px rgba(0,0,0,0.45);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .panel{box-shadow: 0 8px 30px rgba(255,255,255,0.45);}
:root:where([data-c~=dash][data-v=dark]){--ft-bg: #0e0e0e; --ft-surface: #161616; --ft-surface-2: #1b1b1b; --ft-line: #2e2e2e; --ft-line-2: #3f3f3f; --ft-text: #f2f2f2; --ft-muted: #969696; --ft-accent: #a0a0a0; --ft-accent-2: #b7b7b7; --ft-accent-soft: rgba(160,160,160,0.14); --ft-radius: 14px; --ft-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;}
:root:where([data-c~=dash][data-v=light]){--ft-bg: #f2f2f2; --ft-surface: #eaeaea; --ft-surface-2: #e4e4e4; --ft-line: #cfcfcf; --ft-line-2: #bdbdbd; --ft-text: #0c0c0c; --ft-muted: #656565; --ft-accent: #5b5b5b; --ft-accent-2: #454545; --ft-accent-soft: rgba(91,91,91,0.14); --ft-radius: 14px; --ft-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet{display: grid; gap: 4px; margin: 0 2px 15px; padding: 13px; border: 1px solid rgba(169,169,169,0.3); border-radius: 14px; background: linear-gradient(rgba(152,152,152,0.16), rgba(152,152,152,0.16)); box-shadow: none; border-color: #2d2d2d;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet{display: grid; gap: 4px; margin: 0 2px 15px; padding: 13px; border: 1px solid rgba(82,82,82,0.3); border-radius: 14px; background: linear-gradient(rgba(99,99,99,0.16), rgba(99,99,99,0.16)); box-shadow: none; border-color: #d0d0d0;}
:where(html[data-c~=dash]) .wallet-main{display: grid; gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-balance > div{display: grid; gap: 7px; padding: 16px; border: 1px solid #4f4f4f90; border-radius: 9px; background: linear-gradient(#262626, #262626); min-height: 94px;}
:where(html[data-c~=dash][data-v=light]) .wallet-balance > div{display: grid; gap: 7px; padding: 16px; border: 1px solid #adadad90; border-radius: 9px; background: linear-gradient(#d8d8d8, #d8d8d8); min-height: 94px;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form{display: grid; gap: 13px; padding: clamp(19px, 2.4vw, 30px); border-color: #6f6f6f8c; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#1b1b1b, #1b1b1b); box-shadow: none; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form{display: grid; gap: 13px; padding: clamp(19px, 2.4vw, 30px); border-color: #8c8c8c8c; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#e4e4e4, #e4e4e4); box-shadow: none; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-form label{margin-top: 2px; color: #c3c3c3; font-size: 11px; font-weight: 650;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-form label{margin-top: 2px; color: #393939; font-size: 11px; font-weight: 650;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm{display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #4f4f4f; border-radius: 8px; background: linear-gradient(#2d2d2d, #2d2d2d); color: #d3d3d3 !important; font-size: 9px !important; line-height: 1.6; cursor: pointer; border-color: #555555;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm{display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #acacac; border-radius: 8px; background: linear-gradient(#d0d0d0, #d0d0d0); color: #2a2a2a !important; font-size: 9px !important; line-height: 1.6; cursor: pointer; border-color: #a6a6a6;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm:has(input:checked){border-color: #bcbcbc; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm:has(input:checked){border-color: #404040; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .withdrawal-confirm input[type="checkbox"]:checked{border-color: #c7c7c7; background: #959595; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .withdrawal-confirm input[type="checkbox"]:checked{border-color: #353535; background: #666666; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet strong, :where(html[data-c~=dash][data-v=dark]) .wallet-balance > div:first-child strong{color: #ffffff; text-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet strong, :where(html[data-c~=dash][data-v=light]) .wallet-balance > div:first-child strong{color: #000000; text-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-lock-banner{display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 13px 15px; border: 1px solid #5c5c5c; border-radius: 13px; background: linear-gradient(#1e1e1e, #1e1e1e); box-shadow: none; text-align: left;}
:where(html[data-c~=dash][data-v=light]) .withdraw-lock-banner{display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 13px 15px; border: 1px solid #9f9f9f; border-radius: 13px; background: linear-gradient(#e1e1e1, #e1e1e1); box-shadow: none; text-align: left;}
:where(html[data-c~=dash][data-v=dark]) .bank-qr-dialog{width: min(94vw, 560px); max-height: 92vh; padding: 18px; border: 1px solid rgba(169,169,169,0.35); border-radius: 20px; background: linear-gradient(#141414, #141414); box-shadow: none; color: #eaeaea; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .bank-qr-dialog{width: min(94vw, 560px); max-height: 92vh; padding: 18px; border: 1px solid rgba(82,82,82,0.35); border-radius: 20px; background: linear-gradient(#ececec, #ececec); box-shadow: none; color: #141414; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-dialog{width: min(480px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(183,183,183,0.34); border-radius: 22px; background: linear-gradient(#161616, #161616); color: #ececec; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-dialog{width: min(480px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(68,68,68,0.34); border-radius: 22px; background: linear-gradient(#eaeaea, #eaeaea); color: #121212; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .withdraw-success-dialog h2{margin: 6px 0 6px; font-size: 21px; background: linear-gradient(#dbdbdb, #dbdbdb); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=light]) .withdraw-success-dialog h2{margin: 6px 0 6px; font-size: 21px; background: linear-gradient(#222222, #222222); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=dark]) label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box{background: linear-gradient(#d0d0d0, #d0d0d0); border-color: #d0d0d0; transform: scale(1.12) translateY(-1px); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box{background: linear-gradient(#2d2d2d, #2d2d2d); border-color: #2d2d2d; transform: scale(1.12) translateY(-1px); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) #withdrawal-list .row-item.is-status-pending{border-left: 4px solid #a0a0a0 !important; background: linear-gradient(rgba(160,160,160,0.12), rgba(160,160,160,0.12)) !important;}
:where(html[data-c~=dash][data-v=light]) #withdrawal-list .row-item.is-status-pending{border-left: 4px solid #5b5b5b !important; background: linear-gradient(rgba(91,91,91,0.12), rgba(91,91,91,0.12)) !important;}
:where(html[data-c~=dash]) #withdrawal-list .row-item.is-status-paid{border-left: 4px solid #10b981 !important; background: linear-gradient(rgba(16,185,129,0.12), rgba(16,185,129,0.12)) !important;}
:where(html[data-c~=dash][data-v=dark]) #withdrawal-list .row-item.is-status-cancelled{border-left: 4px solid #616161 !important; background: linear-gradient(rgba(97,97,97,0.12), rgba(97,97,97,0.12)) !important;}
:where(html[data-c~=dash][data-v=light]) #withdrawal-list .row-item.is-status-cancelled{border-left: 4px solid #9a9a9a !important; background: linear-gradient(rgba(154,154,154,0.12), rgba(154,154,154,0.12)) !important;}
:where(html[data-c~=dash]) .sys-announce-strip{display: none;}
:where(html[data-c~=dash]) .sys-announce-head{display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-count{flex: none; padding: 3px 10px; border-radius: 999px; background: rgba(21,21,21,0.14); font-size: 12px; font-weight: 800; color: #151515; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-count{flex: none; padding: 3px 10px; border-radius: 999px; background: rgba(234,234,234,0.14); font-size: 12px; font-weight: 800; color: #eaeaea; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .sys-announce-count[hidden], :where(html[data-c~=dash]) .sys-announce-pager[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-body{margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: rgba(21,21,21,0.86); white-space: pre-line; overflow-wrap: anywhere; max-height: 34vh; overflow-y: auto;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-body{margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: rgba(234,234,234,0.86); white-space: pre-line; overflow-wrap: anywhere; max-height: 34vh; overflow-y: auto;}
:where(html[data-c~=dash]) .sys-announce-pager{display: flex; gap: 6px; margin-left: auto;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-nav{width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(21,21,21,0.14); color: #151515; font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .sys-announce-nav{width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(234,234,234,0.14); color: #eaeaea; font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .sys-announce-nav:hover:not(:disabled){background: rgba(21,21,21,0.26);}
:where(html[data-c~=dash][data-v=light]) .sys-announce-nav:hover:not(:disabled){background: rgba(234,234,234,0.26);}
:where(html[data-c~=dash]) .sys-announce-nav:disabled{opacity: 0.35; cursor: default;}
:where(html[data-c~=dash]) .sys-announce-pager + .sys-announce-btn-dismiss{margin-left: 4px;}
:where(html[data-c~=dash]) .wallet-section .panel{box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-dialog{width: min(92vw, 400px); padding: 0; border: 1px solid rgba(192,192,192,0.3); border-radius: 18px; background: #131313; color: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-dialog{width: min(92vw, 400px); padding: 0; border: 1px solid rgba(60,60,60,0.3); border-radius: 18px; background: #ececec; color: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-dialog::backdrop{background: rgba(4,4,4,0.74); backdrop-filter: blur(3px);}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-dialog::backdrop{background: rgba(254,254,254,0.74); backdrop-filter: blur(3px);}
:where(html[data-c~=dash]) .wd-confirm-form{display: grid; gap: 12px; padding: 22px;}
:where(html[data-c~=dash]) .wd-confirm-form h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-summary{margin: 0; padding: 10px 12px; border: 1px solid rgba(192,192,192,0.25); border-radius: 10px; background: rgba(160,160,160,0.12); color: #c5c5c5; font-size: 13px; font-weight: 700; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-summary{margin: 0; padding: 10px 12px; border: 1px solid rgba(60,60,60,0.25); border-radius: 10px; background: rgba(91,91,91,0.12); color: #373737; font-size: 13px; font-weight: 700; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-field{display: grid; gap: 6px; color: #9d9d9d; font-size: 12px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-field{display: grid; gap: 6px; color: #5e5e5e; font-size: 12px; font-weight: 700;}
:where(html[data-c~=dash]) .wd-confirm-field[hidden], :where(html[data-c~=dash]) .wd-confirm-captcha[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-field input, :where(html[data-c~=dash][data-v=dark]) .wd-captcha-svg input{min-height: 42px; padding: 0 12px; border: 1px solid rgba(255,255,255,0.14); border-radius: 10px; background: rgba(6,6,6,0.75); color: #e6e6e6; font: inherit; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-field input, :where(html[data-c~=dash][data-v=light]) .wd-captcha-svg input{min-height: 42px; padding: 0 12px; border: 1px solid rgba(0,0,0,0.14); border-radius: 10px; background: rgba(252,252,252,0.75); color: #171717; font: inherit; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-field input:focus, :where(html[data-c~=dash][data-v=dark]) .wd-captcha-svg input:focus{border-color: #a0a0a0; outline: none;}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-field input:focus, :where(html[data-c~=dash][data-v=light]) .wd-captcha-svg input:focus{border-color: #5b5b5b; outline: none;}
:where(html[data-c~=dash]) .wd-confirm-captcha{display: grid; gap: 6px;}
:where(html[data-c~=dash]) .wd-captcha-svg{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .wd-captcha-svg img{height: 42px; border-radius: 8px; background: #ffffff; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wd-captcha-svg img{height: 42px; border-radius: 8px; background: #000000; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .wd-confirm-message{min-height: 16px; margin: 0; color: #aaaaaa; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .wd-confirm-message{min-height: 16px; margin: 0; color: #525252; font-size: 12px;}
:where(html[data-c~=dash]) .wd-confirm-actions{display: flex; justify-content: flex-end; gap: 8px;}
:where(html[data-c~=dash]) .ltn-earn-tabs{display: flex; gap: 8px; margin: 4px 0 16px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .ltn-earn-tab{min-height: 40px; padding: 0 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: inherit; font: inherit; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .ltn-earn-tab{min-height: 40px; padding: 0 18px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.04); color: inherit; font: inherit; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .ltn-earn-tab.is-active{background: #a0a0a0; border-color: #a0a0a0; color: #121212;}
:where(html[data-c~=dash][data-v=light]) .ltn-earn-tab.is-active{background: #5b5b5b; border-color: #5b5b5b; color: #eeeeee;}
:where(html[data-c~=dash]) .ltn-earn-pane[hidden]{display: none !important;}

:where(html[data-c~=dash]) .mobile-brand span span{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .sidebar-wallet{background: var(--ft-surface-2) !important; border: 1px solid var(--ft-line) !important; border-radius: var(--ft-radius) !important;}
:where(html[data-c~=dash]) .sidebar-wallet strong{color: var(--ft-text) !important; font-size: 22px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .ltn-offerwall-history-panel{background: var(--ft-surface) !important; border: 1px solid var(--ft-line) !important; border-radius: var(--ft-radius) !important; box-shadow: none !important; backdrop-filter: none !important;}
:where(html[data-c~=dash][data-v=dark]) button[type="submit"].primary, :where(html[data-c~=dash][data-v=dark]) .duck-btn-submit, :where(html[data-c~=dash][data-v=dark]) #duck-btn-submit-bank, :where(html[data-c~=dash][data-v=dark]) #duck-btn-submit-card, :where(html[data-c~=dash][data-v=dark]) #duck-btn-submit-game, :where(html[data-c~=dash][data-v=dark]) .ltn-boost-btn{background: var(--ft-accent) !important; background-image: none !important; color: #121212 !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 650 !important; text-shadow: none !important; animation: none !important;}
:where(html[data-c~=dash][data-v=light]) button[type="submit"].primary, :where(html[data-c~=dash][data-v=light]) .duck-btn-submit, :where(html[data-c~=dash][data-v=light]) #duck-btn-submit-bank, :where(html[data-c~=dash][data-v=light]) #duck-btn-submit-card, :where(html[data-c~=dash][data-v=light]) #duck-btn-submit-game, :where(html[data-c~=dash][data-v=light]) .ltn-boost-btn{background: var(--ft-accent) !important; background-image: none !important; color: #eeeeee !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 650 !important; text-shadow: none !important; animation: none !important;}
:where(html[data-c~=dash]) .duck-btn-submit:hover{background: var(--ft-accent-2) !important; filter: none !important; transform: none !important;}
:where(html[data-c~=dash]) .ltn-atmo-trigger{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-text) !important; box-shadow: none !important;}
:where(html[data-c~=dash][data-v=dark]) .ltn-atmo-panel, :where(html[data-c~=dash][data-v=dark]) #ltn-atmo-panel{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; box-shadow: 0 18px 50px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) .ltn-atmo-panel, :where(html[data-c~=dash][data-v=light]) #ltn-atmo-panel{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; box-shadow: 0 18px 50px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash]) .mobile-topbar, :where(html[data-c~=dash]) .mobile-backdrop{display: none;}
:where(html[data-c~=dash]) .mobile-menu-toggle{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}
:where(html[data-c~=dash]) .is-ph, :where(html[data-c~=dash]) .ltn-loading-text{color: var(--ft-muted) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; animation: ltnLoadPulse-e2247b 1.2s ease-in-out infinite;}
:where(html[data-c~=dash]) .ltn-loading-card{color: var(--ft-muted); font-size: 13px; text-align: center; animation: ltnLoadPulse-e2247b 1.2s ease-in-out infinite;}
:where(html[data-c~=dash]) .activity-chart > .ltn-loading-text{display: grid; place-items: center; min-height: 120px; width: 100%;}
:where(html[data-c~=dash]) .tk-card{display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important; padding: 16px !important; min-height: 0 !important;}
:where(html[data-c~=dash]) .tk-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .tk-icon{width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .tk-title{flex: 1; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .tk-name{font-size: 15px; font-weight: 800; color: var(--ft-text); overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .tk-tag{padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--ft-accent-2); background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .tk-pin{flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--ft-line); background: transparent; color: var(--ft-muted); cursor: pointer;}
:where(html[data-c~=dash]) .tk-pin.is-on{color: var(--ft-accent); border-color: var(--ft-accent); background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .tk-rows{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
:where(html[data-c~=dash]) .tk-rows li{display: flex; justify-content: space-between; gap: 12px; font-size: 13px;}
:where(html[data-c~=dash]) .tk-rows span{color: var(--ft-muted);}
:where(html[data-c~=dash]) .tk-rows strong{color: var(--ft-text); text-align: right;}
:where(html[data-c~=dash]) .tk-start{width: 100%; min-height: 42px;}
:where(html[data-c~=dash]) .tk-card.is-exhausted{opacity: .7; filter: grayscale(1);}
:where(html[data-c~=dash][data-v=dark]) .tk-card.is-exhausted .tk-start, :where(html[data-c~=dash][data-v=dark]) .tk-card.is-exhausted .tk-start:disabled{background: #2f2f2f !important; color: #7e7e7e !important; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .tk-card.is-exhausted .tk-start, :where(html[data-c~=dash][data-v=light]) .tk-card.is-exhausted .tk-start:disabled{background: #cecece !important; color: #7d7d7d !important; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash]) #ltn-checkin-panel{display: grid; gap: 16px;}
:where(html[data-c~=dash]) #ltn-checkin-panel .ltn-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
:where(html[data-c~=dash]) #ltn-checkin-panel .ltn-panel-title-with-icon{display: flex; align-items: center; gap: 12px;}
:where(html[data-c~=dash]) #ltn-checkin-panel .ltn-panel-icon{width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=dash]) #ltn-checkin-panel h3{margin: 0; font-size: 16px;}
:where(html[data-c~=dash]) #ltn-checkin-panel p{margin: 2px 0 0; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) #ltn-checkin-panel .ltn-progress-pill{padding: 4px 10px; border-radius: 999px; background: var(--ft-surface-2); font-size: 13px; font-weight: 700;}
:where(html[data-c~=dash]) #ltn-checkin-panel .ltn-quest-progressbar-track{height: 8px; border-radius: 999px; background: var(--ft-surface-2); overflow: hidden;}
:where(html[data-c~=dash]) #ltn-checkin-panel .ltn-quest-progressbar-fill{height: 100%; border-radius: 999px; background: var(--ft-accent); transition: width .3s;}
:where(html[data-c~=dash][data-v=dark]) #ltn-checkin-main-btn{width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: #2f2f2f; color: #7e7e7e; font-size: 15px; font-weight: 800; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) #ltn-checkin-main-btn{width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: #cecece; color: #7d7d7d; font-size: 15px; font-weight: 800; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=dark]) #ltn-checkin-main-btn.is-ready:not(:disabled){background: #22c55e; color: #161616; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) #ltn-checkin-main-btn.is-ready:not(:disabled){background: #22c55e; color: #e9e9e9; cursor: pointer;}
:where(html[data-c~=dash]) .ltn-checkin-note{display: grid; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2); border-left: 3px solid var(--ft-accent); font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .ltn-checkin-note strong{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .bw-layout .wallet-main{display: grid; gap: 14px; min-width: 0;}
:where(html[data-c~=dash]) .bw-chart-panel{display: grid; gap: 14px;}
:where(html[data-c~=dash]) .bw-legend{display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .bw-legend span{display: inline-flex; align-items: center; gap: 6px;}
:where(html[data-c~=dash]) .bw-legend i{width: 10px; height: 10px; border-radius: 50%; display: inline-block;}
:where(html[data-c~=dash][data-v=dark]) .bw-legend .is-pending{background: #b8b8b8;}
:where(html[data-c~=dash][data-v=light]) .bw-legend .is-pending{background: #444444;}
:where(html[data-c~=dash][data-v=dark]) .bw-legend .is-approved{background: #3b9bff;}
:where(html[data-c~=dash][data-v=light]) .bw-legend .is-approved{background: #005ab8;}
:where(html[data-c~=dash]) .bw-legend .is-done{background: #2fcf71;}
:where(html[data-c~=dash][data-v=dark]) .bw-legend .is-rejected{background: #ef4f4f;}
:where(html[data-c~=dash][data-v=light]) .bw-legend .is-rejected{background: #a80f0f;}
:where(html[data-c~=dash]) .bw-svg{width: 100%; height: auto; display: block;}
:where(html[data-c~=dash]) .bw-grid{stroke: var(--ft-line); stroke-width: 1; stroke-dasharray: 3 4;}
:where(html[data-c~=dash]) .bw-axis{fill: var(--ft-muted); font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .bw-area{fill: rgba(160,160,160,.08);}
:where(html[data-c~=dash][data-v=light]) .bw-area{fill: rgba(91,91,91,.08);}
:where(html[data-c~=dash]) .bw-line{fill: none; stroke: var(--ft-accent-2); stroke-width: 2; stroke-linejoin: round;}
:where(html[data-c~=dash]) .bw-stem{stroke-width: 1; opacity: .35;}
:where(html[data-c~=dash]) .bw-dot{cursor: pointer; stroke: var(--ft-surface); stroke-width: 2; transition: r .12s; outline: none;}
:where(html[data-c~=dash]) .bw-dot:hover, :where(html[data-c~=dash]) .bw-dot.is-selected{r: 8; stroke: var(--ft-text);}
:where(html[data-c~=dash]) .bw-detail{padding: 14px 16px; border-radius: 12px; background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .bw-detail h4{margin: 0 0 10px; font-size: 14px;}
:where(html[data-c~=dash]) .bw-detail dl{margin: 0; display: grid; gap: 8px;}
:where(html[data-c~=dash]) .bw-detail dl > div{display: flex; justify-content: space-between; gap: 12px; font-size: 13px;}
:where(html[data-c~=dash]) .bw-detail dt{color: var(--ft-muted);}
:where(html[data-c~=dash]) .bw-detail dd{margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .bw-stats{display: grid; gap: 10px;}
:where(html[data-c~=dash]) .bw-stats h3{margin: 0; font-size: 15px;}
:where(html[data-c~=dash]) .bw-stats > div{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px;}
:where(html[data-c~=dash]) .bw-stats span{color: var(--ft-muted);}
:where(html[data-c~=dash]) .bw-stats strong{font-size: 20px;}
:where(html[data-c~=dash]) .bw-orders{list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; display: grid; gap: 4px; border-top: 1px solid var(--ft-line); padding-top: 10px;}
:where(html[data-c~=dash]) .bw-orders li{display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px;}
:where(html[data-c~=dash]) .bw-orders li:hover, :where(html[data-c~=dash]) .bw-orders li.is-selected{background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .bw-orders li i{width: 9px; height: 9px; border-radius: 50%; flex: none;}
:where(html[data-c~=dash]) .bw-orders li span{flex: 1; color: var(--ft-muted); min-width: 0;}
:where(html[data-c~=dash]) .bw-orders:empty{display: none;}
:where(html[data-c~=dash]) .bw-form{display: grid; gap: 16px; padding: 22px;}
:where(html[data-c~=dash]) .bw-form h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash]) .bw-field{display: grid; gap: 8px;}
:where(html[data-c~=dash]) .bw-field label{font-size: 13px; font-weight: 600; color: var(--ft-muted);}
:where(html[data-c~=dash]) .bw-field input[type="text"], :where(html[data-c~=dash]) .bw-field input[type="number"]{width: 100%; box-sizing: border-box; min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 15px;}
:where(html[data-c~=dash]) .bw-field input:focus, :where(html[data-c~=dash]) .bk-field:focus-visible{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .bw-check{display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 12px; background: var(--ft-surface-2); font-size: 14px; cursor: pointer; line-height: 1.45;}
:where(html[data-c~=dash]) .bw-check input{width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ft-accent); flex: none;}
:where(html[data-c~=dash]) .bw-check em{color: var(--ft-muted); font-style: normal;}
:where(html[data-c~=dash][data-v=dark]) .bw-submit{min-height: 52px; border: 0; border-radius: 14px; background: var(--ft-accent); color: #121212; font-size: 16px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .bw-submit{min-height: 52px; border: 0; border-radius: 14px; background: var(--ft-accent); color: #eeeeee; font-size: 16px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash]) .bw-submit:hover:not(:disabled){background: var(--ft-accent-2);}
:where(html[data-c~=dash][data-v=dark]) .bw-submit:disabled{background: #2f2f2f; color: #7e7e7e; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .bw-submit:disabled{background: #cecece; color: #7d7d7d; cursor: not-allowed;}
:where(html[data-c~=dash]) .bw-note{margin: 0; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .bw-note strong{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .lbx{display: grid; gap: 16px;}
:where(html[data-c~=dash]) .bw-label{font-size: 13px; font-weight: 600; color: var(--ft-muted);}
:where(html[data-c~=dash]) .bk-field{width: 100%; min-height: 60px; display: flex; align-items: center; gap: 12px; padding: 8px 14px 8px 10px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); text-align: left; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .bk-field:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .bk-field.is-selected{border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .bk-field-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
:where(html[data-c~=dash]) .bk-field-text strong{font-size: 15px;}
:where(html[data-c~=dash]) .bk-field-text small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ft-muted); font-size: 12px; font-weight: 500;}
:where(html[data-c~=dash]) .bk-caret{flex: none; color: var(--ft-muted);}
:where(html[data-c~=dash][data-v=dark]) .bk-logo{width: 40px; height: 40px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #ffffff; color: #0e0e0e; font-size: 11px; font-weight: 900; letter-spacing: -.02em;}
:where(html[data-c~=dash][data-v=light]) .bk-logo{width: 40px; height: 40px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #000000; color: #f2f2f2; font-size: 11px; font-weight: 900; letter-spacing: -.02em;}
:where(html[data-c~=dash]) .bk-logo img{width: 100%; height: 100%; object-fit: contain; padding: 3px; box-sizing: border-box;}
:where(html[data-c~=dash]) .bk-logo.is-placeholder{background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=dash][data-v=dark]) .bk-logo.is-text{background: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .bk-logo.is-text{background: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .bk-dialog{width: min(92vw, 520px); max-width: none; max-height: min(84vh, 720px); padding: 0; border: 1px solid var(--ft-line-2); border-radius: 20px; background: var(--ft-surface); color: var(--ft-text); box-shadow: 0 30px 80px rgba(0,0,0,.6); overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .bk-dialog{width: min(92vw, 520px); max-width: none; max-height: min(84vh, 720px); padding: 0; border: 1px solid var(--ft-line-2); border-radius: 20px; background: var(--ft-surface); color: var(--ft-text); box-shadow: 0 30px 80px rgba(255,255,255,.6); overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .bk-dialog::backdrop{background: rgba(4,4,4,.7); backdrop-filter: blur(3px);}
:where(html[data-c~=dash][data-v=light]) .bk-dialog::backdrop{background: rgba(254,254,254,.7); backdrop-filter: blur(3px);}
:where(html[data-c~=dash]) .bk-dialog[open]{display: flex;}
:where(html[data-c~=dash]) .bk-sheet{flex: 1; min-height: 0; display: flex; flex-direction: column;}
:where(html[data-c~=dash]) .bk-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 12px;}
:where(html[data-c~=dash]) .bk-head h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash]) .bk-x{width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--ft-surface-2); color: var(--ft-muted); font-size: 14px; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .bk-x:hover{color: var(--ft-text);}
:where(html[data-c~=dash]) .bk-search-wrap{position: relative; margin: 0 20px 12px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .bk-search-wrap svg{position: absolute; left: 14px; top: 50%; transform: translateY(-50%); pointer-events: none;}
:where(html[data-c~=dash]) .bk-search-wrap input{width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px 0 42px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 15px;}
:where(html[data-c~=dash]) .bk-search-wrap input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .bk-body{flex: 1; min-height: 0; overflow-y: auto; padding: 0 12px 16px; overscroll-behavior: contain;}
:where(html[data-c~=dash]) .bk-group{display: grid; gap: 8px; padding: 4px 8px 12px;}
:where(html[data-c~=dash]) .bk-group[hidden]{display: none;}
:where(html[data-c~=dash]) .bk-group-title{color: var(--ft-muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;}
:where(html[data-c~=dash]) .bk-popular{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=dash]) .bk-tile{min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .bk-tile span:last-child{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash]) .bk-tile:hover{border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .bk-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
:where(html[data-c~=dash]) .bk-item{display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; cursor: pointer;}
:where(html[data-c~=dash]) .bk-item:hover, :where(html[data-c~=dash]) .bk-item.is-active{background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .bk-item.is-current{background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .bk-item-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
:where(html[data-c~=dash]) .bk-item-text strong{font-size: 14px;}
:where(html[data-c~=dash]) .bk-item-text small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .bk-check{color: var(--ft-accent); font-weight: 900;}
:where(html[data-c~=dash]) .bk-status{margin: 4px 0 0; color: var(--ft-muted); font-size: 13px; text-align: center;}
:where(html[data-c~=dash]) .bk-status:empty{display: none;}
:where(html[data-c~=dash]) .gc-layout{display: grid; grid-template-columns: 1fr !important; gap: 16px; align-items: start; max-width: 560px;}
:where(html[data-c~=dash]) .gc-card{display: grid; gap: 14px; padding: 22px;}
:where(html[data-c~=dash]) .gc-label{display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--ft-text);}
:where(html[data-c~=dash]) .gc-icon{width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--ft-accent-soft); color: var(--ft-accent-2); flex: none;}
:where(html[data-c~=dash]) .gc-card input{width: 100%; box-sizing: border-box; min-height: 52px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 17px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;}
:where(html[data-c~=dash]) .gc-card input::placeholder{color: var(--ft-muted); letter-spacing: .2em; font-weight: 500;}
:where(html[data-c~=dash]) .gc-card input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash][data-v=dark]) .gc-submit{min-height: 50px; border: 0; border-radius: 12px; background: var(--ft-accent); color: #121212; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .gc-submit{min-height: 50px; border: 0; border-radius: 12px; background: var(--ft-accent); color: #eeeeee; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .gc-submit:hover:not(:disabled){background: var(--ft-accent-2);}
:where(html[data-c~=dash]) .gc-submit:disabled{opacity: .6; cursor: wait;}
:where(html[data-c~=dash]) .gc-card .inline-message:empty{display: none;}
:where(html[data-c~=dash]) .gc-rules{padding: 20px 22px;}
:where(html[data-c~=dash]) .gc-rules h3{margin: 0 0 10px; font-size: 16px;}
:where(html[data-c~=dash]) .gc-rules ul{margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--ft-muted); font-size: 14px; line-height: 1.5;}
:where(html[data-c~=dash]) .gc-rules li::marker{color: var(--ft-accent);}
:where(html[data-c~=dash]) .wd-tiles{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=dash]) .wd-tiles.is-brands{grid-template-columns: repeat(5, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wd-tiles.is-login{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wd-tile{position: relative; display: block; cursor: pointer;}
:where(html[data-c~=dash]) .wd-tile input{position: absolute; opacity: 0; pointer-events: none;}
:where(html[data-c~=dash]) .wd-tile > span{min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px 6px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 14px; font-weight: 700; text-align: center; transition: border-color .15s, background .15s;}
:where(html[data-c~=dash]) .wd-tile > span small{color: var(--ft-muted); font-size: 12px; font-weight: 600;}
:where(html[data-c~=dash]) .wd-tile:hover > span{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .wd-tile input:checked + span{border-color: var(--ft-accent); background: var(--ft-accent-soft); box-shadow: inset 0 0 0 1px var(--ft-accent);}
:where(html[data-c~=dash]) .wd-tile input:checked + span small{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wd-tile input:focus-visible + span{outline: 2px solid var(--ft-accent); outline-offset: 2px;}
:where(html[data-c~=dash]) .wd-summary{display: grid; gap: 8px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2); font-size: 14px;}
:where(html[data-c~=dash]) .wd-summary > div{display: flex; justify-content: space-between; gap: 12px;}
:where(html[data-c~=dash]) .wd-summary span{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wd-summary strong{font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .bw-field[hidden]{display: none;}
:where(html[data-c~=dash]) .bw-detail-action{justify-content: flex-end !important; padding-top: 4px;}
:where(html[data-c~=dash][data-v=dark]) .bw-detail-btn{min-height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--ft-accent); color: #121212; font-weight: 800; cursor: pointer; font-size: 13px; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .bw-detail-btn{min-height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--ft-accent); color: #eeeeee; font-weight: 800; cursor: pointer; font-size: 13px; white-space: nowrap;}
:where(html[data-c~=dash]) .dd{position: relative;}
:where(html[data-c~=dash]) .dd-btn{width: 100%; min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-muted); font-size: 15px; text-align: left; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .dd.has-value .dd-btn{color: var(--ft-text);}
:where(html[data-c~=dash]) .dd-btn:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .dd.is-open .dd-btn, :where(html[data-c~=dash]) .dd-btn:focus-visible{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .dd-value{flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .dd-label{font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash]) .dd-sub{margin-left: auto; color: var(--ft-muted); font-size: 12px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=dash]) .dd-caret{flex: none; color: var(--ft-muted); transition: transform .15s;}
:where(html[data-c~=dash]) .dd.is-open .dd-caret{transform: rotate(180deg);}
:where(html[data-c~=dash]) .dd-dot{width: 10px; height: 10px; flex: none; border-radius: 50%; display: inline-block;}
:where(html[data-c~=dash][data-v=dark]) .dd-menu{position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 290px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--ft-line-2); background: var(--ft-surface); box-shadow: 0 18px 44px rgba(0,0,0,.55);}
:where(html[data-c~=dash][data-v=light]) .dd-menu{position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 290px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--ft-line-2); background: var(--ft-surface); box-shadow: 0 18px 44px rgba(255,255,255,.55);}
:where(html[data-c~=dash]) .dd-menu[hidden]{display: none;}
:where(html[data-c~=dash]) .dd-option{display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: 9px; color: var(--ft-text); font-size: 15px; cursor: pointer;}
:where(html[data-c~=dash]) .dd-option:hover, :where(html[data-c~=dash]) .dd-option.is-active{background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .dd-option[aria-selected="true"]{background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .dd-option[aria-selected="true"] .dd-label{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .bw-history{display: grid; gap: 12px; padding: 22px;}
:where(html[data-c~=dash]) .bw-history h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash]) .wd-history{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; max-height: 420px; overflow-y: auto;}
:where(html[data-c~=dash]) .wd-history-row{display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wd-history-main{display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=dash]) .wd-history-main strong{font-size: 14px;}
:where(html[data-c~=dash]) .wd-history-main small{color: var(--ft-muted); font-size: 12px; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wd-history-empty{padding: 14px; color: var(--ft-muted); font-size: 14px; text-align: center;}
:where(html[data-c~=dash]) .wd-status{padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wd-status.is-pending{background: rgba(184,184,184,.14); color: #b8b8b8;}
:where(html[data-c~=dash][data-v=light]) .wd-status.is-pending{background: rgba(68,68,68,.14); color: #444444;}
:where(html[data-c~=dash][data-v=dark]) .wd-status.is-done{background: rgba(47,207,113,.14); color: #5be39a;}
:where(html[data-c~=dash][data-v=light]) .wd-status.is-done{background: rgba(47,207,113,.14); color: #1b9d57;}
:where(html[data-c~=dash][data-v=dark]) .wd-status.is-rejected{background: rgba(239,79,79,.14); color: #ff7b7b;}
:where(html[data-c~=dash][data-v=light]) .wd-status.is-rejected{background: rgba(168,15,15,.14); color: #b80000;}
:where(html[data-c~=dash]) .bw-form > *, :where(html[data-c~=dash]) .bw-field > *{min-width: 0;}
:where(html[data-c~=dash]) .bw-form .bw-check span{overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .bw-form .inline-message:empty, :where(html[data-c~=dash]) .gc-card .inline-message:empty{display: none;}
:where(html[data-c~=dash]) .bw-form .inline-message{margin: 0; font-size: 13px;}
:where(html[data-c~=dash]) .wd-history-row .bw-detail-btn{min-height: 32px; padding: 0 12px;}
:where(html[data-c~=dash]) .tk-live{position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ft-accent); flex: none;}
:where(html[data-c~=dash]) .tk-live::after{content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #2fcf71; opacity: 0; animation: tkLivePulse-d58627 1.8s ease-out infinite; border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .lg-wrap{display: grid; gap: 16px; max-width: 760px;}
:where(html[data-c~=dash]) .lg-card{padding: 22px 24px;}
:where(html[data-c~=dash]) .lg-card h3{margin: 0 0 10px; font-size: 17px;}
:where(html[data-c~=dash]) .lg-card p{margin: 0 0 10px; color: var(--ft-muted); font-size: 14px; line-height: 1.65;}
:where(html[data-c~=dash]) .lg-card ul{margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--ft-muted); font-size: 14px; line-height: 1.6;}
:where(html[data-c~=dash]) .lg-card li::marker{color: var(--ft-accent);}
:where(html[data-c~=dash]) #legal .lg-wrap{max-width: none; margin-top: 16px;}
:where(html[data-c~=dash]) .lbt{display: grid; gap: 10px; padding: 14px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .lbt-head{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
:where(html[data-c~=dash]) .lbt-title{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--ft-text);}
:where(html[data-c~=dash]) .lbt-title svg{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .lbt-search{position: relative; color: var(--ft-muted);}
:where(html[data-c~=dash]) .lbt-search svg{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none;}
:where(html[data-c~=dash]) .lbt-search input{width: 100%; box-sizing: border-box; min-height: 40px; padding: 0 12px 0 36px; border-radius: 10px; border: 1px solid var(--ft-line); background: var(--ft-surface); color: var(--ft-text); font-size: 14px;}
:where(html[data-c~=dash]) .lbt-search input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .lbt-list{list-style: none; margin: 0; padding: 0 2px 0 0; display: grid; gap: 8px; max-height: 300px; overflow-y: auto;}
:where(html[data-c~=dash]) .lbt-item{display: grid; gap: 8px; padding: 11px 12px; border-radius: 12px; border: 2px solid var(--ft-line); background: var(--ft-surface); cursor: pointer; transition: border-color .15s;}
:where(html[data-c~=dash]) .lbt-item:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .lbt-item:focus-visible{outline: 0; border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .lbt-item.is-selected{border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .lbt-item-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .lbt-logo{width: 34px; height: 34px; border-radius: 9px;}
:where(html[data-c~=dash]) .lbt-item-title{flex: 1; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .lbt-item-title strong{font-size: 14px;}
:where(html[data-c~=dash]) .lbt-item-title small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .lbt-code{padding: 1px 6px; border-radius: 5px; border: 1px solid var(--ft-line); color: var(--ft-muted); font-size: 11px; font-weight: 700;}
:where(html[data-c~=dash]) .lbt-tag{padding: 1px 7px; border-radius: 999px; background: var(--ft-accent-soft); color: var(--ft-accent-2); font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .lbt-del{flex: none; min-height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(239,79,79,.3); background: transparent; color: var(--ft-muted); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none; border-color: var(--ft-line-2);}
:where(html[data-c~=dash][data-v=light]) .lbt-del{flex: none; min-height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(168,15,15,.3); background: transparent; color: var(--ft-muted); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none; border-color: var(--ft-line-2);}
:where(html[data-c~=dash][data-v=dark]) .lbt-del.is-confirm{background: var(--ft-accent); color: #121212; border-color: var(--ft-accent);}
:where(html[data-c~=dash][data-v=light]) .lbt-del.is-confirm{background: var(--ft-accent); color: #eeeeee; border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .lbt-item-info{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 8px 10px; border-radius: 9px; background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .lbt-item-info > div{display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=dash]) .lbt-item-info > div + div{padding-left: 8px; border-left: 1px solid var(--ft-line);}
:where(html[data-c~=dash]) .lbt-item-info small{color: var(--ft-muted); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;}
:where(html[data-c~=dash]) .lbt-item-info strong{font-size: 13px; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .lbt-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em;}
:where(html[data-c~=dash]) .lbt-empty{display: grid; gap: 2px; padding: 16px 10px; border-radius: 12px; border: 1.5px dashed var(--ft-line); color: var(--ft-muted); font-size: 13px; text-align: center; list-style: none;}
:where(html[data-c~=dash]) .lbt-empty strong{color: var(--ft-text); font-size: 13.5px;}
:where(html[data-c~=dash]) .tk-heading-actions{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash]) .tk-actions{display: flex; gap: 8px;}
:where(html[data-c~=dash]) .tk-actions .tk-start{flex: 1;}
:where(html[data-c~=dash]) .tk-start.is-doing{background: var(--ft-surface-2) !important; color: var(--ft-accent-2) !important; border: 1px solid var(--ft-accent) !important;}
:where(html[data-c~=dash]) .tk-reload{min-height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--ft-line-2); background: var(--ft-surface-2); color: var(--ft-text); font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: none; white-space: nowrap;}
:where(html[data-c~=dash]) .tk-reload:hover:not(:disabled){border-color: var(--ft-accent); color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .tk-reload:disabled{opacity: .6; cursor: wait;}
:where(html[data-c~=dash]) .tk-actions .tk-reload{min-height: 42px;}
:where(html[data-c~=dash]) .tk-tag.is-doing{background: var(--ft-surface-2); color: var(--ft-accent-2); border: 1px solid var(--ft-line-2);}
:where(html[data-c~=dash]) .tk-ncc-note{grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; color: var(--ft-muted); font-size: 13px;}
:where(html[data-c~=dash]) .lbt-del:hover{color: var(--ft-text); border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .glass-badge{border-color: var(--ft-line) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .feature-icon-green{border-color: transparent !important; background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) #stat-clicks{color: var(--ft-text) !important;}
:where(html[data-c~=dash]) .mobile-logout{display: none;}
:where(html[data-c~=dash]) .sidebar-logout-text{display: none;}
:where(html[data-c~=dash]) #task-list.task-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; align-items: stretch;}
:where(html[data-c~=dash]) #task-list.task-grid .tk-card{min-width: 0;}
:where(html[data-c~=dash]) #task-list .tk-sentinel{grid-column: 1 / -1; height: 1px;}
:where(html[data-c~=dash]) #task-list-regular.task-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; align-items: stretch;}
@media (max-width: 860px){
:where(html[data-c~=dash][data-v=dark]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(14,14,14,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=dash][data-v=light]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(242,242,242,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=dash]) .mobile-menu-btn{display: grid; touch-action: manipulation; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-text); cursor: pointer; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) .mobile-brand{display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; color: var(--ft-text); font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden;}
:where(html[data-c~=dash]) .mobile-brand .brand-mark{display: inline-grid; width: 26px; height: 26px; flex: none;}
:where(html[data-c~=dash]) .mobile-brand .brand-mark img{width: 100%; height: 100%; object-fit: contain;}
:where(html[data-c~=dash]) .mobile-balance{display: grid; gap: 1px; justify-items: end; padding: 5px 12px; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); text-decoration: none;}
:where(html[data-c~=dash]) .mobile-balance small{color: var(--ft-muted); font-size: 9.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;}
:where(html[data-c~=dash]) .mobile-balance strong{color: var(--ft-text); font-size: 14px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash][data-v=dark]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(4,4,4,0.66); opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=dash][data-v=light]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(254,254,254,0.66); opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=dash][data-v=dark]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash]) .mobile-menu-toggle:checked ~ .mobile-backdrop{opacity: 1; visibility: visible;}
:where(html[data-c~=dash]) .mobile-menu-toggle:checked ~ .dashboard-layout .main-content{overflow: hidden;}
:where(html[data-c~=dash]) body.mobile-menu-open{overflow: hidden;}
:where(html[data-c~=dash]) .ltn-atmosphere-dock{bottom: calc(14px + env(safe-area-inset-bottom)) !important; left: 12px !important; right: auto !important;}
:where(html[data-c~=dash]) .ltn-atmo-trigger{padding: 8px 12px; font-size: 12px;}
:where(html[data-c~=dash]) body.mobile-menu-open .ltn-atmosphere-dock{display: none;}
:where(html[data-c~=dash]) .gc-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .mobile-logout{display: grid; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-muted); cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) .mobile-logout:active, :where(html[data-c~=dash]) .mobile-logout:hover{color: var(--ft-accent-2); border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .mobile-logout:disabled{opacity: .6;}
:where(html[data-c~=dash]) .mobile-brand > span:last-child{overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash]) .sidebar-logout-text{display: inline;}
}
@media (max-width: 720px){
:where(html[data-c~=dash]) .topbar{flex-wrap: wrap; gap: 8px; padding-left: 14px; padding-right: 14px;}
:where(html[data-c~=dash]) .top-nav{display: none !important;}
:where(html[data-c~=dash]) .header-actions{margin-left: auto; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .account-greeting{display: none;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .is-ph, :where(html[data-c~=dash]) .ltn-loading-text, :where(html[data-c~=dash]) .ltn-loading-card{animation: none;}
}
@media (max-width: 560px){
:where(html[data-c~=dash]) .bk-dialog{width: 100%; max-width: 100%; max-height: 88vh; margin: auto 0 0; border-radius: 20px 20px 0 0; border-bottom: 0;}
:where(html[data-c~=dash]) .bk-popular{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=dash]) .bk-tile{padding: 8px 2px; font-size: 11px;}
:where(html[data-c~=dash]) .bk-logo{width: 36px; height: 36px;}
:where(html[data-c~=dash]) .wd-tiles.is-brands{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wd-tile > span{font-size: 13px;}
:where(html[data-c~=dash]) .bw-form, :where(html[data-c~=dash]) .bw-history{padding: 18px 16px;}
:where(html[data-c~=dash]) .wd-history-row{grid-template-columns: minmax(0, 1fr) auto;}
:where(html[data-c~=dash]) .wd-history-row .bw-detail-btn{grid-column: 1 / -1; justify-self: start;}
:where(html[data-c~=dash]) .dd-sub{display: none;}
:where(html[data-c~=dash]) .dd-menu .dd-sub{display: inline;}
:where(html[data-c~=dash]) .lbt-item-info{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .lbt-item-info > div + div{padding-left: 0; border-left: 0; padding-top: 6px; border-top: 1px solid var(--ft-line);}
}
@media (max-width: 380px){
:where(html[data-c~=dash]) .mobile-topbar{gap: 8px; padding-left: 10px; padding-right: 10px;}
:where(html[data-c~=dash]) .mobile-brand{font-size: 15px;}
:where(html[data-c~=dash]) .mobile-balance{padding: 4px 10px;}
}
@media (min-width: 640px){
:where(html[data-c~=dash]) #task-list.task-grid{gap: 14px;}
}
:where(html[data-c~=dash]) .wallet-section [hidden]{display: none !important;}
:where(html[data-c~=dash]) .wallet-section .dashboard-layout{min-height: 100vh;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .section-eyebrow{color: #919191; font-size: 9px; font-weight: 800; letter-spacing: 1.2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .section-eyebrow{color: #6a6a6a; font-size: 9px; font-weight: 800; letter-spacing: 1.2px;}
:where(html[data-c~=dash]) .wallet-section .content-section{scroll-margin-top: 20px; margin: 19px 0 27px; max-width: 1720px; margin-top: 24px; margin-bottom: 34px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .welcome-card{position: relative; display: flex; min-height: 185px; align-items: center; justify-content: space-between; overflow: hidden; padding: 23px clamp(20px, 4vw, 34px); border: 1px solid #86868645; border-radius: 15px; background: linear-gradient(transparent, transparent), linear-gradient(#282828, #282828); box-shadow: none; gap: 16px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .welcome-card{position: relative; display: flex; min-height: 185px; align-items: center; justify-content: space-between; overflow: hidden; padding: 23px clamp(20px, 4vw, 34px); border: 1px solid #75757545; border-radius: 15px; background: linear-gradient(transparent, transparent), linear-gradient(#d6d6d6, #d6d6d6); box-shadow: none; gap: 16px; flex-wrap: wrap;}
:where(html[data-c~=dash]) .wallet-section .welcome-card h2{margin: 9px 0 6px; font-size: clamp(25px, 2.5vw, 34px); letter-spacing: -.8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .welcome-card p{max-width: 650px; margin: 0; color: #a8a8a8; font-size: 13px; line-height: 1.7;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .welcome-card p{max-width: 650px; margin: 0; color: #545454; font-size: 13px; line-height: 1.7;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .welcome-orb{display: grid; flex: none; width: 83px; height: 83px; place-items: center; margin-right: 5%; border: 1px solid #c2c2c270; border-radius: 27px; background: linear-gradient(#c0c0c03a, #c0c0c03a); color: #d3d3d3; font-size: 35px; box-shadow: none; transform: rotate(8deg); animation: orb-glow-dc4a00 3s ease-in-out infinite alternate;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .welcome-orb{display: grid; flex: none; width: 83px; height: 83px; place-items: center; margin-right: 5%; border: 1px solid #3b3b3b70; border-radius: 27px; background: linear-gradient(#3c3c3c3a, #3c3c3c3a); color: #2a2a2a; font-size: 35px; box-shadow: none; transform: rotate(8deg); animation: orb-glow-a6b2af 3s ease-in-out infinite alternate;}
:where(html[data-c~=dash]) .wallet-section .stats-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 17px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card{min-width: 0; display: grid; gap: 10px; padding: 16px; border: 1px solid #44444480; border-radius: 10px; background: linear-gradient(#1b1b1b, #1b1b1b); box-shadow: none; transition: transform .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card{min-width: 0; display: grid; gap: 10px; padding: 16px; border: 1px solid #b8b8b880; border-radius: 10px; background: linear-gradient(#e4e4e4, #e4e4e4); box-shadow: none; transition: transform .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card > span{color: #9b9b9b; font-size: 9px; font-weight: 750; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card > span{color: #606060; font-size: 9px; font-weight: 750; letter-spacing: .5px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card strong{overflow-wrap: anywhere; color: #f1f1f1; font-size: clamp(22px, 2vw, 30px);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card strong{overflow-wrap: anywhere; color: #0d0d0d; font-size: clamp(22px, 2vw, 30px);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card small{color: #8d8d8d; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card small{color: #6e6e6e; font-size: 11px;}
:where(html[data-c~=dash]) .wallet-section .section-heading{display: flex; align-items: end; justify-content: space-between; gap: 13px; margin: 0 0 13px;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2{margin: 5px 0 4px; font-size: 21px; letter-spacing: -.4px;}
:where(html[data-c~=dash]) .wallet-section .section-heading p{margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .count-pill{flex: none; padding: 8px 12px; border: 1px solid #5454548c; border-radius: 20px; background: #4141412b; color: #c7c7c7; font-size: 10px; font-weight: 750; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .count-pill{flex: none; padding: 8px 12px; border: 1px solid #a7a7a78c; border-radius: 20px; background: #bababa2b; color: #363636; font-size: 10px; font-weight: 750; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .task-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; align-items: stretch;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card, :where(html[data-c~=dash][data-v=dark]) .wallet-section .empty-card, :where(html[data-c~=dash][data-v=dark]) .wallet-section .panel{min-width: 0; border: 1px solid #3a3a3a; border-radius: 10px; background: linear-gradient(#191919, #191919);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card, :where(html[data-c~=dash][data-v=light]) .wallet-section .empty-card, :where(html[data-c~=dash][data-v=light]) .wallet-section .panel{min-width: 0; border: 1px solid #c3c3c3; border-radius: 10px; background: linear-gradient(#e5e5e5, #e5e5e5);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card{display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: stretch; padding: 16px 16px 14px; min-height: 0; position: relative; overflow: hidden; border: 1px solid #3a3a3a; border-radius: 16px; background: linear-gradient(transparent, transparent), linear-gradient(#181818, #181818); box-shadow: none; grid-template-rows: auto auto auto auto; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card{display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: stretch; padding: 16px 16px 14px; min-height: 0; position: relative; overflow: hidden; border: 1px solid #c2c2c2; border-radius: 16px; background: linear-gradient(transparent, transparent), linear-gradient(#e7e7e7, #e7e7e7); box-shadow: none; grid-template-rows: auto auto auto auto; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-pinned{border-color: #a9a9a9; background: linear-gradient(transparent, transparent), linear-gradient(#1c1c1c, #1c1c1c); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-pinned{border-color: #525252; background: linear-gradient(transparent, transparent), linear-gradient(#e2e2e2, #e2e2e2); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .primary-button{min-height: 38px; padding: 0 14px; border: 1px solid #999999; border-radius: 7px; background: linear-gradient(#c5c5c5, #c5c5c5); color: #151515; font-size: 10px; font-weight: 850; cursor: pointer; transition: .18s ease; position: relative; overflow: hidden; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .primary-button{min-height: 38px; padding: 0 14px; border: 1px solid #626262; border-radius: 7px; background: linear-gradient(#373737, #373737); color: #eaeaea; font-size: 10px; font-weight: 850; cursor: pointer; transition: .18s ease; position: relative; overflow: hidden; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .primary-button:hover{box-shadow: none; transform: translateY(-1px);}
:where(html[data-c~=dash]) .wallet-section .primary-button:disabled{opacity: .5; cursor: default; transform: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .empty-card{grid-column: 1 / -1; padding: 20px; color: #919191; text-align: center; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .empty-card{grid-column: 1 / -1; padding: 20px; color: #6a6a6a; text-align: center; font-size: 10px;}
:where(html[data-c~=dash]) .wallet-section .wallet-layout{display: flex; flex-direction: column; gap: 17px; max-width: 1060px; margin: 0 auto; width: 100%; grid-template-columns: minmax(0, 1fr);}
:where(html[data-c~=dash]) .wallet-section .wallet-main{display: grid; gap: 14px;}
:where(html[data-c~=dash]) .wallet-section .wallet-balance{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wallet-balance > div{display: grid; gap: 7px; padding: 16px; border: 1px solid #4f4f4f90; border-radius: 9px; background: linear-gradient(#262626, #262626); min-height: 94px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wallet-balance > div{display: grid; gap: 7px; padding: 16px; border: 1px solid #adadad90; border-radius: 9px; background: linear-gradient(#d8d8d8, #d8d8d8); min-height: 94px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wallet-balance span{color: #9c9c9c; font-size: 9px; font-weight: 750; letter-spacing: .45px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wallet-balance span{color: #5f5f5f; font-size: 9px; font-weight: 750; letter-spacing: .45px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wallet-balance strong{color: #d3d3d3; font-size: clamp(20px, 1.9vw, 27px); overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wallet-balance strong{color: #2a2a2a; font-size: clamp(20px, 1.9vw, 27px); overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wallet-section .panel{padding: 18px;}
:where(html[data-c~=dash]) .wallet-section .panel-heading{display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 11px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .panel-heading h3{margin: 0; color: #ececec; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .panel-heading h3{margin: 0; color: #121212; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .panel-heading p{margin: 4px 0 0; color: #8e8e8e; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .panel-heading p{margin: 4px 0 0; color: #6d6d6d; font-size: 10px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form{display: grid; gap: 13px; padding: clamp(19px, 2.4vw, 30px); border-color: #6f6f6f8c; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#1b1b1b, #1b1b1b); box-shadow: none; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form{display: grid; gap: 13px; padding: clamp(19px, 2.4vw, 30px); border-color: #8c8c8c8c; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#e4e4e4, #e4e4e4); box-shadow: none; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form label{margin-top: 2px; color: #c3c3c3; font-size: 11px; font-weight: 650;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form label{margin-top: 2px; color: #393939; font-size: 11px; font-weight: 650;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form input:not([type="checkbox"]), :where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form select{width: 100%; min-height: 39px; padding: 0 9px; border: 1px solid #454545; border-radius: 6px; background: #0f0f0f; color: #f1f1f1; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form input:not([type="checkbox"]), :where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form select{width: 100%; min-height: 39px; padding: 0 9px; border: 1px solid #b6b6b6; border-radius: 6px; background: #f1f1f1; color: #0d0d0d; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form input:focus, :where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form select:focus{border-color: #9d9d9d; outline: 2px solid #9d9d9d25;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form input:focus, :where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form select:focus{border-color: #5e5e5e; outline: 2px solid #5e5e5e25;}
:where(html[data-c~=dash]) .wallet-section .withdrawal-form .primary-button{min-height: 48px; margin-top: 3px; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .inline-message{min-height: 13px; margin: 0; color: #b9b9b9; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .inline-message{min-height: 13px; margin: 0; color: #434343; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash]) .wallet-section .rows-list{display: grid; gap: 7px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .money-row{display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; padding: 11px 12px; border: 1px solid #353535; border-radius: 7px; background: #121212;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .money-row{display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; padding: 11px 12px; border: 1px solid #c7c7c7; border-radius: 7px; background: #eeeeee;}
:where(html[data-c~=dash]) .wallet-section .money-row > div{min-width: 0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .money-row strong{display: block; color: #e0e0e0; font-size: 9px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .money-row strong{display: block; color: #1d1d1d; font-size: 9px; overflow-wrap: anywhere;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .money-row span{display: block; margin-top: 4px; color: #8e8e8e; font-size: 9px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .money-row span{display: block; margin-top: 4px; color: #6d6d6d; font-size: 9px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .money-amount{flex: none; color: #c5c5c5 !important; font-size: 9px !important; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .money-amount{flex: none; color: #373737 !important; font-size: 9px !important; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .money-positive{color: #c5c5c5 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .money-positive{color: #373737 !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .money-negative{color: #a8a8a8 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .money-negative{color: #535353 !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .mini-action{flex: none; padding: 5px 7px; border: 1px solid #575757; border-radius: 5px; background: #232323; color: #d3d3d3; font-size: 8px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .mini-action{flex: none; padding: 5px 7px; border: 1px solid #a4a4a4; border-radius: 5px; background: #dbdbdb; color: #2a2a2a; font-size: 8px; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .secondary-button{min-height: 37px; margin-top: 3px; border: 1px solid #6a6a6a; border-radius: 6px; background: #2b2b2b; color: #d4d4d4; font-size: 10px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .secondary-button{min-height: 37px; margin-top: 3px; border: 1px solid #909090; border-radius: 6px; background: #d2d2d2; color: #292929; font-size: 10px; font-weight: 750; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .secondary-button:hover{border-color: #bcbcbc; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .secondary-button:hover{border-color: #404040; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .page-error{padding: 10px 12px; border: 1px solid #666666; border-radius: 7px; background: #272727; color: #bdbdbd; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .page-error{padding: 10px 12px; border: 1px solid #959595; border-radius: 7px; background: #d7d7d7; color: #3f3f3f; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section footer{margin-top: 36px; padding: 15px 0; border-top: 1px solid #353535; color: #767676; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section footer{margin-top: 36px; padding: 15px 0; border-top: 1px solid #c8c8c8; color: #858585; font-size: 10px; text-align: center;}
:where(html[data-c~=dash]) .wallet-section .content-section:not([hidden]){animation: none;}
:where(html[data-c~=dash]) .wallet-section .stats-grid .stat-card, :where(html[data-c~=dash]) .wallet-section .task-card, :where(html[data-c~=dash]) .wallet-section .shortcut-card, :where(html[data-c~=dash]) .wallet-section .panel{animation: none;}
:where(html[data-c~=dash]) .wallet-section .stats-grid .stat-card:nth-child(2){animation-delay: 55ms;}
:where(html[data-c~=dash]) .wallet-section .stats-grid .stat-card:nth-child(3){animation-delay: 110ms;}
:where(html[data-c~=dash]) .wallet-section .stats-grid .stat-card:nth-child(4){animation-delay: 165ms;}
:where(html[data-c~=dash]) .wallet-section .task-grid .task-card:nth-child(2n){animation-delay: 70ms;}
:where(html[data-c~=dash]) .wallet-section .task-grid .task-card:nth-child(3n){animation-delay: 120ms;}
:where(html[data-c~=dash]) .wallet-section .shortcut-card{transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;}
:where(html[data-c~=dash]) .wallet-section .shortcut-card:hover{transform: translateX(3px);}
:where(html[data-c~=dash]) .wallet-section .overview-shortcuts{display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; margin-top: 16px; overflow-x: auto !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .shortcut-card{display: flex; min-width: 0; align-items: center; gap: 12px; padding: 15px; border: 1px solid #484848; border-radius: 10px; background: linear-gradient(#1e1e1e, #1e1e1e);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .shortcut-card{display: flex; min-width: 0; align-items: center; gap: 12px; padding: 15px; border: 1px solid #b4b4b4; border-radius: 10px; background: linear-gradient(#e1e1e1, #e1e1e1);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .shortcut-card:hover{border-color: #9c9c9c; background: #272727; box-shadow: none; transform: translateY(-2px) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .shortcut-card:hover{border-color: #5f5f5f; background: #d7d7d7; box-shadow: none; transform: translateY(-2px) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .shortcut-card > span{display: grid; flex: none; width: 36px; height: 36px; place-items: center; border: 1px solid #969696; border-radius: 9px; background: #3f3f3f66; color: #c5c5c5; font-size: 18px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .shortcut-card > span{display: grid; flex: none; width: 36px; height: 36px; place-items: center; border: 1px solid #656565; border-radius: 9px; background: #bdbdbd66; color: #373737; font-size: 18px;}
:where(html[data-c~=dash]) .wallet-section .shortcut-card > div{display: grid; min-width: 0; gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .shortcut-card strong{color: #ededed; font-size: 12px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .shortcut-card strong{color: #111111; font-size: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .shortcut-card small{color: #989898; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .shortcut-card small{color: #636363; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .shortcut-card > b{margin-left: auto; color: #c5c5c5; font-size: 16px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .shortcut-card > b{margin-left: auto; color: #373737; font-size: 16px;}
:where(html[data-c~=dash]) .wallet-section .money-row strong, :where(html[data-c~=dash]) .wallet-section .money-amount{font-size: 10px !important;}
:where(html[data-c~=dash]) .wallet-section .activity-chart-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 15px;}
:where(html[data-c~=dash]) .wallet-section .chart-panel{min-width: 0; overflow: hidden;}
:where(html[data-c~=dash]) .wallet-section .activity-chart{min-height: 160px;}
:where(html[data-c~=dash]) .wallet-section .activity-chart svg{display: block; width: 100%; height: auto; overflow: visible;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-grid-line{stroke: #525252; stroke-dasharray: 3 5; stroke-width: 1; opacity: .55;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-grid-line{stroke: #a9a9a9; stroke-dasharray: 3 5; stroke-width: 1; opacity: .55;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-axis-label{fill: #8f8f8f; font-family: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-axis-label{fill: #6c6c6c; font-family: inherit; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-area{fill: #a0a0a01c;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-area{fill: #5b5b5b1c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-line{fill: none; stroke: #b3b3b3; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; filter: drop-shadow(0 0 5px #a0a0a066);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-line{fill: none; stroke: #494949; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; filter: drop-shadow(0 0 5px #5b5b5b66);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-point{fill: #d3d3d3; stroke: #202020; stroke-width: 2;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-point{fill: #2a2a2a; stroke: #dedede; stroke-width: 2;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-point:focus{outline: none; stroke: #f2f2f2; stroke-width: 4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-point:focus{outline: none; stroke: #0d0d0d; stroke-width: 4;}
:where(html[data-c~=dash]) .wallet-section .task-history-panel{margin-top: 13px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .podium-card{position: relative; display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 20px 12px 12px; border: 1px solid #323232; border-radius: 14px; background: linear-gradient(#131313, #131313); text-align: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .podium-card{position: relative; display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 20px 12px 12px; border: 1px solid #cacaca; border-radius: 14px; background: linear-gradient(#ececec, #ececec); text-align: center;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table{width: 100%; border-collapse: separate; border-spacing: 0 6px; table-layout: fixed;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-table th{padding: 0 10px 4px; color: #737373; font-size: 8px; font-weight: 800; letter-spacing: .6px; text-align: left; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-table th{padding: 0 10px 4px; color: #888888; font-size: 8px; font-weight: 800; letter-spacing: .6px; text-align: left; text-transform: uppercase;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:first-child{width: 84px;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:nth-child(3){width: 112px;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:nth-child(4){width: 128px;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:nth-child(3), :where(html[data-c~=dash]) .wallet-section .leaderboard-table th:nth-child(4), :where(html[data-c~=dash]) .wallet-section .leaderboard-table td:nth-child(3), :where(html[data-c~=dash]) .wallet-section .leaderboard-table td:nth-child(4){text-align: right;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-table td{padding: 8px 10px; border-top: 1px solid #282828; border-bottom: 1px solid #282828; background: #101010; color: #cfcfcf; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-table td{padding: 8px 10px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background: #f0f0f0; color: #2e2e2e; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-table td:first-child{border-left: 1px solid #282828; border-radius: 9px 0 0 9px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-table td:first-child{border-left: 1px solid #d5d5d5; border-radius: 9px 0 0 9px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-table td:last-child{border-right: 1px solid #282828; border-radius: 0 9px 9px 0;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-table td:last-child{border-right: 1px solid #d5d5d5; border-radius: 0 9px 9px 0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-table tr:hover td{background: #141414;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-table tr:hover td{background: #ebebeb;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .empty-list{display: grid; min-height: 65px; place-items: center; padding: 14px; color: #919191; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .empty-list{display: grid; min-height: 65px; place-items: center; padding: 14px; color: #6a6a6a; font-size: 10px; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-confirm{display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #4f4f4f; border-radius: 8px; background: linear-gradient(#2d2d2d, #2d2d2d); color: #d3d3d3 !important; font-size: 9px !important; line-height: 1.6; cursor: pointer; border-color: #555555;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-confirm{display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid #acacac; border-radius: 8px; background: linear-gradient(#d0d0d0, #d0d0d0); color: #2a2a2a !important; font-size: 9px !important; line-height: 1.6; cursor: pointer; border-color: #a6a6a6;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-confirm:has(input:checked){border-color: #bcbcbc; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-confirm:has(input:checked){border-color: #404040; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-confirm input[type="checkbox"]{box-sizing: border-box; flex: 0 0 16px; width: 16px; min-width: 16px; max-width: 16px; min-height: 16px; height: 16px; margin: 1px 0 0; padding: 0; accent-color: #9d9d9d; cursor: pointer; appearance: none; border: 1px solid #848484; border-radius: 4px; background: #121212; border-color: #828282;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-confirm input[type="checkbox"]{box-sizing: border-box; flex: 0 0 16px; width: 16px; min-width: 16px; max-width: 16px; min-height: 16px; height: 16px; margin: 1px 0 0; padding: 0; accent-color: #5e5e5e; cursor: pointer; appearance: none; border: 1px solid #777777; border-radius: 4px; background: #ededed; border-color: #787878;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-confirm input[type="checkbox"]:checked{border-color: #c7c7c7; background: #959595; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-confirm input[type="checkbox"]:checked{border-color: #353535; background: #666666; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .withdrawal-confirm > span{display: grid; gap: 3px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-confirm strong{color: #d2d2d2; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-confirm strong{color: #2b2b2b; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-confirm small{color: #9b9b9b; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-confirm small{color: #616161; font-size: 9px; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-point-future{fill: #bbbbbb; stroke: #363636; stroke-dasharray: 2 2;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-point-future{fill: #414141; stroke: #c6c6c6; stroke-dasharray: 2 2;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form input[type="file"]{height: auto; min-height: 38px; padding: 7px; border-style: dashed; border-color: #828282; background: #171717;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form input[type="file"]{height: auto; min-height: 38px; padding: 7px; border-style: dashed; border-color: #787878; background: #e8e8e8;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form input[type="file"]::file-selector-button{margin-right: 9px; padding: 5px 8px; border: 1px solid #6e6e6e; border-radius: 5px; background: #2d2d2d; color: #dedede; font-size: 9px; cursor: pointer; border-color: #898989;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form input[type="file"]::file-selector-button{margin-right: 9px; padding: 5px 8px; border: 1px solid #8d8d8d; border-radius: 5px; background: #d0d0d0; color: #1f1f1f; font-size: 9px; cursor: pointer; border-color: #727272;}
:where(html[data-c~=dash]) .wallet-section .withdrawal-form .panel-heading{margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form .panel-heading h3{font-size: 17px; color: #e8e8e8;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form .panel-heading h3{font-size: 17px; color: #161616;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdrawal-form .panel-heading p{font-size: 11px; color: #929292;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdrawal-form .panel-heading p{font-size: 11px; color: #696969;}
:where(html[data-c~=dash]) .wallet-section .withdrawal-form input:not([type="file"]):not([type="checkbox"]), :where(html[data-c~=dash]) .wallet-section .withdrawal-form select{min-height: 45px; padding: 10px 12px; font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .rows-list.empty-list{display: grid; min-height: 90px; place-items: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card-balance{border-color: #44444480; background: linear-gradient(#1b1b1b, #1b1b1b); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card-balance{border-color: #b8b8b880; background: linear-gradient(#e4e4e4, #e4e4e4); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card-balance strong{color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card-balance strong{color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card:hover{transform: translateY(-2px); border-color: #717171;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card:hover{transform: translateY(-2px); border-color: #898989;}
:where(html[data-c~=dash]) .wallet-section .overview-task-list{display: grid; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .overview-task-row{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid #343434; border-radius: 9px; background: #131313; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .overview-task-row{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid #c8c8c8; border-radius: 9px; background: #ededed; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .overview-task-row:hover{transform: translateX(3px); border-color: #8d8d8d; background: #171717;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .overview-task-row:hover{transform: translateX(3px); border-color: #6e6e6e; background: #e8e8e8;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .overview-task-icon{display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #1f1f1f; font-size: 16px; animation: taskFloat-38deef 4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .overview-task-icon{display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #dfdfdf; font-size: 16px; animation: taskFloat-38deef 4s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .overview-task-row div{display: grid; min-width: 0; gap: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .overview-task-row strong{overflow: hidden; color: #e2e2e2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .overview-task-row strong{overflow: hidden; color: #1b1b1b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .overview-task-row small{overflow: hidden; color: #8e8e8e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .overview-task-row small{overflow: hidden; color: #6d6d6d; font-size: 9px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .overview-task-row b{color: #b9b9b9; font-size: 11px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .overview-task-row b{color: #434343; font-size: 11px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card::after{display: none; content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: var(--glow-line); -webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); mask-composite: exclude; opacity: 0; transition: opacity 240ms ease; pointer-events: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card::after{display: none; content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: var(--glow-line); -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0); mask-composite: exclude; opacity: 0; transition: opacity 240ms ease; pointer-events: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-icon{display: grid; width: 48px; height: 48px; flex: none; place-items: center; border: 1px solid #484848; border-radius: 14px; background: linear-gradient(transparent, transparent); font-size: 24px; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-icon{display: grid; width: 48px; height: 48px; flex: none; place-items: center; border: 1px solid #b4b4b4; border-radius: 14px; background: linear-gradient(transparent, transparent); font-size: 24px; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .task-card.is-pinned::after{display: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-join{width: 100%; min-height: 42px; border: 0; border-radius: 12px; background: linear-gradient(#979797, #979797); color: #f9f9f9; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; box-shadow: none; transition: filter .2s ease, transform .2s ease; letter-spacing: .2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-join{width: 100%; min-height: 42px; border: 0; border-radius: 12px; background: linear-gradient(#646464, #646464); color: #060606; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; box-shadow: none; transition: filter .2s ease, transform .2s ease; letter-spacing: .2px;}
:where(html[data-c~=dash]) .wallet-section .task-join:hover:not(:disabled){filter: brightness(1.08); transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-join:disabled{background: #1d1d1d; color: #7a7a7a; box-shadow: none; cursor: not-allowed; border: 1px solid #303030;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-join:disabled{background: #e2e2e2; color: #808080; box-shadow: none; cursor: not-allowed; border: 1px solid #cdcdcd;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .success-amount{display: grid; width: 100%; gap: 3px; padding: 13px; border: 1px solid #505050; border-radius: 12px; background: #191919;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .success-amount{display: grid; width: 100%; gap: 3px; padding: 13px; border: 1px solid #acacac; border-radius: 12px; background: #e6e6e6;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .success-amount strong{color: #d4d4d4; font-size: 30px; line-height: 1.1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .success-amount strong{color: #292929; font-size: 30px; line-height: 1.1;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .success-amount span{color: #a2a2a2; font-size: 8px; font-weight: 850; letter-spacing: .8px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .success-amount span{color: #595959; font-size: 8px; font-weight: 850; letter-spacing: .8px;}
:where(html[data-c~=dash]) .wallet-section .success-actions{display: grid; width: 100%; gap: 7px;}
:where(html[data-c~=dash]) .wallet-section .success-actions .primary-button{min-height: 40px; justify-content: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .loading-card{display: grid; width: min(330px, 86vw); justify-items: center; gap: 9px; padding: 26px; border: 1px solid #434343; border-radius: 16px; background: linear-gradient(#131313, #131313); text-align: center; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .loading-card{display: grid; width: min(330px, 86vw); justify-items: center; gap: 9px; padding: 26px; border: 1px solid #b8b8b8; border-radius: 16px; background: linear-gradient(#ececec, #ececec); text-align: center; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .loading-card strong{color: #e8e8e8; font-size: 15px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .loading-card strong{color: #161616; font-size: 15px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .loading-card p{margin: 0; color: #969696; font-size: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .loading-card p{margin: 0; color: #656565; font-size: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card::before{content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, #a5a5a588 28%, #6e6e6e88 58%, transparent); opacity: .7;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card::before{content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, #56565688 28%, #8d8d8d88 58%, transparent); opacity: .7;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card:hover{transform: translateY(-2px); border-color: #868686; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card:hover{transform: translateY(-2px); border-color: #757575; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-pinned::before{background: linear-gradient(90deg, transparent, #d0d0d0cc, #97979799, transparent); opacity: 1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-pinned::before{background: linear-gradient(90deg, transparent, #2d2d2dcc, #64646499, transparent); opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-complete{border-color: #606060; background: linear-gradient(transparent, transparent), linear-gradient(#1c1c1c, #1c1c1c);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-complete{border-color: #9a9a9a; background: linear-gradient(transparent, transparent), linear-gradient(#e2e2e2, #e2e2e2);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-complete::before{background: linear-gradient(90deg, transparent, #d0d0d0aa, #97979788, transparent);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-complete::before{background: linear-gradient(90deg, transparent, #2d2d2daa, #64646488, transparent);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-complete .task-join:disabled{border-color: #555555; background: #222222; color: #d5d5d5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-complete .task-join:disabled{border-color: #a6a6a6; background: #dbdbdb; color: #282828;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-claimed:not(.is-complete) .task-join:disabled{border-color: #3e3e3e; background: #1e1e1e; color: #a6a6a6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-claimed:not(.is-complete) .task-join:disabled{border-color: #bebebe; background: #e0e0e0; color: #555555;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-tooltip{position: fixed; z-index: 120; display: grid; min-width: 150px; gap: 2px; padding: 10px 13px; border: 1px solid #5b5b5b; border-radius: 12px; background: linear-gradient(#1a1a1af7, #1a1a1af7); box-shadow: none; opacity: 0; pointer-events: none; transform: translate(-50%, -100%) scale(.95); transition: opacity .16s ease, transform .16s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-tooltip{position: fixed; z-index: 120; display: grid; min-width: 150px; gap: 2px; padding: 10px 13px; border: 1px solid #9f9f9f; border-radius: 12px; background: linear-gradient(#e4e4e4f7, #e4e4e4f7); box-shadow: none; opacity: 0; pointer-events: none; transform: translate(-50%, -100%) scale(.95); transition: opacity .16s ease, transform .16s ease;}
:where(html[data-c~=dash]) .wallet-section .chart-tooltip.is-visible{opacity: 1; transform: translate(-50%, -100%) scale(1);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-tooltip::after{content: ""; position: absolute; left: 50%; bottom: -5px; width: 9px; height: 9px; border-right: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b; background: #0d0d0d; transform: translateX(-50%) rotate(45deg);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-tooltip::after{content: ""; position: absolute; left: 50%; bottom: -5px; width: 9px; height: 9px; border-right: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; background: #f4f4f4; transform: translateX(-50%) rotate(45deg);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-tooltip small{color: #a8a8a8; font-size: 9px; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-tooltip small{color: #545454; font-size: 9px; letter-spacing: .4px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-tooltip strong{color: #d5d5d5; font-size: 17px; line-height: 1.2;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-tooltip strong{color: #282828; font-size: 17px; line-height: 1.2;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .chart-tooltip span{color: #ababab; font-size: 9px; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .chart-tooltip span{color: #505050; font-size: 9px; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card.is-current{border-color: #b7b7b7; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-card.is-current{border-color: #454545; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .task-card.is-busy:not(.is-current){opacity: .52; filter: saturate(.65);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .stat-card-balance strong, :where(html[data-c~=dash][data-v=dark]) .wallet-section .wallet-balance > div:first-child strong{color: #ffffff; text-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .stat-card-balance strong, :where(html[data-c~=dash][data-v=light]) .wallet-section .wallet-balance > div:first-child strong{color: #000000; text-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .task-card .task-icon{width: 34px; height: 34px; border-radius: 10px; font-size: 16px;}
:where(html[data-c~=dash]) .wallet-section .task-card .task-join{min-height: 40px; border-radius: 11px; font-size: 12px; font-weight: 800; letter-spacing: .2px; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .avatar-img{width: 100%; height: 100%; border-radius: inherit; object-fit: cover; display: block;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .podium-card.is-empty{border-style: dashed; border-color: #2f2f2f; background: linear-gradient(#111111, #111111); opacity: .72;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .podium-card.is-empty{border-style: dashed; border-color: #cdcdcd; background: linear-gradient(#efefef, #efefef); opacity: .72;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-tab{display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #a5a5a5; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-tab{display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #575757; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-tab:hover{color: #dbdbdb;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-tab:hover{color: #222222;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .leaderboard-tab.is-active{border-color: #a9a9a9; background: linear-gradient(#2d2d2d, #2d2d2d); color: #e1e1e1; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .leaderboard-tab.is-active{border-color: #525252; background: linear-gradient(#d0d0d0, #d0d0d0); color: #1d1d1d; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table tr{opacity: 1;}
:where(html[data-c~=dash]) .wallet-section .task-card .task-join:not(:disabled):hover{box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .section-heading h2::before, :where(html[data-c~=dash][data-v=dark]) .wallet-section .panel-heading h3::before{content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 9px; vertical-align: -2px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%23d0d0d0'/><stop offset='1' stop-color='%23979797'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-b09678 3.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .section-heading h2::before, :where(html[data-c~=dash][data-v=light]) .wallet-section .panel-heading h3::before{content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 9px; vertical-align: -2px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%232d2d2d'/><stop offset='1' stop-color='%23646464'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-1104db 3.4s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2, :where(html[data-c~=dash]) .wallet-section .panel-heading h3{letter-spacing: -.2px; position: relative; padding-bottom: 8px;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2::first-letter, :where(html[data-c~=dash]) .wallet-section .panel-heading h3::first-letter{letter-spacing: 0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdraw-lock-banner{display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 13px 15px; border: 1px solid #5c5c5c; border-radius: 13px; background: linear-gradient(#1e1e1e, #1e1e1e); box-shadow: none; text-align: left;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdraw-lock-banner{display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 13px 15px; border: 1px solid #9f9f9f; border-radius: 13px; background: linear-gradient(#e1e1e1, #e1e1e1); box-shadow: none; text-align: left;}
:where(html[data-c~=dash]) .wallet-section .withdraw-lock-banner[hidden]{display: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdraw-lock-icon{display: grid; width: 36px; height: 36px; flex: none; place-items: center; border: 1px solid #b7b7b755; border-radius: 11px; background: #202020; color: #d1d1d1; animation: lockPulseSoft-b10a4f 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdraw-lock-icon{display: grid; width: 36px; height: 36px; flex: none; place-items: center; border: 1px solid #45454555; border-radius: 11px; background: #dedede; color: #2c2c2c; animation: lockPulseSoft-aa25d3 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdraw-lock-banner strong{display: block; color: #dcdcdc; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdraw-lock-banner strong{display: block; color: #212121; font-size: 12px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdraw-lock-banner p{margin: 4px 0 0; color: #b7b7b7; font-size: 11px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdraw-lock-banner p{margin: 4px 0 0; color: #454545; font-size: 11px; line-height: 1.6;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .withdraw-lock-banner small{display: block; margin-top: 4px; color: #d1d1d1; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .withdraw-lock-banner small{display: block; margin-top: 4px; color: #2c2c2c; font-size: 10px; font-weight: 700;}
:where(html[data-c~=dash]) .wallet-section .task-card, :where(html[data-c~=dash]) .wallet-section .panel{position: relative; transition: transform 180ms ease, box-shadow 220ms ease, border-color 220ms ease;}
:where(html[data-c~=dash]) .wallet-section .task-card:hover::after{opacity: 1;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .primary-button::after{content: none !important; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.42), transparent); transform: skewX(-18deg); animation: none !important; pointer-events: none; display: none !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .primary-button::after{content: none !important; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(0,0,0,0.42), transparent); transform: skewX(-18deg); animation: none !important; pointer-events: none; display: none !important;}
:where(html[data-c~=dash]) .wallet-section .primary-button:not(:disabled):hover{box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .task-history-panel, :where(html[data-c~=dash]) .wallet-section .rows-list .money-row{transition: box-shadow 200ms ease, transform 160ms ease;}
:where(html[data-c~=dash]) .wallet-section .rows-list .money-row:hover{box-shadow: none; transform: translateX(2px);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .section-heading h2::after, :where(html[data-c~=dash][data-v=dark]) .wallet-section .panel-heading h3::after{content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 82px; border-radius: 999px; background: linear-gradient(90deg, rgba(152,152,152,0.95), rgba(214,214,214,0.7), transparent); box-shadow: none; animation: underlinePulse-6d604c 3.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .section-heading h2::after, :where(html[data-c~=dash][data-v=light]) .wallet-section .panel-heading h3::after{content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 82px; border-radius: 999px; background: linear-gradient(90deg, rgba(99,99,99,0.95), rgba(39,39,39,0.7), transparent); box-shadow: none; animation: underlinePulse-6d604c 3.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .page-toast{position: fixed; z-index: 60; left: 50%; bottom: 26px; transform: translate(-50%, 18px); max-width: min(92vw, 460px); padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(132,132,132,0.45); background: linear-gradient(rgba(43,43,43,0.96), rgba(43,43,43,0.96)); color: #e8e8e8; font-size: 12.5px; font-weight: 650; line-height: 1.45; box-shadow: none; opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 240ms ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .page-toast{position: fixed; z-index: 60; left: 50%; bottom: 26px; transform: translate(-50%, 18px); max-width: min(92vw, 460px); padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(119,119,119,0.45); background: linear-gradient(rgba(211,211,211,0.96), rgba(211,211,211,0.96)); color: #161616; font-size: 12.5px; font-weight: 650; line-height: 1.45; box-shadow: none; opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 240ms ease;}
:where(html[data-c~=dash]) .wallet-section .page-toast.is-visible{opacity: 1; transform: translate(-50%, 0);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .secondary-block-link{display: inline-flex; align-items: center; padding: 11px 18px; border: 1px solid rgba(218,218,218,0.3); border-radius: 999px; background: rgba(255,255,255,0.05); color: #ebebeb; font-size: 12.5px; font-weight: 700; text-decoration: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .secondary-block-link{display: inline-flex; align-items: center; padding: 11px 18px; border: 1px solid rgba(36,36,36,0.3); border-radius: 999px; background: rgba(0,0,0,0.05); color: #131313; font-size: 12.5px; font-weight: 700; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .secondary-block-link:hover{background: rgba(255,255,255,0.11);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .secondary-block-link:hover{background: rgba(0,0,0,0.11);}
:where(html[data-c~=dash]) #wallet, :where(html[data-c~=dash]) #wallet-bank, :where(html[data-c~=dash]) #wallet-card, :where(html[data-c~=dash]) #wallet-game, :where(html[data-c~=dash]) .wallet-section .wallet-layout, :where(html[data-c~=dash]) .wallet-section .withdrawal-form, :where(html[data-c~=dash]) .wallet-section #withdrawal-list{contain: layout style; will-change: auto;}
:where(html[data-c~=dash]) .wallet-section #withdrawal-list .row-item{content-visibility: auto; contain-intrinsic-size: 86px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-celebration-toast{position: fixed; top: 22px; right: 22px; z-index: 9998; display: flex; align-items: center; gap: 14px; max-width: min(92vw, 430px); padding: 14px 18px; border-radius: 16px; border: 1.5px solid rgba(110,247,167,0.55); background: linear-gradient(rgba(29,29,29,0.97), rgba(29,29,29,0.97)); color: #f9f9f9; box-shadow: none; transform: translateY(-24px) scale(0.96); opacity: 0; pointer-events: none; transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-celebration-toast{position: fixed; top: 22px; right: 22px; z-index: 9998; display: flex; align-items: center; gap: 14px; max-width: min(92vw, 430px); padding: 14px 18px; border-radius: 16px; border: 1.5px solid rgba(10,174,78,0.55); background: linear-gradient(rgba(225,225,225,0.97), rgba(225,225,225,0.97)); color: #060606; box-shadow: none; transform: translateY(-24px) scale(0.96); opacity: 0; pointer-events: none; transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;}
:where(html[data-c~=dash]) .wallet-section .ltn-celebration-toast.is-visible{transform: translateY(0) scale(1); opacity: 1; pointer-events: auto;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-celebration-icon{flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 21px; background: linear-gradient(#42f59b, #42f59b); color: #191919; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-celebration-icon{flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 21px; background: linear-gradient(#09ae5b, #09ae5b); color: #e6e6e6; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-celebration-body{display: grid; gap: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-celebration-body strong{font-size: 14px; color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-celebration-body strong{font-size: 14px; color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-celebration-body span{font-size: 12px; color: #dcdcdc; line-height: 1.4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-celebration-body span{font-size: 12px; color: #222222; line-height: 1.4;}
:where(html[data-c~=dash]) .wallet-section .ltn-daily-hub{display: grid; gap: 18px; margin-bottom: 26px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border-radius: 20px; border: 1.5px solid rgba(142,142,142,0.42); background: radial-gradient(80% 120% at 10% 50%, rgba(104,104,104,0.22), transparent 65%), radial-gradient(70% 100% at 90% 20%, rgba(93,93,93,0.24), transparent 70%), linear-gradient(135deg, #131313 0%, #0e0e0e 55%, #0b0b0b 100%); box-shadow: 0 16px 40px rgba(0,0,0,0.45), inset 0 1px 0 rgba(220,220,220,0.18);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border-radius: 20px; border: 1.5px solid rgba(109,109,109,0.42); background: radial-gradient(80% 120% at 10% 50%, rgba(146,146,146,0.22), transparent 65%), radial-gradient(70% 100% at 90% 20%, rgba(158,158,158,0.24), transparent 70%), linear-gradient(135deg, #ededed 0%, #f3f3f3 55%, #f6f6f6 100%); box-shadow: 0 16px 40px rgba(255,255,255,0.45), inset 0 1px 0 rgba(33,33,33,0.18);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner.is-booster{border-color: rgba(167,167,167,0.85); box-shadow: 0 18px 46px rgba(57,57,57,0.28), 0 0 28px rgba(104,104,104,0.35);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner.is-booster{border-color: rgba(84,84,84,0.85); box-shadow: 0 18px 46px rgba(196,196,196,0.28), 0 0 28px rgba(146,146,146,0.35);}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-gem-wrap{flex: 0 0 74px; width: 74px; height: 74px; display: grid; place-items: center;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-gem-svg{width: 74px; height: 74px; overflow: visible;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-diamond{transform-origin: 44px 44px; animation: ltnBoostFloat-099828 3s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-orbit{transform-origin: 44px 44px;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-sparks{transform-origin: 44px 44px;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-content{flex: 1 1 320px; display: grid; gap: 6px;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-title-row{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-pill{padding: 3px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 850; letter-spacing: 0.05em; color: #ececec; background: linear-gradient(120deg, #393939, #373737);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-pill{padding: 3px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 850; letter-spacing: 0.05em; color: #121212; background: linear-gradient(120deg, #c4c4c4, #c5c5c5);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-status{padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; color: #d1d1d1; background: rgba(255,255,255,0.08); border: 1px solid rgba(190,190,190,0.25);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-status{padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; color: #2c2c2c; background: rgba(0,0,0,0.08); border: 1px solid rgba(62,62,62,0.25);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-status.is-active{color: #1b1b1b; background: linear-gradient(120deg, #69f0ae, #00e676); border-color: transparent; box-shadow: 0 0 16px rgba(105,240,174,0.5);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-status.is-active{color: #e3e3e3; background: linear-gradient(120deg, #11a75d, #00e676); border-color: transparent; box-shadow: 0 0 16px rgba(17,167,93,0.5);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-content h3{margin: 0; font-size: 17px; color: #f7f7f7;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-content h3{margin: 0; font-size: 17px; color: #070707;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-highlight{color: #adadad; text-shadow: 0 0 14px rgba(146,146,146,0.55);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-highlight{color: #4e4e4e; text-shadow: 0 0 14px rgba(105,105,105,0.55);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-content p{margin: 0; font-size: 12.5px; color: #c2c2c2; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-content p{margin: 0; font-size: 12.5px; color: #3a3a3a; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-content code{padding: 1px 6px; border-radius: 6px; background: rgba(255,255,255,0.1); color: #dcdcdc; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-content code{padding: 1px 6px; border-radius: 6px; background: rgba(0,0,0,0.1); color: #222222; font-size: 11.5px;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-actions{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-discord-btn, :where(html[data-c~=dash]) .wallet-section .ltn-boost-sync-btn{padding: 10px 15px; border-radius: 12px; font-size: 12.5px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform 150ms ease, filter 150ms ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-discord-btn{color: #ffffff; background: linear-gradient(125deg, #686868, #5d5d5d); box-shadow: 0 8px 22px rgba(48,48,48,0.4);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-discord-btn{color: #000000; background: linear-gradient(125deg, #929292, #9e9e9e); box-shadow: 0 8px 22px rgba(204,204,204,0.4);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-sync-btn{border: 1px solid rgba(170,170,170,0.42); background: rgba(255,255,255,0.07); color: #e0e0e0;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-sync-btn{border: 1px solid rgba(81,81,81,0.42); background: rgba(0,0,0,0.07); color: #1e1e1e;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-discord-btn:hover, :where(html[data-c~=dash]) .wallet-section .ltn-boost-sync-btn:hover{transform: translateY(-2px); filter: brightness(1.1);}
:where(html[data-c~=dash]) .wallet-section .ltn-daily-panels{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-panel, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-panel{padding: 18px 20px !important; border-radius: 20px !important; border: 1px solid rgba(176,176,176,0.25) !important; background: linear-gradient(transparent, transparent), linear-gradient(#121212, #121212) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-panel, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-panel{padding: 18px 20px !important; border-radius: 20px !important; border: 1px solid rgba(75,75,75,0.25) !important; background: linear-gradient(transparent, transparent), linear-gradient(#eeeeee, #eeeeee) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-panel-head{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-badge{display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: 0.06em; color: #d9d9d9; background: rgba(152,152,152,0.18); border: 1px solid rgba(169,169,169,0.34); margin-bottom: 4px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-badge{display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 850; letter-spacing: 0.06em; color: #242424; background: rgba(99,99,99,0.18); border: 1px solid rgba(82,82,82,0.34); margin-bottom: 4px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-badge.is-gold{color: #141414; background: linear-gradient(#d1d1d1, #d1d1d1); border-color: transparent;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-badge.is-gold{color: #ebebeb; background: linear-gradient(#2c2c2c, #2c2c2c); border-color: transparent;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-title-wrap h3{margin: 0 0 4px; font-size: 16.5px; color: #f3f3f3;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-title-wrap h3{margin: 0 0 4px; font-size: 16.5px; color: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-title-wrap p{margin: 0; font-size: 12px; color: #a2a2a2;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-title-wrap p{margin: 0; font-size: 12px; color: #595959;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-today-counter{padding: 8px 13px; border-radius: 12px; border: 1px solid rgba(176,176,176,0.3); background: rgba(7,7,7,0.65); text-align: right;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-today-counter{padding: 8px 13px; border-radius: 12px; border: 1px solid rgba(75,75,75,0.3); background: rgba(251,251,251,0.65); text-align: right;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-today-counter span{display: block; font-size: 9.5px; font-weight: 800; letter-spacing: 0.06em; color: #9e9e9e;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-today-counter span{display: block; font-size: 9.5px; font-weight: 800; letter-spacing: 0.06em; color: #5d5d5d;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-today-counter strong{font-size: 15px; color: #c1c1c1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-today-counter strong{font-size: 15px; color: #3b3b3b;}
:where(html[data-c~=dash]) .wallet-section .ltn-milestones-grid{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 5px; padding: 12px 8px 10px; border-radius: 14px; border: 1px solid rgba(177,177,177,0.24); background: linear-gradient(rgba(25,25,25,0.92), rgba(25,25,25,0.92)); transition: transform 150ms ease, border-color 150ms ease; align-items: center; text-align: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card{position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 5px; padding: 12px 8px 10px; border-radius: 14px; border: 1px solid rgba(75,75,75,0.24); background: linear-gradient(rgba(230,230,230,0.92), rgba(230,230,230,0.92)); transition: transform 150ms ease, border-color 150ms ease; align-items: center; text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card:hover{transform: translateY(-2px); border-color: rgba(193,193,193,0.45);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card:hover{transform: translateY(-2px); border-color: rgba(59,59,59,0.45);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card.is-claimable{border-color: #d1d1d1; box-shadow: none; background: linear-gradient(rgba(40,40,40,0.95), rgba(40,40,40,0.95));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card.is-claimable{border-color: #2c2c2c; box-shadow: none; background: linear-gradient(rgba(213,213,213,0.95), rgba(213,213,213,0.95));}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card.is-claimed{opacity: 0.72; border-color: rgba(74,222,128,0.45); background: linear-gradient(rgba(34,34,34,0.9), rgba(34,34,34,0.9));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card.is-claimed{opacity: 0.72; border-color: rgba(28,155,75,0.45); background: linear-gradient(rgba(220,220,220,0.9), rgba(220,220,220,0.9));}
:where(html[data-c~=dash]) .wallet-section .ltn-milestone-top{display: flex; align-items: center; justify-content: space-between; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-target{font-size: 12.5px; font-weight: 800; color: #f1f1f1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-target{font-size: 12.5px; font-weight: 800; color: #0d0d0d;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-reward{padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 850; color: #131313; background: linear-gradient(#d5d5d5, #d5d5d5);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-reward{padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 850; color: #ededed; background: linear-gradient(#282828, #282828);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-bar{height: 6px; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-bar{height: 6px; border-radius: 999px; background: rgba(0,0,0,0.08); overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-bar > i{display: block; height: 100%; border-radius: inherit; background: linear-gradient(#999999, #999999); transition: width 260ms ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-bar > i{display: block; height: 100%; border-radius: inherit; background: linear-gradient(#626262, #626262); transition: width 260ms ease;}
:where(html[data-c~=dash]) .wallet-section .ltn-milestone-foot{display: flex; align-items: center; justify-content: space-between; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-progress-text{font-size: 11px; color: #a4a4a4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-progress-text{font-size: 11px; color: #575757;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-btn{padding: 5px 10px; border-radius: 8px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(#43f097, #43f097); color: #191919;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-btn{padding: 5px 10px; border-radius: 8px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(#0eaa5a, #0eaa5a); color: #e6e6e6;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-btn:disabled{background: rgba(255,255,255,0.08); color: #858585; cursor: default;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-btn:disabled{background: rgba(0,0,0,0.08); color: #767676; cursor: default;}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-grid{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; margin-top: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-card{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 11px 6px; border-radius: 13px; border: 1.5px dashed rgba(180,180,180,0.25); background: rgba(17,17,17,0.85); justify-content: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-card{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 11px 6px; border-radius: 13px; border: 1.5px dashed rgba(71,71,71,0.25); background: rgba(239,239,239,0.85); justify-content: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-card.is-today{border-color: #bfbfbf; box-shadow: none; border-style: solid; background: linear-gradient(rgba(42,42,42,0.92), rgba(42,42,42,0.92));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-card.is-today{border-color: #3d3d3d; box-shadow: none; border-style: solid; background: linear-gradient(rgba(211,211,211,0.92), rgba(211,211,211,0.92));}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-card.is-done{border-color: rgba(74,222,128,0.5); background: linear-gradient(rgba(35,35,35,0.9), rgba(35,35,35,0.9)); border-style: solid;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-card.is-done{border-color: rgba(28,155,75,0.5); background: linear-gradient(rgba(219,219,219,0.9), rgba(219,219,219,0.9)); border-style: solid;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-day{font-size: 11px; font-weight: 750; letter-spacing: 0.04em; color: #aeaeae;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-day{font-size: 11px; font-weight: 750; letter-spacing: 0.04em; color: #4d4d4d;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-amount{font-size: 14.5px; font-weight: 900; color: #f3f3f3;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-amount{font-size: 14.5px; font-weight: 900; color: #0c0c0c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-req{font-size: 10.5px; color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-req{font-size: 10.5px; color: #5f5f5f;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-btn{width: 100%; margin-top: 2px; padding: 6px 8px; border-radius: 9px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(#d0d0d0, #d0d0d0); color: #101010;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-btn{width: 100%; margin-top: 2px; padding: 6px 8px; border-radius: 9px; border: 0; font-size: 11px; font-weight: 850; cursor: pointer; background: linear-gradient(#2d2d2d, #2d2d2d); color: #f0f0f0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-btn:disabled{background: rgba(255,255,255,0.08); color: #7e7e7e; cursor: default;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-btn:disabled{background: rgba(0,0,0,0.08); color: #7d7d7d; cursor: default;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-gif-icon{width: 62px; height: 62px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(128,128,128,0.75)); animation: ltnBoostFloat-099828 2.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-gif-icon{width: 62px; height: 62px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(123,123,123,0.75)); animation: ltnBoostFloat-099828 2.6s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-panel-title-with-icon{display: flex; align-items: flex-start; gap: 12px; flex: 1 1 260px;}
:where(html[data-c~=dash]) .wallet-section .ltn-panel-icon{flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 18px; font-weight: 900;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-icon.is-fire{background: rgba(140,140,140,0.16); border: 1px solid rgba(152,152,152,0.4); color: #989898;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-icon.is-fire{background: rgba(111,111,111,0.16); border: 1px solid rgba(99,99,99,0.4); color: #636363;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-icon.is-check{background: rgba(74,222,128,0.16); border: 1px solid rgba(74,222,128,0.4); color: #4ade80;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-icon.is-check{background: rgba(28,155,75,0.16); border: 1px solid rgba(28,155,75,0.4); color: #1c9b4b;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-progress-pill{flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 850; color: #a7a7a7; background: rgba(150,150,150,0.14); border: 1px solid rgba(164,164,164,0.35); white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-progress-pill{flex: 0 0 auto; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 850; color: #545454; background: rgba(101,101,101,0.14); border: 1px solid rgba(88,88,88,0.35); white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-progress-pill.is-gold{color: #d1d1d1; background: rgba(188,188,188,0.14); border-color: rgba(209,209,209,0.4);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-progress-pill.is-gold{color: #2c2c2c; background: rgba(63,63,63,0.14); border-color: rgba(44,44,44,0.4);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-m-title{font-size: 11px; font-weight: 700; color: #adadad;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-m-title{font-size: 11px; font-weight: 700; color: #4e4e4e;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-m-reward{font-size: 16px; font-weight: 900; color: #8f8f8f;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-m-reward{font-size: 16px; font-weight: 900; color: #6c6c6c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card.is-claimable .ltn-m-reward{color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card.is-claimable .ltn-m-reward{color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card.is-claimed .ltn-m-reward{color: #4ade80;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card.is-claimed .ltn-m-reward{color: #1c9b4b;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-m-req{font-size: 11px; color: #9b9b9b; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-m-req{font-size: 11px; color: #606060; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-m-btn{width: 100%; padding: 5px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.06); color: #bebebe; font-size: 11px; font-weight: 850; cursor: pointer; transition: transform 130ms ease, filter 130ms ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-m-btn{width: 100%; padding: 5px 6px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.06); color: #3e3e3e; font-size: 11px; font-weight: 850; cursor: pointer; transition: transform 130ms ease, filter 130ms ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-m-btn.is-ready{border-color: transparent; background: linear-gradient(#d1d1d1, #d1d1d1); color: #0e0e0e; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-m-btn.is-ready{border-color: transparent; background: linear-gradient(#2c2c2c, #2c2c2c); color: #f3f3f3; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-m-btn.is-done{border-color: rgba(74,222,128,0.4); background: rgba(74,222,128,0.18); color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-m-btn.is-done{border-color: rgba(28,155,75,0.4); background: rgba(28,155,75,0.18); color: #2c2c2c;}
:where(html[data-c~=dash]) .wallet-section .ltn-m-btn:disabled{cursor: default;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-card.is-today .ltn-checkin-day{color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-card.is-today .ltn-checkin-day{color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-card.is-today .ltn-checkin-amount{color: #c8c8c8;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-card.is-today .ltn-checkin-amount{color: #343434;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-main-btn{width: 100%; margin-top: 12px; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.08); color: #c0c0c0; font-size: 13.5px; font-weight: 900; cursor: pointer; transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-main-btn{width: 100%; margin-top: 12px; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.08); color: #3c3c3c; font-size: 13.5px; font-weight: 900; cursor: pointer; transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-main-btn.is-ready{border-color: rgba(228,228,228,0.65); background: linear-gradient(#4ade80, #4ade80); color: #171717; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-main-btn.is-ready{border-color: rgba(25,25,25,0.65); background: linear-gradient(#1c9b4b, #1c9b4b); color: #e8e8e8; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-main-btn.is-ready:hover{transform: translateY(-2px); filter: brightness(1.08);}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-main-btn:disabled{cursor: default;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-foot-note{margin: 10px 0 0; font-size: 12px; color: #a6a6a6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-foot-note{margin: 10px 0 0; font-size: 12px; color: #555555;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-panel-foot-note strong{color: #999999;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-panel-foot-note strong{color: #626262;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-inline-drop-banner{padding: 15px 18px; border-radius: 18px; border: 1.5px solid rgba(74,222,128,0.32); background: linear-gradient(rgba(24,24,24,0.94), rgba(24,24,24,0.94)); box-shadow: none; display: grid; gap: 11px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-inline-drop-banner{padding: 15px 18px; border-radius: 18px; border: 1.5px solid rgba(28,155,75,0.32); background: linear-gradient(rgba(231,231,231,0.94), rgba(231,231,231,0.94)); box-shadow: none; display: grid; gap: 11px;}
:where(html[data-c~=dash]) .wallet-section .ltn-inline-drop-head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-inline-drop-head strong{font-size: 13.5px; color: #6ee7b7;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-inline-drop-head strong{font-size: 13.5px; color: #1a9e69;}
:where(html[data-c~=dash]) .wallet-section .ltn-inline-drop-actions{display: flex; flex-wrap: wrap; gap: 8px;}
 :where(html[data-c~=dash]) .wallet-section .ltn-inline-bag-btn{padding: 5px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 850; text-decoration: none; cursor: pointer;}

:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-inline-bag-btn{border: 1px solid rgba(185,185,185,0.45); background: rgba(157,157,157,0.16); color: #e2e2e2;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-inline-bag-btn{border: 1px solid rgba(67,67,67,0.45); background: rgba(94,94,94,0.16); color: #1c1c1c;}
:where(html[data-c~=dash]) .wallet-section .ltn-inline-drop-chips{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip{display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 750; background: rgba(0,0,0,0.42); border: 1px solid rgba(255,255,255,0.14);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip{display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 750; background: rgba(255,255,255,0.42); border: 1px solid rgba(0,0,0,0.14);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-common{color: #6ee7b7; border-color: rgba(52,211,153,0.38);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-common{color: #1a9e69; border-color: rgba(33,151,108,0.38);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-uncommon{color: #7dd3fc; border-color: rgba(56,189,248,0.38);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-uncommon{color: #047bb3; border-color: rgba(6,125,177,0.38);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-rare{color: #b3b3b3; border-color: rgba(251,113,133,0.45);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-rare{color: #494949; border-color: rgba(179,5,30,0.45);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-epic{color: #bdbdbd; border-color: rgba(147,147,147,0.45);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-epic{color: #3f3f3f; border-color: rgba(104,104,104,0.45);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-legend{color: #d8d8d8; border-color: rgba(197,197,197,0.5);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-legend{color: #252525; border-color: rgba(56,56,56,0.5);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-secret{color: #f1f1f1; background: linear-gradient(rgba(188,188,188,0.26), rgba(188,188,188,0.26)); border-color: #d1d1d1; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-secret{color: #0d0d0d; background: linear-gradient(rgba(63,63,63,0.26), rgba(63,63,63,0.26)); border-color: #2c2c2c; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-drop-chip.is-miss{color: #d1d1d1; border-color: rgba(156,156,156,0.32);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-drop-chip.is-miss{color: #2c2c2c; border-color: rgba(96,96,96,0.32);}
:where(html[data-c~=dash]) .wallet-section .ltn-rules-wrap{display: grid; gap: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-hero{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border-radius: 20px; border: 1.5px solid rgba(185,185,185,0.35); background: linear-gradient(transparent, transparent), linear-gradient(#151515, #151515);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-hero{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border-radius: 20px; border: 1.5px solid rgba(66,66,66,0.35); background: linear-gradient(transparent, transparent), linear-gradient(#ebebeb, #ebebeb);}
:where(html[data-c~=dash]) .wallet-section .ltn-rules-hero-left{display: flex; align-items: center; gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-shield{flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #d1d1d1; background: rgba(188,188,188,0.14); border: 1px solid rgba(209,209,209,0.4);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-shield{flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #2c2c2c; background: rgba(63,63,63,0.14); border: 1px solid rgba(44,44,44,0.4);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-hero-left h2{margin: 0 0 4px; font-size: 20px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-hero-left h2{margin: 0 0 4px; font-size: 20px; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-hero-left p{margin: 0; font-size: 12.5px; color: #acacac;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-hero-left p{margin: 0; font-size: 12.5px; color: #4f4f4f;}
:where(html[data-c~=dash]) .wallet-section .ltn-rules-hero-badges{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-pill{padding: 5px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-pill.is-green{color: #d1d1d1; background: rgba(34,197,94,0.16); border: 1px solid rgba(74,222,128,0.4);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-pill.is-green{color: #2c2c2c; background: rgba(34,197,94,0.16); border: 1px solid rgba(28,155,75,0.4);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-pill.is-gold{color: #d8d8d8; background: rgba(173,173,173,0.16); border: 1px solid rgba(197,197,197,0.4);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-pill.is-gold{color: #252525; background: rgba(78,78,78,0.16); border: 1px solid rgba(56,56,56,0.4);}
:where(html[data-c~=dash]) .wallet-section .ltn-rules-highlights{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-mini-card{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(182,182,182,0.22); background: rgba(15,15,15,0.9);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-mini-card{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(69,69,69,0.22); background: rgba(242,242,242,0.9);}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-mini-icon{flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 18px;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-mini-icon.is-green{background: rgba(34,197,94,0.15);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-mini-icon.is-amber{background: rgba(160,160,160,0.15);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-mini-icon.is-amber{background: rgba(91,91,91,0.15);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-mini-icon.is-red{background: rgba(239,68,68,0.15);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-mini-icon.is-red{background: rgba(169,14,14,0.15);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-mini-card strong{display: block; font-size: 13.5px; color: #f3f3f3; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-mini-card strong{display: block; font-size: 13.5px; color: #0b0b0b; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-mini-card small{font-size: 11.5px; color: #a4a4a4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-mini-card small{font-size: 11.5px; color: #575757;}
:where(html[data-c~=dash]) .wallet-section .ltn-rules-cards-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box{display: flex; flex-direction: column; justify-content: space-between; padding: 20px 22px 16px; border-radius: 18px; border: 1px solid rgba(180,180,180,0.24); background: linear-gradient(rgba(18,18,18,0.94), rgba(18,18,18,0.94)); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box{display: flex; flex-direction: column; justify-content: space-between; padding: 20px 22px 16px; border-radius: 18px; border: 1px solid rgba(72,72,72,0.24); background: linear-gradient(rgba(238,238,238,0.94), rgba(238,238,238,0.94)); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box.is-booster-rule{border-color: rgba(106,106,106,0.55); background: radial-gradient(80% 90% at 100% 0%, rgba(106,106,106,0.16), transparent 65%), linear-gradient(170deg, rgba(19,19,19,0.95), rgba(10,10,10,0.98));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box.is-booster-rule{border-color: rgba(145,145,145,0.55); background: radial-gradient(80% 90% at 100% 0%, rgba(145,145,145,0.16), transparent 65%), linear-gradient(170deg, rgba(237,237,237,0.95), rgba(248,248,248,0.98));}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.07);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.07);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-num{flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 12.5px; font-weight: 900; color: #d1d1d1; background: rgba(188,188,188,0.15); border: 1px solid rgba(209,209,209,0.4);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-num{flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 12.5px; font-weight: 900; color: #2c2c2c; background: rgba(63,63,63,0.15); border: 1px solid rgba(44,44,44,0.4);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-num.is-pink{background: rgba(106,106,106,0.2); border-color: rgba(140,140,140,0.5);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-num.is-pink{background: rgba(145,145,145,0.2); border-color: rgba(111,111,111,0.5);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box-head h3{margin: 0; font-size: 15.5px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box-head h3{margin: 0; font-size: 15.5px; color: #0a0a0a;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-list{margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 9px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-list li{position: relative; padding-left: 22px; font-size: 12.5px; color: #c6c6c6; line-height: 1.55;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-list li{position: relative; padding-left: 22px; font-size: 12.5px; color: #363636; line-height: 1.55;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-list li::before{content: "✓"; position: absolute; left: 0; top: 0; color: #4ade80; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-list li::before{content: "✓"; position: absolute; left: 0; top: 0; color: #1c9b4b; font-weight: 900;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box.is-booster-rule .ltn-rule-list li::before{color: #8c8c8c;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box.is-booster-rule .ltn-rule-list li::before{color: #6f6f6f;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box-foot{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 11px; color: #8d8d8d;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box-foot{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid rgba(0,0,0,0.06); font-size: 11px; color: #6e6e6e;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box-foot b{padding: 3px 10px; border-radius: 7px; background: rgba(255,255,255,0.07); color: #e6e6e6; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box-foot b{padding: 3px 10px; border-radius: 7px; background: rgba(0,0,0,0.07); color: #181818; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-box-foot b.is-pink-badge{background: rgba(106,106,106,0.22); color: #d7d7d7; border: 1px solid rgba(140,140,140,0.45);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-box-foot b.is-pink-badge{background: rgba(145,145,145,0.22); color: #262626; border: 1px solid rgba(111,111,111,0.45);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-commitment{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-radius: 18px; border: 1.5px solid rgba(197,197,197,0.38); background: linear-gradient(rgba(29,29,29,0.92), rgba(29,29,29,0.92));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-commitment{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-radius: 18px; border: 1.5px solid rgba(56,56,56,0.38); background: linear-gradient(rgba(225,225,225,0.92), rgba(225,225,225,0.92));}
:where(html[data-c~=dash]) .wallet-section .ltn-rules-commitment-text{display: flex; align-items: flex-start; gap: 12px; flex: 1 1 380px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-commit-icon{flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(197,197,197,0.16); font-size: 18px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-commit-icon{flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(56,56,56,0.16); font-size: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-commitment-text strong{display: block; font-size: 14px; color: #d8d8d8; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-commitment-text strong{display: block; font-size: 14px; color: #252525; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-commitment-text p{margin: 0; font-size: 12px; color: #cfcfcf; line-height: 1.5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-commitment-text p{margin: 0; font-size: 12px; color: #2e2e2e; line-height: 1.5;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rules-discord-btn{padding: 10px 18px; border-radius: 12px; background: linear-gradient(#5865f2, #5865f2); color: #ffffff; font-size: 13px; font-weight: 850; text-decoration: none; box-shadow: none; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rules-discord-btn{padding: 10px 18px; border-radius: 12px; background: linear-gradient(#0d1baa, #0d1baa); color: #000000; font-size: 13px; font-weight: 850; text-decoration: none; box-shadow: none; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-panel.is-chroma-panel, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-panel.is-chroma-panel{position: relative; overflow: hidden; border: 1.5px solid rgba(190,190,190,0.36); background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#121212, #121212); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-panel.is-chroma-panel, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-panel.is-chroma-panel{position: relative; overflow: hidden; border: 1.5px solid rgba(62,62,62,0.36); background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#eeeeee, #eeeeee); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-panel.is-chroma-panel::before, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-panel.is-chroma-panel::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(#808080, #808080); background-size: 300% 100%; animation: ltnChromaFlow-5a5d64 6s linear infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-panel.is-chroma-panel::before, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-panel.is-chroma-panel::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(#7b7b7b, #7b7b7b); background-size: 300% 100%; animation: ltnChromaFlow-5a5d64 6s linear infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-panel-icon.is-animated-svg{width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; padding: 5px;}
:where(html[data-c~=dash]) .wallet-section .ltn-panel-icon.is-animated-svg svg{width: 30px; height: 30px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-svg-flame-outer{transform-origin: center bottom; animation: ltnFlamePulse-777671 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-svg-flame-outer{transform-origin: center bottom; animation: ltnFlamePulse-b54df4 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-svg-check-tick{transform-origin: center; animation: ltnCheckDraw-d99d29 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-svg-check-tick{transform-origin: center; animation: ltnCheckDraw-f472fa 2.4s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-progress-pill.is-rainbow-pill{background: linear-gradient(rgba(128,128,128,0.24), rgba(128,128,128,0.24)); background-size: 220% 220%; animation: ltnChromaFlow-5a5d64 5s ease infinite; border: 1px solid rgba(208,208,208,0.48); color: #f2f2f2; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-progress-pill.is-rainbow-pill{background: linear-gradient(rgba(123,123,123,0.24), rgba(123,123,123,0.24)); background-size: 220% 220%; animation: ltnChromaFlow-5a5d64 5s ease infinite; border: 1px solid rgba(45,45,45,0.48); color: #0c0c0c; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-milestone-card.is-ready{background: linear-gradient(rgba(167,167,167,0.25), rgba(167,167,167,0.25)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite; border-color: #d0d0d0 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-milestone-card.is-ready{background: linear-gradient(rgba(85,85,85,0.25), rgba(85,85,85,0.25)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite; border-color: #2d2d2d !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-checkin-cell.is-today{background: linear-gradient(rgba(208,208,208,0.25), rgba(208,208,208,0.25)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-checkin-cell.is-today{background: linear-gradient(rgba(45,45,45,0.25), rgba(45,45,45,0.25)) !important; background-size: 240% 240% !important; animation: ltnChromaFlow-5a5d64 4.5s ease infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-support-empty-card{margin: auto 0; padding: 26px 18px; border-radius: 18px; border: 1px dashed rgba(195,195,195,0.3); background: linear-gradient(rgba(162,162,162,0.07), rgba(162,162,162,0.07)); text-align: center; display: grid; justify-items: center; gap: 10px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-support-empty-card{margin: auto 0; padding: 26px 18px; border-radius: 18px; border: 1px dashed rgba(57,57,57,0.3); background: linear-gradient(rgba(89,89,89,0.07), rgba(89,89,89,0.07)); text-align: center; display: grid; justify-items: center; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-support-empty-card svg{width: 74px; height: 74px; animation: ltnCheckDraw-d99d29 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-support-empty-card svg{width: 74px; height: 74px; animation: ltnCheckDraw-f472fa 3.2s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-support-empty-card strong{font-size: 14.5px; background: linear-gradient(#e0e0e0, #e0e0e0); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-support-empty-card strong{font-size: 14.5px; background: linear-gradient(#1d1d1d, #1d1d1d); -webkit-background-clip: text; background-clip: text; color: transparent;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-support-empty-card p{margin: 0; font-size: 12px; color: #b1b1b1; line-height: 1.55; max-width: 280px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-support-empty-card p{margin: 0; font-size: 12px; color: #4b4b4b; line-height: 1.55; max-width: 280px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section label.withdrawal-confirm{display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; padding: 12px 15px !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.12) !important; background: rgba(255,255,255,0.025) !important; box-shadow: none !important; cursor: pointer; user-select: none; transition: border-color 0.2s ease !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section label.withdrawal-confirm{display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; padding: 12px 15px !important; border-radius: 14px !important; border: 1px solid rgba(0,0,0,0.12) !important; background: rgba(0,0,0,0.025) !important; box-shadow: none !important; cursor: pointer; user-select: none; transition: border-color 0.2s ease !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section label.withdrawal-confirm:hover, :where(html[data-c~=dash][data-v=dark]) .wallet-section label.withdrawal-confirm:has(input:checked){background: rgba(255,255,255,0.025) !important; box-shadow: none !important; border-color: rgba(195,195,195,0.32) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section label.withdrawal-confirm:hover, :where(html[data-c~=dash][data-v=light]) .wallet-section label.withdrawal-confirm:has(input:checked){background: rgba(0,0,0,0.025) !important; box-shadow: none !important; border-color: rgba(57,57,57,0.32) !important;}
:where(html[data-c~=dash]) .wallet-section label.withdrawal-confirm > input[type="checkbox"]{position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-swoosh-box{flex: 0 0 22px; width: 22px; height: 22px; border-radius: 7px; border: 2px solid rgba(190,190,190,0.55); background: rgba(10,10,10,0.9); display: grid; place-items: center; transition: transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-swoosh-box{flex: 0 0 22px; width: 22px; height: 22px; border-radius: 7px; border: 2px solid rgba(62,62,62,0.55); background: rgba(248,248,248,0.9); display: grid; place-items: center; transition: transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-swoosh-box svg{width: 15px; height: 15px; stroke: #0d0d0d; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset 0.26s cubic-bezier(0.22, 1, 0.36, 1);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-swoosh-box svg{width: 15px; height: 15px; stroke: #f4f4f4; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset 0.26s cubic-bezier(0.22, 1, 0.36, 1);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box{background: linear-gradient(#d0d0d0, #d0d0d0); border-color: #d0d0d0; transform: scale(1.12) translateY(-1px); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box{background: linear-gradient(#2d2d2d, #2d2d2d); border-color: #2d2d2d; transform: scale(1.12) translateY(-1px); box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section label.withdrawal-confirm input[type="checkbox"]:checked + .ltn-swoosh-box svg{stroke-dashoffset: 0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-confirm-text{display: inline !important; font-size: 13px !important; line-height: 1.45 !important; color: #e1e1e1 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-confirm-text{display: inline !important; font-size: 13px !important; line-height: 1.45 !important; color: #1d1d1d !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-confirm-text b{display: inline !important; color: #d0d0d0 !important; font-weight: 850 !important; margin-left: 2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-confirm-text b{display: inline !important; color: #2d2d2d !important; font-weight: 850 !important; margin-left: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prizes-banner{margin: 0 0 18px; padding: 20px 22px; border-radius: 20px; border: 1.5px solid rgba(208,208,208,0.42); background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#151515, #151515); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prizes-banner{margin: 0 0 18px; padding: 20px 22px; border-radius: 20px; border: 1.5px solid rgba(45,45,45,0.42); background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(#eaeaea, #eaeaea); box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prizes-head{margin-bottom: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-kicker{display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(208,208,208,0.16); border: 1px solid rgba(208,208,208,0.4); color: #d0d0d0; font-size: 10.5px; font-weight: 850; letter-spacing: 0.06em; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-kicker{display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(45,45,45,0.16); border: 1px solid rgba(45,45,45,0.4); color: #2d2d2d; font-size: 10.5px; font-weight: 850; letter-spacing: 0.06em; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prizes-head h4{margin: 0 0 4px; font-size: 18px; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prizes-head h4{margin: 0 0 4px; font-size: 18px; color: #080808;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prizes-head p{margin: 0; font-size: 12.5px; color: #b1b1b1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prizes-head p{margin: 0; font-size: 12.5px; color: #4b4b4b;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prizes-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card{display: flex; align-items: center; gap: 12px; padding: 14px 15px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.12); background: rgba(9,9,9,0.78);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card{display: flex; align-items: center; gap: 12px; padding: 14px 15px; border-radius: 16px; border: 1px solid rgba(0,0,0,0.12); background: rgba(248,248,248,0.78);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card.is-top1{border-color: rgba(197,197,197,0.6); background: linear-gradient(rgba(197,197,197,0.2), rgba(197,197,197,0.2)); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card.is-top1{border-color: rgba(56,56,56,0.6); background: linear-gradient(rgba(56,56,56,0.2), rgba(56,56,56,0.2)); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card.is-top2{border-color: rgba(230,230,230,0.45); background: linear-gradient(rgba(230,230,230,0.15), rgba(230,230,230,0.15));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card.is-top2{border-color: rgba(24,24,24,0.45); background: linear-gradient(rgba(24,24,24,0.15), rgba(24,24,24,0.15));}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card.is-top3{border-color: rgba(156,156,156,0.5); background: linear-gradient(rgba(156,156,156,0.18), rgba(156,156,156,0.18));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card.is-top3{border-color: rgba(95,95,95,0.5); background: linear-gradient(rgba(95,95,95,0.18), rgba(95,95,95,0.18));}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card.is-top4{border-color: rgba(56,189,248,0.45); background: linear-gradient(rgba(56,189,248,0.15), rgba(56,189,248,0.15));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card.is-top4{border-color: rgba(6,125,177,0.45); background: linear-gradient(rgba(6,125,177,0.15), rgba(6,125,177,0.15));}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prize-medal{font-size: 26px; line-height: 1;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card small{display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.05em; color: #b3b3b3; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card small{display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.05em; color: #494949; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card strong{font-size: 16px; font-weight: 900; color: #e1e1e1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card strong{font-size: 16px; font-weight: 900; color: #1d1d1d;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-prize-card strong em{font-style: normal; font-size: 11px; color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-prize-card strong em{font-style: normal; font-size: 11px; color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-podium-prize-pill{display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 4px 11px; border-radius: 999px; background: linear-gradient(rgba(208,208,208,0.25), rgba(208,208,208,0.25)); border: 1px solid rgba(208,208,208,0.55); color: #e2e2e2; font-size: 11.5px; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-podium-prize-pill{display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 4px 11px; border-radius: 999px; background: linear-gradient(rgba(45,45,45,0.25), rgba(45,45,45,0.25)); border: 1px solid rgba(45,45,45,0.55); color: #1b1b1b; font-size: 11.5px; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-row-prize-tag{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(56,189,248,0.16); border: 1px solid rgba(56,189,248,0.42); color: #7dd3fc; font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-row-prize-tag{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(6,125,177,0.16); border: 1px solid rgba(6,125,177,0.42); color: #047bb3; font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rules-card{padding: 22px !important; border: 1.5px solid rgba(199,199,199,0.34) !important; background: linear-gradient(transparent, transparent), linear-gradient(#141414, #141414) !important; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rules-card{padding: 22px !important; border: 1.5px solid rgba(54,54,54,0.34) !important; background: linear-gradient(transparent, transparent), linear-gradient(#ececec, #ececec) !important; display: flex; flex-direction: column; justify-content: space-between; gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rules-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rules-head{display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rules-svg{width: 44px; height: 44px; border-radius: 12px; background: rgba(208,208,208,0.12); border: 1px solid rgba(208,208,208,0.35); display: grid; place-items: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rules-svg{width: 44px; height: 44px; border-radius: 12px; background: rgba(45,45,45,0.12); border: 1px solid rgba(45,45,45,0.35); display: grid; place-items: center;}
:where(html[data-c~=dash]) .wallet-section .ltn-gift-rules-svg svg{width: 28px; height: 28px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rules-kicker{display: block; font-size: 10px; font-weight: 850; letter-spacing: 0.08em; color: #d0d0d0; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rules-kicker{display: block; font-size: 10px; font-weight: 850; letter-spacing: 0.08em; color: #2d2d2d; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rules-head h3{margin: 0; font-size: 16.5px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rules-head h3{margin: 0; font-size: 16.5px; color: #0a0a0a;}
:where(html[data-c~=dash]) .wallet-section .ltn-gift-rules-list{display: grid; gap: 10px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rule-item{display: flex; align-items: flex-start; gap: 11px; padding: 10px 12px; border-radius: 13px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rule-item{display: flex; align-items: flex-start; gap: 11px; padding: 10px 12px; border-radius: 13px; background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.07);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-grule-badge{flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 11.5px; font-weight: 900; color: #d0d0d0; background: rgba(208,208,208,0.16); border: 1px solid rgba(208,208,208,0.38);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-grule-badge{flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-size: 11.5px; font-weight: 900; color: #2d2d2d; background: rgba(45,45,45,0.16); border: 1px solid rgba(45,45,45,0.38);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rule-item strong{display: block; font-size: 13px; color: #f3f3f3; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rule-item strong{display: block; font-size: 13px; color: #0c0c0c; margin-bottom: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-rule-item p{margin: 0; font-size: 11.8px; color: #a9a9a9; line-height: 1.45;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-rule-item p{margin: 0; font-size: 11.8px; color: #535353; line-height: 1.45;}
:where(html[data-c~=dash]) .wallet-section .ltn-gift-history-panel{padding: 20px 22px !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-gift-history-table-wrap{overflow-x: auto;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-gift-code-pill{display: inline-block; padding: 3px 9px; border-radius: 7px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-weight: 800; color: #d0d0d0; background: rgba(208,208,208,0.13); border: 1px solid rgba(208,208,208,0.3);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-gift-code-pill{display: inline-block; padding: 3px 9px; border-radius: 7px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-weight: 800; color: #2d2d2d; background: rgba(45,45,45,0.13); border: 1px solid rgba(45,45,45,0.3);}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-header, :where(html[data-c~=dash]) .wallet-section .ltn-promo-header{margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-header h2, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-header h2{margin: 4px 0 6px; font-size: 28px; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-header h2, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-header h2{margin: 4px 0 6px; font-size: 28px; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-header p, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-header p{margin: 0; font-size: 13.5px; color: #acacac;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-header p, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-header p{margin: 0; font-size: 13.5px; color: #505050;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-rate-highlight{color: #b5b5b5; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-rate-highlight{color: #474747; font-weight: 900;}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-stats-grid, :where(html[data-c~=dash]) .wallet-section .ltn-promo-perks-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-stat-card{padding: 18px 20px !important; border-radius: 16px !important; border: 1px solid rgba(186,186,186,0.14) !important; background: rgba(18,18,18,0.8) !important; display: flex; flex-direction: column; gap: 8px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-stat-card{padding: 18px 20px !important; border-radius: 16px !important; border: 1px solid rgba(66,66,66,0.14) !important; background: rgba(238,238,238,0.8) !important; display: flex; flex-direction: column; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-stat-top{display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; color: #8f8f8f;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-stat-top{display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; color: #6c6c6c;}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-svg-badge svg{width: 22px; height: 22px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-stat-card strong{font-size: 25px; font-weight: 900; color: #f6f6f6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-stat-card strong{font-size: 25px; font-weight: 900; color: #090909;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-stat-card strong.is-gold-code{color: #a5a5a5; letter-spacing: 0.04em;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-stat-card strong.is-gold-code{color: #575757; letter-spacing: 0.04em;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-stat-card strong.is-green-money{color: #34d399;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-stat-card strong.is-green-money{color: #21976c;}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-link-panel{padding: 20px 22px !important; margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-link-head h3{margin: 0 0 4px; font-size: 16px; color: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-link-head h3{margin: 0 0 4px; font-size: 16px; color: #0b0b0b;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-link-head p{margin: 0 0 14px; font-size: 12.5px; color: #9d9d9d;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-link-head p{margin: 0 0 14px; font-size: 12.5px; color: #5e5e5e;}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-copy-row{display: flex; gap: 10px; align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-copy-row input{flex: 1; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(6,6,6,0.75); color: #e6e6e6; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-copy-row input{flex: 1; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(252,252,252,0.75); color: #171717; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-copy-btn{display: inline-flex; align-items: center; gap: 7px; padding: 12px 20px !important; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-members-panel{padding: 0 !important; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-perk-card{display: flex; align-items: center; gap: 14px; padding: 18px 20px !important; border-radius: 18px !important; border: 1px solid rgba(190,190,190,0.25) !important; background: linear-gradient(rgba(19,19,19,0.95), rgba(19,19,19,0.95)) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-perk-card{display: flex; align-items: center; gap: 14px; padding: 18px 20px !important; border-radius: 18px !important; border: 1px solid rgba(62,62,62,0.25) !important; background: linear-gradient(rgba(236,236,236,0.95), rgba(236,236,236,0.95)) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-promo-perk-svg{flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-perk-svg svg{width: 44px; height: 44px; animation: ltnCheckDraw-d99d29 3s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-perk-svg svg{width: 44px; height: 44px; animation: ltnCheckDraw-f472fa 3s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-perk-card strong{display: block; font-size: 15.5px; color: #f5f5f5; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-perk-card strong{display: block; font-size: 15.5px; color: #090909; margin-bottom: 3px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-perk-card small{font-size: 12px; color: #a3a3a3;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-perk-card small{font-size: 12px; color: #595959;}
:where(html[data-c~=dash]) .wallet-section .ltn-promo-form-panel{padding: 24px !important; margin-bottom: 18px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-form-head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-form-head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-form-head h3{margin: 0 0 4px; font-size: 18px; color: #f5f5f5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-form-head h3{margin: 0 0 4px; font-size: 18px; color: #0a0a0a;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-form-head p{margin: 0; font-size: 12.5px; color: #a9a9a9;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-form-head p{margin: 0; font-size: 12.5px; color: #535353;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-badge{padding: 6px 12px; border-radius: 999px; background: rgba(255,90,95,0.16); border: 1px solid rgba(255,90,95,0.4); color: #ababab; font-size: 11.5px; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-badge{padding: 6px 12px; border-radius: 999px; background: rgba(184,0,6,0.16); border: 1px solid rgba(184,0,6,0.4); color: #515151; font-size: 11.5px; font-weight: 800;}
:where(html[data-c~=dash]) .wallet-section .ltn-promote-form{display: grid; gap: 15px;}
:where(html[data-c~=dash]) .wallet-section .ltn-promo-field{display: grid; gap: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-field label{font-size: 12.5px; font-weight: 750; color: #d7d7d7;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-field label{font-size: 12.5px; font-weight: 750; color: #262626;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-field input, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-field textarea{width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(8,8,8,0.85); color: #f6f6f6; font: inherit; font-size: 13.5px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-field input, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-field textarea{width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(250,250,250,0.85); color: #090909; font: inherit; font-size: 13.5px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-field input:focus, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-field textarea:focus{outline: none; border-color: rgba(182,182,182,0.65); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-field input:focus, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-field textarea:focus{outline: none; border-color: rgba(70,70,70,0.65); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-hint{font-size: 11.5px; color: #868686;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-hint{font-size: 11.5px; color: #757575;}
:where(html[data-c~=dash]) .wallet-section .ltn-promo-submit-row{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 6px;}
:where(html[data-c~=dash]) .wallet-section .ltn-promo-submit-btn{margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #withdrawal-list .row-item.is-status-pending{border-left: 4px solid #a0a0a0 !important; background: linear-gradient(rgba(160,160,160,0.12), rgba(160,160,160,0.12)) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #withdrawal-list .row-item.is-status-pending{border-left: 4px solid #5b5b5b !important; background: linear-gradient(rgba(91,91,91,0.12), rgba(91,91,91,0.12)) !important;}
:where(html[data-c~=dash]) .wallet-section #withdrawal-list .row-item.is-status-paid{border-left: 4px solid #10b981 !important; background: linear-gradient(rgba(16,185,129,0.12), rgba(16,185,129,0.12)) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #withdrawal-list .row-item.is-status-cancelled{border-left: 4px solid #616161 !important; background: linear-gradient(rgba(97,97,97,0.12), rgba(97,97,97,0.12)) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #withdrawal-list .row-item.is-status-cancelled{border-left: 4px solid #9a9a9a !important; background: linear-gradient(rgba(154,154,154,0.12), rgba(154,154,154,0.12)) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-wstatus-pill{display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 850; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-wstatus-pill.is-pending{color: #e2e2e2; background: rgba(160,160,160,0.22); border: 1px solid rgba(188,188,188,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-wstatus-pill.is-pending{color: #1b1b1b; background: rgba(91,91,91,0.22); border: 1px solid rgba(64,64,64,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-wstatus-pill.is-paid{color: #dedede; background: rgba(16,185,129,0.22); border: 1px solid rgba(52,211,153,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-wstatus-pill.is-paid{color: #1f1f1f; background: rgba(16,185,129,0.22); border: 1px solid rgba(33,151,108,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-wstatus-pill.is-cancelled{color: #d5d5d5; background: rgba(97,97,97,0.22); border: 1px solid rgba(251,113,133,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-wstatus-pill.is-cancelled{color: #282828; background: rgba(154,154,154,0.22); border: 1px solid rgba(179,5,30,0.55); box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-task-quick-strip{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 14px 0 16px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-quick-pill{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: linear-gradient(rgba(21,21,21,0.85), rgba(21,21,21,0.85)); border: 1px solid rgba(177,177,177,0.25); border-radius: 12px; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 700; transition: all 0.2s ease; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-quick-pill{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: linear-gradient(rgba(235,235,235,0.85), rgba(235,235,235,0.85)); border: 1px solid rgba(75,75,75,0.25); border-radius: 12px; color: #000000; text-decoration: none; font-size: 13px; font-weight: 700; transition: all 0.2s ease; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-quick-pill:hover{border-color: #828282; transform: translateY(-2px); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-quick-pill:hover{border-color: #797979; transform: translateY(-2px); box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-task-quick-pill .ltn-quick-label{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-quick-pill .ltn-quick-badge{font-size: 11px; padding: 3px 8px; border-radius: 999px; background: rgba(130,130,130,0.2); border: 1px solid rgba(130,130,130,0.4); color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-quick-pill .ltn-quick-badge{font-size: 11px; padding: 3px 8px; border-radius: 999px; background: rgba(121,121,121,0.2); border: 1px solid rgba(121,121,121,0.4); color: #5f5f5f;}
:where(html[data-c~=dash]) .wallet-section .ltn-dedicated-panel-wrap{display: grid; gap: 16px; margin-top: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-boost-pill{display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 4px !important; padding: 2px 8px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(106,106,106,0.22), rgba(107,107,107,0.22)) !important; border: 1px solid rgba(140,140,140,0.45) !important; color: #8c8c8c !important; font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; box-shadow: 0 0 10px rgba(106,106,106,0.25) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-boost-pill{display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 4px !important; padding: 2px 8px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(145,145,145,0.22), rgba(143,143,143,0.22)) !important; border: 1px solid rgba(111,111,111,0.45) !important; color: #6f6f6f !important; font-size: 11px !important; font-weight: 700 !important; white-space: nowrap !important; box-shadow: 0 0 10px rgba(145,145,145,0.25) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-mini-gif{width: 14px !important; height: 14px !important; object-fit: contain !important; vertical-align: middle !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-progressbar-wrap{margin: 12px 0 16px; padding: 12px 14px; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-progressbar-wrap{margin: 12px 0 16px; padding: 12px 14px; background: rgba(255,255,255,0.25); border: 1px solid rgba(0,0,0,0.08); border-radius: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-progressbar-head{display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 700; color: #f4f4f4; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-progressbar-head{display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 700; color: #0b0b0b; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-progressbar-head strong{color: #38ef7d; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-progressbar-head strong{color: #0eaa49; font-size: 13px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-progressbar-track{height: 10px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; position: relative;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-progressbar-track{height: 10px; background: rgba(0,0,0,0.08); border-radius: 999px; overflow: hidden; position: relative;}
:where(html[data-c~=dash]) .wallet-section .ltn-quest-progressbar-fill{height: 100%; border-radius: 999px; transition: width 0.4s ease-out;}
:where(html[data-c~=dash]) .wallet-section .ltn-quest-progressbar-fill.is-green{background: linear-gradient(#10b981, #10b981); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-progressbar-fill.is-fire{background: linear-gradient(#828282, #828282); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-progressbar-fill.is-fire{background: linear-gradient(#797979, #797979); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-quest-progressbar-sub{margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #cfcfcf;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-quest-progressbar-sub{margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #2e2e2e;}
:where(html[data-c~=dash]) .wallet-section .ltn-task-tabs-row{display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-tab{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); background: #111111; color: #d1d1d1; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-tab{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); background: #efefef; color: #2c2c2c; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-tab:hover{border-color: rgba(130,130,130,0.5); color: #ffffff; transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-tab:hover{border-color: rgba(121,121,121,0.5); color: #000000; transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-task-tab.is-active{background: linear-gradient(rgba(130,130,130,0.25), rgba(130,130,130,0.25)); border-color: #828282; color: #eeeeee; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-task-tab.is-active{background: linear-gradient(rgba(121,121,121,0.25), rgba(121,121,121,0.25)); border-color: #797979; color: #101010; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-tab-count{font-size: 11px; padding: 2px 7px; border-radius: 999px; background: rgba(255,255,255,0.1); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-tab-count{font-size: 11px; padding: 2px 7px; border-radius: 999px; background: rgba(0,0,0,0.1); color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-offerwall-topbar{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-offerwall-topbar{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash]) .wallet-section .ltn-offerwall-user-badge{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-subid-pill{padding: 5px 12px; background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.4); color: #bababa; border-radius: 8px; font-size: 12px; font-family: monospace;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-subid-pill{padding: 5px 12px; background: rgba(8,72,176,0.15); border: 1px solid rgba(8,72,176,0.4); color: #424242; border-radius: 8px; font-size: 12px; font-family: monospace;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-live-pill{display: flex; align-items: center; gap: 6px; padding: 5px 12px; background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.4); color: #6ee7b7; border-radius: 8px; font-size: 12px; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-live-pill{display: flex; align-items: center; gap: 6px; padding: 5px 12px; background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.4); color: #1a9e69; border-radius: 8px; font-size: 12px; font-weight: 700;}
:where(html[data-c~=dash]) .wallet-section .ltn-live-dot{width: 7px; height: 7px; border-radius: 50%; background: #10b981; display: inline-block; box-shadow: none; animation: ltnNitroPulse 1.8s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-offerwall-tabs-container{overflow-x: auto; margin-bottom: 16px; padding-bottom: 4px;}
:where(html[data-c~=dash]) .wallet-section .ltn-offerwall-tabs{display: flex; gap: 8px; min-width: max-content;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-tab{padding: 8px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); background: #111111; color: #d1d1d1; font-size: 12px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-tab{padding: 8px 16px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); background: #efefef; color: #2c2c2c; font-size: 12px; font-weight: 700; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-tab:hover{border-color: #6a6a6a; color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-tab:hover{border-color: #919191; color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-tab.is-active{background: linear-gradient(#4e4e4e, #4e4e4e); border-color: #939393; color: #ffffff; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-tab.is-active{background: linear-gradient(#adadad, #adadad); border-color: #686868; color: #000000; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-tab.is-special{background: rgba(106,106,106,0.12); border-color: rgba(106,106,106,0.35); color: #b9b9b9;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-tab.is-special{background: rgba(145,145,145,0.12); border-color: rgba(145,145,145,0.35); color: #434343;}
:where(html[data-c~=dash]) .wallet-section .ltn-offerwall-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-card{background: linear-gradient(#121212, #121212); border: 1px solid rgba(106,106,106,0.25); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-card{background: linear-gradient(#ededed, #ededed); border: 1px solid rgba(145,145,145,0.25); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-card:hover{transform: translateY(-2px); border-color: rgba(147,147,147,0.6); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-card:hover{transform: translateY(-2px); border-color: rgba(104,104,104,0.6); box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-ow-card-head{display: flex; gap: 12px; align-items: flex-start;}
:where(html[data-c~=dash]) .wallet-section .ltn-ow-icon{width: 40px; height: 40px; border-radius: 10px; background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.3); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-info h4{margin: 0 0 4px; font-size: 14px; color: #f4f4f4; font-weight: 750;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-info h4{margin: 0 0 4px; font-size: 14px; color: #0b0b0b; font-weight: 750;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-info p{margin: 0; font-size: 11px; color: #9c9c9c; line-height: 1.4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-info p{margin: 0; font-size: 11px; color: #606060; line-height: 1.4;}
:where(html[data-c~=dash]) .wallet-section .ltn-ow-tags{display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-tag{font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: rgba(255,255,255,0.06); color: #d1d1d1; border: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-tag{font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,0.06); color: #2c2c2c; border: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-tag.is-pub{background: rgba(59,130,246,0.15); color: #bababa; border-color: rgba(59,130,246,0.3);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-tag.is-pub{background: rgba(8,72,176,0.15); color: #424242; border-color: rgba(8,72,176,0.3);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-footer{display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.06);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-footer{display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.06);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-reward{font-size: 14.5px; font-weight: 850; color: #34d399;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-reward{font-size: 14.5px; font-weight: 850; color: #21976c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-reward small{font-size: 11px; color: #9c9c9c; font-weight: 500; margin-left: 4px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-reward small{font-size: 11px; color: #606060; font-weight: 500; margin-left: 4px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ow-start-btn{background: linear-gradient(#059669, #059669); color: #ffffff; border: 0; border-radius: 8px; padding: 7px 16px; font-size: 12px; font-weight: 750; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: all 0.2s ease; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ow-start-btn{background: linear-gradient(#059669, #059669); color: #000000; border: 0; border-radius: 8px; padding: 7px 16px; font-size: 12px; font-weight: 750; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: all 0.2s ease; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-ow-start-btn:hover{filter: brightness(1.15); transform: scale(1.03);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-pubcrypto-frame-card{margin-top: 20px; background: #0f0f0f; border: 1px solid #4e4e4e; border-radius: 14px; padding: 14px; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-pubcrypto-frame-card{margin-top: 20px; background: #f2f2f2; border: 1px solid #adadad; border-radius: 14px; padding: 14px; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .ltn-pubcrypto-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-pubcrypto-title{display: flex; align-items: center; gap: 8px; color: #939393; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-pubcrypto-title{display: flex; align-items: center; gap: 8px; color: #686868; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-pubcrypto-close-btn{background: rgba(239,68,68,0.2); border: 1px solid rgba(239,68,68,0.4); color: #b3b3b3; padding: 5px 12px; border-radius: 6px; font-size: 11.5px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-pubcrypto-close-btn{background: rgba(169,14,14,0.2); border: 1px solid rgba(169,14,14,0.4); color: #494949; padding: 5px 12px; border-radius: 6px; font-size: 11.5px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .ltn-sub-pill{display: inline-flex; align-items: center; justify-content: center; padding: 2px 7px; border-radius: 6px; font-size: 9.5px; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-sub-pill.is-hot{background: linear-gradient(#ef4444, #ef4444); color: #ffffff; box-shadow: none; animation: pulseSubGlow-17dac1 2.5s infinite alternate;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-sub-pill.is-hot{background: linear-gradient(#a90e0e, #a90e0e); color: #000000; box-shadow: none; animation: pulseSubGlow-e8c3db 2.5s infinite alternate;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-sub-pill.is-new{background: linear-gradient(#10b981, #10b981); color: #ffffff; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-sub-pill.is-new{background: linear-gradient(#10b981, #10b981); color: #000000; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-board{margin: 16px 0 20px; padding: 18px 20px; background: linear-gradient(rgba(19,19,19,0.9), rgba(19,19,19,0.9)); border: 1px solid rgba(154,154,154,0.28); border-radius: 18px; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-board{margin: 16px 0 20px; padding: 18px 20px; background: linear-gradient(rgba(236,236,236,0.9), rgba(236,236,236,0.9)); border: 1px solid rgba(98,98,98,0.28); border-radius: 18px; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-board-head{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 16px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-board-head{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.08); margin-bottom: 16px;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-board-title{display: flex; align-items: center; gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-icon{font-size: 26px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(154,154,154,0.15); border: 1px solid rgba(154,154,154,0.35); border-radius: 12px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-icon{font-size: 26px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(98,98,98,0.15); border: 1px solid rgba(98,98,98,0.35); border-radius: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-board-title h3{margin: 0; font-size: 15px; font-weight: 800; color: #efefef; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-board-title h3{margin: 0; font-size: 15px; font-weight: 800; color: #0f0f0f; letter-spacing: 0.02em;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-board-title p{margin: 3px 0 0; font-size: 12.5px; color: #9a9a9a;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-board-title p{margin: 3px 0 0; font-size: 12.5px; color: #616161;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-board-actions{display: flex; flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-btn{padding: 8px 15px; border-radius: 10px; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; transition: all 180ms ease; border: 1px solid transparent;}

:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-btn.is-bag{background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); color: #e6e6e6;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-btn.is-bag{background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.15); color: #181818;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-btn.is-bag:hover{background: rgba(255,255,255,0.12);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-btn.is-bag:hover{background: rgba(0,0,0,0.12);}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card{padding: 13px 14px; border-radius: 14px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); display: flex; flex-direction: column; gap: 6px; transition: transform 180ms ease, box-shadow 180ms ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card{padding: 13px 14px; border-radius: 14px; background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.08); display: flex; flex-direction: column; gap: 6px; transition: transform 180ms ease, box-shadow 180ms ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card:hover{transform: translateY(-2px); background: rgba(255,255,255,0.06);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card:hover{transform: translateY(-2px); background: rgba(0,0,0,0.06);}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-card-top{display: flex; justify-content: space-between; align-items: center;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-emoji{font-size: 22px;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-rarity{font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 7px; border-radius: 5px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-name{font-size: 12.5px; font-weight: 700; color: #f4f4f4; line-height: 1.35;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-name{font-size: 12.5px; font-weight: 700; color: #0b0b0b; line-height: 1.35;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-stats{display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; margin-top: 2px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-exp{color: #38bdf8; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-exp{color: #067db1; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-pct{font-weight: 800; color: #bcbcbc;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-pct{font-weight: 800; color: #404040;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-bar{height: 5px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; margin-top: 2px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-bar{height: 5px; background: rgba(0,0,0,0.08); border-radius: 3px; overflow: hidden; margin-top: 2px;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-bar-fill{height: 100%; border-radius: 3px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-common{border-color: rgba(156,156,156,0.22);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-common{border-color: rgba(96,96,96,0.22);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-common .ltn-loot-rarity{background: rgba(156,156,156,0.15); color: #d1d1d1;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-common .ltn-loot-rarity{background: rgba(96,96,96,0.15); color: #2c2c2c;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-common .ltn-loot-bar-fill{background: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-common .ltn-loot-bar-fill{background: #606060;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-card.is-uncommon{border-color: rgba(34,197,94,0.28);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-uncommon .ltn-loot-rarity{background: rgba(34,197,94,0.15); color: #4ade80;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-uncommon .ltn-loot-rarity{background: rgba(34,197,94,0.15); color: #1c9b4b;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-card.is-uncommon .ltn-loot-bar-fill{background: #22c55e;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-card.is-rare{border-color: rgba(14,165,233,0.38); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-rare .ltn-loot-rarity{background: rgba(14,165,233,0.2); color: #38bdf8;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-rare .ltn-loot-rarity{background: rgba(14,165,233,0.2); color: #067db1;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-card.is-rare .ltn-loot-bar-fill{background: #0ea5e9;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-epic{border-color: rgba(107,107,107,0.38); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-epic{border-color: rgba(143,143,143,0.38); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-epic .ltn-loot-rarity{background: rgba(107,107,107,0.2); color: #939393;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-epic .ltn-loot-rarity{background: rgba(143,143,143,0.2); color: #686868;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-epic .ltn-loot-bar-fill{background: #6b6b6b;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-epic .ltn-loot-bar-fill{background: #8f8f8f;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-legend{border-color: rgba(173,173,173,0.45); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-legend{border-color: rgba(78,78,78,0.45); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-legend .ltn-loot-rarity{background: rgba(173,173,173,0.2); color: #c5c5c5;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-legend .ltn-loot-rarity{background: rgba(78,78,78,0.2); color: #383838;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-legend .ltn-loot-bar-fill{background: linear-gradient(#adadad, #adadad);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-legend .ltn-loot-bar-fill{background: linear-gradient(#4e4e4e, #4e4e4e);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-secret{border-color: rgba(97,97,97,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-secret{border-color: rgba(154,154,154,0.55); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-secret .ltn-loot-rarity{background: linear-gradient(#616161, #616161); color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-secret .ltn-loot-rarity{background: linear-gradient(#9a9a9a, #9a9a9a); color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-secret .ltn-loot-bar-fill{background: linear-gradient(#616161, #616161);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-secret .ltn-loot-bar-fill{background: linear-gradient(#9a9a9a, #9a9a9a);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-empty{border-color: rgba(107,107,107,0.18); opacity: 0.7;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-empty{border-color: rgba(144,144,144,0.18); opacity: 0.7;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-empty .ltn-loot-rarity{background: rgba(107,107,107,0.15); color: #9c9c9c;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-empty .ltn-loot-rarity{background: rgba(144,144,144,0.15); color: #606060;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-card.is-empty .ltn-loot-bar-fill{background: #6b6b6b;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-card.is-empty .ltn-loot-bar-fill{background: #909090;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-click-burst{position: fixed; pointer-events: none; z-index: 99999; font-weight: 900; font-size: 16px; color: #c5c5c5; text-shadow: none; user-select: none; animation: ltnClickFloat-7e0ae6 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-click-burst{position: fixed; pointer-events: none; z-index: 99999; font-weight: 900; font-size: 16px; color: #383838; text-shadow: none; user-select: none; animation: ltnClickFloat-7e0ae6 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-bar-single{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; background: linear-gradient(rgba(19,19,19,0.95), rgba(19,19,19,0.95)); border: 1px solid rgba(154,154,154,0.28); border-radius: 12px; margin: 12px 0 16px; overflow-x: auto; scrollbar-width: thin; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-bar-single{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; background: linear-gradient(rgba(237,237,237,0.95), rgba(237,237,237,0.95)); border: 1px solid rgba(98,98,98,0.28); border-radius: 12px; margin: 12px 0 16px; overflow-x: auto; scrollbar-width: thin; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-single-lead{font-size: 12px; color: #bfbfbf; white-space: nowrap; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-single-lead{font-size: 12px; color: #3d3d3d; white-space: nowrap; flex-shrink: 0;}
:where(html[data-c~=dash]) .wallet-section .ltn-loot-single-items{display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; overflow-x: auto;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-mini-chip{display: inline-flex; align-items: center; gap: 3px; padding: 3px 8px; border-radius: 6px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); font-size: 11.5px; color: #e6e6e6; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-mini-chip{display: inline-flex; align-items: center; gap: 3px; padding: 3px 8px; border-radius: 6px; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.08); font-size: 11.5px; color: #181818; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-mini-chip b{color: #bcbcbc;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-mini-chip b{color: #404040;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-mini-chip.is-blue{border-color: rgba(14,165,233,0.35); background: rgba(14,165,233,0.1); color: #7dd3fc;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-mini-chip.is-blue{border-color: rgba(14,165,233,0.35); background: rgba(14,165,233,0.1); color: #047bb3;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-mini-chip.is-purple{border-color: rgba(107,107,107,0.35); background: rgba(107,107,107,0.1); color: #bdbdbd;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-mini-chip.is-purple{border-color: rgba(143,143,143,0.35); background: rgba(143,143,143,0.1); color: #3f3f3f;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-mini-chip.is-gold{border-color: rgba(173,173,173,0.4); background: rgba(173,173,173,0.12); color: #d8d8d8;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-mini-chip.is-gold{border-color: rgba(78,78,78,0.4); background: rgba(78,78,78,0.12); color: #252525;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-mini-chip.is-red{border-color: rgba(97,97,97,0.45); background: rgba(97,97,97,0.14); color: #b3b3b3; font-weight: 800;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-mini-chip.is-red{border-color: rgba(154,154,154,0.45); background: rgba(154,154,154,0.14); color: #494949; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-single-link{font-size: 11.5px; font-weight: 700; color: #828282; white-space: nowrap; text-decoration: none; padding: 3px 8px; border-radius: 6px; background: rgba(130,130,130,0.12); border: 1px solid rgba(130,130,130,0.3); transition: all 140ms ease; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-single-link{font-size: 11.5px; font-weight: 700; color: #797979; white-space: nowrap; text-decoration: none; padding: 3px 8px; border-radius: 6px; background: rgba(121,121,121,0.12); border: 1px solid rgba(121,121,121,0.3); transition: all 140ms ease; flex-shrink: 0;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-loot-single-link:hover{background: rgba(130,130,130,0.22); color: #eeeeee;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-loot-single-link:hover{background: rgba(121,121,121,0.22); color: #101010;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-card{padding: 16px 20px; border-radius: 14px;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-card ul li{position: relative;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-rule-card ul li strong{color: #efefef;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-rule-card ul li strong{color: #0f0f0f;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-tab-btn{flex: 1 1 120px; padding: 10px 14px; font-size: 13px; font-weight: 750; border-radius: 12px; border: 1px solid rgba(186,186,186,0.2); cursor: pointer; background: rgba(255,255,255,0.04); color: #efefef; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-tab-btn{flex: 1 1 120px; padding: 10px 14px; font-size: 13px; font-weight: 750; border-radius: 12px; border: 1px solid rgba(66,66,66,0.2); cursor: pointer; background: rgba(0,0,0,0.04); color: #0f0f0f; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-tab-btn.is-active{background: linear-gradient(#a0a0a0, #a0a0a0) !important; color: #0a0a0a !important; border-color: #a0a0a0 !important; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-tab-btn.is-active{background: linear-gradient(#5b5b5b, #5b5b5b) !important; color: #f8f8f8 !important; border-color: #5b5b5b !important; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .stat-card, :where(html[data-c~=dash]) .wallet-section .task-card, :where(html[data-c~=dash]) .wallet-section .shortcut-card, :where(html[data-c~=dash]) .wallet-section .panel, :where(html[data-c~=dash]) .wallet-section .ltn-boost-banner, :where(html[data-c~=dash]) .wallet-section .duck-tab-btn, :where(html[data-c~=dash]) .wallet-section .history-row, :where(html[data-c~=dash]) .wallet-section .ltn-ref-stat-card{transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease !important;}
:where(html[data-c~=dash]) .wallet-section .stat-card:hover, :where(html[data-c~=dash]) .wallet-section .task-card:hover, :where(html[data-c~=dash]) .wallet-section .shortcut-card:hover, :where(html[data-c~=dash]) .wallet-section .ltn-boost-banner:hover, :where(html[data-c~=dash]) .wallet-section .ltn-ref-stat-card:hover{transform: translateY(-3px) !important; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-tab-btn:hover:not(.is-active){transform: translateY(-2px) !important; border-color: rgba(255,255,255,0.22) !important; color: #ffffff !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-tab-btn:hover:not(.is-active){transform: translateY(-2px) !important; border-color: rgba(0,0,0,0.22) !important; color: #000000 !important;}
:where(html[data-c~=dash]) .wallet-section .task-card .task-icon, :where(html[data-c~=dash]) .wallet-section .ltn-task-icon{animation: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;}
:where(html[data-c~=dash]) .wallet-section .task-card .task-icon svg, :where(html[data-c~=dash]) .wallet-section .ltn-task-icon svg{display: block !important; margin: auto !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-live-bar{display: flex; align-items: center; gap: 12px; padding: 8px 14px; background: rgba(160,160,160,0.08); border: 1px solid rgba(160,160,160,0.24); border-radius: 12px; margin-bottom: 14px; font-size: 12.5px; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-live-bar{display: flex; align-items: center; gap: 12px; padding: 8px 14px; background: rgba(91,91,91,0.08); border: 1px solid rgba(91,91,91,0.24); border-radius: 12px; margin-bottom: 14px; font-size: 12.5px; overflow: hidden;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-maroon-bar{background: #0b0b0b !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: none; border-radius: 999px !important; padding: 5px 14px 5px 6px !important; display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 16px 0 !important; box-sizing: border-box !important; overflow: hidden !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-maroon-bar{background: #f6f6f6 !important; border: 1px solid rgba(0,0,0,0.12) !important; box-shadow: none; border-radius: 999px !important; padding: 5px 14px 5px 6px !important; display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 16px 0 !important; box-sizing: border-box !important; overflow: hidden !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-maroon-badge{display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(173,173,173,0.14) !important; color: #c5c5c5 !important; border: 1px solid rgba(173,173,173,0.45) !important; font-weight: 850 !important; font-size: 11.5px !important; padding: 4px 12px !important; border-radius: 999px !important; white-space: nowrap !important; flex-shrink: 0 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-maroon-badge{display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(78,78,78,0.14) !important; color: #383838 !important; border: 1px solid rgba(78,78,78,0.45) !important; font-weight: 850 !important; font-size: 11.5px !important; padding: 4px 12px !important; border-radius: 999px !important; white-space: nowrap !important; flex-shrink: 0 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .duck-live-ticker{flex: 1 1 0% !important; min-width: 0 !important; width: 0 !important; overflow: hidden !important; position: relative !important; white-space: nowrap !important; mask-image: linear-gradient(to right, transparent, #000000 20px, #000000 calc(100% - 20px), transparent) !important; -webkit-mask-image: linear-gradient(to right, transparent, #000000 20px, #000000 calc(100% - 20px), transparent) !important;}
:where(html[data-c~=dash]) .wallet-section .duck-ticker-track{display: inline-flex; gap: 28px; animation: duckMarqueeContinuous-38731f 19s linear infinite !important; white-space: nowrap; align-items: center;}
:where(html[data-c~=dash]) .wallet-section .duck-ticker-track:hover{animation-play-state: paused;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-item{display: inline-flex; align-items: center; gap: 8px; color: #f4f4f4; font-size: 12.5px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-item{display: inline-flex; align-items: center; gap: 8px; color: #0b0b0b; font-size: 12.5px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-user{color: #ffffff !important; font-weight: 700;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-user{color: #000000 !important; font-weight: 700;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-desc{color: #9c9c9c; font-weight: 500;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-desc{color: #606060; font-weight: 500;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-amount{color: #c5c5c5 !important; font-weight: 800; font-size: 13px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-amount{color: #383838 !important; font-weight: 800; font-size: 13px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-time{display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 6px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); color: #9c9c9c; font-size: 10.5px; font-weight: 600;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-time{display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.12); color: #606060; font-size: 10.5px; font-weight: 600;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-approved{color: #4ade80; font-weight: 700; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-approved{color: #1c9b4b; font-weight: 700; font-size: 11.5px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-item strong{color: #f2f2f2; font-weight: 850;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-item strong{color: #0c0c0c; font-weight: 850;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner.is-duck-style{padding: 10px 18px !important; border-radius: 14px !important; gap: 14px !important; flex-wrap: nowrap !important; min-height: auto !important; background: linear-gradient(135deg, rgba(88,101,242,0.14) 0%, rgba(142,142,142,0.12) 100%), #131313 !important; border: 1px solid rgba(107,107,107,0.35) !important; margin-bottom: 14px !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner.is-duck-style{padding: 10px 18px !important; border-radius: 14px !important; gap: 14px !important; flex-wrap: nowrap !important; min-height: auto !important; background: linear-gradient(135deg, rgba(13,27,170,0.14) 0%, rgba(109,109,109,0.12) 100%), #ececec !important; border: 1px solid rgba(143,143,143,0.35) !important; margin-bottom: 14px !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-gem-wrap{flex: 0 0 32px !important; width: 32px !important; height: 32px !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-gif-icon{width: 28px !important; height: 28px !important; animation: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-content{flex: 1 1 auto !important; min-width: 0 !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-title-row{display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 2px !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-title{font-size: 13px !important; font-weight: 800 !important; color: #ffffff !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-title{font-size: 13px !important; font-weight: 800 !important; color: #000000 !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-status{font-size: 11px !important; padding: 1px 7px !important; border-radius: 6px !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-sub{font-size: 11.5px !important; color: #b9b9b9 !important; margin: 0 !important; line-height: 1.35 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-sub{font-size: 11.5px !important; color: #434343 !important; margin: 0 !important; line-height: 1.35 !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-actions{flex-shrink: 0 !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn{padding: 7px 15px !important; font-size: 12px !important; background: #5865f2 !important; color: #ffffff !important; border-radius: 9px !important; font-weight: 750 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; text-decoration: none !important; transition: all 0.15s ease !important; box-shadow: 0 4px 14px rgba(88,101,242,0.4) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn{padding: 7px 15px !important; font-size: 12px !important; background: #0d1baa !important; color: #000000 !important; border-radius: 9px !important; font-weight: 750 !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; text-decoration: none !important; transition: all 0.15s ease !important; box-shadow: 0 4px 14px rgba(13,27,170,0.4) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn:hover{background: #4752c4 !important; transform: translateY(-1px) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-banner.is-duck-style .ltn-boost-discord-btn:hover{background: #2d358b !important; transform: translateY(-1px) !important;}
:where(html[data-c~=dash]) .wallet-section #dashboard-sidebar.is-collapsed{width: 76px !important; min-width: 76px !important;}
:where(html[data-c~=dash]) .wallet-section #dashboard-sidebar.is-collapsed .brand{justify-content: center !important; padding: 10px 0 !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-header, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-card, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-promo-form-panel{background: linear-gradient(rgba(15,15,15,0.94), rgba(15,15,15,0.94)) !important; border: 1px solid rgba(186,186,186,0.16) !important; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-header, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-card, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-promo-form-panel{background: linear-gradient(rgba(241,241,241,0.94), rgba(241,241,241,0.94)) !important; border: 1px solid rgba(66,66,66,0.16) !important; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-ref-stat-value{color: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-ref-stat-value{color: #5b5b5b !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-tabs-wrap{display: flex; justify-content: center; margin: 18px 0 16px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-tabs{display: inline-flex; gap: 8px; background: rgba(12,12,12,0.85); padding: 6px; border-radius: 12px; border: 1px solid rgba(186,186,186,0.2);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-tabs{display: inline-flex; gap: 8px; background: rgba(245,245,245,0.85); padding: 6px; border-radius: 12px; border: 1px solid rgba(66,66,66,0.2);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-tab{background: transparent; color: #acacac; border: 1px solid transparent; padding: 8px 18px; border-radius: 8px; font-size: 13.5px; font-weight: 750; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-tab{background: transparent; color: #505050; border: 1px solid transparent; padding: 8px 18px; border-radius: 8px; font-size: 13.5px; font-weight: 750; cursor: pointer; transition: all 0.2s ease;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-tab:hover{color: #ffffff;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-tab:hover{color: #000000;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lb-tab.is-active{background: linear-gradient(rgba(160,160,160,0.2), rgba(160,160,160,0.2)); border-color: #a0a0a0; color: #bcbcbc; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lb-tab.is-active{background: linear-gradient(rgba(91,91,91,0.2), rgba(91,91,91,0.2)); border-color: #5b5b5b; color: #404040; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-header{background: #0d0d0d; border: 1px solid rgba(186,186,186,0.12); border-radius: 14px; padding: 20px 24px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-header{background: #f3f3f3; border: 1px solid rgba(66,66,66,0.12); border-radius: 14px; padding: 20px 24px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-stat-card{background: #0f0f0f !important; border: 1px solid rgba(186,186,186,0.14) !important; border-radius: 14px !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-stat-card{background: #f1f1f1 !important; border: 1px solid rgba(66,66,66,0.14) !important; border-radius: 14px !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-svg-badge svg path, :where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-svg-badge svg rect, :where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-svg-badge svg circle{stroke: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-svg-badge svg path, :where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-svg-badge svg rect, :where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-svg-badge svg circle{stroke: #5b5b5b !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-stat-card strong{color: #d9d9d9 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-stat-card strong{color: #242424 !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-stat-card strong.is-gold-code{color: #a0a0a0 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-stat-card strong.is-gold-code{color: #5b5b5b !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #referrals .ltn-ref-stat-card strong.is-green-money{color: #34d399 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #referrals .ltn-ref-stat-card strong.is-green-money{color: #21976c !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-lightning-aura{position: absolute; inset: -8px; border-radius: 50%; background: linear-gradient(transparent, transparent); animation: lightningGlowPulse-4f9dea 1.8s ease-in-out infinite alternate; pointer-events: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lightning-svg{position: relative; z-index: 1; overflow: visible; filter: drop-shadow(0 0 12px rgba(209,209,209,0.8));}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lightning-svg{position: relative; z-index: 1; overflow: visible; filter: drop-shadow(0 0 12px rgba(44,44,44,0.8));}
:where(html[data-c~=dash]) .wallet-section .ltn-lightning-ring{transform-origin: 28px 28px; animation: lightningRingSpin-faa417 8s linear infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-lightning-ring-inner{transform-origin: 28px 28px; animation: lightningRingSpin-faa417 5s linear infinite reverse;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-lightning-bolt{transform-origin: 28px 28px; animation: lightningFlash-e0d5bb 1.6s ease-in-out infinite;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-lightning-bolt{transform-origin: 28px 28px; animation: lightningFlash-274f17 1.6s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-money-particle{position: fixed; z-index: 999999; pointer-events: none; user-select: none; font-weight: 900; white-space: nowrap; transform: translate(-50%, -50%); animation: floatMoneyBob-733346 var(--particle-duration, 1s) cubic-bezier(0.22, 1, 0.36, 1) forwards; will-change: transform, opacity; text-shadow: none;}
:where(html[data-c~=dash]) .wallet-section{max-width: 1060px; margin-left: auto; margin-right: auto;}
:where(html[data-c~=dash]) .wallet-section .panel{box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wd-captcha-svg input{min-height: 42px; padding: 0 12px; border: 1px solid rgba(255,255,255,0.14); border-radius: 10px; background: rgba(6,6,6,0.75); color: #e6e6e6; font: inherit; font-size: 14px;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wd-captcha-svg input{min-height: 42px; padding: 0 12px; border: 1px solid rgba(0,0,0,0.14); border-radius: 10px; background: rgba(252,252,252,0.75); color: #171717; font: inherit; font-size: 14px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wd-captcha-svg input:focus{border-color: #a0a0a0; outline: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wd-captcha-svg input:focus{border-color: #5b5b5b; outline: none;}
:where(html[data-c~=dash]) .wallet-section .wd-captcha-svg{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wd-captcha-svg img{height: 42px; border-radius: 8px; background: #ffffff; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wd-captcha-svg img{height: 42px; border-radius: 8px; background: #000000; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .task-reward-boost-sub{display: block !important; font-size: 10px !important; color: #8c8c8c !important; font-style: normal !important; font-weight: 700 !important; margin-top: 2px !important; white-space: nowrap !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .task-reward-boost-sub{display: block !important; font-size: 10px !important; color: #6f6f6f !important; font-style: normal !important; font-weight: 700 !important; margin-top: 2px !important; white-space: nowrap !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner[hidden], :where(html[data-c~=dash]) .wallet-section .ltn-boost-discord-btn[hidden], :where(html[data-c~=dash]) .wallet-section .ltn-boost-sync-btn[hidden]{display: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-earn-tabs{display: flex; gap: 8px; margin: 4px 0 16px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-earn-tab{min-height: 40px; padding: 0 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: inherit; font: inherit; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-earn-tab{min-height: 40px; padding: 0 18px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.04); color: inherit; font: inherit; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-earn-tab.is-active{background: #a0a0a0; border-color: #a0a0a0; color: #121212;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-earn-tab.is-active{background: #5b5b5b; border-color: #5b5b5b; color: #eeeeee;}
:where(html[data-c~=dash]) .wallet-section .ltn-earn-pane[hidden]{display: none !important;}

:where(html[data-c~=dash]) .wallet-section .ltn-money-particle{display: none !important;}
:where(html[data-c~=dash]) .wallet-section .section-eyebrow{color: var(--ft-muted) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase;}
:where(html[data-c~=dash]) .wallet-section .dashboard-layout{background: var(--ft-bg) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-sub-pill{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border: 0 !important; border-radius: 6px !important;}
:where(html[data-c~=dash]) .wallet-section .panel, :where(html[data-c~=dash]) .wallet-section .task-card, :where(html[data-c~=dash]) .wallet-section .stat-card, :where(html[data-c~=dash]) .wallet-section .welcome-card, :where(html[data-c~=dash]) .wallet-section .wallet-balance > div, :where(html[data-c~=dash]) .wallet-section .ltn-lb-prize-card, :where(html[data-c~=dash]) .wallet-section .ltn-offerwall-history-panel, :where(html[data-c~=dash]) .wallet-section .task-history-panel, :where(html[data-c~=dash]) .wallet-section .shortcut-card, :where(html[data-c~=dash]) .wallet-section .overview-task-row{background: var(--ft-surface) !important; border: 1px solid var(--ft-line) !important; border-radius: var(--ft-radius) !important; box-shadow: none !important; backdrop-filter: none !important;}
:where(html[data-c~=dash]) .wallet-section .panel::before, :where(html[data-c~=dash]) .wallet-section .panel::after, :where(html[data-c~=dash]) .wallet-section .task-card::before, :where(html[data-c~=dash]) .wallet-section .task-card::after, :where(html[data-c~=dash]) .wallet-section .welcome-card::before, :where(html[data-c~=dash]) .wallet-section .welcome-card::after, :where(html[data-c~=dash]) .wallet-section .stat-card::before, :where(html[data-c~=dash]) .wallet-section .stat-card::after{display: none !important;}
:where(html[data-c~=dash]) .wallet-section .task-card:hover, :where(html[data-c~=dash]) .wallet-section .stat-card:hover, :where(html[data-c~=dash]) .wallet-section .shortcut-card:hover{border-color: var(--ft-line-2) !important; transform: none !important;}
:where(html[data-c~=dash]) .wallet-section .task-card.is-pinned, :where(html[data-c~=dash]) .wallet-section .task-card[data-pinned="true"]{border-color: var(--ft-accent) !important;}
:where(html[data-c~=dash]) .wallet-section .welcome-card h2{font-size: 26px;}
:where(html[data-c~=dash]) .wallet-section .welcome-orb{background: var(--ft-accent-soft) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-accent-2) !important; animation: none !important;}
:where(html[data-c~=dash]) .wallet-section .stat-card strong, :where(html[data-c~=dash]) .wallet-section .wallet-balance strong{font-variant-numeric: tabular-nums; color: var(--ft-text) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .primary-button, :where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card .primary-button, :where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-btn-submit, :where(html[data-c~=dash][data-v=dark]) .wallet-section #duck-btn-submit-bank, :where(html[data-c~=dash][data-v=dark]) .wallet-section #duck-btn-submit-card, :where(html[data-c~=dash][data-v=dark]) .wallet-section #duck-btn-submit-game, :where(html[data-c~=dash][data-v=dark]) .wallet-section .task-card button.primary-button, :where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-boost-btn{background: var(--ft-accent) !important; background-image: none !important; color: #121212 !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 650 !important; text-shadow: none !important; animation: none !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .primary-button, :where(html[data-c~=dash][data-v=light]) .wallet-section .task-card .primary-button, :where(html[data-c~=dash][data-v=light]) .wallet-section .duck-btn-submit, :where(html[data-c~=dash][data-v=light]) .wallet-section #duck-btn-submit-bank, :where(html[data-c~=dash][data-v=light]) .wallet-section #duck-btn-submit-card, :where(html[data-c~=dash][data-v=light]) .wallet-section #duck-btn-submit-game, :where(html[data-c~=dash][data-v=light]) .wallet-section .task-card button.primary-button, :where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-boost-btn{background: var(--ft-accent) !important; background-image: none !important; color: #eeeeee !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 650 !important; text-shadow: none !important; animation: none !important;}
:where(html[data-c~=dash]) .wallet-section .primary-button:hover, :where(html[data-c~=dash]) .wallet-section .duck-btn-submit:hover{background: var(--ft-accent-2) !important; filter: none !important; transform: none !important;}
:where(html[data-c~=dash]) .wallet-section .secondary-button{background: var(--ft-surface-2) !important; color: var(--ft-text) !important; border: 1px solid var(--ft-line-2) !important; border-radius: 10px !important;}
:where(html[data-c~=dash]) .wallet-section label{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .count-pill{background: var(--ft-surface-2) !important; color: var(--ft-muted) !important; border: 1px solid var(--ft-line) !important; box-shadow: none !important; animation: none !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar, :where(html[data-c~=dash]) .wallet-section .duck-live-bar{background: var(--ft-surface-2) !important; border: 1px solid var(--ft-line) !important; box-shadow: none !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-badge{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border: 0 !important; box-shadow: none !important;}
:where(html[data-c~=dash]) .wallet-section .duck-ticker-amount{color: var(--ft-text) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .duck-ticker-approved{color: #4ade80 !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .duck-ticker-approved{color: #1c9b4b !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-lightning-ring, :where(html[data-c~=dash]) .wallet-section .ltn-lightning-ring-inner{animation: none !important;}
:where(html[data-c~=dash]) .wallet-section footer{border-color: var(--ft-line) !important; color: var(--ft-muted) !important;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2::before, :where(html[data-c~=dash]) .wallet-section .section-heading h2::after, :where(html[data-c~=dash]) .wallet-section .panel-heading h3::before, :where(html[data-c~=dash]) .wallet-section .panel-heading h3::after, :where(html[data-c~=dash]) .wallet-section .panel-heading h2::before, :where(html[data-c~=dash]) .wallet-section .panel-heading h2::after, :where(html[data-c~=dash]) .wallet-section .section-heading::after, :where(html[data-c~=dash]) .wallet-section .panel-heading::after{display: none !important; content: none !important;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2, :where(html[data-c~=dash]) .wallet-section .panel-heading h3{padding-left: 0 !important;}
:where(html[data-c~=dash]) .wallet-section .is-ph, :where(html[data-c~=dash]) .wallet-section .ltn-loading-text{color: var(--ft-muted) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; animation: ltnLoadPulse-e2247b 1.2s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .ltn-loading-card{color: var(--ft-muted); font-size: 13px; text-align: center; animation: ltnLoadPulse-e2247b 1.2s ease-in-out infinite;}
:where(html[data-c~=dash]) .wallet-section .activity-chart > .ltn-loading-text{display: grid; place-items: center; min-height: 120px; width: 100%;}
:where(html[data-c~=dash]) .wallet-section .task-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;}
:where(html[data-c~=dash]) .wallet-section .tk-card{display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important; padding: 16px !important; min-height: 0 !important;}
:where(html[data-c~=dash]) .wallet-section .tk-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .wallet-section .tk-icon{width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .tk-title{flex: 1; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .wallet-section .tk-name{font-size: 15px; font-weight: 800; color: var(--ft-text); overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wallet-section .tk-tag{padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--ft-accent-2); background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .tk-pin{flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--ft-line); background: transparent; color: var(--ft-muted); cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .tk-pin.is-on{color: var(--ft-accent); border-color: var(--ft-accent); background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .tk-rows{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .tk-rows li{display: flex; justify-content: space-between; gap: 12px; font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .tk-rows span{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .tk-rows strong{color: var(--ft-text); text-align: right;}
:where(html[data-c~=dash]) .wallet-section .tk-start{width: 100%; min-height: 42px;}
:where(html[data-c~=dash]) .wallet-section .tk-card.is-exhausted{opacity: .7; filter: grayscale(1);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .tk-card.is-exhausted .tk-start, :where(html[data-c~=dash][data-v=dark]) .wallet-section .tk-card.is-exhausted .tk-start:disabled{background: #2f2f2f !important; color: #7e7e7e !important; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .tk-card.is-exhausted .tk-start, :where(html[data-c~=dash][data-v=light]) .wallet-section .tk-card.is-exhausted .tk-start:disabled{background: #cecece !important; color: #7d7d7d !important; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel{display: grid; gap: 16px;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel .ltn-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel .ltn-panel-title-with-icon{display: flex; align-items: center; gap: 12px;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel .ltn-panel-icon{width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel h3{margin: 0; font-size: 16px;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel p{margin: 2px 0 0; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel .ltn-progress-pill{padding: 4px 10px; border-radius: 999px; background: var(--ft-surface-2); font-size: 13px; font-weight: 700;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel .ltn-quest-progressbar-track{height: 8px; border-radius: 999px; background: var(--ft-surface-2); overflow: hidden;}
:where(html[data-c~=dash]) .wallet-section #ltn-checkin-panel .ltn-quest-progressbar-fill{height: 100%; border-radius: 999px; background: var(--ft-accent); transition: width .3s;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #ltn-checkin-main-btn{width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: #2f2f2f; color: #7e7e7e; font-size: 15px; font-weight: 800; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #ltn-checkin-main-btn{width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: #cecece; color: #7d7d7d; font-size: 15px; font-weight: 800; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section #ltn-checkin-main-btn.is-ready:not(:disabled){background: #22c55e; color: #161616; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section #ltn-checkin-main-btn.is-ready:not(:disabled){background: #22c55e; color: #e9e9e9; cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-note{display: grid; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2); border-left: 3px solid var(--ft-accent); font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-note strong{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .bw-layout .wallet-main{display: grid; gap: 14px; min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .bw-chart-panel{display: grid; gap: 14px;}
:where(html[data-c~=dash]) .wallet-section .bw-legend{display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bw-legend span{display: inline-flex; align-items: center; gap: 6px;}
:where(html[data-c~=dash]) .wallet-section .bw-legend i{width: 10px; height: 10px; border-radius: 50%; display: inline-block;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-legend .is-pending{background: #b8b8b8;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-legend .is-pending{background: #444444;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-legend .is-approved{background: #3b9bff;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-legend .is-approved{background: #005ab8;}
:where(html[data-c~=dash]) .wallet-section .bw-legend .is-done{background: #2fcf71;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-legend .is-rejected{background: #ef4f4f;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-legend .is-rejected{background: #a80f0f;}
:where(html[data-c~=dash]) .wallet-section .bw-svg{width: 100%; height: auto; display: block;}
:where(html[data-c~=dash]) .wallet-section .bw-grid{stroke: var(--ft-line); stroke-width: 1; stroke-dasharray: 3 4;}
:where(html[data-c~=dash]) .wallet-section .bw-axis{fill: var(--ft-muted); font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-area{fill: rgba(160,160,160,.08);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-area{fill: rgba(91,91,91,.08);}
:where(html[data-c~=dash]) .wallet-section .bw-line{fill: none; stroke: var(--ft-accent-2); stroke-width: 2; stroke-linejoin: round;}
:where(html[data-c~=dash]) .wallet-section .bw-stem{stroke-width: 1; opacity: .35;}
:where(html[data-c~=dash]) .wallet-section .bw-dot{cursor: pointer; stroke: var(--ft-surface); stroke-width: 2; transition: r .12s; outline: none;}
:where(html[data-c~=dash]) .wallet-section .bw-dot:hover, :where(html[data-c~=dash]) .wallet-section .bw-dot.is-selected{r: 8; stroke: var(--ft-text);}
:where(html[data-c~=dash]) .wallet-section .bw-detail{padding: 14px 16px; border-radius: 12px; background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .bw-detail h4{margin: 0 0 10px; font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .bw-detail dl{margin: 0; display: grid; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .bw-detail dl > div{display: flex; justify-content: space-between; gap: 12px; font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .bw-detail dt{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bw-detail dd{margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wallet-section .bw-stats{display: grid; gap: 10px;}
:where(html[data-c~=dash]) .wallet-section .bw-stats h3{margin: 0; font-size: 15px;}
:where(html[data-c~=dash]) .wallet-section .bw-stats > div{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .bw-stats span{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bw-stats strong{font-size: 20px;}
:where(html[data-c~=dash]) .wallet-section .bw-orders{list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; display: grid; gap: 4px; border-top: 1px solid var(--ft-line); padding-top: 10px;}
:where(html[data-c~=dash]) .wallet-section .bw-orders li{display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .bw-orders li:hover, :where(html[data-c~=dash]) .wallet-section .bw-orders li.is-selected{background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .bw-orders li i{width: 9px; height: 9px; border-radius: 50%; flex: none;}
:where(html[data-c~=dash]) .wallet-section .bw-orders li span{flex: 1; color: var(--ft-muted); min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .bw-orders:empty{display: none;}
:where(html[data-c~=dash]) .wallet-section .bw-form{display: grid; gap: 16px; padding: 22px;}
:where(html[data-c~=dash]) .wallet-section .bw-form h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash]) .wallet-section .bw-field{display: grid; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .bw-field label{font-size: 13px; font-weight: 600; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bw-field input[type="text"], :where(html[data-c~=dash]) .wallet-section .bw-field input[type="number"]{width: 100%; box-sizing: border-box; min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 15px;}
:where(html[data-c~=dash]) .wallet-section .bw-field input:focus, :where(html[data-c~=dash]) .wallet-section .bk-field:focus-visible{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .bw-check{display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 12px; background: var(--ft-surface-2); font-size: 14px; cursor: pointer; line-height: 1.45;}
:where(html[data-c~=dash]) .wallet-section .bw-check input{width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ft-accent); flex: none;}
:where(html[data-c~=dash]) .wallet-section .bw-check em{color: var(--ft-muted); font-style: normal;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-submit{min-height: 52px; border: 0; border-radius: 14px; background: var(--ft-accent); color: #121212; font-size: 16px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-submit{min-height: 52px; border: 0; border-radius: 14px; background: var(--ft-accent); color: #eeeeee; font-size: 16px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .bw-submit:hover:not(:disabled){background: var(--ft-accent-2);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-submit:disabled{background: #2f2f2f; color: #7e7e7e; cursor: not-allowed;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-submit:disabled{background: #cecece; color: #7d7d7d; cursor: not-allowed;}
:where(html[data-c~=dash]) .wallet-section .bw-note{margin: 0; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bw-note strong{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .lbx{display: grid; gap: 16px;}
:where(html[data-c~=dash]) .wallet-section .lbx-bar{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
:where(html[data-c~=dash]) .wallet-section .lbx-tabs{display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=dash]) .wallet-section .lbx-tab{min-height: 36px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; color: var(--ft-muted); font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .lbx-tab:hover{color: var(--ft-text);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-tab.is-active{background: var(--ft-accent); color: #121212;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-tab.is-active{background: var(--ft-accent); color: #eeeeee;}
:where(html[data-c~=dash]) .wallet-section .lbx-reset{padding: 7px 12px; border-radius: 999px; border: 1px solid var(--ft-line); background: var(--ft-surface); color: var(--ft-accent-2); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .wallet-section .lbx-me{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=dash]) .wallet-section .lbx-me-label{color: var(--ft-muted); font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .lbx-me strong{font-size: 16px; font-variant-numeric: tabular-nums; text-align: right;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; padding-top: 12px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-podium-card{--medal: #999999; position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 24px 12px 16px; border-radius: 16px; border: 1px solid var(--ft-line); background: var(--ft-surface); text-align: center;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-podium-card{--medal: #626262; position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 24px 12px 16px; border-radius: 16px; border: 1px solid var(--ft-line); background: var(--ft-surface); text-align: center;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-podium-card.is-rank-1{--medal: #c8c8c8; padding: 32px 12px 22px; border-color: rgba(200,200,200,.45); background: #1a1a1a;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-podium-card.is-rank-1{--medal: #353535; padding: 32px 12px 22px; border-color: rgba(53,53,53,.45); background: #e4e4e4;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-podium-card.is-rank-2{--medal: #d2d2d2;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-podium-card.is-rank-2{--medal: #2b2b2b;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-medal{position: absolute; top: -13px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--medal); color: #0e0e0e; font-size: 13px; font-weight: 900;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-medal{position: absolute; top: -13px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--medal); color: #f2f2f2; font-size: 13px; font-weight: 900;}
:where(html[data-c~=dash]) .wallet-section .lbx-avatar{width: 44px; height: 44px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--ft-surface-2); color: var(--ft-text); font-weight: 800;}
:where(html[data-c~=dash]) .wallet-section .lbx-avatar img{width: 100%; height: 100%; object-fit: cover;}
:where(html[data-c~=dash]) .wallet-section .lbx-avatar.is-empty{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card .lbx-avatar{width: 56px; height: 56px; margin-bottom: 4px; box-shadow: 0 0 0 3px var(--medal);}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-rank-1 .lbx-avatar{width: 72px; height: 72px;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-empty .lbx-avatar{box-shadow: 0 0 0 2px var(--ft-line);}
:where(html[data-c~=dash]) .wallet-section .lbx-name{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .lbx-value{font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-rank-1 .lbx-value{font-size: 19px; color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .lbx-meta{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .lbx-prize{padding: 3px 10px; border-radius: 999px; background: var(--ft-accent-soft); color: var(--ft-accent-2); font-size: 12px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-empty .lbx-name, :where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-empty .lbx-value, :where(html[data-c~=dash]) .wallet-section .lbx-row.is-empty .lbx-who strong, :where(html[data-c~=dash]) .wallet-section .lbx-row.is-empty .lbx-score strong{color: var(--ft-muted); font-weight: 600;}
:where(html[data-c~=dash]) .wallet-section .lbx-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .lbx-row{display: grid; grid-template-columns: 28px 36px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=dash]) .wallet-section .lbx-rank{color: var(--ft-muted); font-weight: 800; text-align: center; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .wallet-section .lbx-row .lbx-avatar{width: 36px; height: 36px; font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .lbx-who{display: grid; min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .lbx-who strong, :where(html[data-c~=dash]) .wallet-section .lbx-who small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .lbx-who strong{font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .lbx-who small, :where(html[data-c~=dash]) .wallet-section .lbx-score small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .lbx-score{display: grid; text-align: right;}
:where(html[data-c~=dash]) .wallet-section .lbx-score strong{font-size: 14px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-podium-card.is-me, :where(html[data-c~=dash][data-v=dark]) .wallet-section .lbx-row.is-me{border-color: var(--ft-accent); background: #1e1e1e;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-podium-card.is-me, :where(html[data-c~=dash][data-v=light]) .wallet-section .lbx-row.is-me{border-color: var(--ft-accent); background: #e1e1e1;}
:where(html[data-c~=dash]) .wallet-section .lbx-prizes{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=dash]) .wallet-section .lbx-prizes[hidden]{display: none;}
:where(html[data-c~=dash]) .wallet-section .lbx-prizes-title{margin-right: auto; font-weight: 800;}
:where(html[data-c~=dash]) .wallet-section .lbx-prize-chip{display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 10px; border-radius: 10px; background: var(--ft-surface-2); font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .lbx-prize-chip small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .lbx-prize-chip strong{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .bw-label{font-size: 13px; font-weight: 600; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bk-field{width: 100%; min-height: 60px; display: flex; align-items: center; gap: 12px; padding: 8px 14px 8px 10px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); text-align: left; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .bk-field:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .wallet-section .bk-field.is-selected{border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .bk-field-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
:where(html[data-c~=dash]) .wallet-section .bk-field-text strong{font-size: 15px;}
:where(html[data-c~=dash]) .wallet-section .bk-field-text small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ft-muted); font-size: 12px; font-weight: 500;}
:where(html[data-c~=dash]) .wallet-section .bk-caret{flex: none; color: var(--ft-muted);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bk-logo{width: 40px; height: 40px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #ffffff; color: #0e0e0e; font-size: 11px; font-weight: 900; letter-spacing: -.02em;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bk-logo{width: 40px; height: 40px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #000000; color: #f2f2f2; font-size: 11px; font-weight: 900; letter-spacing: -.02em;}
:where(html[data-c~=dash]) .wallet-section .bk-logo img{width: 100%; height: 100%; object-fit: contain; padding: 3px; box-sizing: border-box;}
:where(html[data-c~=dash]) .wallet-section .bk-logo.is-placeholder{background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bk-logo.is-text{background: #f4f4f4;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bk-logo.is-text{background: #0b0b0b;}
:where(html[data-c~=dash]) .wallet-section .bk-sheet{flex: 1; min-height: 0; display: flex; flex-direction: column;}
:where(html[data-c~=dash]) .wallet-section .bk-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 12px;}
:where(html[data-c~=dash]) .wallet-section .bk-head h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash]) .wallet-section .bk-x{width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--ft-surface-2); color: var(--ft-muted); font-size: 14px; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .bk-x:hover{color: var(--ft-text);}
:where(html[data-c~=dash]) .wallet-section .bk-search-wrap{position: relative; margin: 0 20px 12px; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .bk-search-wrap svg{position: absolute; left: 14px; top: 50%; transform: translateY(-50%); pointer-events: none;}
:where(html[data-c~=dash]) .wallet-section .bk-search-wrap input{width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px 0 42px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 15px;}
:where(html[data-c~=dash]) .wallet-section .bk-search-wrap input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .bk-body{flex: 1; min-height: 0; overflow-y: auto; padding: 0 12px 16px; overscroll-behavior: contain;}
:where(html[data-c~=dash]) .wallet-section .bk-group{display: grid; gap: 8px; padding: 4px 8px 12px;}
:where(html[data-c~=dash]) .wallet-section .bk-group[hidden]{display: none;}
:where(html[data-c~=dash]) .wallet-section .bk-group-title{color: var(--ft-muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;}
:where(html[data-c~=dash]) .wallet-section .bk-popular{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .bk-tile{min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .bk-tile span:last-child{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .bk-tile:hover{border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .bk-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
:where(html[data-c~=dash]) .wallet-section .bk-item{display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .bk-item:hover, :where(html[data-c~=dash]) .wallet-section .bk-item.is-active{background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .bk-item.is-current{background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .bk-item-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
:where(html[data-c~=dash]) .wallet-section .bk-item-text strong{font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .bk-item-text small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .bk-check{color: var(--ft-accent); font-weight: 900;}
:where(html[data-c~=dash]) .wallet-section .bk-status{margin: 4px 0 0; color: var(--ft-muted); font-size: 13px; text-align: center;}
:where(html[data-c~=dash]) .wallet-section .bk-status:empty{display: none;}
:where(html[data-c~=dash]) .wallet-section .gc-layout{display: grid; grid-template-columns: 1fr !important; gap: 16px; align-items: start; max-width: 560px;}
:where(html[data-c~=dash]) .wallet-section .gc-card{display: grid; gap: 14px; padding: 22px;}
:where(html[data-c~=dash]) .wallet-section .gc-label{display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--ft-text);}
:where(html[data-c~=dash]) .wallet-section .gc-icon{width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--ft-accent-soft); color: var(--ft-accent-2); flex: none;}
:where(html[data-c~=dash]) .wallet-section .gc-card input{width: 100%; box-sizing: border-box; min-height: 52px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 17px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;}
:where(html[data-c~=dash]) .wallet-section .gc-card input::placeholder{color: var(--ft-muted); letter-spacing: .2em; font-weight: 500;}
:where(html[data-c~=dash]) .wallet-section .gc-card input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .gc-submit{min-height: 50px; border: 0; border-radius: 12px; background: var(--ft-accent); color: #121212; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .gc-submit{min-height: 50px; border: 0; border-radius: 12px; background: var(--ft-accent); color: #eeeeee; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .gc-submit:hover:not(:disabled){background: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .gc-submit:disabled{opacity: .6; cursor: wait;}
:where(html[data-c~=dash]) .wallet-section .gc-card .inline-message:empty{display: none;}
:where(html[data-c~=dash]) .wallet-section .gc-rules{padding: 20px 22px;}
:where(html[data-c~=dash]) .wallet-section .gc-rules h3{margin: 0 0 10px; font-size: 16px;}
:where(html[data-c~=dash]) .wallet-section .gc-rules ul{margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--ft-muted); font-size: 14px; line-height: 1.5;}
:where(html[data-c~=dash]) .wallet-section .gc-rules li::marker{color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .wd-tiles{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .wd-tiles.is-brands{grid-template-columns: repeat(5, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .wd-tiles.is-login{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .wd-tile{position: relative; display: block; cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .wd-tile input{position: absolute; opacity: 0; pointer-events: none;}
:where(html[data-c~=dash]) .wallet-section .wd-tile > span{min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px 6px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 14px; font-weight: 700; text-align: center; transition: border-color .15s, background .15s;}
:where(html[data-c~=dash]) .wallet-section .wd-tile > span small{color: var(--ft-muted); font-size: 12px; font-weight: 600;}
:where(html[data-c~=dash]) .wallet-section .wd-tile:hover > span{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .wallet-section .wd-tile input:checked + span{border-color: var(--ft-accent); background: var(--ft-accent-soft); box-shadow: inset 0 0 0 1px var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .wd-tile input:checked + span small{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .wd-tile input:focus-visible + span{outline: 2px solid var(--ft-accent); outline-offset: 2px;}
:where(html[data-c~=dash]) .wallet-section .wd-summary{display: grid; gap: 8px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2); font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .wd-summary > div{display: flex; justify-content: space-between; gap: 12px;}
:where(html[data-c~=dash]) .wallet-section .wd-summary span{color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .wd-summary strong{font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .wallet-section .bw-field[hidden]{display: none;}
:where(html[data-c~=dash]) .wallet-section .bw-detail-action{justify-content: flex-end !important; padding-top: 4px;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .bw-detail-btn{min-height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--ft-accent); color: #121212; font-weight: 800; cursor: pointer; font-size: 13px; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .bw-detail-btn{min-height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--ft-accent); color: #eeeeee; font-weight: 800; cursor: pointer; font-size: 13px; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .dd{position: relative;}
:where(html[data-c~=dash]) .wallet-section .dd-btn{width: 100%; min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-muted); font-size: 15px; text-align: left; cursor: pointer; box-shadow: none;}
:where(html[data-c~=dash]) .wallet-section .dd.has-value .dd-btn{color: var(--ft-text);}
:where(html[data-c~=dash]) .wallet-section .dd-btn:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .wallet-section .dd.is-open .dd-btn, :where(html[data-c~=dash]) .wallet-section .dd-btn:focus-visible{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .dd-value{flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .wallet-section .dd-label{font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash]) .wallet-section .dd-sub{margin-left: auto; color: var(--ft-muted); font-size: 12px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .dd-caret{flex: none; color: var(--ft-muted); transition: transform .15s;}
:where(html[data-c~=dash]) .wallet-section .dd.is-open .dd-caret{transform: rotate(180deg);}
:where(html[data-c~=dash]) .wallet-section .dd-dot{width: 10px; height: 10px; flex: none; border-radius: 50%; display: inline-block;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .dd-menu{position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 290px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--ft-line-2); background: var(--ft-surface); box-shadow: 0 18px 44px rgba(0,0,0,.55);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .dd-menu{position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 290px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--ft-line-2); background: var(--ft-surface); box-shadow: 0 18px 44px rgba(255,255,255,.55);}
:where(html[data-c~=dash]) .wallet-section .dd-menu[hidden]{display: none;}
:where(html[data-c~=dash]) .wallet-section .dd-option{display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: 9px; color: var(--ft-text); font-size: 15px; cursor: pointer;}
:where(html[data-c~=dash]) .wallet-section .dd-option:hover, :where(html[data-c~=dash]) .wallet-section .dd-option.is-active{background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .dd-option[aria-selected="true"]{background: var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .dd-option[aria-selected="true"] .dd-label{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .bw-history{display: grid; gap: 12px; padding: 22px;}
:where(html[data-c~=dash]) .wallet-section .bw-history h3{margin: 0; font-size: 18px;}
:where(html[data-c~=dash]) .wallet-section .wd-history{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; max-height: 420px; overflow-y: auto;}
:where(html[data-c~=dash]) .wallet-section .wd-history-row{display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .wd-history-main{display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .wd-history-main strong{font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .wd-history-main small{color: var(--ft-muted); font-size: 12px; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wallet-section .wd-history-empty{padding: 14px; color: var(--ft-muted); font-size: 14px; text-align: center;}
:where(html[data-c~=dash]) .wallet-section .wd-status{padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wd-status.is-pending{background: rgba(184,184,184,.14); color: #b8b8b8;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wd-status.is-pending{background: rgba(68,68,68,.14); color: #444444;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wd-status.is-done{background: rgba(47,207,113,.14); color: #5be39a;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wd-status.is-done{background: rgba(47,207,113,.14); color: #1b9d57;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .wd-status.is-rejected{background: rgba(239,79,79,.14); color: #ff7b7b;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .wd-status.is-rejected{background: rgba(168,15,15,.14); color: #b80000;}
:where(html[data-c~=dash]) .wallet-section .bw-form > *, :where(html[data-c~=dash]) .wallet-section .bw-field > *{min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .bw-form .bw-check span{overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wallet-section .bw-form .inline-message:empty, :where(html[data-c~=dash]) .wallet-section .gc-card .inline-message:empty{display: none;}
:where(html[data-c~=dash]) .wallet-section .bw-form .inline-message{margin: 0; font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .wd-history-row .bw-detail-btn{min-height: 32px; padding: 0 12px;}
:where(html[data-c~=dash]) .wallet-section .duck-live-bar.duck-maroon-bar{min-height: 46px; padding: 6px 6px 6px 6px !important; gap: 12px !important; border-radius: 14px !important; background: var(--ft-surface) !important; border: 1px solid var(--ft-line) !important; margin: 0 !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-maroon-badge{gap: 8px !important; min-height: 34px; padding: 0 12px !important; border-radius: 10px !important; background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .04em !important;}
:where(html[data-c~=dash]) .wallet-section .tk-live{position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ft-accent); flex: none;}
:where(html[data-c~=dash]) .wallet-section .tk-live::after{content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #2fcf71; opacity: 0; animation: tkLivePulse-d58627 1.8s ease-out infinite; border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-track{gap: 0 !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-item{gap: 10px !important; padding: 0 18px; border-right: 1px solid var(--ft-line); font-size: 13px !important; color: var(--ft-text) !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-user{color: var(--ft-text) !important; font-weight: 800 !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-desc{color: var(--ft-muted) !important; font-weight: 500 !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-amount{color: var(--ft-accent-2) !important; font-weight: 800 !important; font-size: 13px !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-approved{display: inline-flex; align-items: center; gap: 4px; color: var(--ft-text) !important; font-size: 12px !important; font-weight: 800 !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-approved::before{content: ""; width: 12px; height: 12px; background: var(--ft-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-time{padding: 2px 8px !important; border-radius: 999px !important; border: 0 !important; background: var(--ft-surface-2) !important; color: var(--ft-muted) !important; font-size: 11.5px !important; font-weight: 600 !important;}
:where(html[data-c~=dash]) .wallet-section .lg-wrap{display: grid; gap: 16px; max-width: 760px;}
:where(html[data-c~=dash]) .wallet-section .lg-card{padding: 22px 24px;}
:where(html[data-c~=dash]) .wallet-section .lg-card h3{margin: 0 0 10px; font-size: 17px;}
:where(html[data-c~=dash]) .wallet-section .lg-card p{margin: 0 0 10px; color: var(--ft-muted); font-size: 14px; line-height: 1.65;}
:where(html[data-c~=dash]) .wallet-section .lg-card ul{margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--ft-muted); font-size: 14px; line-height: 1.6;}
:where(html[data-c~=dash]) .wallet-section .lg-card li::marker{color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section #legal .lg-wrap{max-width: none; margin-top: 16px;}
:where(html[data-c~=dash]) .wallet-section .lbt{display: grid; gap: 10px; padding: 14px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .lbt-head{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
:where(html[data-c~=dash]) .wallet-section .lbt-title{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--ft-text);}
:where(html[data-c~=dash]) .wallet-section .lbt-title svg{color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .lbt-search{position: relative; color: var(--ft-muted);}
:where(html[data-c~=dash]) .wallet-section .lbt-search svg{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none;}
:where(html[data-c~=dash]) .wallet-section .lbt-search input{width: 100%; box-sizing: border-box; min-height: 40px; padding: 0 12px 0 36px; border-radius: 10px; border: 1px solid var(--ft-line); background: var(--ft-surface); color: var(--ft-text); font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .lbt-search input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=dash]) .wallet-section .lbt-list{list-style: none; margin: 0; padding: 0 2px 0 0; display: grid; gap: 8px; max-height: 300px; overflow-y: auto;}
:where(html[data-c~=dash]) .wallet-section .lbt-item{display: grid; gap: 8px; padding: 11px 12px; border-radius: 12px; border: 2px solid var(--ft-line); background: var(--ft-surface); cursor: pointer; transition: border-color .15s;}
:where(html[data-c~=dash]) .wallet-section .lbt-item:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=dash]) .wallet-section .lbt-item:focus-visible{outline: 0; border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .lbt-item.is-selected{border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .lbt-item-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=dash]) .wallet-section .lbt-logo{width: 34px; height: 34px; border-radius: 9px;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-title{flex: 1; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-title strong{font-size: 14px;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-title small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .lbt-code{padding: 1px 6px; border-radius: 5px; border: 1px solid var(--ft-line); color: var(--ft-muted); font-size: 11px; font-weight: 700;}
:where(html[data-c~=dash]) .wallet-section .lbt-tag{padding: 1px 7px; border-radius: 999px; background: var(--ft-accent-soft); color: var(--ft-accent-2); font-size: 11px; font-weight: 800;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbt-del{flex: none; min-height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(239,79,79,.3); background: transparent; color: var(--ft-muted); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none; border-color: var(--ft-line-2);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbt-del{flex: none; min-height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(168,15,15,.3); background: transparent; color: var(--ft-muted); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none; border-color: var(--ft-line-2);}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .lbt-del.is-confirm{background: var(--ft-accent); color: #121212; border-color: var(--ft-accent);}
:where(html[data-c~=dash][data-v=light]) .wallet-section .lbt-del.is-confirm{background: var(--ft-accent); color: #eeeeee; border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 8px 10px; border-radius: 9px; background: var(--ft-surface-2);}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info > div{display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info > div + div{padding-left: 8px; border-left: 1px solid var(--ft-line);}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info small{color: var(--ft-muted); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info strong{font-size: 13px; overflow-wrap: anywhere;}
:where(html[data-c~=dash]) .wallet-section .lbt-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em;}
:where(html[data-c~=dash]) .wallet-section .lbt-empty{display: grid; gap: 2px; padding: 16px 10px; border-radius: 12px; border: 1.5px dashed var(--ft-line); color: var(--ft-muted); font-size: 13px; text-align: center; list-style: none;}
:where(html[data-c~=dash]) .wallet-section .lbt-empty strong{color: var(--ft-text); font-size: 13.5px;}
:where(html[data-c~=dash]) .wallet-section .tk-heading-actions{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .tk-actions{display: flex; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .tk-actions .tk-start{flex: 1;}
:where(html[data-c~=dash]) .wallet-section .tk-start.is-doing{background: var(--ft-surface-2) !important; color: var(--ft-accent-2) !important; border: 1px solid var(--ft-accent) !important;}
:where(html[data-c~=dash]) .wallet-section .tk-reload{min-height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--ft-line-2); background: var(--ft-surface-2); color: var(--ft-text); font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: none; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section .tk-reload:hover:not(:disabled){border-color: var(--ft-accent); color: var(--ft-accent-2);}
:where(html[data-c~=dash]) .wallet-section .tk-reload:disabled{opacity: .6; cursor: wait;}
:where(html[data-c~=dash]) .wallet-section .tk-actions .tk-reload{min-height: 42px;}
:where(html[data-c~=dash]) .wallet-section .tk-tag.is-doing{background: var(--ft-surface-2); color: var(--ft-accent-2); border: 1px solid var(--ft-line-2);}
:where(html[data-c~=dash]) .wallet-section .tk-ncc-note{grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; color: var(--ft-muted); font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .lbt-del:hover{color: var(--ft-text); border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .wallet-section .ltn-panel-icon.is-check{border-color: transparent !important; box-shadow: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-card.is-done{background: var(--ft-accent-soft) !important; border-color: var(--ft-accent) !important; box-shadow: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-card.is-done *{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .ltn-celebration-toast{border: 1px solid var(--ft-line-2) !important; background: var(--ft-surface) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(0,0,0,.5) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .ltn-celebration-toast{border: 1px solid var(--ft-line-2) !important; background: var(--ft-surface) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(255,255,255,.5) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-celebration-icon{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-celebration-body strong{color: var(--ft-text) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-celebration-body span{color: var(--ft-muted) !important;}
:where(html[data-c~=dash][data-v=dark]) .wallet-section .page-toast{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(0,0,0,.5) !important;}
:where(html[data-c~=dash][data-v=light]) .wallet-section .page-toast{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(255,255,255,.5) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-box:not(.is-booster-rule){border-color: var(--ft-line) !important; background: var(--ft-surface) !important; box-shadow: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-box:not(.is-booster-rule) .ltn-rule-num, :where(html[data-c~=dash]) .wallet-section .ltn-rule-box:not(.is-booster-rule) .ltn-rule-num.is-pink{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-box:not(.is-booster-rule) .ltn-rule-list li::before{color: var(--ft-accent) !important; background: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-box:not(.is-booster-rule) .ltn-rule-box-foot b, :where(html[data-c~=dash]) .wallet-section .ltn-rule-box:not(.is-booster-rule) .ltn-rule-box-foot b.is-pink-badge{background: var(--ft-surface-2) !important; color: var(--ft-text) !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-mini-icon, :where(html[data-c~=dash]) .wallet-section .ltn-rule-mini-icon.is-green, :where(html[data-c~=dash]) .wallet-section .ltn-rule-mini-icon.is-amber, :where(html[data-c~=dash]) .wallet-section .ltn-rule-mini-icon.is-red{background: var(--ft-accent-soft) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-rule-pill, :where(html[data-c~=dash]) .wallet-section .ltn-rule-pill.is-green, :where(html[data-c~=dash]) .wallet-section .ltn-rule-pill.is-gold{background: var(--ft-surface-2) !important; color: var(--ft-muted) !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-sub-pill, :where(html[data-c~=dash]) .wallet-section .ltn-sub-pill.is-hot{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important; box-shadow: none !important; animation: none !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-promo-badge{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important;}
:where(html[data-c~=dash]) .wallet-section #referrals .ltn-ref-stat-card strong.is-green-money, :where(html[data-c~=dash]) .wallet-section .ltn-ref-stat-card strong.is-green-money{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .wallet-section .money-positive{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .wallet-section .stat-card-balance, :where(html[data-c~=dash]) .wallet-section .stat-card-balance strong{color: inherit !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-inline-drop-banner{background: var(--ft-surface) !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=dash]) .wallet-section .chart-tooltip span{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .wallet-section .glass-badge{border-color: var(--ft-line) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .wallet-section .feature-icon-green{border-color: transparent !important; background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .wallet-section #stat-clicks{color: var(--ft-text) !important;}
:where(html[data-c~=dash]) .wallet-section #task-list.task-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; align-items: stretch;}
:where(html[data-c~=dash]) .wallet-section #task-list.task-grid .tk-card{min-width: 0;}
:where(html[data-c~=dash]) .wallet-section #task-list .tk-sentinel{grid-column: 1 / -1; height: 1px;}
:where(html[data-c~=dash]) .wallet-section #task-list-regular.task-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; align-items: stretch;}
@media (max-width: 1000px){
:where(html[data-c~=dash]) .wallet-section .stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px;}
:where(html[data-c~=dash]) .wallet-section .content-section{margin-top: 19px; margin-bottom: 27px;}
:where(html[data-c~=dash]) .wallet-section .welcome-card{min-height: 160px;}
:where(html[data-c~=dash]) .wallet-section .welcome-card h2{font-size: clamp(19px, 3vw, 26px);}
:where(html[data-c~=dash]) .wallet-section .welcome-card p{font-size: 11px;}
:where(html[data-c~=dash]) .wallet-section .stat-card{padding: 12px;}
:where(html[data-c~=dash]) .wallet-section .stat-card strong{font-size: clamp(17px, 2.2vw, 23px);}
:where(html[data-c~=dash]) .wallet-section .stat-card > span{font-size: 8px;}
:where(html[data-c~=dash]) .wallet-section .stat-card small{font-size: 9px;}
:where(html[data-c~=dash]) .wallet-section .overview-shortcuts{gap: 9px;}
}
@media (max-width: 720px){
:where(html[data-c~=dash]) .wallet-section .content-section{margin: 17px 0 24px;}
:where(html[data-c~=dash]) .wallet-section .welcome-card{min-height: 142px; padding: 18px;}
:where(html[data-c~=dash]) .wallet-section .welcome-orb{width: 58px; height: 58px; border-radius: 20px; font-size: 26px;}
:where(html[data-c~=dash]) .wallet-section .stats-grid{gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .stat-card{padding: 11px;}
:where(html[data-c~=dash]) .wallet-section .stat-card > span{font-size: 7px;}
:where(html[data-c~=dash]) .wallet-section .task-grid, :where(html[data-c~=dash]) .wallet-section .wallet-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2{font-size: 17px;}
:where(html[data-c~=dash]) .wallet-section .overview-shortcuts{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .shortcut-card{padding: 12px;}
:where(html[data-c~=dash]) .wallet-section .activity-chart-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .podium-card{padding: 13px 7px;}
:where(html[data-c~=dash]) .wallet-section .ltn-milestones-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .ltn-checkin-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .topbar{flex-wrap: wrap; gap: 8px; padding-left: 14px; padding-right: 14px;}
:where(html[data-c~=dash]) .wallet-section .top-nav{display: none !important;}
:where(html[data-c~=dash]) .wallet-section .header-actions{margin-left: auto; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .wallet-section .account-greeting{display: none;}
}
@media (max-width: 400px){
:where(html[data-c~=dash]) .wallet-section .stats-grid{grid-template-columns: 1fr 1fr;}
:where(html[data-c~=dash]) .wallet-section .wallet-balance{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .section-heading{align-items: start;}
:where(html[data-c~=dash]) .wallet-section .count-pill{margin-top: 5px; font-size: 8px;}
:where(html[data-c~=dash]) .wallet-section .task-card{padding: 11px;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=dash]) .wallet-section .content-section:not([hidden]){animation: none;}
:where(html[data-c~=dash]) .wallet-section .task-card::after, :where(html[data-c~=dash]) .wallet-section .task-icon, :where(html[data-c~=dash]) .wallet-section .overview-task-icon{animation: none;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table tr{animation: none; opacity: 1;}
:where(html[data-c~=dash]) .wallet-section .primary-button::after{animation: none; opacity: 0;}
:where(html[data-c~=dash]) .wallet-section .section-heading h2::after, :where(html[data-c~=dash]) .wallet-section .panel-heading h3::after{animation: none;}
:where(html[data-c~=dash]) .wallet-section .is-ph, :where(html[data-c~=dash]) .wallet-section .ltn-loading-text, :where(html[data-c~=dash]) .wallet-section .ltn-loading-card{animation: none;}
}
@media (max-width: 1200px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 700px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .task-card{padding: 13px;}
}
@media (max-width: 1100px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .task-card{min-height: 236px;}
}
@media (max-width: 980px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}

}
@media (max-width: 560px){
:where(html[data-c~=dash]) .wallet-section .podium-card{padding: 16px 12px 10px;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:nth-child(3), :where(html[data-c~=dash]) .wallet-section .leaderboard-table td:nth-child(3){display: none;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:first-child{width: 42px;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-table th:nth-child(4){width: 92px;}
:where(html[data-c~=dash]) .wallet-section .leaderboard-tab{flex: 1; justify-content: center; padding: 0 8px; font-size: 9px;}
:where(html[data-c~=dash]) .wallet-section .lbx-tabs{width: 100%;}
:where(html[data-c~=dash]) .wallet-section .lbx-tab{flex: 1; padding: 0 6px;}
:where(html[data-c~=dash]) .wallet-section .lbx-reset{width: 100%; text-align: center;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium{gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card{padding: 22px 6px 12px; border-radius: 14px;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-rank-1{padding: 28px 6px 16px;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card .lbx-avatar{width: 44px; height: 44px;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-rank-1 .lbx-avatar{width: 56px; height: 56px;}
:where(html[data-c~=dash]) .wallet-section .lbx-name{font-size: 12px;}
:where(html[data-c~=dash]) .wallet-section .lbx-value{font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .lbx-podium-card.is-rank-1 .lbx-value{font-size: 15px;}
:where(html[data-c~=dash]) .wallet-section .lbx-meta, :where(html[data-c~=dash]) .wallet-section .lbx-prize{font-size: 11px;}
:where(html[data-c~=dash]) .wallet-section .lbx-prize{padding: 2px 8px;}
:where(html[data-c~=dash]) .wallet-section .lbx-row{grid-template-columns: 22px 32px minmax(0, 1fr) auto; gap: 10px; padding: 10px;}
:where(html[data-c~=dash]) .wallet-section .lbx-row .lbx-avatar{width: 32px; height: 32px;}
:where(html[data-c~=dash]) .wallet-section .lbx-row .lbx-prize{display: none;}
:where(html[data-c~=dash]) .wallet-section .lbx-prizes-title{width: 100%;}
:where(html[data-c~=dash]) .wallet-section .bk-popular{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=dash]) .wallet-section .bk-tile{padding: 8px 2px; font-size: 11px;}
:where(html[data-c~=dash]) .wallet-section .bk-logo{width: 36px; height: 36px;}
:where(html[data-c~=dash]) .wallet-section .wd-tiles.is-brands{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .wd-tile > span{font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .bw-form, :where(html[data-c~=dash]) .wallet-section .bw-history{padding: 18px 16px;}
:where(html[data-c~=dash]) .wallet-section .wd-history-row{grid-template-columns: minmax(0, 1fr) auto;}
:where(html[data-c~=dash]) .wallet-section .wd-history-row .bw-detail-btn{grid-column: 1 / -1; justify-self: start;}
:where(html[data-c~=dash]) .wallet-section .dd-sub{display: none;}
:where(html[data-c~=dash]) .wallet-section .dd-menu .dd-sub{display: inline;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-maroon-badge{padding: 0 10px !important; font-size: 11px !important;}
:where(html[data-c~=dash]) .wallet-section .duck-maroon-bar .duck-ticker-item{padding: 0 14px; font-size: 12.5px !important;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .lbt-item-info > div + div{padding-left: 0; border-left: 0; padding-top: 6px; border-top: 1px solid var(--ft-line);}
}
@media (max-width: 640px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .task-card{width: 100%; max-width: 360px; min-height: 0; justify-self: center;}
}
@media (max-width: 1280px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 620px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .task-card{max-width: none;}
}
@media (max-width: 1180px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
}
@media (max-width: 760px){
:where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: 1fr; gap: 12px;}
}
@media (max-width: 1120px){
:where(html[data-c~=dash]) .wallet-section .ltn-daily-panels{grid-template-columns: 1fr;}
}
@media (max-width: 860px){
:where(html[data-c~=dash]) .wallet-section .ltn-rules-highlights{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prizes-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .ltn-ref-stats-grid, :where(html[data-c~=dash]) .wallet-section .ltn-promo-perks-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .wallet-section .dashboard-layout{display: block !important;}
:where(html[data-c~=dash]) .wallet-section .content-section, :where(html[data-c~=dash]) .wallet-section .panel{min-width: 0; max-width: 100%;}
:where(html[data-c~=dash]) .wallet-section .content-section img, :where(html[data-c~=dash]) .wallet-section .content-section video, :where(html[data-c~=dash]) .wallet-section .content-section iframe{max-width: 100%;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner, :where(html[data-c~=dash]) .wallet-section .ltn-boost-banner.is-duck-style{flex-direction: column; align-items: stretch; gap: 12px; padding: 14px;}
:where(html[data-c~=dash]) .wallet-section .ltn-boost-banner a, :where(html[data-c~=dash]) .wallet-section .ltn-boost-banner button{width: 100%; justify-content: center; text-align: center; box-sizing: border-box;}
:where(html[data-c~=dash]) .wallet-section .section-heading{flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .wallet-layout, :where(html[data-c~=dash]) .wallet-section .task-grid{grid-template-columns: 1fr !important;}
:where(html[data-c~=dash]) .wallet-section .wallet-balance{grid-template-columns: 1fr 1fr; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prizes-grid{grid-template-columns: 1fr 1fr; gap: 8px;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prize-card{flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; min-width: 0;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-prize-card strong{font-size: 15px; white-space: nowrap;}
:where(html[data-c~=dash]) .wallet-section table{display: block; max-width: 100%; overflow-x: auto;}
:where(html[data-c~=dash]) .wallet-section .gc-layout{grid-template-columns: 1fr;}
}
@media (max-width: 920px){
:where(html[data-c~=dash]) .wallet-section .ltn-rules-cards-grid{grid-template-columns: 1fr;}
}
@media (max-width: 900px){
:where(html[data-c~=dash]) .wallet-section .overview-shortcuts{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 540px){
:where(html[data-c~=dash]) .wallet-section .overview-shortcuts{grid-template-columns: repeat(2, 1fr) !important;}
}
@media (max-width: 768px){
:where(html[data-c~=dash]) .wallet-section .duck-tab-btn{width: 100%; padding: 10px 14px; font-size: 13px;}
:where(html[data-c~=dash]) .wallet-section .activity-chart-grid{grid-template-columns: 1fr !important;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-tabs{width: 100%; justify-content: center;}
:where(html[data-c~=dash]) .wallet-section .ltn-lb-tab{flex: 1; text-align: center; padding: 8px 10px; font-size: 12.5px;}
}
@media (min-width: 640px){
:where(html[data-c~=dash]) .wallet-section #task-list.task-grid{gap: 14px;}
}
@media (max-width: 1500px){
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width: 700px){
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 860px){
:where(html[data-c~=dash][data-v=dark]) .sidebar{position: fixed; z-index: 5; inset: 0 auto 0 0; display: flex; width: 262px; flex-direction: column; padding: 22px 16px 16px; border-right: 1px solid rgba(169,169,169,0.14); background: linear-gradient(transparent, transparent), linear-gradient(#131313, #131313); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .sidebar{position: fixed; z-index: 5; inset: 0 auto 0 0; display: flex; width: 262px; flex-direction: column; padding: 22px 16px 16px; border-right: 1px solid rgba(82,82,82,0.14); background: linear-gradient(transparent, transparent), linear-gradient(#ededed, #ededed); box-shadow: none;}
:where(html[data-c~=dash]) .sidebar-brand{display: flex; align-items: center; gap: 10px; padding: 1px 8px 24px; font-size: 19px; font-weight: 850; letter-spacing: -.7px; padding-bottom: 22px;}
:where(html[data-c~=dash]) .sidebar-brand > span:last-child > span{color: var(--orange-light);}
:where(html[data-c~=dash][data-v=dark]) .brand-mark{display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: linear-gradient(#d3d3d3, #d3d3d3); color: #141414; font-size: 12px; font-weight: 900; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .brand-mark{display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: linear-gradient(#2a2a2a, #2a2a2a); color: #ececec; font-size: 12px; font-weight: 900; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet{display: grid; gap: 4px; margin: 0 2px 15px; padding: 13px; border: 1px solid rgba(169,169,169,0.3); border-radius: 14px; background: linear-gradient(rgba(152,152,152,0.16), rgba(152,152,152,0.16)); box-shadow: none; border-color: #2d2d2d;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet{display: grid; gap: 4px; margin: 0 2px 15px; padding: 13px; border: 1px solid rgba(82,82,82,0.3); border-radius: 14px; background: linear-gradient(rgba(99,99,99,0.16), rgba(99,99,99,0.16)); box-shadow: none; border-color: #d0d0d0;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet > span{color: #8e8e8e; font-size: 8px; font-weight: 750; letter-spacing: .7px;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet > span{color: #6d6d6d; font-size: 8px; font-weight: 750; letter-spacing: .7px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet strong{color: #d5d5d5; font-size: 20px; font-weight: 850; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet strong{color: #282828; font-size: 20px; font-weight: 850; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet a{display: flex; justify-content: space-between; color: #acacac; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet a{display: flex; justify-content: space-between; color: #505050; font-size: 9px; text-decoration: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet a:hover{color: #c8c8c8;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet a:hover{color: #343434;}
:where(html[data-c~=dash]) .sidebar nav{display: grid; gap: 4px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link{position: relative; display: flex; min-height: 46px; align-items: center; gap: 12px; padding: 0 13px; border: 1px solid transparent; border-radius: 12px; color: #c5c5c5; font-size: 12.5px; font-weight: 650; transition: background 160ms ease, color 160ms ease, box-shadow 200ms ease, transform 140ms ease; letter-spacing: 0.1px;}
:where(html[data-c~=dash][data-v=light]) .nav-link{position: relative; display: flex; min-height: 46px; align-items: center; gap: 12px; padding: 0 13px; border: 1px solid transparent; border-radius: 12px; color: #373737; font-size: 12.5px; font-weight: 650; transition: background 160ms ease, color 160ms ease, box-shadow 200ms ease, transform 140ms ease; letter-spacing: 0.1px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > span{width: 29px; color: #c6c6c6; font-size: 14px; text-align: center; display: grid; place-items: center; height: 29px; border-radius: 10px; background: linear-gradient(rgba(169,169,169,0.18), rgba(169,169,169,0.18)); transition: background 160ms ease, box-shadow 200ms ease;}
:where(html[data-c~=dash][data-v=light]) .nav-link > span{width: 29px; color: #373737; font-size: 14px; text-align: center; display: grid; place-items: center; height: 29px; border-radius: 10px; background: linear-gradient(rgba(82,82,82,0.18), rgba(82,82,82,0.18)); transition: background 160ms ease, box-shadow 200ms ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > i{margin-left: auto; padding: 3px 7px; border: 1px solid #8f8f8f5c; border-radius: 20px; background: #58585838; color: #c6c6c6; font-size: 8px; font-style: normal;}
:where(html[data-c~=dash][data-v=light]) .nav-link > i{margin-left: auto; padding: 3px 7px; border: 1px solid #6c6c6c5c; border-radius: 20px; background: #a3a3a338; color: #363636; font-size: 8px; font-style: normal;}
:where(html[data-c~=dash][data-v=dark]) .nav-link > b{margin-left: auto; color: #8b8b8b; font-size: 11px;}
:where(html[data-c~=dash][data-v=light]) .nav-link > b{margin-left: auto; color: #707070; font-size: 11px;}
:where(html[data-c~=dash][data-v=dark]) .nav-link:hover{border-color: #a4a4a44f; background: rgba(169,169,169,0.1); color: #f3f3f3; transform: translateX(2px);}
:where(html[data-c~=dash][data-v=light]) .nav-link:hover{border-color: #5757574f; background: rgba(82,82,82,0.1); color: #0b0b0b; transform: translateX(2px);}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active{border-color: #8383836e; background: linear-gradient(#41414150, #41414150); color: #f6f6f6; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active{border-color: #7878786e; background: linear-gradient(#bababa50, #bababa50); color: #090909; box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-bottom{display: grid; gap: 8px; margin-top: auto; padding: 13px 6px 2px; border-top: 1px solid #5b5b5b39; grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-items: stretch;}
:where(html[data-c~=dash][data-v=light]) .sidebar-bottom{display: grid; gap: 8px; margin-top: auto; padding: 13px 6px 2px; border-top: 1px solid #a0a0a039; grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-items: stretch;}
:where(html[data-c~=dash]) .sidebar-user{display: flex; min-width: 0; align-items: center; gap: 9px; padding: 5px 5px 2px; flex: 1; width: 100%;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-user > span{display: grid; flex: none; width: 32px; height: 32px; place-items: center; border: 1px solid #b3b3b354; border-radius: 50%; background: #393939; color: #d0d0d0; font-size: 12px; font-weight: 800; overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .sidebar-user > span{display: grid; flex: none; width: 32px; height: 32px; place-items: center; border: 1px solid #49494954; border-radius: 50%; background: #c4c4c4; color: #2d2d2d; font-size: 12px; font-weight: 800; overflow: hidden;}
:where(html[data-c~=dash]) .sidebar-user > div{display: grid; min-width: 0; gap: 3px;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-user strong{overflow: hidden; color: #e5e5e5; font-size: 10px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .sidebar-user strong{overflow: hidden; color: #191919; font-size: 10px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-user small{overflow: hidden; color: #8e8e8e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=light]) .sidebar-user small{overflow: hidden; color: #6d6d6d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-bottom > button{display: flex; justify-content: space-between; padding: 8px 7px; border: 0; border-radius: 6px; background: transparent; color: #9b9b9b; text-align: left; font-size: 10px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .sidebar-bottom > button{display: flex; justify-content: space-between; padding: 8px 7px; border: 0; border-radius: 6px; background: transparent; color: #606060; text-align: left; font-size: 10px; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-bottom > button:hover{background: #53535324; color: #c6c6c6;}
:where(html[data-c~=dash][data-v=light]) .sidebar-bottom > button:hover{background: #a8a8a824; color: #363636;}
:where(html[data-c~=dash]) .nav-link{transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;}
:where(html[data-c~=dash]) .nav-link:hover{transform: translateX(3px);}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout{display: grid !important; flex: none; width: 38px !important; height: 38px !important; place-items: center; padding: 0 !important; border: 1px solid #3e3e3e !important; border-radius: 11px !important; background: linear-gradient(#242424, #242424) !important; color: #c8c8c8 !important; font-size: 19px !important; cursor: pointer; margin: 0; border-color: #686868 !important; justify-content: center !important; align-content: center;}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout{display: grid !important; flex: none; width: 38px !important; height: 38px !important; place-items: center; padding: 0 !important; border: 1px solid #bebebe !important; border-radius: 11px !important; background: linear-gradient(#d9d9d9, #d9d9d9) !important; color: #343434 !important; font-size: 19px !important; cursor: pointer; margin: 0; border-color: #929292 !important; justify-content: center !important; align-content: center;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-logout:hover{border-color: #b7b7b7 !important; background: linear-gradient(#323232, #323232) !important; box-shadow: none; transform: translateY(-1px);}
:where(html[data-c~=dash][data-v=light]) .sidebar-logout:hover{border-color: #454545 !important; background: linear-gradient(#cacaca, #cacaca) !important; box-shadow: none; transform: translateY(-1px);}
:where(html[data-c~=dash]) .nav-link[data-route="quy-dinh"]{margin-top: auto;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet::after{content: ""; display: block; width: 38px; height: 2px; margin-top: 4px; border-radius: 2px; background: linear-gradient(90deg, #a7a7a7, transparent);}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet::after{content: ""; display: block; width: 38px; height: 2px; margin-top: 4px; border-radius: 2px; background: linear-gradient(90deg, #555555, transparent);}
:where(html[data-c~=dash]) .sidebar-logout svg{display: block; width: 20px; height: 20px; margin: 0 !important; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash][data-v=dark]) .sidebar-wallet strong{color: #ffffff; text-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .sidebar-wallet strong{color: #000000; text-shadow: none;}
:where(html[data-c~=dash]) .sidebar-user > span img{width: 100%; height: 100%; border-radius: inherit; object-fit: cover; display: block;}
:where(html[data-c~=dash]) .brand-mark img{display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: contain;}
:where(html[data-c~=dash]) .nav-group{display: grid; gap: 2px;}
:where(html[data-c~=dash]) .nav-group-toggle{display: flex; width: 100%; align-items: center; gap: 11px; padding: 10px 12px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; font-size: 12.5px; text-align: left; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .nav-group-caret{margin-left: auto; display: inline-flex; align-items: center; justify-content: center; color: #9c9c9c; transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1);}
:where(html[data-c~=dash][data-v=light]) .nav-group-caret{margin-left: auto; display: inline-flex; align-items: center; justify-content: center; color: #5f5f5f; transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1);}
:where(html[data-c~=dash]) .nav-group.is-open .nav-group-caret{transform: rotate(180deg);}
:where(html[data-c~=dash][data-v=dark]) .nav-group.has-active > .nav-group-toggle{color: #dcdcdc;}
:where(html[data-c~=dash][data-v=light]) .nav-group.has-active > .nav-group-toggle{color: #222222;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub{display: grid; gap: 2px; margin-left: 20px; padding-left: 13px; border-left: 1px solid rgba(169,169,169,0.22); overflow: hidden; max-height: 0; opacity: 0; transition: max-height .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s ease; margin: 2px 0 4px 18px;}
:where(html[data-c~=dash][data-v=light]) .nav-sub{display: grid; gap: 2px; margin-left: 20px; padding-left: 13px; border-left: 1px solid rgba(82,82,82,0.22); overflow: hidden; max-height: 0; opacity: 0; transition: max-height .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s ease; margin: 2px 0 4px 18px;}
:where(html[data-c~=dash]) .nav-group.is-open .nav-sub{max-height: 500px !important; opacity: 1 !important; margin-top: 4px; margin-bottom: 6px;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link{display: flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 9px; color: #aaaaaa; font-size: 12px; text-decoration: none; transition: background 160ms ease, color 160ms ease;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link{display: flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 9px; color: #525252; font-size: 12px; text-decoration: none; transition: background 160ms ease, color 160ms ease;}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link:hover{color: #e8e8e8; background: rgba(169,169,169,0.1);}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link:hover{color: #151515; background: rgba(82,82,82,0.1);}
:where(html[data-c~=dash][data-v=dark]) .nav-sub-link.is-active{color: #dddddd; background: rgba(169,169,169,0.14); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .nav-sub-link.is-active{color: #212121; background: rgba(82,82,82,0.14); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .nav-link:hover > span{background: rgba(169,169,169,0.22); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .nav-link:hover > span{background: rgba(82,82,82,0.22); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"]{color: #f4f4f4; background: linear-gradient(rgba(152,152,152,0.26), rgba(152,152,152,0.26)); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"]{color: #0a0a0a; background: linear-gradient(rgba(99,99,99,0.26), rgba(99,99,99,0.26)); box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"] > span{background: linear-gradient(#d2d2d2, #d2d2d2); color: #141414; box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active > span, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"] > span{background: linear-gradient(#2b2b2b, #2b2b2b); color: #ececec; box-shadow: none;}
:where(html[data-c~=dash]) .nav-link > span svg{display: block;}
:where(html[data-c~=dash]) .nav-link:hover > span, :where(html[data-c~=dash]) .nav-link.is-active > span, :where(html[data-c~=dash]) .nav-link[aria-current="page"] > span{box-shadow: none;}
:where(html[data-c~=dash][data-v=dark]) .nav-link.is-active::before, :where(html[data-c~=dash][data-v=dark]) .nav-link[aria-current="page"]::before{content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 62%; transform: translateY(-50%); border-radius: 999px; background: linear-gradient(#d2d2d2, #d2d2d2); box-shadow: none;}
:where(html[data-c~=dash][data-v=light]) .nav-link.is-active::before, :where(html[data-c~=dash][data-v=light]) .nav-link[aria-current="page"]::before{content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 62%; transform: translateY(-50%); border-radius: 999px; background: linear-gradient(#2b2b2b, #2b2b2b); box-shadow: none;}
:where(html[data-c~=dash]) .sidebar{background: var(--ft-surface) !important; border-right: 1px solid var(--ft-line) !important; box-shadow: none !important;}
:where(html[data-c~=dash]) .sidebar-brand{color: var(--ft-text) !important; font-weight: 700; letter-spacing: -0.02em;}
:where(html[data-c~=dash]) .sidebar-brand span span{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .sidebar-wallet{background: var(--ft-surface-2) !important; border: 1px solid var(--ft-line) !important; border-radius: var(--ft-radius) !important;}
:where(html[data-c~=dash]) .sidebar-wallet span{color: var(--ft-muted) !important; font-size: 10.5px; letter-spacing: 0.08em;}
:where(html[data-c~=dash]) .sidebar-wallet strong{color: var(--ft-text) !important; font-size: 22px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .nav-link, :where(html[data-c~=dash]) .nav-sub-link{border-radius: 10px !important; color: var(--ft-muted) !important; background: transparent !important; border: 1px solid transparent !important; transition: background 0.15s, color 0.15s;}
:where(html[data-c~=dash]) .nav-link > span:first-child, :where(html[data-c~=dash]) .nav-link > span > svg{background: transparent !important; border: 0 !important;}
:where(html[data-c~=dash]) .nav-link:hover, :where(html[data-c~=dash]) .nav-sub-link:hover{background: var(--ft-surface-2) !important; color: var(--ft-text) !important;}
:where(html[data-c~=dash]) .nav-link.is-active, :where(html[data-c~=dash]) .nav-sub-link.is-active, :where(html[data-c~=dash]) .nav-group.has-active > .nav-group-toggle{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important;}
:where(html[data-c~=dash]) .nav-sub{border-left: 1px solid var(--ft-line) !important;}
:where(html[data-c~=dash]) .nav-link small{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border: 0 !important; border-radius: 6px !important;}
:where(html[data-c~=dash]) .sidebar-user, :where(html[data-c~=dash]) .sidebar-bottom{border-color: var(--ft-line) !important;}
:where(html[data-c~=dash]) .sidebar-logout{background: transparent !important; border: 1px solid var(--ft-line) !important; color: var(--ft-muted) !important; border-radius: 10px !important; border-color: var(--ft-line-2) !important; box-shadow: none !important;}
:where(html[data-c~=dash][data-v=dark]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(14,14,14,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=dash][data-v=light]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(242,242,242,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=dash]) .mobile-menu-btn{display: grid; touch-action: manipulation; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-text); cursor: pointer; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) .mobile-brand{display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; color: var(--ft-text); font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden;}
:where(html[data-c~=dash]) .mobile-brand .brand-mark{display: inline-grid; width: 26px; height: 26px; flex: none;}
:where(html[data-c~=dash]) .mobile-brand .brand-mark img{width: 100%; height: 100%; object-fit: contain;}
:where(html[data-c~=dash]) .mobile-balance{display: grid; gap: 1px; justify-items: end; padding: 5px 12px; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); text-decoration: none;}
:where(html[data-c~=dash]) .mobile-balance small{color: var(--ft-muted); font-size: 9.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;}
:where(html[data-c~=dash]) .mobile-balance strong{color: var(--ft-text); font-size: 14px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .sidebar{display: flex !important; flex-direction: column; position: fixed !important; inset: 0 auto 0 0 !important; width: min(300px, 86vw) !important; height: 100dvh; padding: 16px 14px calc(16px + env(safe-area-inset-bottom)) !important; overflow-y: auto; z-index: 100; transform: translateX(-102%); transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1); border-right: 1px solid var(--ft-line-2) !important; border-bottom: 0 !important;}
:where(html[data-c~=dash]) .sidebar-wallet{display: grid !important;}
:where(html[data-c~=dash]) .sidebar-bottom{display: grid !important; position: static !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px; margin-top: auto !important; padding: 14px 4px 2px !important; border-top: 1px solid var(--ft-line) !important; align-items: center; padding-bottom: 6px !important;}
:where(html[data-c~=dash]) .sidebar nav{display: block !important; overflow: visible !important; padding-right: 0 !important;}
:where(html[data-c~=dash]) .nav-link{min-height: 40px !important; font-size: 14px !important; padding: 0 10px !important; flex: initial !important;}
:where(html[data-c~=dash]) .nav-link > i, :where(html[data-c~=dash]) .nav-link > b{display: inline-flex !important;}
:where(html[data-c~=dash]) .nav-sub-link{font-size: 13.5px !important; min-height: 36px !important;}
:where(html[data-c~=dash][data-v=dark]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash][data-v=dark]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(4,4,4,0.66); opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=dash][data-v=light]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(254,254,254,0.66); opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=dash][data-v=dark]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash]) .mobile-menu-toggle:checked ~ .mobile-backdrop{opacity: 1; visibility: visible;}
:where(html[data-c~=dash]) .mobile-menu-toggle:checked ~ .dashboard-layout .main-content{overflow: hidden;}
:where(html[data-c~=dash]) .sidebar-logout:hover{color: var(--ft-accent-2) !important; border-color: var(--ft-accent) !important;}
:where(html[data-c~=dash]) .mobile-logout{display: grid; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-muted); cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) .mobile-logout:active, :where(html[data-c~=dash]) .mobile-logout:hover{color: var(--ft-accent-2); border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .mobile-logout:disabled{opacity: .6;}
:where(html[data-c~=dash]) .mobile-brand > span:last-child{overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash]) .sidebar-logout-text{display: none;}
:where(html[data-c~=dash]) .sidebar-user{display: flex !important; padding: 0 !important;}
:where(html[data-c~=dash]) .sidebar-user strong{font-size: 14px !important;}
:where(html[data-c~=dash]) .sidebar-user small{font-size: 11px !important; display: none !important;}
:where(html[data-c~=dash]) .sidebar-logout{display: flex !important; width: auto !important; height: 44px !important; margin: 0 !important; gap: 8px; justify-content: center !important; align-items: center; border-radius: 12px !important; font-size: 14px !important; font-weight: 600; min-width: 44px; padding: 0 14px !important;}
:where(html[data-c~=dash]) .sidebar-logout svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .sidebar-logout-text{display: inline;}
}
@media (max-width: 1000px){
:where(html[data-c~=dash]) .sidebar{width: 215px; padding-right: 11px; padding-left: 11px;}
}
@media (max-width: 720px){
:where(html[data-c~=dash][data-v=dark]) .sidebar{position: sticky; inset: 0 0 auto; width: 100%; padding: 10px 12px 8px; border-right: 0; border-bottom: 1px solid #3a3a3a50;}
:where(html[data-c~=dash][data-v=light]) .sidebar{position: sticky; inset: 0 0 auto; width: 100%; padding: 10px 12px 8px; border-right: 0; border-bottom: 1px solid #c2c2c250;}
:where(html[data-c~=dash]) .sidebar-brand{padding: 0 4px 9px; font-size: 16px;}
:where(html[data-c~=dash]) .sidebar-brand .brand-mark{width: 30px; height: 30px;}
:where(html[data-c~=dash]) .sidebar-bottom, :where(html[data-c~=dash]) .sidebar-wallet{display: none;}
:where(html[data-c~=dash]) .sidebar nav{display: flex; gap: 5px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; padding-right: 48px;}
:where(html[data-c~=dash]) .nav-link{min-height: 36px; flex: none; gap: 7px; padding: 0 9px; font-size: 9px;}
:where(html[data-c~=dash]) .nav-link > span{width: auto; font-size: 13px;}
:where(html[data-c~=dash]) .nav-link > i, :where(html[data-c~=dash]) .nav-link > b{display: none;}
:where(html[data-c~=dash]) .sidebar-bottom{position: absolute; top: 8px; right: 12px; display: flex; margin: 0; padding: 0; border: 0;}
:where(html[data-c~=dash]) .sidebar-user{display: none;}
}
@media (max-width: 900px){
:where(html[data-c~=dash]) .nav-link > span{width: 27px; height: 27px;}
:where(html[data-c~=dash]) .sidebar{width: 232px;}
:where(html[data-c~=dash]) .nav-link{min-height: 44px; font-size: 12px;}
}
:where(html[data-c~=dash]) .mobile-brand span span{color: var(--ft-accent-2) !important;}
:where(html[data-c~=dash]) .mobile-topbar, :where(html[data-c~=dash]) .mobile-backdrop{display: none;}
:where(html[data-c~=dash]) .mobile-menu-toggle{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}
:where(html[data-c~=dash]) .mobile-logout{display: none;}
@media (max-width: 380px){
:where(html[data-c~=dash]) .mobile-topbar{gap: 8px; padding-left: 10px; padding-right: 10px;}
:where(html[data-c~=dash]) .mobile-brand{font-size: 15px;}
:where(html[data-c~=dash]) .mobile-balance{padding: 4px 10px;}
}
@media (max-width: 1000px){
:where(html[data-c~=dash]) .sidebar{width: 215px; padding-right: 11px; padding-left: 11px;}
:where(html[data-c~=dash]) .main-content{width: calc(100% - 215px); margin-left: 215px; padding-right: 22px; padding-left: 22px;}
:where(html[data-c~=dash]) .stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px;}
:where(html[data-c~=dash]) .content-section{margin-top: 19px; margin-bottom: 27px;}
:where(html[data-c~=dash]) .welcome-card{min-height: 160px;}
:where(html[data-c~=dash]) .welcome-card h2{font-size: clamp(19px, 3vw, 26px);}
:where(html[data-c~=dash]) .welcome-card p{font-size: 11px;}
:where(html[data-c~=dash]) .stat-card{padding: 12px;}
:where(html[data-c~=dash]) .stat-card strong{font-size: clamp(17px, 2.2vw, 23px);}
:where(html[data-c~=dash]) .stat-card > span{font-size: 8px;}
:where(html[data-c~=dash]) .stat-card small{font-size: 9px;}
:where(html[data-c~=dash]) .overview-shortcuts{gap: 9px;}
}
@media (max-width: 720px){
:where(html[data-c~=dash][data-v=dark]) .sidebar{position: sticky; inset: 0 0 auto; width: 100%; padding: 10px 12px 8px; border-right: 0; border-bottom: 1px solid #3a3a3a50;}
:where(html[data-c~=dash][data-v=light]) .sidebar{position: sticky; inset: 0 0 auto; width: 100%; padding: 10px 12px 8px; border-right: 0; border-bottom: 1px solid #c2c2c250;}
:where(html[data-c~=dash]) .sidebar-brand{padding: 0 4px 9px; font-size: 16px;}
:where(html[data-c~=dash]) .sidebar-brand .brand-mark{width: 30px; height: 30px;}
:where(html[data-c~=dash]) .sidebar-bottom, :where(html[data-c~=dash]) .sidebar-wallet{display: none;}
:where(html[data-c~=dash]) .sidebar nav{display: flex; gap: 5px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; padding-right: 48px;}
:where(html[data-c~=dash]) .nav-link{min-height: 36px; flex: none; gap: 7px; padding: 0 9px; font-size: 9px;}
:where(html[data-c~=dash]) .nav-link > span{width: auto; font-size: 13px;}
:where(html[data-c~=dash]) .nav-link > i, :where(html[data-c~=dash]) .nav-link > b{display: none;}
:where(html[data-c~=dash]) .main-content{width: 100%; margin: 0; padding: 18px 14px 35px;}
:where(html[data-c~=dash]) .page-top{margin-bottom: 16px;}
:where(html[data-c~=dash]) .page-top h1{font-size: 21px;}
:where(html[data-c~=dash]) .content-section{margin: 17px 0 24px;}
:where(html[data-c~=dash]) .welcome-card{min-height: 142px; padding: 18px;}
:where(html[data-c~=dash]) .welcome-orb{width: 58px; height: 58px; border-radius: 20px; font-size: 26px;}
:where(html[data-c~=dash]) .stats-grid{gap: 8px;}
:where(html[data-c~=dash]) .stat-card{padding: 11px;}
:where(html[data-c~=dash]) .stat-card > span{font-size: 7px;}
:where(html[data-c~=dash]) .task-grid, :where(html[data-c~=dash]) .wallet-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .section-heading h2{font-size: 17px;}
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .shortcut-card{padding: 12px;}
:where(html[data-c~=dash]) .activity-chart-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .podium-card{padding: 13px 7px;}
:where(html[data-c~=dash]) .sidebar-bottom{position: absolute; top: 8px; right: 12px; display: flex; margin: 0; padding: 0; border: 0;}
:where(html[data-c~=dash]) .sidebar-user{display: none;}
:where(html[data-c~=dash]) .ltn-milestones-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .ltn-checkin-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}
:where(html[data-c~=dash]) .topbar{flex-wrap: wrap; gap: 8px; padding-left: 14px; padding-right: 14px;}
:where(html[data-c~=dash]) .top-nav{display: none !important;}
:where(html[data-c~=dash]) .header-actions{margin-left: auto; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=dash]) .account-greeting{display: none;}
:where(html[data-c~=dash]) h1{font-size: clamp(30px, 9vw, 40px); line-height: 1.12;}
}
@media (max-width: 400px){
:where(html[data-c~=dash]) .stats-grid{grid-template-columns: 1fr 1fr;}
:where(html[data-c~=dash]) .wallet-balance{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .section-heading{align-items: start;}
:where(html[data-c~=dash]) .count-pill{margin-top: 5px; font-size: 8px;}
:where(html[data-c~=dash]) .task-card{padding: 11px;}
}
@media (max-width: 1200px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 700px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{padding: 13px;}
}
@media (max-width: 1100px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .task-card{min-height: 236px;}
}
@media (max-width: 980px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}

}
@media (max-width: 560px){
:where(html[data-c~=dash]) .podium-card{padding: 16px 12px 10px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(3), :where(html[data-c~=dash]) .leaderboard-table td:nth-child(3){display: none;}
:where(html[data-c~=dash]) .leaderboard-table th:first-child{width: 42px;}
:where(html[data-c~=dash]) .leaderboard-table th:nth-child(4){width: 92px;}
:where(html[data-c~=dash]) .leaderboard-tab{flex: 1; justify-content: center; padding: 0 8px; font-size: 9px;}

:where(html[data-c~=dash]) .lbx-tabs{width: 100%;}
:where(html[data-c~=dash]) .lbx-tab{flex: 1; padding: 0 6px;}
:where(html[data-c~=dash]) .lbx-reset{width: 100%; text-align: center;}
:where(html[data-c~=dash]) .lbx-podium{gap: 8px;}
:where(html[data-c~=dash]) .lbx-podium-card{padding: 22px 6px 12px; border-radius: 14px;}
:where(html[data-c~=dash]) .lbx-podium-card.is-rank-1{padding: 28px 6px 16px;}
:where(html[data-c~=dash]) .lbx-podium-card .lbx-avatar{width: 44px; height: 44px;}
:where(html[data-c~=dash]) .lbx-podium-card.is-rank-1 .lbx-avatar{width: 56px; height: 56px;}
:where(html[data-c~=dash]) .lbx-name{font-size: 12px;}
:where(html[data-c~=dash]) .lbx-value{font-size: 13px;}
:where(html[data-c~=dash]) .lbx-podium-card.is-rank-1 .lbx-value{font-size: 15px;}
:where(html[data-c~=dash]) .lbx-meta, :where(html[data-c~=dash]) .lbx-prize{font-size: 11px;}
:where(html[data-c~=dash]) .lbx-prize{padding: 2px 8px;}
:where(html[data-c~=dash]) .lbx-row{grid-template-columns: 22px 32px minmax(0, 1fr) auto; gap: 10px; padding: 10px;}
:where(html[data-c~=dash]) .lbx-row .lbx-avatar{width: 32px; height: 32px;}
:where(html[data-c~=dash]) .lbx-row .lbx-prize{display: none;}
:where(html[data-c~=dash]) .lbx-prizes-title{width: 100%;}
:where(html[data-c~=dash]) .bk-dialog{width: 100%; max-width: 100%; max-height: 88vh; margin: auto 0 0; border-radius: 20px 20px 0 0; border-bottom: 0;}
:where(html[data-c~=dash]) .bk-popular{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=dash]) .bk-tile{padding: 8px 2px; font-size: 11px;}
:where(html[data-c~=dash]) .bk-logo{width: 36px; height: 36px;}
:where(html[data-c~=dash]) .wd-tiles.is-brands{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=dash]) .wd-tile > span{font-size: 13px;}
:where(html[data-c~=dash]) .bw-form, :where(html[data-c~=dash]) .bw-history{padding: 18px 16px;}
:where(html[data-c~=dash]) .wd-history-row{grid-template-columns: minmax(0, 1fr) auto;}
:where(html[data-c~=dash]) .wd-history-row .bw-detail-btn{grid-column: 1 / -1; justify-self: start;}
:where(html[data-c~=dash]) .dd-sub{display: none;}
:where(html[data-c~=dash]) .dd-menu .dd-sub{display: inline;}
:where(html[data-c~=dash]) .duck-maroon-bar .duck-maroon-badge{padding: 0 10px !important; font-size: 11px !important;}
:where(html[data-c~=dash]) .duck-maroon-bar .duck-ticker-item{padding: 0 14px; font-size: 12.5px !important;}
:where(html[data-c~=dash]) .lbt-item-info{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .lbt-item-info > div + div{padding-left: 0; border-left: 0; padding-top: 6px; border-top: 1px solid var(--ft-line);}
}
@media (max-width: 640px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{width: 100%; max-width: 360px; min-height: 0; justify-self: center;}
}
@media (max-width: 1280px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 620px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .task-card{max-width: none;}
:where(html[data-c~=dash]) .withdraw-success-rows{grid-template-columns: 1fr;}
}
@media (max-width: 1180px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
}
@media (max-width: 760px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr; gap: 12px;}
}
@media (max-width: 900px){
:where(html[data-c~=dash]) .nav-link > span{width: 27px; height: 27px;}
:where(html[data-c~=dash]) .sidebar{width: 232px;}
:where(html[data-c~=dash]) .nav-link{min-height: 44px; font-size: 12px;}
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 1120px){
:where(html[data-c~=dash]) .ltn-daily-panels{grid-template-columns: 1fr;}
}
@media (max-width: 860px){
:where(html[data-c~=dash]) .ltn-rules-highlights{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .ltn-lb-prizes-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .ltn-ref-stats-grid, :where(html[data-c~=dash]) .ltn-promo-perks-grid{grid-template-columns: 1fr;}
html:where([data-c~=dash]), :where(html[data-c~=dash]) body{overflow-x: hidden; max-width: 100vw;}
:where(html[data-c~=dash]) .dashboard-layout{display: block !important;}
:where(html[data-c~=dash]) .main-content{width: 100% !important; max-width: 100vw; margin: 0 !important; padding: 16px 16px calc(32px + env(safe-area-inset-bottom)) !important; box-sizing: border-box; overflow-x: hidden;}
:where(html[data-c~=dash]) .main-content > *, :where(html[data-c~=dash]) .content-section, :where(html[data-c~=dash]) .panel{min-width: 0; max-width: 100%;}
:where(html[data-c~=dash]) .content-section img, :where(html[data-c~=dash]) .content-section video, :where(html[data-c~=dash]) .content-section iframe{max-width: 100%;}
:where(html[data-c~=dash]) .page-top h1{font-size: 24px; line-height: 1.2;}
:where(html[data-c~=dash][data-v=dark]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(14,14,14,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=dash][data-v=light]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(242,242,242,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=dash]) .mobile-menu-btn{display: grid; touch-action: manipulation; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-text); cursor: pointer; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) .mobile-brand{display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; color: var(--ft-text); font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden;}
:where(html[data-c~=dash]) .mobile-brand .brand-mark{display: inline-grid; width: 26px; height: 26px; flex: none;}
:where(html[data-c~=dash]) .mobile-brand .brand-mark img{width: 100%; height: 100%; object-fit: contain;}
:where(html[data-c~=dash]) .mobile-balance{display: grid; gap: 1px; justify-items: end; padding: 5px 12px; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); text-decoration: none;}
:where(html[data-c~=dash]) .mobile-balance small{color: var(--ft-muted); font-size: 9.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;}
:where(html[data-c~=dash]) .mobile-balance strong{color: var(--ft-text); font-size: 14px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums;}
:where(html[data-c~=dash]) .sidebar{display: flex !important; flex-direction: column; position: fixed !important; inset: 0 auto 0 0 !important; width: min(300px, 86vw) !important; height: 100dvh; padding: 16px 14px calc(16px + env(safe-area-inset-bottom)) !important; overflow-y: auto; z-index: 100; transform: translateX(-102%); transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1); border-right: 1px solid var(--ft-line-2) !important; border-bottom: 0 !important;}
:where(html[data-c~=dash]) .sidebar-wallet{display: grid !important;}
:where(html[data-c~=dash]) .sidebar-bottom{display: grid !important; position: static !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px; margin-top: auto !important; padding: 14px 4px 2px !important; border-top: 1px solid var(--ft-line) !important; align-items: center; padding-bottom: 6px !important;}
:where(html[data-c~=dash]) .sidebar nav{display: block !important; overflow: visible !important; padding-right: 0 !important;}
:where(html[data-c~=dash]) .nav-link{min-height: 40px !important; font-size: 14px !important; padding: 0 10px !important; flex: initial !important;}
:where(html[data-c~=dash]) .nav-link > i, :where(html[data-c~=dash]) .nav-link > b{display: inline-flex !important;}
:where(html[data-c~=dash]) .nav-sub-link{font-size: 13.5px !important; min-height: 36px !important;}
:where(html[data-c~=dash][data-v=dark]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash][data-v=dark]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(4,4,4,0.66); opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=dash][data-v=light]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(254,254,254,0.66); opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=dash][data-v=dark]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=dash][data-v=light]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=dash]) .mobile-menu-toggle:checked ~ .mobile-backdrop{opacity: 1; visibility: visible;}
:where(html[data-c~=dash]) .mobile-menu-toggle:checked ~ .dashboard-layout .main-content{overflow: hidden;}
:where(html[data-c~=dash]) body.mobile-menu-open{overflow: hidden;}
:where(html[data-c~=dash]) .ltn-atmosphere-dock{bottom: calc(14px + env(safe-area-inset-bottom)) !important; left: 12px !important; right: auto !important;}
:where(html[data-c~=dash]) .ltn-atmo-trigger{padding: 8px 12px; font-size: 12px;}
:where(html[data-c~=dash]) body.mobile-menu-open .ltn-atmosphere-dock{display: none;}
:where(html[data-c~=dash]) .ltn-boost-banner, :where(html[data-c~=dash]) .ltn-boost-banner.is-duck-style{flex-direction: column; align-items: stretch; gap: 12px; padding: 14px;}
:where(html[data-c~=dash]) .ltn-boost-banner a, :where(html[data-c~=dash]) .ltn-boost-banner button{width: 100%; justify-content: center; text-align: center; box-sizing: border-box;}
:where(html[data-c~=dash]) .section-heading{flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=dash]) .wallet-layout, :where(html[data-c~=dash]) .task-grid{grid-template-columns: 1fr !important;}
:where(html[data-c~=dash]) .wallet-balance{grid-template-columns: 1fr 1fr; gap: 8px;}
:where(html[data-c~=dash]) .stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=dash]) .ltn-lb-prizes-grid{grid-template-columns: 1fr 1fr; gap: 8px;}
:where(html[data-c~=dash]) .ltn-lb-prize-card{flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; min-width: 0;}
:where(html[data-c~=dash]) .ltn-lb-prize-card strong{font-size: 15px; white-space: nowrap;}
:where(html[data-c~=dash]) table{display: block; max-width: 100%; overflow-x: auto;}
:where(html[data-c~=dash]) input, :where(html[data-c~=dash]) select, :where(html[data-c~=dash]) textarea{font-size: 16px; max-width: 100%; box-sizing: border-box;}
:where(html[data-c~=dash]) dialog{max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px);}
:where(html[data-c~=dash]) .gc-layout{grid-template-columns: 1fr;}
:where(html[data-c~=dash]) .mobile-logout{display: grid; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-muted); cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=dash]) .mobile-logout:active, :where(html[data-c~=dash]) .mobile-logout:hover{color: var(--ft-accent-2); border-color: var(--ft-accent);}
:where(html[data-c~=dash]) .mobile-logout:disabled{opacity: .6;}
:where(html[data-c~=dash]) .mobile-brand > span:last-child{overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=dash]) .sidebar-user{display: flex !important; padding: 0 !important;}
:where(html[data-c~=dash]) .sidebar-user strong{font-size: 14px !important;}
:where(html[data-c~=dash]) .sidebar-user small{font-size: 11px !important; display: none !important;}
:where(html[data-c~=dash]) .sidebar-logout{display: flex !important; width: auto !important; height: 44px !important; margin: 0 !important; gap: 8px; justify-content: center !important; align-items: center; border-radius: 12px !important; font-size: 14px !important; font-weight: 600; min-width: 44px; padding: 0 14px !important;}
:where(html[data-c~=dash]) .sidebar-logout svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=dash]) .sidebar-logout-text{display: inline;}
}
@media (max-width: 920px){
:where(html[data-c~=dash]) .ltn-rules-cards-grid{grid-template-columns: 1fr;}
}
@media (max-width: 540px){
:where(html[data-c~=dash]) .overview-shortcuts{grid-template-columns: repeat(2, 1fr) !important;}
}
@media (max-width: 768px){
:where(html[data-c~=dash]) .duck-tab-btn{width: 100%; padding: 10px 14px; font-size: 13px;}
:where(html[data-c~=dash]) .activity-chart-grid{grid-template-columns: 1fr !important;}
:where(html[data-c~=dash]) .ltn-lb-tabs{width: 100%; justify-content: center;}
:where(html[data-c~=dash]) .ltn-lb-tab{flex: 1; text-align: center; padding: 8px 10px; font-size: 12.5px;}
}
@media (max-width: 380px){
:where(html[data-c~=dash]) .mobile-topbar{gap: 8px; padding-left: 10px; padding-right: 10px;}
:where(html[data-c~=dash]) .mobile-brand{font-size: 15px;}
:where(html[data-c~=dash]) .mobile-balance{padding: 4px 10px;}
}
:where(html[data-c~=dash][data-v=dark]) .tl-dialog{width: min(92vw, 400px); padding: 30px 24px 22px; border: 1px solid rgba(183,183,183,0.28); border-radius: 24px; background: radial-gradient(120% 70% at 50% 0%, rgba(160,160,160,0.22), transparent 60%), linear-gradient(180deg, #181818, #0c0c0c); color: #f2f2f2; text-align: center; box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 60px rgba(160,160,160,0.14); overflow: hidden;}
:where(html[data-c~=dash][data-v=light]) .tl-dialog{width: min(92vw, 400px); padding: 30px 24px 22px; border: 1px solid rgba(69,69,69,0.28); border-radius: 24px; background: radial-gradient(120% 70% at 50% 0%, rgba(91,91,91,0.22), transparent 60%), linear-gradient(180deg, #e6e6e6, #f4f4f4); color: #0c0c0c; text-align: center; box-shadow: 0 30px 80px rgba(255,255,255,0.6), 0 0 60px rgba(91,91,91,0.14); overflow: hidden;}
:where(html[data-c~=dash]) .tl-dialog[open]{animation: tl-pop-4f4a57 0.28s cubic-bezier(.2, .9, .3, 1.2);}
:where(html[data-c~=dash][data-v=dark]) .tl-dialog::backdrop{background: rgba(3,3,3,0.74); backdrop-filter: blur(4px);}
:where(html[data-c~=dash][data-v=light]) .tl-dialog::backdrop{background: rgba(255,255,255,0.74); backdrop-filter: blur(4px);}
:where(html[data-c~=dash][data-v=dark]) .tl-close{position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 1px solid rgba(183,183,183,0.25); border-radius: 10px; background: rgba(255,255,255,0.05); color: #c2c2c2; font-size: 13px; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .tl-close{position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 1px solid rgba(69,69,69,0.25); border-radius: 10px; background: rgba(0,0,0,0.05); color: #3a3a3a; font-size: 13px; cursor: pointer;}
:where(html[data-c~=dash]) .tl-orb{position: relative; display: grid; place-items: center; width: 96px; height: 96px; margin: 4px auto 14px;}
:where(html[data-c~=dash][data-v=dark]) .tl-ring{position: absolute; inset: 0; border: 2px solid rgba(160,160,160,0.45); border-radius: 50%; animation: tl-ping-775620 1.8s ease-out infinite;}
:where(html[data-c~=dash][data-v=light]) .tl-ring{position: absolute; inset: 0; border: 2px solid rgba(91,91,91,0.45); border-radius: 50%; animation: tl-ping-775620 1.8s ease-out infinite;}
:where(html[data-c~=dash]) .tl-ring-2{animation-delay: 0.9s;}
:where(html[data-c~=dash][data-v=dark]) .tl-icon{position: relative; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: linear-gradient(145deg, #b7b7b7, #696969); color: #ffffff; box-shadow: 0 10px 26px rgba(105,105,105,0.45);}
:where(html[data-c~=dash][data-v=light]) .tl-icon{position: relative; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: linear-gradient(145deg, #454545, #929292); color: #000000; box-shadow: 0 10px 26px rgba(146,146,146,0.45);}
:where(html[data-c~=dash][data-v=dark]) .tl-partner{display: inline-block; margin-bottom: 8px; padding: 4px 12px; border: 1px solid rgba(183,183,183,0.3); border-radius: 999px; background: rgba(160,160,160,0.12); color: #b7b7b7; font-size: 11px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=light]) .tl-partner{display: inline-block; margin-bottom: 8px; padding: 4px 12px; border: 1px solid rgba(69,69,69,0.3); border-radius: 999px; background: rgba(91,91,91,0.12); color: #454545; font-size: 11px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase;}
:where(html[data-c~=dash][data-v=dark]) .tl-dialog h3{margin: 0 0 14px; font-size: 22px; font-weight: 800; color: #f2f2f2;}
:where(html[data-c~=dash][data-v=light]) .tl-dialog h3{margin: 0 0 14px; font-size: 22px; font-weight: 800; color: #0c0c0c;}
:where(html[data-c~=dash][data-v=dark]) .tl-reward{display: flex; align-items: baseline; justify-content: center; gap: 6px; margin: 0 0 14px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,0.05); border: 1px dashed rgba(183,183,183,0.3); color: #b6b6b6; font-size: 12px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=light]) .tl-reward{display: flex; align-items: baseline; justify-content: center; gap: 6px; margin: 0 0 14px; padding: 12px; border-radius: 14px; background: rgba(0,0,0,0.05); border: 1px dashed rgba(69,69,69,0.3); color: #464646; font-size: 12px; flex-wrap: wrap;}
:where(html[data-c~=dash][data-v=dark]) .tl-reward b{color: #d3d3d3; font-size: 26px; font-weight: 900; line-height: 1; text-shadow: 0 0 18px rgba(183,183,183,0.45);}
:where(html[data-c~=dash][data-v=light]) .tl-reward b{color: #292929; font-size: 26px; font-weight: 900; line-height: 1; text-shadow: 0 0 18px rgba(69,69,69,0.45);}
:where(html[data-c~=dash][data-v=dark]) .tl-note{margin: 0 0 10px; color: #969696; font-size: 12.5px;}
:where(html[data-c~=dash][data-v=light]) .tl-note{margin: 0 0 10px; color: #656565; font-size: 12.5px;}
:where(html[data-c~=dash][data-v=dark]) .tl-bar{height: 5px; margin: 0 0 16px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,0.08);}
:where(html[data-c~=dash][data-v=light]) .tl-bar{height: 5px; margin: 0 0 16px; overflow: hidden; border-radius: 999px; background: rgba(0,0,0,0.08);}
:where(html[data-c~=dash][data-v=dark]) .tl-bar i{display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #b7b7b7, #696969);}
:where(html[data-c~=dash][data-v=light]) .tl-bar i{display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #454545, #929292);}
:where(html[data-c~=dash]) .tl-bar i.run{animation: tl-fill-e659fd 1.4s linear forwards;}
:where(html[data-c~=dash][data-v=dark]) .tl-open{display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px; border-radius: 14px; background: linear-gradient(180deg, #aaaaaa, #696969); color: #101010; font-size: 15px; font-weight: 800; text-decoration: none; box-shadow: 0 10px 24px rgba(105,105,105,0.38);}
:where(html[data-c~=dash][data-v=light]) .tl-open{display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px; border-radius: 14px; background: linear-gradient(180deg, #515151, #929292); color: #f0f0f0; font-size: 15px; font-weight: 800; text-decoration: none; box-shadow: 0 10px 24px rgba(146,146,146,0.38);}
:where(html[data-c~=dash]) .tl-open:hover{filter: brightness(1.07);}
:where(html[data-c~=dash][data-v=dark]) .tl-ok{margin-top: 10px; padding: 10px 18px; border: 0; background: transparent; color: #969696; font-size: 13px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=light]) .tl-ok{margin-top: 10px; padding: 10px 18px; border: 0; background: transparent; color: #656565; font-size: 13px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=dash][data-v=dark]) .tl-ok:hover{color: #f2f2f2;}
:where(html[data-c~=dash][data-v=light]) .tl-ok:hover{color: #0c0c0c;}
:where(html[data-c~=dash][data-v=dark]) .wd-rush-box{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;border-radius:12px;border:1px dashed rgba(188,188,188,.6);background:rgba(188,188,188,.1);cursor:pointer}
:where(html[data-c~=dash][data-v=light]) .wd-rush-box{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;border-radius:12px;border:1px dashed rgba(64,64,64,.6);background:rgba(64,64,64,.1);cursor:pointer}
:where(html[data-c~=dash]) .wd-rush-box[hidden]{display:none}
:where(html[data-c~=dash][data-v=dark]) .wd-rush-box input{width:18px;height:18px;accent-color:#a0a0a0;flex:none}
:where(html[data-c~=dash][data-v=light]) .wd-rush-box input{width:18px;height:18px;accent-color:#5b5b5b;flex:none}
:where(html[data-c~=dash]) .wd-rush-text{display:flex;flex-direction:column;gap:2px;text-align:left}
:where(html[data-c~=dash]) .wd-rush-text strong{font-size:14px}
:where(html[data-c~=dash]) .wd-rush-text small{font-size:12px;opacity:.8}
:where(html[data-c~=dash][data-v=dark]) .wd-rush-box:has(input:checked){border-style:solid;background:rgba(188,188,188,.22)}
:where(html[data-c~=dash][data-v=light]) .wd-rush-box:has(input:checked){border-style:solid;background:rgba(64,64,64,.22)}
@media (min-width: 1100px){
:where(html[data-c~=dash]) .task-grid{grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important;}
}
@media (min-width: 1100px){
:where(html[data-c~=dash]) #task-list.task-grid, :where(html[data-c~=dash]) #task-list-regular.task-grid{grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important;}
}

/* ===== theme ===== */
:root:where([data-c~=theme][data-v=dark]){color-scheme: dark; --ft-bg: #0e0e0e; --ft-surface: #161616; --ft-surface-2: #1b1b1b; --ft-line: #2e2e2e; --ft-line-2: #3f3f3f; --ft-text: #f2f2f2; --ft-muted: #969696; --ft-accent: #a0a0a0; --ft-accent-2: #b7b7b7; --ft-accent-soft: rgba(160,160,160,0.14); --ft-radius: 14px; --ft-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --bg: var(--ft-bg); --surface: var(--ft-surface); --surface-deep: var(--ft-surface); --line: var(--ft-line);}
:root:where([data-c~=theme][data-v=light]){color-scheme: light; --ft-bg: #f2f2f2; --ft-surface: #eaeaea; --ft-surface-2: #e4e4e4; --ft-line: #cfcfcf; --ft-line-2: #bdbdbd; --ft-text: #0c0c0c; --ft-muted: #656565; --ft-accent: #5b5b5b; --ft-accent-2: #454545; --ft-accent-soft: rgba(91,91,91,0.14); --ft-radius: 14px; --ft-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --bg: var(--ft-bg); --surface: var(--ft-surface); --surface-deep: var(--ft-surface); --line: var(--ft-line);}
html:where([data-c~=theme]), :where(html[data-c~=theme]) body{background: var(--ft-bg) !important; color: var(--ft-text); font-family: var(--ft-font) !important; -webkit-font-smoothing: antialiased;}
:where(html[data-c~=theme]) body::before, :where(html[data-c~=theme]) body::after{display: none !important;}
:where(html[data-c~=theme]) .ltn-money-particle{display: none !important;}
:where(html[data-c~=theme]) button, :where(html[data-c~=theme]) input, :where(html[data-c~=theme]) select, :where(html[data-c~=theme]) textarea{font-family: inherit;}
:where(html[data-c~=theme]) h1, :where(html[data-c~=theme]) h2, :where(html[data-c~=theme]) h3, :where(html[data-c~=theme]) h4{letter-spacing: -0.01em; font-weight: 700;}
:where(html[data-c~=theme]) .section-eyebrow{color: var(--ft-muted) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase;}
:where(html[data-c~=theme]) .dashboard-layout{background: var(--ft-bg) !important;}
:where(html[data-c~=theme]) .sidebar{background: var(--ft-surface) !important; border-right: 1px solid var(--ft-line) !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .sidebar-brand{color: var(--ft-text) !important; font-weight: 700; letter-spacing: -0.02em;}
:where(html[data-c~=theme]) .sidebar-brand span span, :where(html[data-c~=theme]) .mobile-brand span span{color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .sidebar-wallet{background: var(--ft-surface-2) !important; border: 1px solid var(--ft-line) !important; border-radius: var(--ft-radius) !important;}
:where(html[data-c~=theme]) .sidebar-wallet span{color: var(--ft-muted) !important; font-size: 10.5px; letter-spacing: 0.08em;}
:where(html[data-c~=theme]) .sidebar-wallet strong{color: var(--ft-text) !important; font-size: 22px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme]) .nav-link, :where(html[data-c~=theme]) .nav-sub-link{border-radius: 10px !important; color: var(--ft-muted) !important; background: transparent !important; border: 1px solid transparent !important; transition: background 0.15s, color 0.15s;}
:where(html[data-c~=theme]) .nav-link > span:first-child, :where(html[data-c~=theme]) .nav-link > span > svg{background: transparent !important; border: 0 !important;}
:where(html[data-c~=theme]) .nav-link:hover, :where(html[data-c~=theme]) .nav-sub-link:hover{background: var(--ft-surface-2) !important; color: var(--ft-text) !important;}
:where(html[data-c~=theme]) .nav-link.is-active, :where(html[data-c~=theme]) .nav-sub-link.is-active, :where(html[data-c~=theme]) .nav-group.has-active > .nav-group-toggle{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important;}
:where(html[data-c~=theme]) .nav-sub{border-left: 1px solid var(--ft-line) !important;}
:where(html[data-c~=theme]) .ltn-sub-pill, :where(html[data-c~=theme]) .nav-link small{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border: 0 !important; border-radius: 6px !important;}
:where(html[data-c~=theme]) .sidebar-user, :where(html[data-c~=theme]) .sidebar-bottom{border-color: var(--ft-line) !important;}
:where(html[data-c~=theme]) .sidebar-logout{background: var(--ft-surface-2) !important; border: 1px solid var(--ft-line) !important; color: var(--ft-muted) !important; border-radius: 10px !important;}
:where(html[data-c~=theme]) .main-content{background: transparent !important;}
:where(html[data-c~=theme]) .panel, :where(html[data-c~=theme]) .task-card, :where(html[data-c~=theme]) .stat-card, :where(html[data-c~=theme]) .welcome-card, :where(html[data-c~=theme]) .wallet-balance > div, :where(html[data-c~=theme]) .ltn-lb-prize-card, :where(html[data-c~=theme]) .ltn-offerwall-history-panel, :where(html[data-c~=theme]) .task-history-panel, :where(html[data-c~=theme]) .shortcut-card, :where(html[data-c~=theme]) .overview-task-row{background: var(--ft-surface) !important; border: 1px solid var(--ft-line) !important; border-radius: var(--ft-radius) !important; box-shadow: none !important; backdrop-filter: none !important;}
:where(html[data-c~=theme]) .panel::before, :where(html[data-c~=theme]) .panel::after, :where(html[data-c~=theme]) .task-card::before, :where(html[data-c~=theme]) .task-card::after, :where(html[data-c~=theme]) .welcome-card::before, :where(html[data-c~=theme]) .welcome-card::after, :where(html[data-c~=theme]) .stat-card::before, :where(html[data-c~=theme]) .stat-card::after{display: none !important;}
:where(html[data-c~=theme]) .task-card:hover, :where(html[data-c~=theme]) .stat-card:hover, :where(html[data-c~=theme]) .shortcut-card:hover{border-color: var(--ft-line-2) !important; transform: none !important;}
:where(html[data-c~=theme]) .task-card.is-pinned, :where(html[data-c~=theme]) .task-card[data-pinned="true"]{border-color: var(--ft-accent) !important;}
:where(html[data-c~=theme]) .welcome-card h2{font-size: 26px;}
:where(html[data-c~=theme]) .welcome-orb{background: var(--ft-accent-soft) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-accent-2) !important; animation: none !important;}
:where(html[data-c~=theme]) .stat-card strong, :where(html[data-c~=theme]) .wallet-balance strong{font-variant-numeric: tabular-nums; color: var(--ft-text) !important;}
:where(html[data-c~=theme][data-v=dark]) .primary-button, :where(html[data-c~=theme][data-v=dark]) .task-card .primary-button, :where(html[data-c~=theme][data-v=dark]) button[type="submit"].primary, :where(html[data-c~=theme][data-v=dark]) .duck-btn-submit, :where(html[data-c~=theme][data-v=dark]) #duck-btn-submit-bank, :where(html[data-c~=theme][data-v=dark]) #duck-btn-submit-card, :where(html[data-c~=theme][data-v=dark]) #duck-btn-submit-game, :where(html[data-c~=theme][data-v=dark]) .task-card button.primary-button, :where(html[data-c~=theme][data-v=dark]) .ltn-boost-btn{background: var(--ft-accent) !important; background-image: none !important; color: #121212 !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 650 !important; text-shadow: none !important; animation: none !important;}
:where(html[data-c~=theme][data-v=light]) .primary-button, :where(html[data-c~=theme][data-v=light]) .task-card .primary-button, :where(html[data-c~=theme][data-v=light]) button[type="submit"].primary, :where(html[data-c~=theme][data-v=light]) .duck-btn-submit, :where(html[data-c~=theme][data-v=light]) #duck-btn-submit-bank, :where(html[data-c~=theme][data-v=light]) #duck-btn-submit-card, :where(html[data-c~=theme][data-v=light]) #duck-btn-submit-game, :where(html[data-c~=theme][data-v=light]) .task-card button.primary-button, :where(html[data-c~=theme][data-v=light]) .ltn-boost-btn{background: var(--ft-accent) !important; background-image: none !important; color: #eeeeee !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 650 !important; text-shadow: none !important; animation: none !important;}
:where(html[data-c~=theme]) .primary-button:hover, :where(html[data-c~=theme]) .duck-btn-submit:hover{background: var(--ft-accent-2) !important; filter: none !important; transform: none !important;}
:where(html[data-c~=theme]) .secondary-button{background: var(--ft-surface-2) !important; color: var(--ft-text) !important; border: 1px solid var(--ft-line-2) !important; border-radius: 10px !important;}
:where(html[data-c~=theme]) input, :where(html[data-c~=theme]) select, :where(html[data-c~=theme]) textarea{background: var(--ft-bg) !important; color: var(--ft-text) !important; border: 1px solid var(--ft-line-2) !important; border-radius: 10px !important; box-shadow: none !important;}
:where(html[data-c~=theme]) input:focus, :where(html[data-c~=theme]) select:focus, :where(html[data-c~=theme]) textarea:focus{outline: 2px solid var(--ft-accent-soft) !important; border-color: var(--ft-accent) !important;}
:where(html[data-c~=theme][data-v=dark]) input::placeholder, :where(html[data-c~=theme][data-v=dark]) textarea::placeholder{color: #656565 !important;}
:where(html[data-c~=theme][data-v=light]) input::placeholder, :where(html[data-c~=theme][data-v=light]) textarea::placeholder{color: #969696 !important;}
:where(html[data-c~=theme]) label{color: var(--ft-muted);}
:where(html[data-c~=theme]) .count-pill{background: var(--ft-surface-2) !important; color: var(--ft-muted) !important; border: 1px solid var(--ft-line) !important; box-shadow: none !important; animation: none !important;}
:where(html[data-c~=theme]) .duck-maroon-bar, :where(html[data-c~=theme]) .duck-live-bar{background: var(--ft-surface-2) !important; border: 1px solid var(--ft-line) !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .duck-maroon-badge{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border: 0 !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .duck-ticker-amount{color: var(--ft-text) !important;}
:where(html[data-c~=theme][data-v=dark]) .duck-ticker-approved{color: #4ade80 !important;}
:where(html[data-c~=theme][data-v=light]) .duck-ticker-approved{color: #1c9b4b !important;}
:where(html[data-c~=theme][data-v=dark]) dialog{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; border-radius: 18px !important; color: var(--ft-text); box-shadow: 0 24px 60px rgba(0,0,0,0.55) !important;}
:where(html[data-c~=theme][data-v=light]) dialog{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; border-radius: 18px !important; color: var(--ft-text); box-shadow: 0 24px 60px rgba(255,255,255,0.55) !important;}
:where(html[data-c~=theme][data-v=dark]) dialog::backdrop{background: rgba(4,4,4,0.72) !important; backdrop-filter: blur(3px);}
:where(html[data-c~=theme][data-v=light]) dialog::backdrop{background: rgba(254,254,254,0.72) !important; backdrop-filter: blur(3px);}
:where(html[data-c~=theme]) .ltn-lightning-ring, :where(html[data-c~=theme]) .ltn-lightning-ring-inner{animation: none !important;}
:where(html[data-c~=theme]) .ltn-atmo-trigger{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-text) !important; box-shadow: none !important;}
:where(html[data-c~=theme][data-v=dark]) .ltn-atmo-panel, :where(html[data-c~=theme][data-v=dark]) #ltn-atmo-panel{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; box-shadow: 0 18px 50px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=theme][data-v=light]) .ltn-atmo-panel, :where(html[data-c~=theme][data-v=light]) #ltn-atmo-panel{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; box-shadow: 0 18px 50px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=theme]) footer{border-color: var(--ft-line) !important; color: var(--ft-muted) !important;}
:where(html[data-c~=theme]) .mobile-topbar, :where(html[data-c~=theme]) .mobile-backdrop{display: none;}
:where(html[data-c~=theme]) .mobile-menu-toggle{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}
@media (max-width: 860px){
html:where([data-c~=theme]), :where(html[data-c~=theme]) body{overflow-x: hidden; max-width: 100vw;}
:where(html[data-c~=theme]) .dashboard-layout{display: block !important;}
:where(html[data-c~=theme]) .main-content{width: 100% !important; max-width: 100vw; margin: 0 !important; padding: 16px 16px calc(32px + env(safe-area-inset-bottom)) !important; box-sizing: border-box; overflow-x: hidden;}
:where(html[data-c~=theme]) .main-content > *, :where(html[data-c~=theme]) .content-section, :where(html[data-c~=theme]) .panel{min-width: 0; max-width: 100%;}
:where(html[data-c~=theme]) .content-section img, :where(html[data-c~=theme]) .content-section video, :where(html[data-c~=theme]) .content-section iframe{max-width: 100%;}
:where(html[data-c~=theme]) .page-top h1{font-size: 24px; line-height: 1.2;}
:where(html[data-c~=theme][data-v=dark]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(14,14,14,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=theme][data-v=light]) .mobile-topbar{position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; height: 56px; padding: env(safe-area-inset-top) 12px 0; box-sizing: content-box; background: rgba(242,242,242,0.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ft-line);}
:where(html[data-c~=theme]) .mobile-menu-btn{display: grid; touch-action: manipulation; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-text); cursor: pointer; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=theme]) .mobile-brand{display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; color: var(--ft-text); font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing: -0.02em; white-space: nowrap;}
:where(html[data-c~=theme]) .mobile-brand .brand-mark{display: inline-grid; width: 26px; height: 26px; flex: none;}
:where(html[data-c~=theme]) .mobile-brand .brand-mark img{width: 100%; height: 100%; object-fit: contain;}
:where(html[data-c~=theme]) .mobile-balance{display: grid; gap: 1px; justify-items: end; padding: 5px 12px; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); text-decoration: none;}
:where(html[data-c~=theme]) .mobile-balance small{color: var(--ft-muted); font-size: 9.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;}
:where(html[data-c~=theme]) .mobile-balance strong{color: var(--ft-text); font-size: 14px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme]) .sidebar{display: flex !important; flex-direction: column; position: fixed !important; inset: 0 auto 0 0 !important; width: min(300px, 86vw) !important; height: 100dvh; padding: 16px 14px calc(16px + env(safe-area-inset-bottom)) !important; overflow-y: auto; z-index: 100; transform: translateX(-102%); transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1); border-right: 1px solid var(--ft-line-2) !important; border-bottom: 0 !important;}
:where(html[data-c~=theme]) .sidebar-wallet{display: grid !important;}
:where(html[data-c~=theme]) .sidebar-bottom{display: flex !important;}
:where(html[data-c~=theme]) .sidebar nav{display: block !important; overflow: visible !important;}
:where(html[data-c~=theme]) .nav-link{min-height: 42px !important; font-size: 14px !important; padding: 0 10px !important; flex: initial !important;}
:where(html[data-c~=theme]) .nav-link > i, :where(html[data-c~=theme]) .nav-link > b{display: inline-flex !important;}
:where(html[data-c~=theme]) .nav-sub-link{font-size: 13.5px !important; min-height: 38px;}
:where(html[data-c~=theme][data-v=dark]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=theme][data-v=light]) body.mobile-menu-open .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=theme][data-v=dark]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(4,4,4,0.66);}
:where(html[data-c~=theme][data-v=light]) .mobile-backdrop{position: fixed; inset: 0; z-index: 90; display: block; background: rgba(254,254,254,0.66);}
:where(html[data-c~=theme][data-v=dark]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(0,0,0,0.5) !important;}
:where(html[data-c~=theme][data-v=light]) .mobile-menu-toggle:checked ~ .dashboard-layout .sidebar{transform: none; box-shadow: 24px 0 60px rgba(255,255,255,0.5) !important;}
:where(html[data-c~=theme]) .mobile-backdrop{opacity: 0; visibility: hidden; transition: opacity 0.2s;}
:where(html[data-c~=theme]) .mobile-menu-toggle:checked ~ .mobile-backdrop{opacity: 1; visibility: visible;}
:where(html[data-c~=theme]) .mobile-menu-toggle:checked ~ .dashboard-layout .main-content{overflow: hidden;}
:where(html[data-c~=theme]) body.mobile-menu-open{overflow: hidden;}
:where(html[data-c~=theme]) .ltn-atmosphere-dock{bottom: calc(14px + env(safe-area-inset-bottom)) !important; left: 12px !important; right: auto !important;}
:where(html[data-c~=theme]) .ltn-atmo-trigger{padding: 8px 12px; font-size: 12px;}
:where(html[data-c~=theme]) body.mobile-menu-open .ltn-atmosphere-dock{display: none;}
:where(html[data-c~=theme]) .ltn-boost-banner, :where(html[data-c~=theme]) .ltn-boost-banner.is-duck-style{flex-direction: column; align-items: stretch; gap: 12px; padding: 14px;}
:where(html[data-c~=theme]) .ltn-boost-banner a, :where(html[data-c~=theme]) .ltn-boost-banner button{width: 100%; justify-content: center; text-align: center; box-sizing: border-box;}
:where(html[data-c~=theme]) .section-heading{flex-wrap: wrap; gap: 8px;}
:where(html[data-c~=theme]) .wallet-layout, :where(html[data-c~=theme]) .task-grid{grid-template-columns: 1fr !important;}
:where(html[data-c~=theme]) .wallet-balance{grid-template-columns: 1fr 1fr; gap: 8px;}
:where(html[data-c~=theme]) .stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=theme]) .ltn-lb-prizes-grid{grid-template-columns: 1fr 1fr; gap: 8px;}
:where(html[data-c~=theme]) .ltn-lb-prize-card{flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; min-width: 0;}
:where(html[data-c~=theme]) .ltn-lb-prize-card strong{font-size: 15px; white-space: nowrap;}
:where(html[data-c~=theme]) table{display: block; max-width: 100%; overflow-x: auto;}
:where(html[data-c~=theme]) input, :where(html[data-c~=theme]) select, :where(html[data-c~=theme]) textarea{font-size: 16px; max-width: 100%; box-sizing: border-box;}
:where(html[data-c~=theme]) dialog{max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px);}
}
:where(html[data-c~=theme]) .section-heading h2::before, :where(html[data-c~=theme]) .section-heading h2::after, :where(html[data-c~=theme]) .panel-heading h3::before, :where(html[data-c~=theme]) .panel-heading h3::after, :where(html[data-c~=theme]) .panel-heading h2::before, :where(html[data-c~=theme]) .panel-heading h2::after, :where(html[data-c~=theme]) .section-heading::after, :where(html[data-c~=theme]) .panel-heading::after{display: none !important; content: none !important;}
:where(html[data-c~=theme]) .section-heading h2, :where(html[data-c~=theme]) .panel-heading h3{padding-left: 0 !important;}
@media (max-width: 720px){
:where(html[data-c~=theme]) .topbar{flex-wrap: wrap; gap: 8px; padding-left: 14px; padding-right: 14px;}
:where(html[data-c~=theme]) .top-nav{display: none !important;}
:where(html[data-c~=theme]) .header-actions{margin-left: auto; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=theme]) .account-greeting{display: none;}
:where(html[data-c~=theme]) h1{font-size: clamp(30px, 9vw, 40px); line-height: 1.12;}
}
:where(html[data-c~=theme]) .is-ph, :where(html[data-c~=theme]) .ltn-loading-text{color: var(--ft-muted) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; animation: ltnLoadPulse-e2247b 1.2s ease-in-out infinite;}
:where(html[data-c~=theme]) .ltn-loading-card{color: var(--ft-muted); font-size: 13px; text-align: center; animation: ltnLoadPulse-e2247b 1.2s ease-in-out infinite;}
:where(html[data-c~=theme]) .activity-chart > .ltn-loading-text{display: grid; place-items: center; min-height: 120px; width: 100%;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=theme]) .is-ph, :where(html[data-c~=theme]) .ltn-loading-text, :where(html[data-c~=theme]) .ltn-loading-card{animation: none;}
}
:where(html[data-c~=theme]) .task-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;}
:where(html[data-c~=theme]) .tk-card{display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important; padding: 16px !important; min-height: 0 !important;}
:where(html[data-c~=theme]) .tk-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=theme]) .tk-icon{width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .tk-title{flex: 1; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=theme]) .tk-name{font-size: 15px; font-weight: 800; color: var(--ft-text); overflow-wrap: anywhere;}
:where(html[data-c~=theme]) .tk-tag{padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--ft-accent-2); background: var(--ft-accent-soft);}
:where(html[data-c~=theme]) .tk-pin{flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--ft-line); background: transparent; color: var(--ft-muted); cursor: pointer;}
:where(html[data-c~=theme]) .tk-pin.is-on{color: var(--ft-accent); border-color: var(--ft-accent); background: var(--ft-accent-soft);}
:where(html[data-c~=theme]) .tk-rows{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
:where(html[data-c~=theme]) .tk-rows li{display: flex; justify-content: space-between; gap: 12px; font-size: 13px;}
:where(html[data-c~=theme]) .tk-rows span{color: var(--ft-muted);}
:where(html[data-c~=theme]) .tk-rows strong{color: var(--ft-text); text-align: right;}
:where(html[data-c~=theme]) .tk-start{width: 100%; min-height: 42px;}
:where(html[data-c~=theme]) dialog#task-link-dialog{border: 0 !important; box-shadow: none !important; background: transparent !important; outline: 0;}
:where(html[data-c~=theme]) dialog#task-link-dialog::before, :where(html[data-c~=theme]) dialog#task-link-dialog::after{display: none !important;}
:where(html[data-c~=theme]) .tk-card.is-exhausted{opacity: .7; filter: grayscale(1);}
:where(html[data-c~=theme][data-v=dark]) .tk-card.is-exhausted .tk-start, :where(html[data-c~=theme][data-v=dark]) .tk-card.is-exhausted .tk-start:disabled{background: #2f2f2f !important; color: #7e7e7e !important; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=theme][data-v=light]) .tk-card.is-exhausted .tk-start, :where(html[data-c~=theme][data-v=light]) .tk-card.is-exhausted .tk-start:disabled{background: #cecece !important; color: #7d7d7d !important; box-shadow: none; cursor: not-allowed;}
:where(html[data-c~=theme]) #ltn-checkin-panel{display: grid; gap: 16px;}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-panel-title-with-icon{display: flex; align-items: center; gap: 12px;}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-panel-icon{width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=theme]) #ltn-checkin-panel h3{margin: 0; font-size: 16px;}
:where(html[data-c~=theme]) #ltn-checkin-panel p{margin: 2px 0 0; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-progress-pill{padding: 4px 10px; border-radius: 999px; background: var(--ft-surface-2); font-size: 13px; font-weight: 700;}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-quest-progressbar-track{height: 8px; border-radius: 999px; background: var(--ft-surface-2); overflow: hidden;}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-quest-progressbar-fill{height: 100%; border-radius: 999px; background: #22c55e; transition: width .3s;}
:where(html[data-c~=theme][data-v=dark]) #ltn-checkin-main-btn{width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: #2f2f2f; color: #7e7e7e; font-size: 15px; font-weight: 800; cursor: not-allowed;}
:where(html[data-c~=theme][data-v=light]) #ltn-checkin-main-btn{width: 100%; min-height: 46px; border: 0; border-radius: 12px; background: #cecece; color: #7d7d7d; font-size: 15px; font-weight: 800; cursor: not-allowed;}
:where(html[data-c~=theme][data-v=dark]) #ltn-checkin-main-btn.is-ready:not(:disabled){background: #22c55e; color: #161616; cursor: pointer;}
:where(html[data-c~=theme][data-v=light]) #ltn-checkin-main-btn.is-ready:not(:disabled){background: #22c55e; color: #e9e9e9; cursor: pointer;}
:where(html[data-c~=theme]) .ltn-checkin-note{display: grid; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2); border-left: 3px solid var(--ft-accent); font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=theme]) .ltn-checkin-note strong{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .bw-layout .wallet-main{display: grid; gap: 14px; min-width: 0;}
:where(html[data-c~=theme]) .bw-chart-panel{display: grid; gap: 14px;}
:where(html[data-c~=theme]) .bw-legend{display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=theme]) .bw-legend span{display: inline-flex; align-items: center; gap: 6px;}
:where(html[data-c~=theme]) .bw-legend i{width: 10px; height: 10px; border-radius: 50%; display: inline-block;}
:where(html[data-c~=theme][data-v=dark]) .bw-legend .is-pending{background: #b8b8b8;}
:where(html[data-c~=theme][data-v=light]) .bw-legend .is-pending{background: #444444;}
:where(html[data-c~=theme][data-v=dark]) .bw-legend .is-approved{background: #3b9bff;}
:where(html[data-c~=theme][data-v=light]) .bw-legend .is-approved{background: #005ab8;}
:where(html[data-c~=theme]) .bw-legend .is-done{background: #2fcf71;}
:where(html[data-c~=theme][data-v=dark]) .bw-legend .is-rejected{background: #ef4f4f;}
:where(html[data-c~=theme][data-v=light]) .bw-legend .is-rejected{background: #a80f0f;}
:where(html[data-c~=theme]) .bw-svg{width: 100%; height: auto; display: block;}
:where(html[data-c~=theme]) .bw-grid{stroke: var(--ft-line); stroke-width: 1; stroke-dasharray: 3 4;}
:where(html[data-c~=theme]) .bw-axis{fill: var(--ft-muted); font-size: 11px;}
:where(html[data-c~=theme][data-v=dark]) .bw-area{fill: rgba(160,160,160,.08);}
:where(html[data-c~=theme][data-v=light]) .bw-area{fill: rgba(91,91,91,.08);}
:where(html[data-c~=theme]) .bw-line{fill: none; stroke: var(--ft-accent-2); stroke-width: 2; stroke-linejoin: round;}
:where(html[data-c~=theme]) .bw-stem{stroke-width: 1; opacity: .35;}
:where(html[data-c~=theme]) .bw-dot{cursor: pointer; stroke: var(--ft-surface); stroke-width: 2; transition: r .12s; outline: none;}
:where(html[data-c~=theme]) .bw-dot:hover, :where(html[data-c~=theme]) .bw-dot.is-selected{r: 8; stroke: var(--ft-text);}
:where(html[data-c~=theme]) .bw-detail{padding: 14px 16px; border-radius: 12px; background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .bw-detail h4{margin: 0 0 10px; font-size: 14px;}
:where(html[data-c~=theme]) .bw-detail dl{margin: 0; display: grid; gap: 8px;}
:where(html[data-c~=theme]) .bw-detail dl > div{display: flex; justify-content: space-between; gap: 12px; font-size: 13px;}
:where(html[data-c~=theme]) .bw-detail dt{color: var(--ft-muted);}
:where(html[data-c~=theme]) .bw-detail dd{margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere;}
:where(html[data-c~=theme]) .bw-stats{display: grid; gap: 10px;}
:where(html[data-c~=theme]) .bw-stats h3{margin: 0; font-size: 15px;}
:where(html[data-c~=theme]) .bw-stats > div{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px;}
:where(html[data-c~=theme]) .bw-stats span{color: var(--ft-muted);}
:where(html[data-c~=theme]) .bw-stats strong{font-size: 20px;}
:where(html[data-c~=theme]) .bw-orders{list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; display: grid; gap: 4px; border-top: 1px solid var(--ft-line); padding-top: 10px;}
:where(html[data-c~=theme]) .bw-orders li{display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px;}
:where(html[data-c~=theme]) .bw-orders li:hover, :where(html[data-c~=theme]) .bw-orders li.is-selected{background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .bw-orders li i{width: 9px; height: 9px; border-radius: 50%; flex: none;}
:where(html[data-c~=theme]) .bw-orders li span{flex: 1; color: var(--ft-muted); min-width: 0;}
:where(html[data-c~=theme]) .bw-orders:empty{display: none;}
:where(html[data-c~=theme]) .bw-form{display: grid; gap: 16px; padding: 22px;}
:where(html[data-c~=theme]) .bw-form h3{margin: 0; font-size: 18px;}
:where(html[data-c~=theme]) .bw-field{display: grid; gap: 8px;}
:where(html[data-c~=theme]) .bw-field label{font-size: 13px; font-weight: 600; color: var(--ft-muted);}
:where(html[data-c~=theme]) .bw-field input[type="text"], :where(html[data-c~=theme]) .bw-field input[type="number"]{width: 100%; box-sizing: border-box; min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 15px;}
:where(html[data-c~=theme]) .bw-field input:focus, :where(html[data-c~=theme]) .bk-field:focus-visible{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=theme]) .bw-check{display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 12px; background: var(--ft-surface-2); font-size: 14px; cursor: pointer; line-height: 1.45;}
:where(html[data-c~=theme]) .bw-check input{width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ft-accent); flex: none;}
:where(html[data-c~=theme]) .bw-check em{color: var(--ft-muted); font-style: normal;}
:where(html[data-c~=theme][data-v=dark]) .bw-submit{min-height: 52px; border: 0; border-radius: 14px; background: var(--ft-accent); color: #121212; font-size: 16px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=theme][data-v=light]) .bw-submit{min-height: 52px; border: 0; border-radius: 14px; background: var(--ft-accent); color: #eeeeee; font-size: 16px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=theme]) .bw-submit:hover:not(:disabled){background: var(--ft-accent-2);}
:where(html[data-c~=theme][data-v=dark]) .bw-submit:disabled{background: #2f2f2f; color: #7e7e7e; cursor: not-allowed;}
:where(html[data-c~=theme][data-v=light]) .bw-submit:disabled{background: #cecece; color: #7d7d7d; cursor: not-allowed;}
:where(html[data-c~=theme]) .bw-note{margin: 0; font-size: 13px; color: var(--ft-muted);}
:where(html[data-c~=theme]) .bw-note strong{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .lbx{display: grid; gap: 16px;}
:where(html[data-c~=theme]) .lbx-bar{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
:where(html[data-c~=theme]) .lbx-tabs{display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=theme]) .lbx-tab{min-height: 36px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; color: var(--ft-muted); font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme]) .lbx-tab:hover{color: var(--ft-text);}
:where(html[data-c~=theme][data-v=dark]) .lbx-tab.is-active{background: var(--ft-accent); color: #121212;}
:where(html[data-c~=theme][data-v=light]) .lbx-tab.is-active{background: var(--ft-accent); color: #eeeeee;}
:where(html[data-c~=theme]) .lbx-reset{padding: 7px 12px; border-radius: 999px; border: 1px solid var(--ft-line); background: var(--ft-surface); color: var(--ft-accent-2); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme]) .lbx-me{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=theme]) .lbx-me-label{color: var(--ft-muted); font-size: 13px;}
:where(html[data-c~=theme]) .lbx-me strong{font-size: 16px; font-variant-numeric: tabular-nums; text-align: right;}
:where(html[data-c~=theme]) .lbx-podium{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; padding-top: 12px;}
:where(html[data-c~=theme][data-v=dark]) .lbx-podium-card{--medal: #999999; position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 24px 12px 16px; border-radius: 16px; border: 1px solid var(--ft-line); background: var(--ft-surface); text-align: center;}
:where(html[data-c~=theme][data-v=light]) .lbx-podium-card{--medal: #626262; position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 24px 12px 16px; border-radius: 16px; border: 1px solid var(--ft-line); background: var(--ft-surface); text-align: center;}
:where(html[data-c~=theme][data-v=dark]) .lbx-podium-card.is-rank-1{--medal: #c8c8c8; padding: 32px 12px 22px; border-color: rgba(200,200,200,.45); background: #1a1a1a;}
:where(html[data-c~=theme][data-v=light]) .lbx-podium-card.is-rank-1{--medal: #353535; padding: 32px 12px 22px; border-color: rgba(53,53,53,.45); background: #e4e4e4;}
:where(html[data-c~=theme][data-v=dark]) .lbx-podium-card.is-rank-2{--medal: #d2d2d2;}
:where(html[data-c~=theme][data-v=light]) .lbx-podium-card.is-rank-2{--medal: #2b2b2b;}
:where(html[data-c~=theme][data-v=dark]) .lbx-medal{position: absolute; top: -13px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--medal); color: #0e0e0e; font-size: 13px; font-weight: 900;}
:where(html[data-c~=theme][data-v=light]) .lbx-medal{position: absolute; top: -13px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--medal); color: #f2f2f2; font-size: 13px; font-weight: 900;}
:where(html[data-c~=theme]) .lbx-avatar{width: 44px; height: 44px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--ft-surface-2); color: var(--ft-text); font-weight: 800;}
:where(html[data-c~=theme]) .lbx-avatar img{width: 100%; height: 100%; object-fit: cover;}
:where(html[data-c~=theme]) .lbx-avatar.is-empty{color: var(--ft-muted);}
:where(html[data-c~=theme]) .lbx-podium-card .lbx-avatar{width: 56px; height: 56px; margin-bottom: 4px; box-shadow: 0 0 0 3px var(--medal);}
:where(html[data-c~=theme]) .lbx-podium-card.is-rank-1 .lbx-avatar{width: 72px; height: 72px;}
:where(html[data-c~=theme]) .lbx-podium-card.is-empty .lbx-avatar{box-shadow: 0 0 0 2px var(--ft-line);}
:where(html[data-c~=theme]) .lbx-name{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
:where(html[data-c~=theme]) .lbx-value{font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme][data-v=dark]) .lbx-podium-card.is-rank-1 .lbx-value{font-size: 19px; color: #c8c8c8;}
:where(html[data-c~=theme][data-v=light]) .lbx-podium-card.is-rank-1 .lbx-value{font-size: 19px; color: #353535;}
:where(html[data-c~=theme]) .lbx-meta{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=theme][data-v=dark]) .lbx-prize{padding: 3px 10px; border-radius: 999px; background: rgba(47,207,113,.12); color: #5be39a; font-size: 12px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=theme][data-v=light]) .lbx-prize{padding: 3px 10px; border-radius: 999px; background: rgba(47,207,113,.12); color: #1b9d57; font-size: 12px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=theme]) .lbx-podium-card.is-empty .lbx-name, :where(html[data-c~=theme]) .lbx-podium-card.is-empty .lbx-value, :where(html[data-c~=theme]) .lbx-row.is-empty .lbx-who strong, :where(html[data-c~=theme]) .lbx-row.is-empty .lbx-score strong{color: var(--ft-muted); font-weight: 600;}
:where(html[data-c~=theme]) .lbx-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px;}
:where(html[data-c~=theme]) .lbx-row{display: grid; grid-template-columns: 28px 36px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=theme]) .lbx-rank{color: var(--ft-muted); font-weight: 800; text-align: center; font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme]) .lbx-row .lbx-avatar{width: 36px; height: 36px; font-size: 14px;}
:where(html[data-c~=theme]) .lbx-who{display: grid; min-width: 0;}
:where(html[data-c~=theme]) .lbx-who strong, :where(html[data-c~=theme]) .lbx-who small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=theme]) .lbx-who strong{font-size: 14px;}
:where(html[data-c~=theme]) .lbx-who small, :where(html[data-c~=theme]) .lbx-score small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=theme]) .lbx-score{display: grid; text-align: right;}
:where(html[data-c~=theme]) .lbx-score strong{font-size: 14px; font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme][data-v=dark]) .lbx-podium-card.is-me, :where(html[data-c~=theme][data-v=dark]) .lbx-row.is-me{border-color: var(--ft-accent); background: #1e1e1e;}
:where(html[data-c~=theme][data-v=light]) .lbx-podium-card.is-me, :where(html[data-c~=theme][data-v=light]) .lbx-row.is-me{border-color: var(--ft-accent); background: #e1e1e1;}
:where(html[data-c~=theme]) .lbx-prizes{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface);}
:where(html[data-c~=theme]) .lbx-prizes[hidden]{display: none;}
:where(html[data-c~=theme]) .lbx-prizes-title{margin-right: auto; font-weight: 800;}
:where(html[data-c~=theme]) .lbx-prize-chip{display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 10px; border-radius: 10px; background: var(--ft-surface-2); font-size: 13px;}
:where(html[data-c~=theme]) .lbx-prize-chip small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=theme][data-v=dark]) .lbx-prize-chip strong{color: #5be39a;}
:where(html[data-c~=theme][data-v=light]) .lbx-prize-chip strong{color: #1b9d57;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .lbx-tabs{width: 100%;}
:where(html[data-c~=theme]) .lbx-tab{flex: 1; padding: 0 6px;}
:where(html[data-c~=theme]) .lbx-reset{width: 100%; text-align: center;}
:where(html[data-c~=theme]) .lbx-podium{gap: 8px;}
:where(html[data-c~=theme]) .lbx-podium-card{padding: 22px 6px 12px; border-radius: 14px;}
:where(html[data-c~=theme]) .lbx-podium-card.is-rank-1{padding: 28px 6px 16px;}
:where(html[data-c~=theme]) .lbx-podium-card .lbx-avatar{width: 44px; height: 44px;}
:where(html[data-c~=theme]) .lbx-podium-card.is-rank-1 .lbx-avatar{width: 56px; height: 56px;}
:where(html[data-c~=theme]) .lbx-name{font-size: 12px;}
:where(html[data-c~=theme]) .lbx-value{font-size: 13px;}
:where(html[data-c~=theme]) .lbx-podium-card.is-rank-1 .lbx-value{font-size: 15px;}
:where(html[data-c~=theme]) .lbx-meta, :where(html[data-c~=theme]) .lbx-prize{font-size: 11px;}
:where(html[data-c~=theme]) .lbx-prize{padding: 2px 8px;}
:where(html[data-c~=theme]) .lbx-row{grid-template-columns: 22px 32px minmax(0, 1fr) auto; gap: 10px; padding: 10px;}
:where(html[data-c~=theme]) .lbx-row .lbx-avatar{width: 32px; height: 32px;}
:where(html[data-c~=theme]) .lbx-row .lbx-prize{display: none;}
:where(html[data-c~=theme]) .lbx-prizes-title{width: 100%;}
}
:where(html[data-c~=theme]) .bw-label{font-size: 13px; font-weight: 600; color: var(--ft-muted);}
:where(html[data-c~=theme]) .bk-field{width: 100%; min-height: 60px; display: flex; align-items: center; gap: 12px; padding: 8px 14px 8px 10px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); text-align: left; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme]) .bk-field:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=theme]) .bk-field.is-selected{border-color: var(--ft-accent);}
:where(html[data-c~=theme]) .bk-field-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
:where(html[data-c~=theme]) .bk-field-text strong{font-size: 15px;}
:where(html[data-c~=theme]) .bk-field-text small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ft-muted); font-size: 12px; font-weight: 500;}
:where(html[data-c~=theme]) .bk-caret{flex: none; color: var(--ft-muted);}
:where(html[data-c~=theme][data-v=dark]) .bk-logo{width: 40px; height: 40px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #ffffff; color: #0e0e0e; font-size: 11px; font-weight: 900; letter-spacing: -.02em;}
:where(html[data-c~=theme][data-v=light]) .bk-logo{width: 40px; height: 40px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #000000; color: #f2f2f2; font-size: 11px; font-weight: 900; letter-spacing: -.02em;}
:where(html[data-c~=theme]) .bk-logo img{width: 100%; height: 100%; object-fit: contain; padding: 3px; box-sizing: border-box;}
:where(html[data-c~=theme]) .bk-logo.is-placeholder{background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=theme][data-v=dark]) .bk-logo.is-text{background: #f4f4f4;}
:where(html[data-c~=theme][data-v=light]) .bk-logo.is-text{background: #0b0b0b;}
:where(html[data-c~=theme][data-v=dark]) .bk-dialog{width: min(92vw, 520px); max-width: none; max-height: min(84vh, 720px); padding: 0; border: 1px solid var(--ft-line-2); border-radius: 20px; background: var(--ft-surface); color: var(--ft-text); box-shadow: 0 30px 80px rgba(0,0,0,.6); overflow: hidden;}
:where(html[data-c~=theme][data-v=light]) .bk-dialog{width: min(92vw, 520px); max-width: none; max-height: min(84vh, 720px); padding: 0; border: 1px solid var(--ft-line-2); border-radius: 20px; background: var(--ft-surface); color: var(--ft-text); box-shadow: 0 30px 80px rgba(255,255,255,.6); overflow: hidden;}
:where(html[data-c~=theme][data-v=dark]) .bk-dialog::backdrop{background: rgba(4,4,4,.7); backdrop-filter: blur(3px);}
:where(html[data-c~=theme][data-v=light]) .bk-dialog::backdrop{background: rgba(254,254,254,.7); backdrop-filter: blur(3px);}
:where(html[data-c~=theme]) .bk-dialog[open]{display: flex;}
:where(html[data-c~=theme]) .bk-sheet{flex: 1; min-height: 0; display: flex; flex-direction: column;}
:where(html[data-c~=theme]) .bk-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 12px;}
:where(html[data-c~=theme]) .bk-head h3{margin: 0; font-size: 18px;}
:where(html[data-c~=theme]) .bk-x{width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--ft-surface-2); color: var(--ft-muted); font-size: 14px; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme]) .bk-x:hover{color: var(--ft-text);}
:where(html[data-c~=theme]) .bk-search-wrap{position: relative; margin: 0 20px 12px; color: var(--ft-muted);}
:where(html[data-c~=theme]) .bk-search-wrap svg{position: absolute; left: 14px; top: 50%; transform: translateY(-50%); pointer-events: none;}
:where(html[data-c~=theme]) .bk-search-wrap input{width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px 0 42px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 15px;}
:where(html[data-c~=theme]) .bk-search-wrap input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=theme]) .bk-body{flex: 1; min-height: 0; overflow-y: auto; padding: 0 12px 16px; overscroll-behavior: contain;}
:where(html[data-c~=theme]) .bk-group{display: grid; gap: 8px; padding: 4px 8px 12px;}
:where(html[data-c~=theme]) .bk-group[hidden]{display: none;}
:where(html[data-c~=theme]) .bk-group-title{color: var(--ft-muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;}
:where(html[data-c~=theme]) .bk-popular{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=theme]) .bk-tile{min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme]) .bk-tile span:last-child{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:where(html[data-c~=theme]) .bk-tile:hover{border-color: var(--ft-accent);}
:where(html[data-c~=theme]) .bk-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
:where(html[data-c~=theme]) .bk-item{display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; cursor: pointer;}
:where(html[data-c~=theme]) .bk-item:hover, :where(html[data-c~=theme]) .bk-item.is-active{background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .bk-item.is-current{background: var(--ft-accent-soft);}
:where(html[data-c~=theme]) .bk-item-text{flex: 1; min-width: 0; display: grid; gap: 2px;}
:where(html[data-c~=theme]) .bk-item-text strong{font-size: 14px;}
:where(html[data-c~=theme]) .bk-item-text small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=theme]) .bk-check{color: var(--ft-accent); font-weight: 900;}
:where(html[data-c~=theme]) .bk-status{margin: 4px 0 0; color: var(--ft-muted); font-size: 13px; text-align: center;}
:where(html[data-c~=theme]) .bk-status:empty{display: none;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .bk-dialog{width: 100%; max-width: 100%; max-height: 88vh; margin: auto 0 0; border-radius: 20px 20px 0 0; border-bottom: 0;}
:where(html[data-c~=theme]) .bk-popular{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
:where(html[data-c~=theme]) .bk-tile{padding: 8px 2px; font-size: 11px;}
:where(html[data-c~=theme]) .bk-logo{width: 36px; height: 36px;}
}
:where(html[data-c~=theme]) .gc-layout{display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start;}
:where(html[data-c~=theme]) .gc-card{display: grid; gap: 14px; padding: 24px;}
:where(html[data-c~=theme]) .gc-label{display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--ft-text);}
:where(html[data-c~=theme]) .gc-icon{width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--ft-accent-soft); color: var(--ft-accent-2); flex: none;}
:where(html[data-c~=theme]) .gc-card input{width: 100%; box-sizing: border-box; min-height: 52px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 17px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;}
:where(html[data-c~=theme]) .gc-card input::placeholder{color: var(--ft-muted); letter-spacing: .2em; font-weight: 500;}
:where(html[data-c~=theme]) .gc-card input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=theme][data-v=dark]) .gc-submit{min-height: 50px; border: 0; border-radius: 12px; background: var(--ft-accent); color: #121212; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme][data-v=light]) .gc-submit{min-height: 50px; border: 0; border-radius: 12px; background: var(--ft-accent); color: #eeeeee; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme]) .gc-submit:hover:not(:disabled){background: var(--ft-accent-2);}
:where(html[data-c~=theme]) .gc-submit:disabled{opacity: .6; cursor: wait;}
:where(html[data-c~=theme]) .gc-card .inline-message:empty{display: none;}
:where(html[data-c~=theme]) .gc-rules{padding: 22px 24px;}
:where(html[data-c~=theme]) .gc-rules h3{margin: 0 0 10px; font-size: 16px;}
:where(html[data-c~=theme]) .gc-rules ul{margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--ft-muted); font-size: 14px; line-height: 1.5;}
:where(html[data-c~=theme]) .gc-rules li::marker{color: var(--ft-accent);}
@media (max-width: 860px){
:where(html[data-c~=theme]) .gc-layout{grid-template-columns: 1fr;}
}
:where(html[data-c~=theme]) .wd-tiles{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
:where(html[data-c~=theme]) .wd-tiles.is-brands{grid-template-columns: repeat(5, minmax(0, 1fr));}
:where(html[data-c~=theme]) .wd-tiles.is-login{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-c~=theme]) .wd-tile{position: relative; display: block; cursor: pointer;}
:where(html[data-c~=theme]) .wd-tile input{position: absolute; opacity: 0; pointer-events: none;}
:where(html[data-c~=theme]) .wd-tile > span{min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px 6px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-text); font-size: 14px; font-weight: 700; text-align: center; transition: border-color .15s, background .15s;}
:where(html[data-c~=theme]) .wd-tile > span small{color: var(--ft-muted); font-size: 12px; font-weight: 600;}
:where(html[data-c~=theme]) .wd-tile:hover > span{border-color: var(--ft-line-2);}
:where(html[data-c~=theme]) .wd-tile input:checked + span{border-color: var(--ft-accent); background: var(--ft-accent-soft); box-shadow: inset 0 0 0 1px var(--ft-accent);}
:where(html[data-c~=theme]) .wd-tile input:checked + span small{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .wd-tile input:focus-visible + span{outline: 2px solid var(--ft-accent); outline-offset: 2px;}
:where(html[data-c~=theme]) .wd-summary{display: grid; gap: 8px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2); font-size: 14px;}
:where(html[data-c~=theme]) .wd-summary > div{display: flex; justify-content: space-between; gap: 12px;}
:where(html[data-c~=theme]) .wd-summary span{color: var(--ft-muted);}
:where(html[data-c~=theme]) .wd-summary strong{font-variant-numeric: tabular-nums;}
:where(html[data-c~=theme]) .bw-field[hidden]{display: none;}
:where(html[data-c~=theme]) .bw-detail-action{justify-content: flex-end !important; padding-top: 4px;}
:where(html[data-c~=theme][data-v=dark]) .bw-detail-btn{min-height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--ft-accent); color: #121212; font-weight: 800; cursor: pointer;}
:where(html[data-c~=theme][data-v=light]) .bw-detail-btn{min-height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--ft-accent); color: #eeeeee; font-weight: 800; cursor: pointer;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .wd-tiles.is-brands{grid-template-columns: repeat(3, minmax(0, 1fr));}
:where(html[data-c~=theme]) .wd-tile > span{font-size: 13px;}
}
:where(html[data-c~=theme]) .dd{position: relative;}
:where(html[data-c~=theme]) .dd-btn{width: 100%; min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--ft-line); background: var(--ft-surface-2); color: var(--ft-muted); font-size: 15px; text-align: left; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme]) .dd.has-value .dd-btn{color: var(--ft-text);}
:where(html[data-c~=theme]) .dd-btn:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=theme]) .dd.is-open .dd-btn, :where(html[data-c~=theme]) .dd-btn:focus-visible{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=theme]) .dd-value{flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=theme]) .dd-label{font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(html[data-c~=theme]) .dd-sub{margin-left: auto; color: var(--ft-muted); font-size: 12px; font-weight: 600; white-space: nowrap;}
:where(html[data-c~=theme]) .dd-caret{flex: none; color: var(--ft-muted); transition: transform .15s;}
:where(html[data-c~=theme]) .dd.is-open .dd-caret{transform: rotate(180deg);}
:where(html[data-c~=theme]) .dd-dot{width: 10px; height: 10px; flex: none; border-radius: 50%; display: inline-block;}
:where(html[data-c~=theme][data-v=dark]) .dd-menu{position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 290px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--ft-line-2); background: var(--ft-surface); box-shadow: 0 18px 44px rgba(0,0,0,.55);}
:where(html[data-c~=theme][data-v=light]) .dd-menu{position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; max-height: 290px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--ft-line-2); background: var(--ft-surface); box-shadow: 0 18px 44px rgba(255,255,255,.55);}
:where(html[data-c~=theme]) .dd-menu[hidden]{display: none;}
:where(html[data-c~=theme]) .dd-option{display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: 9px; color: var(--ft-text); font-size: 15px; cursor: pointer;}
:where(html[data-c~=theme]) .dd-option:hover, :where(html[data-c~=theme]) .dd-option.is-active{background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .dd-option[aria-selected="true"]{background: var(--ft-accent-soft);}
:where(html[data-c~=theme]) .dd-option[aria-selected="true"] .dd-label{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .bw-history{display: grid; gap: 12px; padding: 22px;}
:where(html[data-c~=theme]) .bw-history h3{margin: 0; font-size: 18px;}
:where(html[data-c~=theme]) .wd-history{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; max-height: 420px; overflow-y: auto;}
:where(html[data-c~=theme]) .wd-history-row{display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .wd-history-main{display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=theme]) .wd-history-main strong{font-size: 14px;}
:where(html[data-c~=theme]) .wd-history-main small{color: var(--ft-muted); font-size: 12px; overflow-wrap: anywhere;}
:where(html[data-c~=theme]) .wd-history-empty{padding: 14px; color: var(--ft-muted); font-size: 14px; text-align: center;}
:where(html[data-c~=theme]) .wd-status{padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap;}
:where(html[data-c~=theme][data-v=dark]) .wd-status.is-pending{background: rgba(184,184,184,.14); color: #b8b8b8;}
:where(html[data-c~=theme][data-v=light]) .wd-status.is-pending{background: rgba(68,68,68,.14); color: #444444;}
:where(html[data-c~=theme][data-v=dark]) .wd-status.is-done{background: rgba(47,207,113,.14); color: #5be39a;}
:where(html[data-c~=theme][data-v=light]) .wd-status.is-done{background: rgba(47,207,113,.14); color: #1b9d57;}
:where(html[data-c~=theme][data-v=dark]) .wd-status.is-rejected{background: rgba(239,79,79,.14); color: #ff7b7b;}
:where(html[data-c~=theme][data-v=light]) .wd-status.is-rejected{background: rgba(168,15,15,.14); color: #b80000;}
:where(html[data-c~=theme]) .bw-form > *, :where(html[data-c~=theme]) .bw-field > *{min-width: 0;}
:where(html[data-c~=theme]) .bw-form .bw-check span{overflow-wrap: anywhere;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .bw-form, :where(html[data-c~=theme]) .bw-history{padding: 18px 16px;}
:where(html[data-c~=theme]) .wd-history-row{grid-template-columns: 10px minmax(0, 1fr) auto;}
:where(html[data-c~=theme]) .wd-history-row .bw-detail-btn{grid-column: 2 / -1; justify-self: start;}
:where(html[data-c~=theme]) .dd-sub{display: none;}
:where(html[data-c~=theme]) .dd-menu .dd-sub{display: inline;}
}
:where(html[data-c~=theme]) .bw-form .inline-message:empty, :where(html[data-c~=theme]) .gc-card .inline-message:empty{display: none;}
:where(html[data-c~=theme]) .bw-form .inline-message{margin: 0; font-size: 13px;}
:where(html[data-c~=theme]) .bw-detail-btn{font-size: 13px; white-space: nowrap;}
:where(html[data-c~=theme]) .wd-history-row .bw-detail-btn{min-height: 32px; padding: 0 12px;}
:where(html[data-c~=theme]) .duck-live-bar.duck-maroon-bar{min-height: 46px; padding: 6px 6px 6px 6px !important; gap: 12px !important; border-radius: 14px !important; background: var(--ft-surface) !important; border: 1px solid var(--ft-line) !important; margin: 0 !important;}
:where(html[data-c~=theme][data-v=dark]) .duck-maroon-bar .duck-maroon-badge{gap: 8px !important; min-height: 34px; padding: 0 12px !important; border-radius: 10px !important; background: rgba(47,207,113,.12) !important; color: #5be39a !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .04em !important;}
:where(html[data-c~=theme][data-v=light]) .duck-maroon-bar .duck-maroon-badge{gap: 8px !important; min-height: 34px; padding: 0 12px !important; border-radius: 10px !important; background: rgba(47,207,113,.12) !important; color: #1b9d57 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .04em !important;}
:where(html[data-c~=theme]) .tk-live{position: relative; width: 8px; height: 8px; border-radius: 50%; background: #2fcf71; flex: none;}
:where(html[data-c~=theme]) .tk-live::after{content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #2fcf71; opacity: 0; animation: tkLivePulse-d58627 1.8s ease-out infinite;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-track{gap: 0 !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-item{gap: 10px !important; padding: 0 18px; border-right: 1px solid var(--ft-line); font-size: 13px !important; color: var(--ft-text) !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-user{color: var(--ft-text) !important; font-weight: 800 !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-desc{color: var(--ft-muted) !important; font-weight: 500 !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-amount{color: var(--ft-accent-2) !important; font-weight: 800 !important; font-size: 13px !important;}
:where(html[data-c~=theme][data-v=dark]) .duck-maroon-bar .duck-ticker-approved{display: inline-flex; align-items: center; gap: 4px; color: #5be39a !important; font-size: 12px !important; font-weight: 800 !important;}
:where(html[data-c~=theme][data-v=light]) .duck-maroon-bar .duck-ticker-approved{display: inline-flex; align-items: center; gap: 4px; color: #1b9d57 !important; font-size: 12px !important; font-weight: 800 !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-approved::before{content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-time{padding: 2px 8px !important; border-radius: 999px !important; border: 0 !important; background: var(--ft-surface-2) !important; color: var(--ft-muted) !important; font-size: 11.5px !important; font-weight: 600 !important;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .duck-maroon-bar .duck-maroon-badge{padding: 0 10px !important; font-size: 11px !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-item{padding: 0 14px; font-size: 12.5px !important;}
}
:where(html[data-c~=theme]) .gc-layout{grid-template-columns: 1fr !important; max-width: 560px;}
:where(html[data-c~=theme]) .gc-card{padding: 22px;}
:where(html[data-c~=theme]) .gc-rules{padding: 20px 22px;}
:where(html[data-c~=theme]) .lg-wrap{display: grid; gap: 16px; max-width: 760px;}
:where(html[data-c~=theme]) .lg-card{padding: 22px 24px;}
:where(html[data-c~=theme]) .lg-card h3{margin: 0 0 10px; font-size: 17px;}
:where(html[data-c~=theme]) .lg-card p{margin: 0 0 10px; color: var(--ft-muted); font-size: 14px; line-height: 1.65;}
:where(html[data-c~=theme]) .lg-card ul{margin: 0; padding-left: 18px; display: grid; gap: 8px; color: var(--ft-muted); font-size: 14px; line-height: 1.6;}
:where(html[data-c~=theme]) .lg-card li::marker{color: var(--ft-accent);}
:where(html[data-c~=theme]) #legal .lg-wrap{max-width: none; margin-top: 16px;}
:where(html[data-c~=theme]) .lbt{display: grid; gap: 10px; padding: 14px; border-radius: 14px; border: 1px solid var(--ft-line); background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .lbt-head{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
:where(html[data-c~=theme]) .lbt-title{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--ft-text);}
:where(html[data-c~=theme][data-v=dark]) .lbt-title svg{color: #5be39a;}
:where(html[data-c~=theme][data-v=light]) .lbt-title svg{color: #1b9d57;}
:where(html[data-c~=theme]) .lbt-search{position: relative; color: var(--ft-muted);}
:where(html[data-c~=theme]) .lbt-search svg{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none;}
:where(html[data-c~=theme]) .lbt-search input{width: 100%; box-sizing: border-box; min-height: 40px; padding: 0 12px 0 36px; border-radius: 10px; border: 1px solid var(--ft-line); background: var(--ft-surface); color: var(--ft-text); font-size: 14px;}
:where(html[data-c~=theme]) .lbt-search input:focus{outline: 0; border-color: var(--ft-accent); box-shadow: 0 0 0 3px var(--ft-accent-soft);}
:where(html[data-c~=theme]) .lbt-list{list-style: none; margin: 0; padding: 0 2px 0 0; display: grid; gap: 8px; max-height: 300px; overflow-y: auto;}
:where(html[data-c~=theme]) .lbt-item{display: grid; gap: 8px; padding: 11px 12px; border-radius: 12px; border: 2px solid var(--ft-line); background: var(--ft-surface); cursor: pointer; transition: border-color .15s;}
:where(html[data-c~=theme]) .lbt-item:hover{border-color: var(--ft-line-2);}
:where(html[data-c~=theme]) .lbt-item:focus-visible{outline: 0; border-color: var(--ft-accent);}
:where(html[data-c~=theme]) .lbt-item.is-selected{border-color: #2fcf71;}
:where(html[data-c~=theme]) .lbt-item-head{display: flex; align-items: center; gap: 10px;}
:where(html[data-c~=theme]) .lbt-logo{width: 34px; height: 34px; border-radius: 9px;}
:where(html[data-c~=theme]) .lbt-item-title{flex: 1; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px;}
:where(html[data-c~=theme]) .lbt-item-title strong{font-size: 14px;}
:where(html[data-c~=theme]) .lbt-item-title small{color: var(--ft-muted); font-size: 12px;}
:where(html[data-c~=theme]) .lbt-code{padding: 1px 6px; border-radius: 5px; border: 1px solid var(--ft-line); color: var(--ft-muted); font-size: 11px; font-weight: 700;}
:where(html[data-c~=theme][data-v=dark]) .lbt-tag{padding: 1px 7px; border-radius: 999px; background: rgba(47,207,113,.14); color: #5be39a; font-size: 11px; font-weight: 800;}
:where(html[data-c~=theme][data-v=light]) .lbt-tag{padding: 1px 7px; border-radius: 999px; background: rgba(47,207,113,.14); color: #1b9d57; font-size: 11px; font-weight: 800;}
:where(html[data-c~=theme][data-v=dark]) .lbt-del{flex: none; min-height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(239,79,79,.3); background: rgba(239,79,79,.08); color: #ff7b7b; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme][data-v=light]) .lbt-del{flex: none; min-height: 28px; padding: 0 10px; border-radius: 8px; border: 1px solid rgba(168,15,15,.3); background: rgba(168,15,15,.08); color: #b80000; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: none;}
:where(html[data-c~=theme][data-v=dark]) .lbt-del.is-confirm{background: #ef4f4f; color: #ffffff; border-color: #ef4f4f;}
:where(html[data-c~=theme][data-v=light]) .lbt-del.is-confirm{background: #a80f0f; color: #000000; border-color: #a80f0f;}
:where(html[data-c~=theme]) .lbt-item-info{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 8px 10px; border-radius: 9px; background: var(--ft-surface-2);}
:where(html[data-c~=theme]) .lbt-item-info > div{display: grid; gap: 2px; min-width: 0;}
:where(html[data-c~=theme]) .lbt-item-info > div + div{padding-left: 8px; border-left: 1px solid var(--ft-line);}
:where(html[data-c~=theme]) .lbt-item-info small{color: var(--ft-muted); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;}
:where(html[data-c~=theme]) .lbt-item-info strong{font-size: 13px; overflow-wrap: anywhere;}
:where(html[data-c~=theme]) .lbt-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em;}
:where(html[data-c~=theme]) .lbt-empty{display: grid; gap: 2px; padding: 16px 10px; border-radius: 12px; border: 1.5px dashed var(--ft-line); color: var(--ft-muted); font-size: 13px; text-align: center; list-style: none;}
:where(html[data-c~=theme]) .lbt-empty strong{color: var(--ft-text); font-size: 13.5px;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .lbt-item-info{grid-template-columns: 1fr;}
:where(html[data-c~=theme]) .lbt-item-info > div + div{padding-left: 0; border-left: 0; padding-top: 6px; border-top: 1px solid var(--ft-line);}
}
:where(html[data-c~=theme]) .tk-heading-actions{display: flex; align-items: center; gap: 8px;}
:where(html[data-c~=theme]) .tk-actions{display: flex; gap: 8px;}
:where(html[data-c~=theme]) .tk-actions .tk-start{flex: 1;}
:where(html[data-c~=theme][data-v=dark]) .tk-start.is-doing{background: rgba(184,184,184,.14) !important; color: #b8b8b8 !important; border: 1px solid rgba(184,184,184,.35) !important;}
:where(html[data-c~=theme][data-v=light]) .tk-start.is-doing{background: rgba(68,68,68,.14) !important; color: #444444 !important; border: 1px solid rgba(68,68,68,.35) !important;}
:where(html[data-c~=theme]) .tk-reload{min-height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--ft-line-2); background: var(--ft-surface-2); color: var(--ft-text); font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: none; white-space: nowrap;}
:where(html[data-c~=theme]) .tk-reload:hover:not(:disabled){border-color: var(--ft-accent); color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .tk-reload:disabled{opacity: .6; cursor: wait;}
:where(html[data-c~=theme]) .tk-actions .tk-reload{min-height: 42px;}
:where(html[data-c~=theme][data-v=dark]) .tk-tag.is-doing{background: rgba(184,184,184,.14); color: #b8b8b8;}
:where(html[data-c~=theme][data-v=light]) .tk-tag.is-doing{background: rgba(68,68,68,.14); color: #444444;}
:where(html[data-c~=theme]) .tk-ncc-note{grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; color: var(--ft-muted); font-size: 13px;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-maroon-badge{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .tk-live{background: var(--ft-accent);}
:where(html[data-c~=theme]) .tk-live::after{border-color: var(--ft-accent);}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-approved{color: var(--ft-text) !important;}
:where(html[data-c~=theme]) .duck-maroon-bar .duck-ticker-approved::before{background: var(--ft-accent);}
:where(html[data-c~=theme]) .lbx-prize{background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .lbx-prize-chip strong{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .lbx-podium-card.is-rank-1 .lbx-value{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .lbt-title svg{color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .lbt-item.is-selected{border-color: var(--ft-accent);}
:where(html[data-c~=theme]) .lbt-tag{background: var(--ft-accent-soft); color: var(--ft-accent-2);}
:where(html[data-c~=theme]) .lbt-del{border-color: var(--ft-line-2); background: transparent; color: var(--ft-muted);}
:where(html[data-c~=theme]) .lbt-del:hover{color: var(--ft-text); border-color: var(--ft-accent);}
:where(html[data-c~=theme][data-v=dark]) .lbt-del.is-confirm{background: var(--ft-accent); border-color: var(--ft-accent); color: #121212;}
:where(html[data-c~=theme][data-v=light]) .lbt-del.is-confirm{background: var(--ft-accent); border-color: var(--ft-accent); color: #eeeeee;}
:where(html[data-c~=theme]) .wd-history-row{grid-template-columns: minmax(0, 1fr) auto auto;}
@media (max-width: 560px){
:where(html[data-c~=theme]) .wd-history-row{grid-template-columns: minmax(0, 1fr) auto;}
:where(html[data-c~=theme]) .wd-history-row .bw-detail-btn{grid-column: 1 / -1;}
}
:where(html[data-c~=theme]) .tk-tag.is-doing{background: var(--ft-surface-2); color: var(--ft-accent-2); border: 1px solid var(--ft-line-2);}
:where(html[data-c~=theme]) .tk-start.is-doing{background: var(--ft-surface-2) !important; color: var(--ft-accent-2) !important; border: 1px solid var(--ft-accent) !important;}
:where(html[data-c~=theme]) #ltn-checkin-panel .ltn-quest-progressbar-fill{background: var(--ft-accent);}
:where(html[data-c~=theme]) .ltn-panel-icon.is-check{border-color: transparent !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .ltn-checkin-card.is-done{background: var(--ft-accent-soft) !important; border-color: var(--ft-accent) !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .ltn-checkin-card.is-done *{color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme][data-v=dark]) .ltn-celebration-toast{border: 1px solid var(--ft-line-2) !important; background: var(--ft-surface) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(0,0,0,.5) !important;}
:where(html[data-c~=theme][data-v=light]) .ltn-celebration-toast{border: 1px solid var(--ft-line-2) !important; background: var(--ft-surface) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(255,255,255,.5) !important;}
:where(html[data-c~=theme]) .ltn-celebration-icon{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .ltn-celebration-body strong{color: var(--ft-text) !important;}
:where(html[data-c~=theme]) .ltn-celebration-body span{color: var(--ft-muted) !important;}
:where(html[data-c~=theme][data-v=dark]) .page-toast{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(0,0,0,.5) !important;}
:where(html[data-c~=theme][data-v=light]) .page-toast{background: var(--ft-surface) !important; border: 1px solid var(--ft-line-2) !important; color: var(--ft-text) !important; box-shadow: 0 18px 44px rgba(255,255,255,.5) !important;}
:where(html[data-c~=theme]) .ltn-rule-box:not(.is-booster-rule){border-color: var(--ft-line) !important; background: var(--ft-surface) !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .ltn-rule-box:not(.is-booster-rule) .ltn-rule-num, :where(html[data-c~=theme]) .ltn-rule-box:not(.is-booster-rule) .ltn-rule-num.is-pink{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important;}
:where(html[data-c~=theme]) .ltn-rule-box:not(.is-booster-rule) .ltn-rule-list li::before{color: var(--ft-accent) !important; background: none !important;}
:where(html[data-c~=theme]) .ltn-rule-box:not(.is-booster-rule) .ltn-rule-box-foot b, :where(html[data-c~=theme]) .ltn-rule-box:not(.is-booster-rule) .ltn-rule-box-foot b.is-pink-badge{background: var(--ft-surface-2) !important; color: var(--ft-text) !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=theme]) .ltn-rule-mini-icon, :where(html[data-c~=theme]) .ltn-rule-mini-icon.is-green, :where(html[data-c~=theme]) .ltn-rule-mini-icon.is-amber, :where(html[data-c~=theme]) .ltn-rule-mini-icon.is-red{background: var(--ft-accent-soft) !important;}
:where(html[data-c~=theme]) .ltn-rule-pill, :where(html[data-c~=theme]) .ltn-rule-pill.is-green, :where(html[data-c~=theme]) .ltn-rule-pill.is-gold{background: var(--ft-surface-2) !important; color: var(--ft-muted) !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=theme]) .ltn-sub-pill, :where(html[data-c~=theme]) .ltn-sub-pill.is-hot{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important; box-shadow: none !important; animation: none !important;}
:where(html[data-c~=theme]) .ltn-promo-badge{background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important; border-color: transparent !important;}
:where(html[data-c~=theme]) #referrals .ltn-ref-stat-card strong.is-green-money, :where(html[data-c~=theme]) .ltn-ref-stat-card strong.is-green-money{color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .money-positive{color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .stat-card-balance, :where(html[data-c~=theme]) .stat-card-balance strong{color: inherit !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=theme]) .ltn-inline-drop-banner{background: var(--ft-surface) !important; border-color: var(--ft-line) !important;}
:where(html[data-c~=theme]) .sidebar-logout{border-color: var(--ft-line-2) !important; background: transparent !important; color: var(--ft-muted) !important; box-shadow: none !important;}
:where(html[data-c~=theme]) .sidebar-logout:hover{color: var(--ft-accent-2) !important; border-color: var(--ft-accent) !important;}
:where(html[data-c~=theme]) .card-reveal-card{border-color: var(--ft-line-2) !important;}
:where(html[data-c~=theme]) .chart-tooltip span{color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .glass-badge{border-color: var(--ft-line) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) .feature-icon-green{border-color: transparent !important; background: var(--ft-accent-soft) !important; color: var(--ft-accent-2) !important;}
:where(html[data-c~=theme]) #stat-clicks{color: var(--ft-text) !important;}
:where(html[data-c~=theme]) .mobile-logout{display: none;}
@media (max-width: 860px){
:where(html[data-c~=theme]) .mobile-logout{display: grid; place-items: center; width: 40px; height: 40px; flex: none; border: 1px solid var(--ft-line-2); border-radius: 12px; background: var(--ft-surface); color: var(--ft-muted); cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent;}
:where(html[data-c~=theme]) .mobile-logout:active, :where(html[data-c~=theme]) .mobile-logout:hover{color: var(--ft-accent-2); border-color: var(--ft-accent);}
:where(html[data-c~=theme]) .mobile-logout:disabled{opacity: .6;}
:where(html[data-c~=theme]) .mobile-brand{overflow: hidden;}
:where(html[data-c~=theme]) .mobile-brand > span:last-child{overflow: hidden; text-overflow: ellipsis;}
}
@media (max-width: 380px){
:where(html[data-c~=theme]) .mobile-topbar{gap: 8px; padding-left: 10px; padding-right: 10px;}
:where(html[data-c~=theme]) .mobile-brand{font-size: 15px;}
:where(html[data-c~=theme]) .mobile-balance{padding: 4px 10px;}
}
:root:where([data-c~=theme][data-v=dark]){--green: #b7b7b7;}
:root:where([data-c~=theme][data-v=light]){--green: #454545;}
:where(html[data-c~=theme]) .sidebar-logout-text{display: none;}
@media (max-width: 860px){
:where(html[data-c~=theme]) .sidebar nav{padding-right: 0 !important;}
:where(html[data-c~=theme]) .sidebar-bottom{position: static !important; display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: auto !important; padding: 14px 4px 2px !important; border-top: 1px solid var(--ft-line) !important;}
:where(html[data-c~=theme]) .sidebar-user{display: flex !important; padding: 0 !important;}
:where(html[data-c~=theme]) .sidebar-user strong{font-size: 14px !important;}
:where(html[data-c~=theme]) .sidebar-user small{font-size: 11px !important;}
:where(html[data-c~=theme]) .sidebar-logout{display: flex !important; width: 100% !important; height: 44px !important; margin: 0 !important; gap: 8px; justify-content: center !important; align-items: center; border-radius: 12px !important; font-size: 14px !important; font-weight: 600;}
:where(html[data-c~=theme]) .sidebar-logout svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html[data-c~=theme]) .sidebar-logout-text{display: inline;}
}
@media (max-width: 860px){
:where(html[data-c~=theme]) .sidebar-bottom{grid-template-columns: minmax(0, 1fr) auto !important; align-items: center; gap: 8px; padding-bottom: 6px !important;}
:where(html[data-c~=theme]) .sidebar-user small{display: none !important;}
:where(html[data-c~=theme]) .sidebar-logout{width: auto !important; min-width: 44px; padding: 0 14px !important;}
:where(html[data-c~=theme]) .nav-link{min-height: 40px !important;}
:where(html[data-c~=theme]) .nav-sub-link{min-height: 36px !important;}
}
:where(html[data-c~=theme]) #task-list.task-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; align-items: stretch;}
:where(html[data-c~=theme]) #task-list.task-grid .tk-card{min-width: 0;}
@media (min-width: 640px){
:where(html[data-c~=theme]) #task-list.task-grid{gap: 14px;}
}
:where(html[data-c~=theme]) #task-list .tk-sentinel{grid-column: 1 / -1; height: 1px;}
:where(html[data-c~=theme]) #task-list-regular.task-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; align-items: stretch;}

/* ===== fx-landing ===== */
:where(html[data-c~=fxl]) body{background: var(--background) !important;}
:where(html[data-c~=fxl][data-v=dark]) .topbar{background: rgba(15,15,15,.88) !important; backdrop-filter: blur(18px) !important;}
:where(html[data-c~=fxl][data-v=light]) .topbar{background: rgba(241,241,241,.88) !important; backdrop-filter: blur(18px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .brand-mark, :where(html[data-c~=fxl][data-v=dark]) .auth-brand-mark{background: linear-gradient(145deg, #c8c8c8, #8a8a8a) !important; box-shadow: 0 0 17px #a3a3a34a !important;}
:where(html[data-c~=fxl][data-v=light]) .brand-mark, :where(html[data-c~=fxl][data-v=light]) .auth-brand-mark{background: linear-gradient(145deg, #353535, #717171) !important; box-shadow: 0 0 17px #5959594a !important;}
:where(html[data-c~=fxl]) .top-nav a::after{background: var(--orange) !important;}
:where(html[data-c~=fxl][data-v=dark]) .login-button, :where(html[data-c~=fxl][data-v=dark]) .logout-button{background: linear-gradient(115deg, #c6c6c6, #a3a3a3) !important; box-shadow: 0 0 17px #a4a4a422 !important;}
:where(html[data-c~=fxl][data-v=light]) .login-button, :where(html[data-c~=fxl][data-v=light]) .logout-button{background: linear-gradient(115deg, #363636, #585858) !important; box-shadow: 0 0 17px #57575722 !important;}
:where(html[data-c~=fxl][data-v=dark]) .login-button:hover, :where(html[data-c~=fxl][data-v=dark]) .logout-button:hover{box-shadow: 0 0 22px #a4a4a455 !important;}
:where(html[data-c~=fxl][data-v=light]) .login-button:hover, :where(html[data-c~=fxl][data-v=light]) .logout-button:hover{box-shadow: 0 0 22px #57575755 !important;}
:where(html[data-c~=fxl]) .logout-button{background: var(--surface-raised) !important; box-shadow: none !important;}
:where(html[data-c~=fxl]) .ambient-orb{filter: blur(100px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .orb-one{background: #959595 !important; animation: orb-drift-dc663d 14s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxl][data-v=light]) .orb-one{background: #666666 !important; animation: orb-drift-dc663d 14s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxl][data-v=dark]) .orb-two{background: #bababa !important; animation: orb-drift-dc663d 17s ease-in-out -5s infinite alternate-reverse !important;}
:where(html[data-c~=fxl][data-v=light]) .orb-two{background: #424242 !important; animation: orb-drift-dc663d 17s ease-in-out -5s infinite alternate-reverse !important;}
:where(html[data-c~=fxl][data-v=dark]) .floating-spark{text-shadow: 0 0 12px #9c9c9caa !important; animation: float-spark-f65f17 6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .floating-spark{text-shadow: 0 0 12px #5f5f5faa !important; animation: float-spark-f65f17 6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .status-pill{background: #95959511 !important; box-shadow: inset 0 0 12px #a1a1a110 !important;}
:where(html[data-c~=fxl][data-v=light]) .status-pill{background: #66666611 !important; box-shadow: inset 0 0 12px #5a5a5a10 !important;}
:where(html[data-c~=fxl][data-v=dark]) .status-pill span, :where(html[data-c~=fxl][data-v=dark]) .glass-top i, :where(html[data-c~=fxl][data-v=dark]) .public-pill span, :where(html[data-c~=fxl][data-v=dark]) .proof-stage-top i{background: var(--green) !important; box-shadow: 0 0 10px #c0c0c0a8 !important;}
:where(html[data-c~=fxl][data-v=light]) .status-pill span, :where(html[data-c~=fxl][data-v=light]) .glass-top i, :where(html[data-c~=fxl][data-v=light]) .public-pill span, :where(html[data-c~=fxl][data-v=light]) .proof-stage-top i{background: var(--green) !important; box-shadow: 0 0 10px #3c3c3ca8 !important;}
:where(html[data-c~=fxl][data-v=dark]) .hero h1 span{text-shadow: 0 0 26px #a5a5a530 !important;}
:where(html[data-c~=fxl][data-v=light]) .hero h1 span{text-shadow: 0 0 26px #56565630 !important;}
:where(html[data-c~=fxl][data-v=dark]) .primary-link, :where(html[data-c~=fxl][data-v=dark]) .secondary-link{background: linear-gradient(105deg, #c4c4c4, #a1a1a1) !important; box-shadow: 0 5px 20px #8e8e8e24 !important;}
:where(html[data-c~=fxl][data-v=light]) .primary-link, :where(html[data-c~=fxl][data-v=light]) .secondary-link{background: linear-gradient(105deg, #383838, #5a5a5a) !important; box-shadow: 0 5px 20px #6d6d6d24 !important;}
:where(html[data-c~=fxl][data-v=dark]) .primary-link:hover, :where(html[data-c~=fxl][data-v=dark]) .secondary-link:hover{box-shadow: 0 8px 22px #8e8e8e45 !important;}
:where(html[data-c~=fxl][data-v=light]) .primary-link:hover, :where(html[data-c~=fxl][data-v=light]) .secondary-link:hover{box-shadow: 0 8px 22px #6d6d6d45 !important;}
:where(html[data-c~=fxl][data-v=dark]) .secondary-link{background: #1c1c1c !important; box-shadow: none !important;}
:where(html[data-c~=fxl][data-v=light]) .secondary-link{background: #e3e3e3 !important; box-shadow: none !important;}
:where(html[data-c~=fxl][data-v=dark]) .note-check{background: #a9a9a922 !important;}
:where(html[data-c~=fxl][data-v=light]) .note-check{background: #52525222 !important;}
:where(html[data-c~=fxl]) .orbit-outer{animation: orbit-turn-0d8d4f 34s linear infinite !important;}
:where(html[data-c~=fxl]) .orbit-inner{animation: orbit-turn-0d8d4f 46s linear infinite reverse !important;}
:where(html[data-c~=fxl][data-v=dark]) .orbit::after{background: #bababa !important; box-shadow: 0 0 14px #a4a4a4 !important;}
:where(html[data-c~=fxl][data-v=light]) .orbit::after{background: #424242 !important; box-shadow: 0 0 14px #575757 !important;}
:where(html[data-c~=fxl][data-v=dark]) .hero-glass{background: linear-gradient(145deg, #1d1d1deb, #151515ed) !important; box-shadow: 0 20px 70px #00000088, 0 0 35px #a5a5a523, inset 0 1px #ffffff11 !important; backdrop-filter: blur(20px) !important; animation: glass-hover-d14229 6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .hero-glass{background: linear-gradient(145deg, #e1e1e1eb, #eaeaeaed) !important; box-shadow: 0 20px 70px #ffffff88, 0 0 35px #56565623, inset 0 1px #00000011 !important; backdrop-filter: blur(20px) !important; animation: glass-hover-d14229 6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .sparkline span{background: linear-gradient(#d2d2d2, #949494) !important; box-shadow: 0 0 11px #a3a3a338 !important; animation: bar-breathe-699f6d 2.5s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxl][data-v=light]) .sparkline span{background: linear-gradient(#2a2a2a, #666666) !important; box-shadow: 0 0 11px #59595938 !important; animation: bar-breathe-699f6d 2.5s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxl][data-v=dark]) .float-chip{background: #191919ed !important; box-shadow: 0 10px 24px #00000055 !important; animation: chip-float-7bc585 5s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .float-chip{background: #e6e6e6ed !important; box-shadow: 0 10px 24px #ffffff55 !important; animation: chip-float-7bc585 5s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-card, :where(html[data-c~=fxl][data-v=dark]) .panel-surface, :where(html[data-c~=fxl][data-v=dark]) .step-card{background: linear-gradient(150deg, #181818, #121212) !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-card, :where(html[data-c~=fxl][data-v=light]) .panel-surface, :where(html[data-c~=fxl][data-v=light]) .step-card{background: linear-gradient(150deg, #e7e7e7, #ededed) !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-card::after{background: #9b9b9b10 !important; filter: blur(22px) !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-card::after{background: #60606010 !important; filter: blur(22px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-card:hover{box-shadow: 0 14px 30px #00000044, 0 0 20px #a3a3a311 !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-card:hover{box-shadow: 0 14px 30px #ffffff44, 0 0 20px #59595911 !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-icon, :where(html[data-c~=fxl][data-v=dark]) .form-heading > span, :where(html[data-c~=fxl][data-v=dark]) .upload-icon{background: #9c9c9c1a !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-icon, :where(html[data-c~=fxl][data-v=light]) .form-heading > span, :where(html[data-c~=fxl][data-v=light]) .upload-icon{background: #5f5f5f1a !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-icon-green{background: #bbbbbb12 !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-icon-green{background: #40404012 !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-icon-light{background: #e5e5e51a !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-icon-light{background: #1818181a !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-wide{background: radial-gradient(ellipse at 88% 104%, #52525234, transparent 48%), linear-gradient(145deg, #1a1a1a, #131313) !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-wide{background: radial-gradient(ellipse at 88% 104%, #a9a9a934, transparent 48%), linear-gradient(145deg, #e5e5e5, #ededed) !important;}
:where(html[data-c~=fxl][data-v=dark]) .link-decoration{background: #101010b8 !important; box-shadow: 0 0 16px #9f9f9f14 !important;}
:where(html[data-c~=fxl][data-v=light]) .link-decoration{background: #f0f0f0b8 !important; box-shadow: 0 0 16px #5c5c5c14 !important;}
:where(html[data-c~=fxl][data-v=dark]) .feature-accent{background: linear-gradient(150deg, #1d1d1d, #151515) !important;}
:where(html[data-c~=fxl][data-v=light]) .feature-accent{background: linear-gradient(150deg, #e2e2e2, #eaeaea) !important;}
:where(html[data-c~=fxl][data-v=dark]) .stat-strip{background: #141414 !important;}
:where(html[data-c~=fxl][data-v=light]) .stat-strip{background: #ececec !important;}
:where(html[data-c~=fxl][data-v=dark]) .signin-prompt{background: linear-gradient(100deg, #1b1b1b3d, #1717173d) !important;}
:where(html[data-c~=fxl][data-v=light]) .signin-prompt{background: linear-gradient(100deg, #e3e3e33d, #e8e8e83d) !important;}
:where(html[data-c~=fxl]) .text-button{background: transparent !important;}
:where(html[data-c~=fxl][data-v=dark]) .text-button:hover{background: #b4b4b419 !important;}
:where(html[data-c~=fxl][data-v=light]) .text-button:hover{background: #48484819 !important;}
:where(html[data-c~=fxl][data-v=dark]) .panel-surface{box-shadow: 0 9px 27px #00000022 !important;}
:where(html[data-c~=fxl][data-v=light]) .panel-surface{box-shadow: 0 9px 27px #ffffff22 !important;}
:where(html[data-c~=fxl][data-v=dark]) .link-form input:not([type=checkbox]), :where(html[data-c~=fxl][data-v=dark]) .proof-upload input:not([type=file]):not([type=checkbox]), :where(html[data-c~=fxl][data-v=dark]) .auth-form input{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .link-form input:not([type=checkbox]), :where(html[data-c~=fxl][data-v=light]) .proof-upload input:not([type=file]):not([type=checkbox]), :where(html[data-c~=fxl][data-v=light]) .auth-form input{background: #eeeeee !important;}
:where(html[data-c~=fxl][data-v=dark]) .link-form input:focus, :where(html[data-c~=fxl][data-v=dark]) .proof-upload input:focus, :where(html[data-c~=fxl][data-v=dark]) .auth-form input:focus{box-shadow: 0 0 0 3px #a5a5a520 !important;}
:where(html[data-c~=fxl][data-v=light]) .link-form input:focus, :where(html[data-c~=fxl][data-v=light]) .proof-upload input:focus, :where(html[data-c~=fxl][data-v=light]) .auth-form input:focus{box-shadow: 0 0 0 3px #57575720 !important;}
:where(html[data-c~=fxl][data-v=dark]) .orange-button{background: linear-gradient(110deg, #c8c8c8, #a2a2a2) !important; box-shadow: 0 5px 18px #94949420 !important;}
:where(html[data-c~=fxl][data-v=light]) .orange-button{background: linear-gradient(110deg, #353535, #595959) !important; box-shadow: 0 5px 18px #67676720 !important;}
:where(html[data-c~=fxl][data-v=dark]) .orange-button:hover:not(:disabled){box-shadow: 0 7px 20px #94949447 !important;}
:where(html[data-c~=fxl][data-v=light]) .orange-button:hover:not(:disabled){box-shadow: 0 7px 20px #67676747 !important;}
:where(html[data-c~=fxl][data-v=dark]) .refresh-button{background: #131313 !important;}
:where(html[data-c~=fxl][data-v=light]) .refresh-button{background: #ededed !important;}
:where(html[data-c~=fxl]) .is-refreshing{animation: spin-89df69 .65s linear infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .link-empty > span{background: #a2a2a212 !important;}
:where(html[data-c~=fxl][data-v=light]) .link-empty > span{background: #5a5a5a12 !important;}
:where(html[data-c~=fxl][data-v=dark]) .link-row{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .link-row{background: #ededed !important;}
:where(html[data-c~=fxl][data-v=dark]) .copy-link-button{background: #191919 !important;}
:where(html[data-c~=fxl][data-v=light]) .copy-link-button{background: #e6e6e6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .public-pill{background: #a5a5a510 !important;}
:where(html[data-c~=fxl][data-v=light]) .public-pill{background: #56565610 !important;}
:where(html[data-c~=fxl][data-v=dark]) .public-pill span{background: #b2b2b2 !important; box-shadow: 0 0 8px #a5a5a5 !important;}
:where(html[data-c~=fxl][data-v=light]) .public-pill span{background: #4a4a4a !important; box-shadow: 0 0 8px #565656 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-stage-shell{background: radial-gradient(ellipse at 48% 48%, #222222 0%, #171717 40%, #131313 75%) !important; box-shadow: 0 14px 36px #00000033, 0 0 28px #9f9f9f0d, inset 0 0 40px #00000033 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-stage-shell{background: radial-gradient(ellipse at 48% 48%, #dcdcdc 0%, #e8e8e8 40%, #ededed 75%) !important; box-shadow: 0 14px 36px #ffffff33, 0 0 28px #5c5c5c0d, inset 0 0 40px #ffffff33 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-stage-glow{background: #84848418 !important; filter: blur(74px) !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-stage-glow{background: #77777718 !important; filter: blur(74px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-stage-top i{background: #b2b2b2 !important; box-shadow: 0 0 9px #a6a6a6 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-stage-top i{background: #4a4a4a !important; box-shadow: 0 0 9px #565656 !important;}
:where(html[data-c~=fxl]) .proof-figure{animation: proof-arrive-8cebfb .35s ease-out both !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-figure img{filter: drop-shadow(0 14px 25px #00000088) !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-figure img{filter: drop-shadow(0 14px 25px #ffffff88) !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-delete{background: #232323 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-delete{background: #dbdbdb !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-arrow{background: #212121 !important; box-shadow: 0 4px 15px #00000033 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-arrow{background: #dddddd !important; box-shadow: 0 4px 15px #ffffff33 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-arrow:hover:not(:disabled){background: #303030 !important; box-shadow: 0 0 15px #a3a3a34a !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-arrow:hover:not(:disabled){background: #cdcdcd !important; box-shadow: 0 0 15px #5858584a !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-empty > span{background: #a4a4a413 !important; box-shadow: 0 0 24px #a6a6a61c !important; animation: empty-glow-39781a 3s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-empty > span{background: #58585813 !important; box-shadow: 0 0 24px #5656561c !important; animation: empty-glow-4d13cb 3s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-dot{background: #5f5f5f !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-dot{background: #9c9c9c !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-dot.is-active{background: #b5b5b5 !important; box-shadow: 0 0 10px #a0a0a0aa !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-dot.is-active{background: #474747 !important; box-shadow: 0 0 10px #5b5b5baa !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-upload{background: linear-gradient(120deg, #181818, #141414) !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-upload{background: linear-gradient(120deg, #e7e7e7, #ebebeb) !important;}
:where(html[data-c~=fxl][data-v=dark]) .file-picker:hover{background: #b8b8b80b !important;}
:where(html[data-c~=fxl][data-v=light]) .file-picker:hover{background: #4444440b !important;}
:where(html[data-c~=fxl]) .inline-auth-button{background: transparent !important;}
:where(html[data-c~=fxl][data-v=dark]) .site-footer{background: #0d0d0d !important;}
:where(html[data-c~=fxl][data-v=light]) .site-footer{background: #f3f3f3 !important;}
:where(html[data-c~=fxl][data-v=dark]) .auth-dialog{background: #151515 !important; box-shadow: 0 24px 85px #000000bb, 0 0 32px #a2a2a223 !important;}
:where(html[data-c~=fxl][data-v=light]) .auth-dialog{background: #eaeaea !important; box-shadow: 0 24px 85px #ffffffbb, 0 0 32px #59595923 !important;}
:where(html[data-c~=fxl][data-v=dark]) .auth-dialog::backdrop{background: rgba(6,6,6,.76) !important; backdrop-filter: blur(5px) !important;}
:where(html[data-c~=fxl][data-v=light]) .auth-dialog::backdrop{background: rgba(252,252,252,.76) !important; backdrop-filter: blur(5px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .dialog-close{background: #ffffff08 !important;}
:where(html[data-c~=fxl][data-v=light]) .dialog-close{background: #00000008 !important;}
:where(html[data-c~=fxl][data-v=dark]) .auth-tabs{background: #0f0f0f !important;}
:where(html[data-c~=fxl][data-v=light]) .auth-tabs{background: #f1f1f1 !important;}
:where(html[data-c~=fxl]) .auth-tab{background: transparent !important;}
:where(html[data-c~=fxl][data-v=dark]) .auth-tab.is-active{background: linear-gradient(110deg, #bebebe, #a3a3a3) !important;}
:where(html[data-c~=fxl][data-v=light]) .auth-tab.is-active{background: linear-gradient(110deg, #3e3e3e, #585858) !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-body{background: radial-gradient(ellipse at 50% 28%, #1c1c1c 0%, #0f0f0f 74%) !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-body{background: radial-gradient(ellipse at 50% 28%, #e2e2e2 0%, #f1f1f1 74%) !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-card{background: linear-gradient(150deg, #191919, #131313) !important; box-shadow: 0 17px 48px #00000077, 0 0 27px #a2a2a21b !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-card{background: linear-gradient(150deg, #e6e6e6, #ededed) !important; box-shadow: 0 17px 48px #ffffff77, 0 0 27px #5959591b !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-badge{background: #65bd8015 !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-badge{background: #37814e15 !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-badge .status-dot{background: #bababa !important; box-shadow: 0 0 9px #bababa !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-badge .status-dot{background: #424242 !important; box-shadow: 0 0 9px #424242 !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-icon{background: #afafaf18 !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-icon{background: #4c4c4c18 !important;}
:where(html[data-c~=fxl][data-v=dark]) .destination-icon{background: #b1b1b116 !important;}
:where(html[data-c~=fxl][data-v=light]) .destination-icon{background: #4a4a4a16 !important;}
:where(html[data-c~=fxl][data-v=dark]) .ad-slot{background: #111111 !important;}
:where(html[data-c~=fxl][data-v=light]) .ad-slot{background: #efefef !important;}
:where(html[data-c~=fxl][data-v=dark]) .ad-placeholder{background: #181818 !important;}
:where(html[data-c~=fxl][data-v=light]) .ad-placeholder{background: #e6e6e6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .faq-item{background: linear-gradient(150deg, #171717, #111111) !important;}
:where(html[data-c~=fxl][data-v=light]) .faq-item{background: linear-gradient(150deg, #e8e8e8, #efefef) !important;}
:where(html[data-c~=fxl][data-v=dark]) .faq-item[open]{box-shadow: 0 0 22px #a5a5a512 !important;}
:where(html[data-c~=fxl][data-v=light]) .faq-item[open]{box-shadow: 0 0 22px #56565612 !important;}
:where(html[data-c~=fxl][data-v=dark]) .cta-card{background: radial-gradient(ellipse at 88% 0%, #a5a5a526, transparent 46%), linear-gradient(120deg, #1f1f1f, #151515 62%, #1a1a1a) !important; box-shadow: 0 18px 46px #00000044, inset 0 0 40px #9797970f !important;}
:where(html[data-c~=fxl][data-v=light]) .cta-card{background: radial-gradient(ellipse at 88% 0%, #56565626, transparent 46%), linear-gradient(120deg, #dfdfdf, #eaeaea 62%, #e5e5e5) !important; box-shadow: 0 18px 46px #ffffff44, inset 0 0 40px #6464640f !important;}
:where(html[data-c~=fxl][data-v=dark]) .social-row a{background: #161616 !important;}
:where(html[data-c~=fxl][data-v=light]) .social-row a{background: #e9e9e9 !important;}
:where(html[data-c~=fxl][data-v=dark]) .discord-login-button{background: linear-gradient(135deg, #5865f2, #4752c4) !important; box-shadow: 0 10px 24px #5865f23d !important;}
:where(html[data-c~=fxl][data-v=light]) .discord-login-button{background: linear-gradient(135deg, #0d1baa, #2d358b) !important; box-shadow: 0 10px 24px #0d1baa3d !important;}
:where(html[data-c~=fxl]) .discord-login-button:hover{filter: brightness(1.07) !important;}
:where(html[data-c~=fxl][data-v=dark]) .member-avatar{background: #393939 !important;}
:where(html[data-c~=fxl][data-v=light]) .member-avatar{background: #c4c4c4 !important;}
:where(html[data-c~=fxl][data-v=dark]) ::-webkit-scrollbar-track{background: #0f0f0f !important;}
:where(html[data-c~=fxl][data-v=light]) ::-webkit-scrollbar-track{background: #f1f1f1 !important;}
:where(html[data-c~=fxl][data-v=dark]) ::-webkit-scrollbar-thumb{background: linear-gradient(180deg, #5d5d5d, #8f8f8f) !important;}
:where(html[data-c~=fxl][data-v=light]) ::-webkit-scrollbar-thumb{background: linear-gradient(180deg, #9e9e9e, #6b6b6b) !important;}
:where(html[data-c~=fxl][data-v=dark]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg, #8f8f8f, #adadad) !important;}
:where(html[data-c~=fxl][data-v=light]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg, #6b6b6b, #4f4f4f) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-open, :where(html[data-c~=fxl][data-v=dark]) .password-open{background: #1a1a1a !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-open, :where(html[data-c~=fxl][data-v=light]) .password-open{background: #e5e5e5 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-open:hover, :where(html[data-c~=fxl][data-v=dark]) .password-open:hover{box-shadow: 0 0 13px #a3a3a326 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-open:hover, :where(html[data-c~=fxl][data-v=light]) .password-open:hover{box-shadow: 0 0 13px #58585826 !important;}
:where(html[data-c~=fxl][data-v=dark]) .platform-warning{background: #1d1d1d !important;}
:where(html[data-c~=fxl][data-v=light]) .platform-warning{background: #e1e1e1 !important;}
:where(html[data-c~=fxl][data-v=dark]) .task-card, :where(html[data-c~=fxl][data-v=dark]) .member-empty, :where(html[data-c~=fxl][data-v=dark]) .money-row{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .task-card, :where(html[data-c~=fxl][data-v=light]) .member-empty, :where(html[data-c~=fxl][data-v=light]) .money-row{background: #eeeeee !important;}
:where(html[data-c~=fxl][data-v=dark]) .task-card.is-pinned{background: linear-gradient(120deg, #2e2e2e, #151515 75%) !important; box-shadow: inset 0 0 20px #c9c9c917, 0 0 16px #c2c2c224 !important;}
:where(html[data-c~=fxl][data-v=light]) .task-card.is-pinned{background: linear-gradient(120deg, #cfcfcf, #eaeaea 75%) !important; box-shadow: inset 0 0 20px #33333317, 0 0 16px #3a3a3a24 !important;}
:where(html[data-c~=fxl][data-v=dark]) .task-join{background: #353535 !important;}
:where(html[data-c~=fxl][data-v=light]) .task-join{background: #c8c8c8 !important;}
:where(html[data-c~=fxl][data-v=dark]) .task-join:hover{box-shadow: 0 0 12px #a5a5a535 !important;}
:where(html[data-c~=fxl][data-v=light]) .task-join:hover{box-shadow: 0 0 12px #56565635 !important;}
:where(html[data-c~=fxl][data-v=dark]) .wallet-summary > div{background: #171717 !important;}
:where(html[data-c~=fxl][data-v=light]) .wallet-summary > div{background: #e9e9e9 !important;}
:where(html[data-c~=fxl][data-v=dark]) .withdrawal-form{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .withdrawal-form{background: #ededed !important;}
:where(html[data-c~=fxl][data-v=dark]) .withdrawal-form input, :where(html[data-c~=fxl][data-v=dark]) .withdrawal-form select{background: #0e0e0e !important;}
:where(html[data-c~=fxl][data-v=light]) .withdrawal-form input, :where(html[data-c~=fxl][data-v=light]) .withdrawal-form select{background: #f2f2f2 !important;}
:where(html[data-c~=fxl][data-v=dark]) .money-row button{background: #242424 !important;}
:where(html[data-c~=fxl][data-v=light]) .money-row button{background: #dadada !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-dialog{background: #121212 !important; box-shadow: 0 20px 90px #000000bb, 0 0 28px #bbbbbb24 !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-dialog{background: #eeeeee !important; box-shadow: 0 20px 90px #ffffffbb, 0 0 28px #41414124 !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-dialog::backdrop{background: #040404c9 !important; backdrop-filter: blur(5px) !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-dialog::backdrop{background: #ffffffc9 !important; backdrop-filter: blur(5px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-icon{background: #2c2c2c !important; box-shadow: 0 0 13px #c6c6c635 !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-icon{background: #d2d2d2 !important; box-shadow: 0 0 13px #36363635 !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-copy{background: #1a1a1a !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-copy{background: #e4e4e4 !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-actions button, :where(html[data-c~=fxl][data-v=dark]) .notice-join{background: #1e1e1e !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-actions button, :where(html[data-c~=fxl][data-v=light]) .notice-join{background: #e0e0e0 !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-join{background: #383838 !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-join{background: #c4c4c4 !important;}
:where(html[data-c~=fxl][data-v=dark]) .notice-actions .notice-ack{background: #d5d5d5 !important;}
:where(html[data-c~=fxl][data-v=light]) .notice-actions .notice-ack{background: #282828 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-page{background: radial-gradient(ellipse at 70% -10%, #35353544, transparent 34%), #0f0f0f !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-page{background: radial-gradient(ellipse at 70% -10%, #c7c7c744, transparent 34%), #f2f2f2 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-topbar{background: #111111ed !important; backdrop-filter: blur(16px) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-topbar{background: #efefefed !important; backdrop-filter: blur(16px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-top-actions a, :where(html[data-c~=fxl][data-v=dark]) .admin-top-actions button{background: #191919 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-top-actions a, :where(html[data-c~=fxl][data-v=light]) .admin-top-actions button{background: #e6e6e6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-page-loader::after{background: linear-gradient(90deg, #a6a6a6, #d1d1d1, #858585) !important; box-shadow: 0 0 12px #a6a6a6a0 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-page-loader::after{background: linear-gradient(90deg, #555555, #2b2b2b, #767676) !important; box-shadow: 0 0 12px #555555a0 !important;}
:where(html[data-c~=fxl]) .admin-page-loader.is-loading::after{animation: admin-page-progress-6de903 1.1s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-api-status{background: #161616 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-api-status{background: #e9e9e9 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-anchor-nav{background: #0f0f0ff2 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-anchor-nav{background: #f2f2f2f2 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-anchor-nav a.is-active{background: #292929 !important; box-shadow: inset 0 -2px #a6a6a6 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-anchor-nav a.is-active{background: #d4d4d4 !important; box-shadow: inset 0 -2px #555555 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-section{background: linear-gradient(145deg, #181818, #121212) !important; box-shadow: 0 9px 28px #00000033 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-section{background: linear-gradient(145deg, #e7e7e7, #eeeeee) !important; box-shadow: 0 9px 28px #ffffff33 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-summary-card{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-summary-card{background: #ededed !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-field input, :where(html[data-c~=fxl][data-v=dark]) .admin-field textarea, :where(html[data-c~=fxl][data-v=dark]) .admin-field select{background: #0d0d0d !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-field input, :where(html[data-c~=fxl][data-v=light]) .admin-field textarea, :where(html[data-c~=fxl][data-v=light]) .admin-field select{background: #f3f3f3 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-submit, :where(html[data-c~=fxl][data-v=dark]) .admin-action{background: #313131 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-submit, :where(html[data-c~=fxl][data-v=light]) .admin-action{background: #cccccc !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-action:hover, :where(html[data-c~=fxl][data-v=dark]) .admin-submit:hover{box-shadow: 0 0 12px #a5a5a52b !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-action:hover, :where(html[data-c~=fxl][data-v=light]) .admin-submit:hover{box-shadow: 0 0 12px #5656562b !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-action.danger{background: #1f1f1f !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-action.danger{background: #dfdfdf !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-action.muted{background: #1e1e1e !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-action.muted{background: #e0e0e0 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-dialog{background: #131313 !important; box-shadow: 0 24px 90px #000000bb, 0 0 34px #95959526 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-dialog{background: #ececec !important; box-shadow: 0 24px 90px #ffffffbb, 0 0 34px #66666626 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-dialog::backdrop{background: #060606bb !important; backdrop-filter: blur(4px) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-dialog::backdrop{background: #fcfcfcbb !important; backdrop-filter: blur(4px) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-dialog-field input, :where(html[data-c~=fxl][data-v=dark]) .admin-dialog-field textarea{background: #0c0c0c !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-dialog-field input, :where(html[data-c~=fxl][data-v=light]) .admin-dialog-field textarea{background: #f5f5f5 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-dialog-field input:focus, :where(html[data-c~=fxl][data-v=dark]) .admin-dialog-field textarea:focus{box-shadow: 0 0 0 3px #adadad22 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-dialog-field input:focus, :where(html[data-c~=fxl][data-v=light]) .admin-dialog-field textarea:focus{box-shadow: 0 0 0 3px #4e4e4e22 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-admin-form{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-admin-form{background: #ededed !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-admin-card{background: #0b0b0b !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-admin-card{background: #f6f6f6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-admin-card img{background: #0b0b0b !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-admin-card img{background: #f6f6f6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-admin-card .admin-action{background: #111111e8 !important; backdrop-filter: blur(4px) !important; box-shadow: 0 4px 14px #00000066 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-admin-card .admin-action{background: #efefefe8 !important; backdrop-filter: blur(4px) !important; box-shadow: 0 4px 14px #ffffff66 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-row{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-row{background: #ededed !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-row.is-pinned{background: linear-gradient(110deg, #272727, #131313 70%) !important; box-shadow: 0 0 12px #cccccc23 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-row.is-pinned{background: linear-gradient(110deg, #d6d6d6, #ececec 70%) !important; box-shadow: 0 0 12px #31313123 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-toast{background: #161616 !important; box-shadow: 0 9px 30px #00000088 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-toast{background: #eaeaea !important; box-shadow: 0 9px 30px #ffffff88 !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell{background: radial-gradient(ellipse at 50% 40%, #25252555, transparent 52%), #0c0c0c !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell{background: radial-gradient(ellipse at 50% 40%, #d9d9d955, transparent 52%), #f5f5f5 !important;}
:where(html[data-c~=fxl]) .locked-shell::before, :where(html[data-c~=fxl]) .locked-shell::after{filter: blur(70px) !important; animation: lockedDrift-7f3987 16s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell::before{background: #808080 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell::before{background: #7b7b7b !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell::after{background: #575757 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell::after{background: #a4a4a4 !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card{background: linear-gradient(160deg, #161616, #0f0f0f) padding-box, linear-gradient(120deg, #a5a5a5, #979797 34%, #d0d0d0 60%, #a5a5a5) border-box !important; box-shadow: 0 26px 70px #00000088, 0 0 40px #9999991f !important; animation: lockedBorder-c579e8 9s linear infinite, lockedEnter-d6ffba .5s ease both !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card{background: linear-gradient(160deg, #e9e9e9, #f1f1f1) padding-box, linear-gradient(120deg, #565656, #646464 34%, #2d2d2d 60%, #565656) border-box !important; box-shadow: 0 26px 70px #ffffff88, 0 0 40px #6262621f !important; animation: lockedBorder-c579e8 9s linear infinite, lockedEnter-d6ffba .5s ease both !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card::before{background: radial-gradient(circle at 18% 0%, #b7b7b71c, transparent 45%) !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card::before{background: radial-gradient(circle at 18% 0%, #4545451c, transparent 45%) !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card .notice-icon{background: #202020 !important; box-shadow: 0 0 22px #a5a5a52e !important; animation: lockedPulse-c8d42d 3s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card .notice-icon{background: #dedede !important; box-shadow: 0 0 22px #5656562e !important; animation: lockedPulse-188822 3s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-steps{background: #111111 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-steps{background: #efefef !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-steps li::before{background: #242424 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-steps li::before{background: #dadada !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card a{background: linear-gradient(120deg, #484848, #707070) !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card a{background: linear-gradient(120deg, #b3b3b3, #8b8b8b) !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card a:hover{box-shadow: 0 18px 36px -16px #b6b6b6, inset 0 1px 0 #f7f7f7 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card a:hover{box-shadow: 0 18px 36px -16px #464646, inset 0 1px 0 #080808 !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card .locked-secondary{background: #1b1b1b !important; box-shadow: none !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card .locked-secondary{background: #e4e4e4 !important; box-shadow: none !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-withdrawal-qr{background: #ffffff !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-withdrawal-qr{background: #000000 !important;}
:where(html[data-c~=fxl][data-v=dark]) .proof-admin-card .admin-action:hover{background: #252525f0 !important;}
:where(html[data-c~=fxl][data-v=light]) .proof-admin-card .admin-action:hover{background: #d8d8d8f0 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-search input{background: #0e0e0e !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-search input{background: #f3f3f3 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-search input:focus{box-shadow: 0 0 0 3px #a3a3a31f !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-search input:focus{box-shadow: 0 0 0 3px #5858581f !important;}
:where(html[data-c~=fxl][data-v=dark]) .withdraw-filters button{background: #131313 !important;}
:where(html[data-c~=fxl][data-v=light]) .withdraw-filters button{background: #ededed !important;}
:where(html[data-c~=fxl][data-v=dark]) .withdraw-filters button.is-active{background: #222222 !important; box-shadow: inset 0 -2px #a6a6a6 !important;}
:where(html[data-c~=fxl][data-v=light]) .withdraw-filters button.is-active{background: #dcdcdc !important; box-shadow: inset 0 -2px #555555 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-withdrawal-qr-button{background: rgba(22,22,22,0.72) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-withdrawal-qr-button{background: rgba(233,233,233,0.72) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-withdrawal-qr-button:hover{box-shadow: 0 0 22px rgba(161,161,161,0.28) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-withdrawal-qr-button:hover{box-shadow: 0 0 22px rgba(91,91,91,0.28) !important;}
:where(html[data-c~=fxl][data-v=dark]) .qr-dialog{background: #0e0e0e !important; box-shadow: 0 26px 80px #000000aa !important;}
:where(html[data-c~=fxl][data-v=light]) .qr-dialog{background: #f2f2f2 !important; box-shadow: 0 26px 80px #ffffffaa !important;}
:where(html[data-c~=fxl][data-v=dark]) .qr-dialog::backdrop{background: #040404cc !important;}
:where(html[data-c~=fxl][data-v=light]) .qr-dialog::backdrop{background: #ffffffcc !important;}
:where(html[data-c~=fxl][data-v=dark]) .qr-dialog img{background: #ffffff !important;}
:where(html[data-c~=fxl][data-v=light]) .qr-dialog img{background: #000000 !important;}
:where(html[data-c~=fxl][data-v=dark]) .qr-dialog-close{background: #1a1a1ae6 !important;}
:where(html[data-c~=fxl][data-v=light]) .qr-dialog-close{background: #e4e4e4e6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-thread{background: #121212 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-thread{background: #eeeeee !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-thread.is-active{background: #1a1a1a !important; box-shadow: inset 3px 0 #b1b1b1 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-thread.is-active{background: #e4e4e4 !important; box-shadow: inset 3px 0 #4b4b4b !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat{background: #0b0b0b !important; box-shadow: 0 18px 42px rgba(0,0,0,0.45) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat{background: #f6f6f6 !important; box-shadow: 0 18px 42px rgba(255,255,255,0.45) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-head{background: linear-gradient(90deg, #141414, #191919) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-head{background: linear-gradient(90deg, #ebebeb, #e6e6e6) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-messages{background: radial-gradient(circle at 20% 0%, rgba(162,162,162,0.06), transparent 60%), #0c0c0c !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-messages{background: radial-gradient(circle at 20% 0%, rgba(89,89,89,0.06), transparent 60%), #f5f5f5 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-bubble{box-shadow: 0 6px 18px rgba(0,0,0,0.28) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-bubble{box-shadow: 0 6px 18px rgba(255,255,255,0.28) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-member{background: linear-gradient(145deg, #222222, #131313) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-member{background: linear-gradient(145deg, #dbdbdb, #ededed) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-admin{background: linear-gradient(135deg, #6a6a6a, #5b5b5b) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-admin{background: linear-gradient(135deg, #909090, #a0a0a0) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-form{background: #101010 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-form{background: #f0f0f0 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-form input{background: #0b0b0b !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-form input{background: #f6f6f6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-support-chat .support-form button{background: linear-gradient(135deg, #828282, #7d7d7d) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-support-chat .support-form button{background: linear-gradient(135deg, #797979, #7e7e7e) !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-reason{background: #171717 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-reason{background: #e8e8e8 !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-warning, :where(html[data-c~=fxl][data-v=dark]) .codes-hint{background: #111111 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-warning, :where(html[data-c~=fxl][data-v=light]) .codes-hint{background: #efefef !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card .locked-primary{background: linear-gradient(120deg, #595959, #828282) !important; box-shadow: 0 8px 22px #9999992e !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card .locked-primary{background: linear-gradient(120deg, #a2a2a2, #797979) !important; box-shadow: 0 8px 22px #6262622e !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell.is-codes{background: radial-gradient(ellipse at 50% 40%, #34343455, transparent 52%), #0c0c0c !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell.is-codes{background: radial-gradient(ellipse at 50% 40%, #c8c8c855, transparent 52%), #f4f4f4 !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell.is-codes .locked-card::before{background: radial-gradient(circle at 18% 0%, #d0d0d020, transparent 45%) !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell.is-codes .locked-card::before{background: radial-gradient(circle at 18% 0%, #2d2d2d20, transparent 45%) !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell.is-codes .notice-icon{background: #2a2a2a !important; box-shadow: 0 0 22px #d0d0d02e !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell.is-codes .notice-icon{background: #d3d3d3 !important; box-shadow: 0 0 22px #2d2d2d2e !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-shell.is-codes .locked-steps li::before{background: #2c2c2c !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-shell.is-codes .locked-steps li::before{background: #d1d1d1 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-body{background: radial-gradient(ellipse 68% 52% at 50% -6%, #252525 0%, transparent 62%), radial-gradient(ellipse 46% 40% at 88% 104%, #181818 0%, transparent 58%), #0d0d0d !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-body{background: radial-gradient(ellipse 68% 52% at 50% -6%, #d8d8d8 0%, transparent 62%), radial-gradient(ellipse 46% 40% at 88% 104%, #e7e7e7 0%, transparent 58%), #f3f3f3 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card{background: linear-gradient(165deg, #1a1a1a 0%, #121212 58%, #0f0f0f 100%) !important; box-shadow: 0 32px 74px -34px #000000, 0 0 46px #a2a2a218, inset 0 1px 0 #ffffff0d !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card{background: linear-gradient(165deg, #e4e4e4 0%, #eeeeee 58%, #f1f1f1 100%) !important; box-shadow: 0 32px 74px -34px #ffffff, 0 0 46px #59595918, inset 0 1px 0 #0000000d !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card::before{background: linear-gradient(90deg, transparent, #b7b7b796, transparent) !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card::before{background: linear-gradient(90deg, transparent, #45454596, transparent) !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-icon{background: radial-gradient(circle at 50% 18%, #b7b7b726, #171717 72%) !important; box-shadow: 0 0 28px #a5a5a530, inset 0 1px 0 #ffffff14 !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-icon{background: radial-gradient(circle at 50% 18%, #45454526, #e8e8e8 72%) !important; box-shadow: 0 0 28px #56565630, inset 0 1px 0 #00000014 !important;}
:where(html[data-c~=fxl]) .focus-icon svg{animation: focusIconFloat-d84a04 4.2s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-destination{background: linear-gradient(120deg, #181818, #131313) !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-destination{background: linear-gradient(120deg, #e7e7e7, #ededed) !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-destination .destination-icon{background: #b1b1b119 !important; box-shadow: inset 0 0 0 1px #b7b7b730 !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-destination .destination-icon{background: #4a4a4a19 !important; box-shadow: inset 0 0 0 1px #45454530 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .gate-error:not(:empty){background: #1e1e1e !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .gate-error:not(:empty){background: #e1e1e1 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .focus-button{background: linear-gradient(115deg, #d9d9d9 0%, #b6b6b6 38%, #9a9a9a 100%) !important; box-shadow: 0 16px 34px -18px #a3a3a3, inset 0 1px 0 #f7f7f7 !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .focus-button{background: linear-gradient(115deg, #252525 0%, #464646 38%, #616161 100%) !important; box-shadow: 0 16px 34px -18px #585858, inset 0 1px 0 #080808 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .focus-button::before{background: linear-gradient(110deg, transparent 24%, #ffffff5c 46%, transparent 68%) !important; animation: focusShine-021978 3.6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .focus-button::before{background: linear-gradient(110deg, transparent 24%, #0000005c 46%, transparent 68%) !important; animation: focusShine-021978 3.6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .focus-button .button-arrow{background: #171717 !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .focus-button .button-arrow{background: #e8e8e8 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .focus-button:not(:disabled):hover{box-shadow: 0 20px 44px -18px #b6b6b6, inset 0 1px 0 #f7f7f7 !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .focus-button:not(:disabled):hover{box-shadow: 0 20px 44px -18px #464646, inset 0 1px 0 #080808 !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .focus-button:disabled{background: linear-gradient(115deg, #1e1e1e, #181818) !important; box-shadow: inset 0 1px 0 #ffffff0a !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .focus-button:disabled{background: linear-gradient(115deg, #e0e0e0, #e6e6e6) !important; box-shadow: inset 0 1px 0 #0000000a !important;}
:where(html[data-c~=fxl][data-v=dark]) .focus-card .focus-button:disabled .button-arrow{background: #101010 !important;}
:where(html[data-c~=fxl][data-v=light]) .focus-card .focus-button:disabled .button-arrow{background: #f0f0f0 !important;}
:where(html[data-c~=fxl]) .focus-card .focus-button.is-ready{animation: focusReady-7f0b0a .45s ease !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-progress{background: #1e1e1e !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-progress{background: #e0e0e0 !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-progress span{background: linear-gradient(90deg, #b8b8b8, #969696) !important; box-shadow: 0 0 12px #a3a3a38c !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-progress span{background: linear-gradient(90deg, #434343, #656565) !important; box-shadow: 0 0 12px #5858588c !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card a, :where(html[data-c~=fxl][data-v=dark]) .locked-card .locked-primary{background: linear-gradient(115deg, #d9d9d9 0%, #b6b6b6 40%, #9a9a9a 100%) !important; box-shadow: 0 14px 30px -16px #a3a3a3, inset 0 1px 0 #f7f7f7 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card a, :where(html[data-c~=fxl][data-v=light]) .locked-card .locked-primary{background: linear-gradient(115deg, #252525 0%, #464646 40%, #616161 100%) !important; box-shadow: 0 14px 30px -16px #585858, inset 0 1px 0 #080808 !important;}
:where(html[data-c~=fxl][data-v=dark]) .locked-card .locked-secondary:hover{box-shadow: 0 12px 26px -18px #000000 !important;}
:where(html[data-c~=fxl][data-v=light]) .locked-card .locked-secondary:hover{box-shadow: 0 12px 26px -18px #ffffff !important;}
:where(html[data-c~=fxl][data-v=dark]) .section-heading h2::before, :where(html[data-c~=fxl][data-v=dark]) .panel-heading h3::before, :where(html[data-c~=fxl][data-v=dark]) .admin-section-heading h2::before, :where(html[data-c~=fxl][data-v=dark]) .admin-section-heading h3::before, :where(html[data-c~=fxl][data-v=dark]) .admin-heading h1::before, :where(html[data-c~=fxl][data-v=dark]) .dashboard-topbar h1::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%23d0d0d0'/><stop offset='1' stop-color='%23979797'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat !important; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-b09678 3.4s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .section-heading h2::before, :where(html[data-c~=fxl][data-v=light]) .panel-heading h3::before, :where(html[data-c~=fxl][data-v=light]) .admin-section-heading h2::before, :where(html[data-c~=fxl][data-v=light]) .admin-section-heading h3::before, :where(html[data-c~=fxl][data-v=light]) .admin-heading h1::before, :where(html[data-c~=fxl][data-v=light]) .dashboard-topbar h1::before{background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><defs><linearGradient id='m' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%232d2d2d'/><stop offset='1' stop-color='%23646464'/></linearGradient></defs><circle cx='12' cy='12' r='9.2' stroke='url(%23m)' stroke-width='1.5' stroke-dasharray='4 5' opacity='.9'/><path d='M12 5.6l1.55 4.25L17.8 11.4l-4.25 1.55L12 17.2l-1.55-4.25L6.2 11.4l4.25-1.55z' fill='url(%23m)'/></svg>") center / contain no-repeat !important; animation: titleMarkSpin-89df69 9s linear infinite, titleMarkGlow-1104db 3.4s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-gate{background: radial-gradient(ellipse at 50% 20%, #222222 0%, transparent 60%), #0b0b0b !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-gate{background: radial-gradient(ellipse at 50% 20%, #dcdcdc 0%, transparent 60%), #f6f6f6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-gate-card{background: linear-gradient(165deg, #1a1a1a, #121212 60%, #0f0f0f) !important; box-shadow: 0 34px 80px -40px #000000, 0 0 46px #a2a2a218, inset 0 1px 0 #ffffff0d !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-gate-card{background: linear-gradient(165deg, #e4e4e4, #eeeeee 60%, #f1f1f1) !important; box-shadow: 0 34px 80px -40px #ffffff, 0 0 46px #59595918, inset 0 1px 0 #0000000d !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-gate-icon{background: radial-gradient(circle at 50% 18%, #b7b7b726, #171717 72%) !important; box-shadow: 0 0 26px #a5a5a530 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-gate-icon{background: radial-gradient(circle at 50% 18%, #45454526, #e8e8e8 72%) !important; box-shadow: 0 0 26px #56565630 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-gate-card input{background: #0e0e0e !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-gate-card input{background: #f2f2f2 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-gate-card input:focus{box-shadow: 0 0 0 3px #a5a5a526 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-gate-card input:focus{box-shadow: 0 0 0 3px #56565626 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-member-tab{background: #151515 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-member-tab{background: #ebebeb !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-member-tab.is-active{background: linear-gradient(115deg, #2d2d2d, #424242) !important; box-shadow: 0 8px 20px -14px #a5a5a5 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-member-tab.is-active{background: linear-gradient(115deg, #d0d0d0, #bababa) !important; box-shadow: 0 8px 20px -14px #565656 !important;}
:where(html[data-c~=fxl][data-v=dark]) .gate-secondary-link{background: #181818 !important;}
:where(html[data-c~=fxl][data-v=light]) .gate-secondary-link{background: #e7e7e7 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-preset-block{background: #141414 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-preset-block{background: #ececec !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-preset-chip{background: linear-gradient(120deg, #1d1d1d, #171717) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-preset-chip{background: linear-gradient(120deg, #e2e2e2, #e8e8e8) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-preset-chip:hover:not(:disabled){box-shadow: 0 8px 18px -14px #a5a5a5 !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-preset-chip:hover:not(:disabled){box-shadow: 0 8px 18px -14px #565656 !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-preset-chip.is-added{background: #1c1c1c !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-preset-chip.is-added{background: #e2e2e2 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-body{background: radial-gradient(ellipse 70% 50% at 50% -8%, #191919 0%, transparent 62%), #0b0b0b !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-body{background: radial-gradient(ellipse 70% 50% at 50% -8%, #e6e6e6 0%, transparent 62%), #f6f6f6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-pill{background: #1b1b1b !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-pill{background: #e4e4e4 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-pill.is-muted{background: #151515 !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-pill.is-muted{background: #ebebeb !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-btn{background: linear-gradient(100deg, #4aa8e0, #656565 55%, #646464) !important; box-shadow: 0 14px 30px -20px #656565 !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-btn{background: linear-gradient(100deg, #1b6c9d, #969696 55%, #979797) !important; box-shadow: 0 14px 30px -20px #969696 !important;}
:where(html[data-c~=fxl]) .offerwall-btn:not(:disabled):hover{filter: brightness(1.07) !important;}
:where(html[data-c~=fxl]) .offerwall-btn:disabled{filter: grayscale(.5) brightness(.85) !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-btn.is-ghost{background: #1c1c1c !important; box-shadow: none !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-btn.is-ghost{background: #e2e2e2 !important; box-shadow: none !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-btn .button-arrow{background: #00000038 !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-btn .button-arrow{background: #ffffff38 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-frame-wrap{background: #080808 !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-frame-wrap{background: #f9f9f9 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-frame-wrap iframe{box-shadow: 0 0 0 1px rgba(178,178,178,0.28), 0 18px 44px rgba(130,130,130,0.2) !important; background: #0b0b0b !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-frame-wrap iframe{box-shadow: 0 0 0 1px rgba(74,74,74,0.28), 0 18px 44px rgba(121,121,121,0.2) !important; background: #f6f6f6 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-card .gate-error:not(:empty){background: #1e1e1e !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-card .gate-error:not(:empty){background: #e1e1e1 !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-done{background: #1c1c1c !important; box-shadow: 0 0 0 1px rgba(79,226,176,0.4), 0 16px 36px rgba(35,200,150,0.22) !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-done{background: #e3e3e3 !important; box-shadow: 0 0 0 1px rgba(26,158,113,0.4), 0 16px 36px rgba(35,200,150,0.22) !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-card, :where(html[data-c~=fxl][data-v=dark]) .focus-card{box-shadow: 0 0 0 1px rgba(170,170,170,0.16), 0 24px 60px rgba(130,130,130,0.18) !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-card, :where(html[data-c~=fxl][data-v=light]) .focus-card{box-shadow: 0 0 0 1px rgba(81,81,81,0.16), 0 24px 60px rgba(121,121,121,0.18) !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-card::before{background: conic-gradient(from 0deg, transparent 0 56%, rgba(211,211,211,0.42) 70%, transparent 84%) !important; animation: owGlowSpin-89df69 8s linear infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-card::before{background: conic-gradient(from 0deg, transparent 0 56%, rgba(42,42,42,0.42) 70%, transparent 84%) !important; animation: owGlowSpin-89df69 8s linear infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-btn, :where(html[data-c~=fxl][data-v=dark]) .primary-button{box-shadow: 0 10px 28px rgba(131,131,131,0.3), inset 0 1px 0 rgba(255,255,255,0.18) !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-btn, :where(html[data-c~=fxl][data-v=light]) .primary-button{box-shadow: 0 10px 28px rgba(120,120,120,0.3), inset 0 1px 0 rgba(0,0,0,0.18) !important;}
:where(html[data-c~=fxl][data-v=dark]) .offerwall-btn::after{background: linear-gradient(100deg, transparent, rgba(255,255,255,0.4), transparent) !important; animation: owSheen-ec95b0 3.8s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .offerwall-btn::after{background: linear-gradient(100deg, transparent, rgba(0,0,0,0.4), transparent) !important; animation: owSheen-ec95b0 3.8s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-section-heading h2::after, :where(html[data-c~=fxl][data-v=dark]) .admin-section-heading h3::after{background: linear-gradient(90deg, rgba(152,152,152,0.95), rgba(214,214,214,0.65), transparent) !important; box-shadow: 0 0 12px rgba(152,152,152,0.55) !important; animation: adminUnderline-0116d6 3.6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-section-heading h2::after, :where(html[data-c~=fxl][data-v=light]) .admin-section-heading h3::after{background: linear-gradient(90deg, rgba(99,99,99,0.95), rgba(39,39,39,0.65), transparent) !important; box-shadow: 0 0 12px rgba(99,99,99,0.55) !important; animation: adminUnderline-0116d6 3.6s ease-in-out infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-tag.is-copy{background: rgba(132,132,132,0.16) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-tag.is-copy{background: rgba(119,119,119,0.16) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-tag.is-copy:hover{background: rgba(132,132,132,0.28) !important; box-shadow: 0 0 14px rgba(132,132,132,0.45) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-tag.is-copy:hover{background: rgba(119,119,119,0.28) !important; box-shadow: 0 0 14px rgba(119,119,119,0.45) !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-body{background: radial-gradient(60% 55% at 18% 12%, rgba(166,166,166,0.24), transparent 65%), radial-gradient(55% 50% at 82% 20%, rgba(132,132,132,0.3), transparent 66%), radial-gradient(70% 60% at 50% 108%, rgba(126,126,126,0.22), transparent 70%), #090909 !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-body{background: radial-gradient(60% 55% at 18% 12%, rgba(85,85,85,0.24), transparent 65%), radial-gradient(55% 50% at 82% 20%, rgba(119,119,119,0.3), transparent 66%), radial-gradient(70% 60% at 50% 108%, rgba(125,125,125,0.22), transparent 70%), #f8f8f8 !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-card{background: linear-gradient(160deg, rgba(21,21,21,0.94), rgba(11,11,11,0.97)) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.04) inset, 0 26px 70px rgba(0,0,0,0.55), 0 0 64px rgba(151,151,151,0.16) !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-card{background: linear-gradient(160deg, rgba(235,235,235,0.94), rgba(246,246,246,0.97)) !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.04) inset, 0 26px 70px rgba(255,255,255,0.55), 0 0 64px rgba(100,100,100,0.16) !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-card::before{background: radial-gradient(circle at 50% 0%, rgba(175,175,175,0.34), transparent 70%) !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-card::before{background: radial-gradient(circle at 50% 0%, rgba(77,77,77,0.34), transparent 70%) !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-orb{background: radial-gradient(circle at 30% 25%, rgba(201,201,201,0.4), rgba(65,65,65,0.55)) !important; box-shadow: 0 0 32px rgba(161,161,161,0.5) !important; animation: maintenanceSpin-62fc49 9s linear infinite !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-orb{background: radial-gradient(circle at 30% 25%, rgba(52,52,52,0.4), rgba(187,187,187,0.55)) !important; box-shadow: 0 0 32px rgba(91,91,91,0.5) !important; animation: maintenanceSpin-62fc49 9s linear infinite !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-card h1{background: linear-gradient(96deg, #dbdbdb, #a9a9a9 45%, #a6a6a6) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-card h1{background: linear-gradient(96deg, #222222, #535353 45%, #555555) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-timer{background: linear-gradient(150deg, rgba(37,37,37,0.6), rgba(16,16,16,0.7)) !important; box-shadow: 0 0 34px rgba(107,107,107,0.22) !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-timer{background: linear-gradient(150deg, rgba(217,217,217,0.6), rgba(240,240,240,0.7)) !important; box-shadow: 0 0 34px rgba(144,144,144,0.22) !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-actions .secondary-button{background: rgba(255,255,255,0.06) !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-actions .secondary-button{background: rgba(0,0,0,0.06) !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-actions .secondary-button:hover:not(:disabled){background: rgba(255,255,255,0.12) !important; box-shadow: 0 0 22px rgba(183,183,183,0.34) !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-actions .secondary-button:hover:not(:disabled){background: rgba(0,0,0,0.12) !important; box-shadow: 0 0 22px rgba(68,68,68,0.34) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-pill{background: rgba(22,22,22,0.78) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-pill{background: rgba(233,233,233,0.78) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-pill.is-on{background: rgba(24,24,24,0.85) !important; box-shadow: 0 0 20px rgba(255,96,96,0.32) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-pill.is-on{background: rgba(231,231,231,0.85) !important; box-shadow: 0 0 20px rgba(184,0,0,0.32) !important;}
:where(html[data-c~=fxl][data-v=dark]) .maintenance-actions .primary-button{background: linear-gradient(100deg, #a4a4a4, #8a8a8a 55%, #888888) !important;}
:where(html[data-c~=fxl][data-v=light]) .maintenance-actions .primary-button{background: linear-gradient(100deg, #575757, #717171 55%, #737373) !important;}
:where(html[data-c~=fxl]) .maintenance-actions .primary-button:hover{filter: brightness(1.08) !important;}
:where(html[data-c~=fxl][data-v=dark]) #notify-pill.is-on{background: rgba(24,24,24,0.85) !important;}
:where(html[data-c~=fxl][data-v=light]) #notify-pill.is-on{background: rgba(231,231,231,0.85) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-storage-ok{background: rgba(37,37,37,0.72) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-storage-ok{background: rgba(217,217,217,0.72) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-storage-warn{background: rgba(24,24,24,0.8) !important; box-shadow: 0 0 22px rgba(255,96,96,0.25) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-storage-warn{background: rgba(231,231,231,0.8) !important; box-shadow: 0 0 22px rgba(184,0,0,0.25) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-tag.is-rush{background: linear-gradient(135deg, #ef4444, #828282) !important; box-shadow: 0 0 10px rgba(239,68,68,0.4) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-tag.is-rush{background: linear-gradient(135deg, #a90e0e, #797979) !important; box-shadow: 0 0 10px rgba(169,14,14,0.4) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-tag.is-booster{background: #6a6a6a !important; box-shadow: 0 0 10px rgba(106,106,106,0.4) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-tag.is-booster{background: #919191 !important; box-shadow: 0 0 10px rgba(145,145,145,0.4) !important;}
:where(html[data-c~=fxl][data-v=dark]) .admin-tag.is-youtuber{background: #dc2626 !important; box-shadow: 0 0 10px rgba(220,38,38,0.4) !important;}
:where(html[data-c~=fxl][data-v=light]) .admin-tag.is-youtuber{background: #9e1919 !important; box-shadow: 0 0 10px rgba(158,25,25,0.4) !important;}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=fxl]) .admin-page-loader.is-loading::after{animation: none !important;}
:where(html[data-c~=fxl]) .offerwall-card::before, :where(html[data-c~=fxl]) .offerwall-btn::after{animation: none !important;}
:where(html[data-c~=fxl]) .admin-section-heading h2::after, :where(html[data-c~=fxl]) .admin-section-heading h3::after{animation: none !important;}
}

/* ===== fx-auth ===== */
:where(html[data-c~=fxa][data-v=dark]) body{background: radial-gradient(ellipse at 15% 15%, #49494944, transparent 35%), radial-gradient(ellipse at 92% 85%, #7575752b, transparent 30%), #0f0f0f !important;}
:where(html[data-c~=fxa][data-v=light]) body{background: radial-gradient(ellipse at 15% 15%, #b3b3b344, transparent 35%), radial-gradient(ellipse at 92% 85%, #8686862b, transparent 30%), #f2f2f2 !important;}
:where(html[data-c~=fxa][data-v=dark]) body::before, :where(html[data-c~=fxa][data-v=dark]) body::after{background: #96969630 !important; filter: blur(95px) !important; animation: ember-e283ab 8s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxa][data-v=light]) body::before, :where(html[data-c~=fxa][data-v=light]) body::after{background: #65656530 !important; filter: blur(95px) !important; animation: ember-e283ab 8s ease-in-out infinite alternate !important;}
:where(html[data-c~=fxa][data-v=dark]) .brand-mark{background: linear-gradient(145deg, #d2d2d2, #888888) !important; box-shadow: 0 0 23px #9c9c9c65 !important;}
:where(html[data-c~=fxa][data-v=light]) .brand-mark{background: linear-gradient(145deg, #2a2a2a, #737373) !important; box-shadow: 0 0 23px #5f5f5f65 !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-card{background: linear-gradient(150deg, #1e1e1eed, #141414f5) !important; box-shadow: 0 25px 80px #00000088, 0 0 35px #96969620, inset 0 1px #ffffff11 !important; backdrop-filter: blur(18px) !important; animation: rise-8b605a .55s ease both !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-card{background: linear-gradient(150deg, #e1e1e1ed, #ebebebf5) !important; box-shadow: 0 25px 80px #ffffff88, 0 0 35px #65656520, inset 0 1px #00000011 !important; backdrop-filter: blur(18px) !important; animation: rise-8b605a .55s ease both !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-eyebrow span{background: #a5a5a5 !important; box-shadow: 0 0 12px #8c8c8c !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-eyebrow span{background: #575757 !important; box-shadow: 0 0 12px #6f6f6f !important;}
:where(html[data-c~=fxa][data-v=dark]) .password-strength{background: #0d0d0d !important;}
:where(html[data-c~=fxa][data-v=light]) .password-strength{background: #f3f3f3 !important;}
:where(html[data-c~=fxa][data-v=dark]) .password-strength > span{background: linear-gradient(90deg, #e64b4b, #a6a6a6 52%, #43cb79) !important;}
:where(html[data-c~=fxa][data-v=light]) .password-strength > span{background: linear-gradient(90deg, #a11616, #555555 52%, #289051) !important;}
:where(html[data-c~=fxa][data-v=dark]) .suggest-password{background: linear-gradient(115deg, #363636, #272727) !important;}
:where(html[data-c~=fxa][data-v=light]) .suggest-password{background: linear-gradient(115deg, #c6c6c6, #d7d7d7) !important;}
:where(html[data-c~=fxa][data-v=dark]) .password-visibility{background: #1b1b1b !important;}
:where(html[data-c~=fxa][data-v=light]) .password-visibility{background: #e4e4e4 !important;}
:where(html[data-c~=fxa][data-v=dark]) .suggest-password:hover{box-shadow: 0 0 13px #70707033 !important;}
:where(html[data-c~=fxa][data-v=light]) .suggest-password:hover{box-shadow: 0 0 13px #8b8b8b33 !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-card input:not([type="checkbox"]){background: #0d0d0d !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-card input:not([type="checkbox"]){background: #f3f3f3 !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-card input:focus{box-shadow: 0 0 0 3px #a0a0a020, 0 0 15px #a0a0a021 !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-card input:focus{box-shadow: 0 0 0 3px #5b5b5b20, 0 0 15px #5b5b5b21 !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-submit{background: linear-gradient(105deg, #c8c8c8, #9c9c9c) !important; box-shadow: 0 5px 22px #99999935 !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-submit{background: linear-gradient(105deg, #343434, #5f5f5f) !important; box-shadow: 0 5px 22px #62626235 !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-submit:hover{box-shadow: 0 8px 25px #99999960 !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-submit:hover{box-shadow: 0 8px 25px #62626260 !important;}
:where(html[data-c~=fxa][data-v=dark]) .referral-note{background: #3e3e3e33 !important;}
:where(html[data-c~=fxa][data-v=light]) .referral-note{background: #bebebe33 !important;}
:where(html[data-c~=fxa][data-v=dark]) .discord-login{background: linear-gradient(135deg, #5865f2, #4752c4) !important; box-shadow: 0 10px 24px #5865f23d !important;}
:where(html[data-c~=fxa][data-v=light]) .discord-login{background: linear-gradient(135deg, #0d1baa, #2d358b) !important; box-shadow: 0 10px 24px #0d1baa3d !important;}
:where(html[data-c~=fxa]) .discord-login:hover{filter: brightness(1.07) !important;}
:where(html[data-c~=fxa]) .discord-login.is-disabled{filter: grayscale(.4) !important;}
:where(html[data-c~=fxa][data-v=dark]) .auth-divider::before, :where(html[data-c~=fxa][data-v=dark]) .auth-divider::after{background: #363636 !important;}
:where(html[data-c~=fxa][data-v=light]) .auth-divider::before, :where(html[data-c~=fxa][data-v=light]) .auth-divider::after{background: #c6c6c6 !important;}
:where(html[data-c~=fxa][data-v=dark]) ::-webkit-scrollbar-track{background: #0f0f0f !important;}
:where(html[data-c~=fxa][data-v=light]) ::-webkit-scrollbar-track{background: #f1f1f1 !important;}
:where(html[data-c~=fxa][data-v=dark]) ::-webkit-scrollbar-thumb{background: linear-gradient(180deg, #5d5d5d, #8f8f8f) !important;}
:where(html[data-c~=fxa][data-v=light]) ::-webkit-scrollbar-thumb{background: linear-gradient(180deg, #9e9e9e, #6b6b6b) !important;}
:where(html[data-c~=fxa][data-v=dark]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg, #8f8f8f, #adadad) !important;}
:where(html[data-c~=fxa][data-v=light]) ::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg, #6b6b6b, #4f4f4f) !important;}

/* ===== petals ===== */
:where(html[data-c~=petals]) .blossom-layer{position: fixed; z-index: 9990; inset: 0; overflow: hidden; pointer-events: none; contain: strict;}
:where(html[data-c~=petals]) .blossom-layer[data-effect="off"]{display: none !important;}
:where(html[data-c~=petals]) .petal{position: absolute; top: -32px; width: 10px; height: 13px; opacity: 0; will-change: transform, opacity; animation: petal-fall-39b56e var(--fall-duration, 20s) linear var(--fall-delay, 0s) infinite;}
:where(html[data-c~=petals][data-v=dark]) .petal i{position: absolute; inset: 2px 4px 4px 3px; display: block; border-radius: 70% 15% 70% 20%; background: radial-gradient(ellipse at 30% 30%, rgba(255,255,255,0.7), transparent 40%), linear-gradient(135deg, var(--petal-color, #6e6e6e), var(--petal-color-2, #2f2f2f)); box-shadow: 0 0 8px var(--petal-glow, rgba(110,110,110,0.45)); transform: scale(var(--petal-scale, 1)) rotate(28deg); animation: petal-sway-cbcbbd var(--sway-duration, 4s) ease-in-out infinite alternate;}
:where(html[data-c~=petals][data-v=light]) .petal i{position: absolute; inset: 2px 4px 4px 3px; display: block; border-radius: 70% 15% 70% 20%; background: radial-gradient(ellipse at 30% 30%, rgba(0,0,0,0.7), transparent 40%), linear-gradient(135deg, var(--petal-color, #8d8d8d), var(--petal-color-2, #cecece)); box-shadow: 0 0 8px var(--petal-glow, rgba(141,141,141,0.45)); transform: scale(var(--petal-scale, 1)) rotate(28deg); animation: petal-sway-cbcbbd var(--sway-duration, 4s) ease-in-out infinite alternate;}
:where(html[data-c~=petals]) .blossom-layer[data-effect="rain"] .petal{width: 2px; height: 28px; animation: rain-fall-66a12d var(--fall-duration, 1.2s) linear var(--fall-delay, 0s) infinite;}
:where(html[data-c~=petals][data-v=dark]) .blossom-layer[data-effect="rain"] .petal i{inset: 0; border-radius: 999px; background: linear-gradient(180deg, transparent, rgba(125,211,252,0.85)); box-shadow: 0 0 6px rgba(56,189,248,0.5); transform: rotate(12deg); animation: none;}
:where(html[data-c~=petals][data-v=light]) .blossom-layer[data-effect="rain"] .petal i{inset: 0; border-radius: 999px; background: linear-gradient(180deg, transparent, rgba(4,123,179,0.85)); box-shadow: 0 0 6px rgba(6,125,177,0.5); transform: rotate(12deg); animation: none;}
:where(html[data-c~=petals]) .blossom-layer[data-effect="snow"] .petal{width: 10px; height: 10px;}
:where(html[data-c~=petals][data-v=dark]) .blossom-layer[data-effect="snow"] .petal i{inset: 0; border-radius: 50%; background: radial-gradient(circle, #ffffff 30%, rgba(220,220,220,0.8) 80%, transparent 100%); box-shadow: 0 0 10px rgba(255,255,255,0.8);}
:where(html[data-c~=petals][data-v=light]) .blossom-layer[data-effect="snow"] .petal i{inset: 0; border-radius: 50%; background: radial-gradient(circle, #000000 30%, rgba(33,33,33,0.8) 80%, transparent 100%); box-shadow: 0 0 10px rgba(0,0,0,0.8);}
:where(html[data-c~=petals]) .blossom-layer[data-effect="stars"] .petal{width: 9px; height: 9px;}
:where(html[data-c~=petals][data-v=dark]) .blossom-layer[data-effect="stars"] .petal i{inset: 0; border-radius: 50%; background: radial-gradient(circle, #fafafa 20%, #bcbcbc 65%, transparent 100%); box-shadow: 0 0 12px #a0a0a0, 0 0 22px rgba(188,188,188,0.7);}
:where(html[data-c~=petals][data-v=light]) .blossom-layer[data-effect="stars"] .petal i{inset: 0; border-radius: 50%; background: radial-gradient(circle, #040404 20%, #404040 65%, transparent 100%); box-shadow: 0 0 12px #5b5b5b, 0 0 22px rgba(64,64,64,0.7);}
:where(html[data-c~=petals]) .petal-small{width: 12px; height: 15px;}
:where(html[data-c~=petals]) .ltn-atmosphere-dock{position: fixed; bottom: 22px; right: 22px; top: auto; left: auto; z-index: 9995; font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-trigger{display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; border: 1.5px solid rgba(185,185,185,0.48); background: linear-gradient(135deg, rgba(18,18,18,0.96), rgba(27,27,27,0.96)); color: #ebebeb; font-size: 13px; font-weight: 850; cursor: pointer; box-shadow: 0 10px 28px rgba(0,0,0,0.55), 0 0 18px rgba(160,160,160,0.22); transition: transform 0.18s ease, border-color 0.18s ease;}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-trigger{display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; border: 1.5px solid rgba(67,67,67,0.48); background: linear-gradient(135deg, rgba(238,238,238,0.96), rgba(228,228,228,0.96)); color: #131313; font-size: 13px; font-weight: 850; cursor: pointer; box-shadow: 0 10px 28px rgba(255,255,255,0.55), 0 0 18px rgba(91,91,91,0.22); transition: transform 0.18s ease, border-color 0.18s ease;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-trigger:hover{transform: translateY(-2px); border-color: rgba(199,199,199,0.9);}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-trigger:hover{transform: translateY(-2px); border-color: rgba(54,54,54,0.9);}
:where(html[data-c~=petals]) .ltn-atmo-trigger.is-playing .ltn-atmo-eq{display: inline-flex;}
:where(html[data-c~=petals]) .ltn-atmo-eq{display: none; align-items: flex-end; gap: 2px; height: 12px;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-eq span{width: 2.5px; background: #4ade80; border-radius: 2px; animation: ltn-eq-bounce-2fe39e 0.7s ease-in-out infinite alternate;}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-eq span{width: 2.5px; background: #1c9b4b; border-radius: 2px; animation: ltn-eq-bounce-2fe39e 0.7s ease-in-out infinite alternate;}
:where(html[data-c~=petals]) .ltn-atmo-eq span:nth-child(2){animation-delay: 0.2s;}
:where(html[data-c~=petals]) .ltn-atmo-eq span:nth-child(3){animation-delay: 0.4s;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-panel{position: absolute; bottom: calc(100% + 14px) !important; top: auto !important; right: 0 !important; left: auto !important; right: 0; left: auto; bottom: auto; width: min(400px, calc(100vw - 32px)); max-height: calc(100vh - 80px); overflow-y: auto; background: linear-gradient(165deg, #111111 0%, #0a0a0a 100%); border: 1.5px solid rgba(185,185,185,0.42); border-radius: 22px; padding: 16px; color: #ededed; box-shadow: 0 24px 64px rgba(0,0,0,0.82);}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-panel{position: absolute; bottom: calc(100% + 14px) !important; top: auto !important; right: 0 !important; left: auto !important; right: 0; left: auto; bottom: auto; width: min(400px, calc(100vw - 32px)); max-height: calc(100vh - 80px); overflow-y: auto; background: linear-gradient(165deg, #efefef 0%, #f7f7f7 100%); border: 1.5px solid rgba(67,67,67,0.42); border-radius: 22px; padding: 16px; color: #111111; box-shadow: 0 24px 64px rgba(255,255,255,0.82);}
:where(html[data-c~=petals][data-v=dark]) .ltn-volume-row{display: flex; align-items: center; gap: 8px; padding: 8px 10px; margin-bottom: 10px; border-radius: 12px; border: 1px solid rgba(185,185,185,0.25); background: rgba(0,0,0,0.35);}
:where(html[data-c~=petals][data-v=light]) .ltn-volume-row{display: flex; align-items: center; gap: 8px; padding: 8px 10px; margin-bottom: 10px; border-radius: 12px; border: 1px solid rgba(67,67,67,0.25); background: rgba(255,255,255,0.35);}
:where(html[data-c~=petals][data-v=dark]) .ltn-vol-btn{padding: 5px 9px; border-radius: 8px; border: 1px solid rgba(185,185,185,0.35); background: rgba(185,185,185,0.14); color: #e2e2e2; font-size: 11.5px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=petals][data-v=light]) .ltn-vol-btn{padding: 5px 9px; border-radius: 8px; border: 1px solid rgba(67,67,67,0.35); background: rgba(67,67,67,0.14); color: #1c1c1c; font-size: 11.5px; font-weight: 800; cursor: pointer;}
:where(html[data-c~=petals][data-v=dark]) .ltn-vol-btn:hover{background: rgba(185,185,185,0.28);}
:where(html[data-c~=petals][data-v=light]) .ltn-vol-btn:hover{background: rgba(67,67,67,0.28);}
:where(html[data-c~=petals][data-v=dark]) .ltn-volume-slider{flex: 1; accent-color: #a4a4a4; cursor: pointer;}
:where(html[data-c~=petals][data-v=light]) .ltn-volume-slider{flex: 1; accent-color: #575757; cursor: pointer;}
:where(html[data-c~=petals][data-v=dark]) .ltn-volume-value{min-width: 38px; text-align: right; font-size: 12px; font-weight: 850; color: #d2d2d2;}
:where(html[data-c~=petals][data-v=light]) .ltn-volume-value{min-width: 38px; text-align: right; font-size: 12px; font-weight: 850; color: #2b2b2b;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.08);}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.08);}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-head strong{font-size: 14.5px; color: #d5d5d5;}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-head strong{font-size: 14.5px; color: #272727;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-close{background: rgba(255,255,255,0.07); border: 0; color: #d2d2d2; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; font-weight: 800;}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-close{background: rgba(0,0,0,0.07); border: 0; color: #2b2b2b; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; font-weight: 800;}
:where(html[data-c~=petals][data-v=dark]) .ltn-atmo-section-title{font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; color: #aaaaaa; margin: 10px 0 7px;}
:where(html[data-c~=petals][data-v=light]) .ltn-atmo-section-title{font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; color: #525252; margin: 10px 0 7px;}
:where(html[data-c~=petals]) .ltn-effect-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;}
:where(html[data-c~=petals][data-v=dark]) .ltn-effect-btn{padding: 7px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); color: #e4e4e4; font-size: 11.5px; font-weight: 700; cursor: pointer; text-align: center; transition: all 0.15s ease;}
:where(html[data-c~=petals][data-v=light]) .ltn-effect-btn{padding: 7px 8px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.04); color: #191919; font-size: 11.5px; font-weight: 700; cursor: pointer; text-align: center; transition: all 0.15s ease;}
:where(html[data-c~=petals][data-v=dark]) .ltn-effect-btn:hover{border-color: rgba(185,185,185,0.45); background: rgba(185,185,185,0.1);}
:where(html[data-c~=petals][data-v=light]) .ltn-effect-btn:hover{border-color: rgba(67,67,67,0.45); background: rgba(67,67,67,0.1);}
:where(html[data-c~=petals][data-v=dark]) .ltn-effect-btn.is-active{background: linear-gradient(120deg, #a4a4a4, #868686); color: #0e0e0e; border-color: transparent; font-weight: 800;}
:where(html[data-c~=petals][data-v=light]) .ltn-effect-btn.is-active{background: linear-gradient(120deg, #575757, #757575); color: #f3f3f3; border-color: transparent; font-weight: 800;}
:where(html[data-c~=petals]) .ltn-music-input-row{display: flex; gap: 6px; margin-bottom: 8px;}
:where(html[data-c~=petals][data-v=dark]) .ltn-music-input-row input{flex: 1; min-width: 0; padding: 8px 11px; border-radius: 10px; border: 1px solid rgba(185,185,185,0.28); background: rgba(0,0,0,0.35); color: #f4f4f4; font-size: 12.5px;}
:where(html[data-c~=petals][data-v=light]) .ltn-music-input-row input{flex: 1; min-width: 0; padding: 8px 11px; border-radius: 10px; border: 1px solid rgba(67,67,67,0.28); background: rgba(255,255,255,0.35); color: #0b0b0b; font-size: 12.5px;}
:where(html[data-c~=petals][data-v=dark]) .ltn-music-input-row button{padding: 8px 13px; border-radius: 10px; border: 0; background: linear-gradient(120deg, #a4a4a4, #868686); color: #0f0f0f; font-weight: 800; font-size: 12.5px; cursor: pointer; white-space: nowrap;}
:where(html[data-c~=petals][data-v=light]) .ltn-music-input-row button{padding: 8px 13px; border-radius: 10px; border: 0; background: linear-gradient(120deg, #575757, #757575); color: #f2f2f2; font-weight: 800; font-size: 12.5px; cursor: pointer; white-space: nowrap;}
:where(html[data-c~=petals]) .ltn-preset-chips{display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px;}
:where(html[data-c~=petals][data-v=dark]) .ltn-preset-chip{padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(185,185,185,0.24); background: rgba(185,185,185,0.08); color: #dadada; font-size: 11.5px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=petals][data-v=light]) .ltn-preset-chip{padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(67,67,67,0.24); background: rgba(67,67,67,0.08); color: #242424; font-size: 11.5px; font-weight: 700; cursor: pointer;}
:where(html[data-c~=petals][data-v=dark]) .ltn-preset-chip:hover, :where(html[data-c~=petals][data-v=dark]) .ltn-preset-chip.is-active{background: rgba(185,185,185,0.25); border-color: rgba(185,185,185,0.65); color: #ffffff;}
:where(html[data-c~=petals][data-v=light]) .ltn-preset-chip:hover, :where(html[data-c~=petals][data-v=light]) .ltn-preset-chip.is-active{background: rgba(67,67,67,0.25); border-color: rgba(67,67,67,0.65); color: #000000;}
:where(html[data-c~=petals][data-v=dark]) .ltn-music-embed-box{border-radius: 12px; overflow: hidden; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.08); min-height: 84px; display: flex; align-items: center; justify-content: center;}
:where(html[data-c~=petals][data-v=light]) .ltn-music-embed-box{border-radius: 12px; overflow: hidden; background: rgba(255,255,255,0.4); border: 1px solid rgba(0,0,0,0.08); min-height: 84px; display: flex; align-items: center; justify-content: center;}
:where(html[data-c~=petals]) .ltn-music-embed-box iframe{width: 100%; border: 0; display: block;}
:where(html[data-c~=petals][data-v=dark]) .ltn-music-empty{padding: 14px; font-size: 12px; color: #8f8f8f; text-align: center;}
:where(html[data-c~=petals][data-v=light]) .ltn-music-empty{padding: 14px; font-size: 12px; color: #6c6c6c; text-align: center;}
@media (max-width: 720px){
:where(html[data-c~=petals]) .blossom-layer{opacity: 0.65;}
:where(html[data-c~=petals]) .ltn-atmosphere-dock{left: 12px; bottom: 12px;}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-c~=petals]) .blossom-layer{display: none;}
}

/* ===== mono-ui (lớp hiện tại, viết thêm ở dưới) ===== */
:root, html[data-theme]{--bg: #f4f4f8; --surface: #ffffff; --surface2: #f6f6fa; --ink: #17171c; --mute: #6b6b78; --line: #e8e8ef; --line2: #d6d6e0; --brand: #16161a; --brand2: #4a4a55; --grad: linear-gradient(120deg, #16161a 0%, #2c2c34 55%, #4a4a55 100%); --tint: #ececf1; --ok: #12a150; --bad: #e5484d; --shadow-sm: 0 1px 2px rgba(23,23,28,.05); --shadow-md: 0 1px 2px rgba(23,23,28,.04), 0 10px 28px rgba(23,23,28,.07); --r-lg: 20px; --r-md: 14px; --r-sm: 10px; --m-bg: var(--bg); --m-surface: var(--surface); --m-surface2: var(--surface2); --m-ink: var(--ink); --m-mute: var(--mute); --m-line: var(--line); --m-line2: var(--line2); --m-inv-bg: var(--ink); --m-inv-ink: var(--surface); --m-shadow: var(--shadow-md);}
html[data-theme="dark"]{--bg: #0e0e12; --surface: #17171d; --surface2: #1f1f27; --ink: #f4f4f8; --mute: #a0a0ae; --line: #2a2a34; --line2: #3a3a46; --tint: rgba(255,255,255,.09); --brand: #f4f4f8; --brand2: #c9c9d3; --grad: linear-gradient(120deg, #3a3a46 0%, #2a2a34 55%, #1f1f27 100%); --shadow-sm: none; --shadow-md: 0 10px 30px rgba(0,0,0,.45);}
html, body{background: var(--bg) !important; color: var(--ink); font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; -webkit-font-smoothing: antialiased;}
html{background-image: none !important; animation: none !important;}
body{background-image: none !important;}
body::before, body::after, .ambient, .ambient-orb, .orbit, .floating-spark, .mini-spark, .feature-decoration, .ltn-money-particle, .petal, .petal-small, .blossom-layer{display: none !important;}
.dashboard-layout, .main-content{background: transparent !important;}
::selection{background: var(--ink); color: var(--surface);}
h1, h2, h3, h4{color: var(--ink); letter-spacing: -.02em; text-shadow: none !important;}
p, small, li{text-shadow: none;}
a{-webkit-tap-highlight-color: transparent;}
.sidebar{background: var(--surface) !important; border-right: 1px solid var(--line) !important; box-shadow: none !important; padding: 22px 14px !important;}
.sidebar-brand, .mobile-brand{color: var(--ink) !important; font-weight: 800; letter-spacing: -.03em;}
.sidebar-brand > span:last-child > span, .mobile-brand > span:last-child > span{color: var(--brand) !important;}
.brand-mark{border-radius: 11px !important; overflow: hidden; box-shadow: none !important; background: transparent !important;}
.sidebar-wallet{background: var(--grad) !important; border: 0 !important; border-radius: var(--r-md) !important; padding: 14px 16px !important; box-shadow: 0 10px 22px rgba(0,0,0,.28) !important;}
.sidebar-wallet > span{color: rgba(255,255,255,.8) !important; font-weight: 700; letter-spacing: .06em;}
.sidebar-wallet strong{color: #fff !important; font-size: 24px !important; letter-spacing: -.02em;}
.sidebar-wallet *::before{display: none;}
.nav-link, .nav-sub-link{position: relative; color: var(--mute) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 12px !important; font-weight: 600; transition: background .15s, color .15s;}
.nav-link:hover, .nav-sub-link:hover{background: var(--surface2) !important; color: var(--ink) !important;}
.nav-link > span:first-child{background: var(--surface2) !important; border: 0 !important; border-radius: 10px !important; color: var(--mute) !important;}
.nav-link svg{color: inherit !important;}
.nav-link.is-active, .nav-sub-link.is-active{background: var(--tint) !important; color: var(--brand) !important; font-weight: 800; box-shadow: none !important;}
.nav-link.is-active > span:first-child{background: var(--grad) !important; color: #fff !important;}
.nav-link.is-active svg, .nav-link.is-active .nav-group-caret{color: #fff !important;}
.nav-link.is-active::before, .nav-sub-link.is-active::before{content: ""; position: absolute; left: -14px; top: 22%; bottom: 22%; width: 4px; border-radius: 0 4px 4px 0; background: var(--grad);}
.nav-sub-link.is-active svg, .nav-sub-link.is-active *{color: var(--brand) !important;}
.nav-link.is-active *:not(svg):not(path):not(span:first-child){color: var(--brand) !important;}
.nav-sub{border-left-color: var(--line) !important;}
.mobile-topbar{background: color-mix(in srgb, var(--surface) 92%, transparent) !important; backdrop-filter: blur(14px); border-bottom: 1px solid var(--line) !important; box-shadow: none !important;}
.mobile-menu-btn, .mobile-logout, .mobile-balance{background: var(--surface2) !important; border: 0 !important; color: var(--ink) !important; border-radius: 12px !important; box-shadow: none !important;}
.mobile-balance strong{color: var(--brand) !important;}
.mono-tabbar{display: none;}
@media (max-width: 720px){
.mono-tabbar{position: fixed; z-index: 80; left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; padding: 6px; background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow-md);}
.mono-tabbar a, .mono-tabbar label{display: grid; justify-items: center; gap: 3px; padding: 8px 2px 7px; border-radius: 16px; color: var(--mute); font-size: 10.5px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .18s, color .18s; -webkit-tap-highlight-color: transparent;}
.mono-tabbar svg{width: 21px; height: 21px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
.mono-tabbar a.is-active{background: var(--tint); color: var(--brand);}
body.has-mono-tabbar{padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;}
.mono-theme-toggle{bottom: calc(96px + env(safe-area-inset-bottom)) !important; left: auto !important; right: 14px;}
.ltn-atmosphere-dock{bottom: calc(96px + env(safe-area-inset-bottom)) !important;}
}
.main-content{padding-top: 28px !important;}
.content-section{margin: 0 0 28px !important;}
.top-bar h1, #welcome-title, .main-content > header h1{font-size: clamp(24px, 3vw, 32px); font-weight: 800;}
.section-eyebrow, .eyebrow{color: var(--brand) !important; font-weight: 800 !important; letter-spacing: .1em !important; font-size: 11px !important; text-transform: uppercase; background: transparent !important; border: 0 !important; box-shadow: none !important; padding-left: 0 !important;}
.panel-heading, .section-heading{color: var(--ink) !important; font-weight: 800;}
.panel-heading::after, .section-heading::after{display: none !important;}
.panel, .empty-card, .task-card, .shortcut-card, .stat-card, .wd-tile, .feature-card, .step-card, .faq-item, .hero-glass, .auth-card, .cta-card, .signin-prompt, .sys-announce-card, .ltn-rule-box, .ltn-rule-mini-card, .ltn-ref-stat-card, .ltn-promo-perk-card, .ltn-lb-prize-card, .leaderboard-mini-panel, .wallet-section, .bw-chart-panel, .ltn-loading-card, .ltn-gift-rule-item, .legal-card{background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; color: var(--ink) !important; backdrop-filter: none !important;}
.panel .panel, .wallet-section .panel, .bw-chart, .bw-stats, .rows-list, .ltn-rule-mini-card, .ltn-gift-rule-item{background: var(--surface2) !important; box-shadow: none !important;}
.wallet-section{padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;}
.task-card, .shortcut-card, .feature-card, .step-card, .wd-tile{transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.task-card:hover, .shortcut-card:hover, .feature-card:hover, .step-card:hover, .wd-tile:hover{transform: translateY(-3px); border-color: var(--line2) !important; box-shadow: 0 2px 4px rgba(23,23,28,.05), 0 16px 34px rgba(23,23,28,.1) !important;}
p, small, li, .muted{color: var(--mute);}
strong, .tk-name{color: var(--ink);}
.welcome-card{background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; padding: 0 0 4px !important;}
.welcome-card h2{font-size: clamp(22px, 2.6vw, 28px) !important; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; background: none !important; margin: 4px 0 2px !important;}
.welcome-card p{color: var(--mute) !important; font-size: 13px !important;}
.welcome-orb{display: none !important;}
.stats-grid{display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 16px !important;}
.stats-grid .stat-card{position: relative; padding: 18px 20px !important;}
.stat-card > span{color: var(--mute) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .08em;}
.stat-card strong{color: var(--ink) !important; font-size: clamp(24px, 2.4vw, 32px) !important; letter-spacing: -.03em; display: block; margin: 6px 0 2px;}
.stat-card small{color: var(--mute) !important;}
.stat-card::after{display: none !important;}
.stat-card-balance{grid-column: 1 / -1; background: var(--grad) !important; border: 0 !important; box-shadow: 0 18px 40px rgba(0,0,0,.32) !important; padding: 26px 28px !important; overflow: hidden;}
.stat-card-balance::before{content: ""; position: absolute; right: -60px; top: -70px; width: 260px; height: 260px; border-radius: 50%; background: rgba(255,255,255,.14); pointer-events: none;}
.stat-card-balance::after{display: block !important; content: ""; position: absolute; right: 70px; bottom: -90px; width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,.1);}
.stat-card-balance > *{position: relative; z-index: 1;}
.stat-card-balance > span, .stat-card-balance small{color: rgba(255,255,255,.85) !important;}
.stat-card-balance strong{color: #fff !important; font-size: clamp(34px, 4.4vw, 52px) !important;}
.overview-shortcuts{display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important;}
.shortcut-card{padding: 16px 18px !important; align-items: center;}
.shortcut-card > span:first-child{background: var(--tint) !important; color: var(--brand) !important; border-radius: 14px !important; border: 0 !important; width: 44px; height: 44px; display: grid; place-items: center;}
.shortcut-card svg{color: inherit;}
.shortcut-card strong{color: var(--ink) !important; font-weight: 800;}
.task-card{padding: 20px !important;}
.tk-head{display: flex; align-items: center; gap: 12px;}
.tk-icon{background: var(--tint) !important; color: var(--brand) !important; border: 0 !important; border-radius: 14px !important; width: 44px; height: 44px; display: grid; place-items: center; box-shadow: none !important;}
.tk-icon svg{color: var(--brand) !important; stroke: var(--brand) !important;}
.tk-rows{list-style: none; margin: 14px 0 16px; padding: 0;}
.tk-rows li{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px dashed var(--line); font-size: 13px;}
.tk-rows li:last-child{border-bottom: 0;}
.tk-rows li strong{font-weight: 800;}
.tk-progress{height: 6px; border-radius: 6px; background: var(--surface2); overflow: hidden; margin: 2px 0 12px;}
.tk-progress i{display: block; height: 100%; border-radius: 6px; background: var(--grad); transition: width .5s ease;}
.ltn-task-boost-pill, .ltn-boost-status{background: var(--tint) !important; color: var(--brand) !important; border: 0 !important; font-weight: 800; border-radius: 999px !important;}
.primary-button, .task-card button, .bw-submit, .ltn-promo-submit, .wd-confirm, .swal2-confirm, .primary-link, #tl-open, .login-button, .checkin-btn, .claim-btn{background: var(--grad) !important; color: #fff !important; border: 0 !important; border-radius: 14px !important; font-weight: 800; box-shadow: 0 8px 20px rgba(0,0,0,.28) !important; text-shadow: none !important; position: relative; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease;}
.primary-button:hover, .task-card button:hover, .bw-submit:hover, .primary-link:hover, .login-button:hover{transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.4) !important;}
.primary-button:active, .task-card button:active{transform: scale(.97);}
.primary-button:disabled, .task-card button:disabled{opacity: .5; transform: none; box-shadow: none !important;}
.secondary-link, .text-button, .logout-button, .admin-open, .swal2-cancel{background: var(--surface) !important; color: var(--ink) !important; border: 1px solid var(--line2) !important; border-radius: 14px !important; box-shadow: none !important; font-weight: 700;}
.ltn-boost-discord-btn, #boost-invite{background: #5865f2 !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important;}
input, select, textarea{background: var(--surface2) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 12px !important;}
input:focus, select:focus, textarea:focus{outline: none !important; background: var(--surface) !important; border-color: var(--brand) !important; box-shadow: 0 0 0 4px rgba(0,0,0,.14) !important;}
::placeholder{color: var(--mute) !important; opacity: .8;}
.ltn-boost-banner, .ltn-boost-banner.is-duck-style, .ltn-boost-banner.is-booster{background: var(--surface) !important; border: 1px solid var(--line) !important; box-shadow: var(--shadow-md) !important; border-radius: var(--r-lg) !important;}
.ltn-boost-banner::before, .ltn-boost-banner::after{display: none !important;}
.ltn-boost-title{color: var(--ink) !important;}
.ltn-boost-sub{color: var(--mute) !important;}
.swal2-popup{background: var(--surface) !important; color: var(--ink) !important; border-radius: 22px !important; box-shadow: var(--shadow-md) !important;}
.swal2-title, .swal2-html-container{color: var(--ink) !important;}
.tl-dialog{background: var(--surface) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 24px !important; box-shadow: 0 30px 80px rgba(0,0,0,.35) !important;}
.tl-dialog::backdrop{background: rgba(10,10,20,.55) !important; backdrop-filter: blur(5px);}
#tl-bar, .tl-bar > span, progress, .bar-fill, [class*="progress-bar"]{background: var(--grad) !important;}
.feature-icon, .prompt-icon, .ltn-rule-mini-icon, .ltn-ref-svg-badge, .ltn-promo-perk-svg{background: var(--tint) !important; color: var(--brand) !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important;}
.feature-icon svg, .prompt-icon svg{color: var(--brand) !important; stroke: var(--brand) !important;}
.float-chip > span, .ltn-rule-mini-icon{filter: grayscale(1);}

table{border-collapse: separate; border-spacing: 0;}
th{color: var(--mute) !important; font-weight: 800; font-size: 11px; letter-spacing: .06em; text-transform: uppercase;}
td, th{border-color: var(--line) !important;}
.is-done, .is-green{color: var(--ok) !important;}
.is-rejected{color: var(--bad) !important;}
.topbar{background: color-mix(in srgb, var(--surface) 90%, transparent) !important; backdrop-filter: blur(14px); border-bottom: 1px solid var(--line) !important; box-shadow: none !important;}
.top-nav a{color: var(--mute) !important; font-weight: 600;}
.top-nav a:hover{color: var(--ink) !important;}
.brand, .brand-highlight{color: var(--ink) !important;}
.brand-highlight{color: var(--brand) !important;}
.hero{padding-top: 56px;}
.hero h1{color: var(--ink) !important; text-shadow: none !important; font-size: clamp(38px, 5.4vw, 70px) !important; letter-spacing: -.045em !important; line-height: 1 !important;}
.hero h1 span{background: var(--grad) !important; -webkit-background-clip: text !important; background-clip: text !important; display: inline-block; text-shadow: none !important; -webkit-text-fill-color: transparent; color: transparent !important; padding: 0; margin: 0;}
.hero-description, .hero-note, .section-heading p{color: var(--mute) !important;}
.status-pill, .glass-badge, .float-chip, .secure-stamp, .hero .eyebrow{background: var(--surface) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; box-shadow: var(--shadow-sm) !important; border-radius: 999px !important;}
.hero-glass{background: var(--surface) !important; box-shadow: 0 30px 60px rgba(0,0,0,.16) !important;}
.discord-btn{background: #5865f2 !important; color: #fff !important; border: 0 !important; border-radius: 14px !important; box-shadow: 0 8px 20px rgba(88,101,242,.35) !important;}
.site-footer{background: var(--surface) !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; box-shadow: none !important;}
.sparkline i, .glass-bars i{background: var(--grad) !important; box-shadow: none !important;}
.step-number, .feature-index{background: transparent !important; color: var(--mute) !important; border: 0 !important; box-shadow: none !important; font-weight: 800;}
.mono-theme-toggle{position: fixed; z-index: 90; left: 14px; bottom: 14px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; cursor: pointer; background: var(--surface) !important; color: var(--ink) !important; border: 1px solid var(--line2) !important; box-shadow: var(--shadow-md); padding: 0; transition: transform .15s ease;}
.mono-theme-toggle:hover{transform: scale(1.08);}
.mono-theme-toggle svg{width: 19px; height: 19px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
html[data-theme="dark"] .mono-theme-toggle .i-moon, html:not([data-theme="dark"]) .mono-theme-toggle .i-sun, .mono-theme-toggle .i-mix{display: none;}
body:has(#mobile-menu-toggle:checked) .mono-theme-toggle{display: none;}
.ltn-atmo-trigger{background: var(--surface) !important; color: var(--ink) !important; border: 1px solid var(--line2) !important; box-shadow: var(--shadow-md) !important;}
.content-section:not([hidden]) > *, .stats-grid > *, .task-grid > *, .overview-shortcuts > *, .feature-card, .step-card, .hero-copy > *, .hero-visual{animation: w-rise-8fe48b .5s cubic-bezier(.2,.8,.2,1) both;}
.stats-grid > *:nth-child(2), .task-grid > *:nth-child(2){animation-delay: .05s;}
.stats-grid > *:nth-child(3), .task-grid > *:nth-child(3){animation-delay: .1s;}
.stats-grid > *:nth-child(4), .task-grid > *:nth-child(4){animation-delay: .15s;}
@media (prefers-reduced-motion: reduce){
*{animation: none !important; transition: none !important;}
}
@media (max-width: 720px){
.stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.stat-card-balance{padding: 22px 20px !important;}
.overview-shortcuts{grid-template-columns: 1fr !important;}
}
html[data-theme="dark"] .primary-button, html[data-theme="dark"] .task-card button, html[data-theme="dark"] .bw-submit, html[data-theme="dark"] .primary-link, html[data-theme="dark"] .login-button{border: 1px solid var(--line2) !important;}
html[data-theme="dark"] .tk-progress i, html[data-theme="dark"] #tl-bar{background: #f4f4f8 !important;}
html[data-theme="dark"] .nav-link.is-active > span:first-child{background: #f4f4f8 !important; color: #17171d !important;}
:root{--c1:#2f6fed; --c2:#12a150; --c3:#e8960c; --c4:#0f9fa8; --c5:#6b7cff;}
html[data-theme="dark"]{--c1:#5b9bff; --c2:#3ccf7e; --c3:#ffb840; --c4:#35c9d3; --c5:#8f9cff;}
.nav-link > span:first-child{background: color-mix(in srgb, var(--c) 14%, transparent) !important; color: var(--c) !important;}
.nav-link > span:first-child svg{color: var(--c) !important; stroke: var(--c) !important;}
.nav-link:nth-of-type(5n+1), .nav-group:nth-of-type(5n+1) > .nav-link{--c: var(--c1);}
.nav-link:nth-of-type(5n+2), .nav-group:nth-of-type(5n+2) > .nav-link{--c: var(--c2);}
.nav-link:nth-of-type(5n+3), .nav-group:nth-of-type(5n+3) > .nav-link{--c: var(--c3);}
.nav-link:nth-of-type(5n+4), .nav-group:nth-of-type(5n+4) > .nav-link{--c: var(--c4);}
.nav-link:nth-of-type(5n+5), .nav-group:nth-of-type(5n+5) > .nav-link{--c: var(--c5);}
.nav-link.is-active > span:first-child{background: var(--c, var(--brand)) !important; color: #fff !important;}
.nav-link.is-active > span:first-child svg{color: #fff !important; stroke: #fff !important;}
.stat-card:not(.stat-card-balance), .shortcut-card, .task-card, .feature-card, .step-card, .wd-tile{--c: var(--c1); border-top: 3px solid var(--c) !important;}
.stats-grid > :nth-child(2), .overview-shortcuts > :nth-child(3n+2), .task-grid > :nth-child(4n+2), .feature-card:nth-child(4n+2), .step-card:nth-child(4n+2), .wd-tile:nth-child(4n+2){--c: var(--c3);}
.stats-grid > :nth-child(3), .overview-shortcuts > :nth-child(3n+3), .task-grid > :nth-child(4n+3), .feature-card:nth-child(4n+3), .step-card:nth-child(4n+3), .wd-tile:nth-child(4n+3){--c: var(--c2);}
.task-grid > :nth-child(4n+4), .feature-card:nth-child(4n+4), .step-card:nth-child(4n+4), .wd-tile:nth-child(4n+4){--c: var(--c4);}
.shortcut-card > span:first-child, .tk-icon, .feature-icon, .prompt-icon, .ltn-rule-mini-icon, .ltn-ref-svg-badge, .ltn-promo-perk-svg{background: color-mix(in srgb, var(--c, var(--c1)) 15%, transparent) !important; color: var(--c, var(--c1)) !important;}
.tk-icon svg, .feature-icon svg, .prompt-icon svg, .shortcut-card > span:first-child svg{color: var(--c, var(--c1)) !important; stroke: var(--c, var(--c1)) !important;}
.tk-progress i{background: var(--c, var(--c2)) !important;}
.task-card .tk-actions button, .task-card > button{background: var(--c) !important; box-shadow: 0 8px 18px color-mix(in srgb, var(--c) 30%, transparent) !important;}
.stat-card:not(.stat-card-balance) > :first-child{color: var(--c) !important;}
.mono-tabbar a:nth-child(1).is-active{color: var(--c1);}
.mono-tabbar a:nth-child(2).is-active{color: var(--c3);}
.mono-tabbar a:nth-child(3).is-active{color: var(--c2);}
.mono-tabbar a:nth-child(4).is-active{color: var(--c4);}
.stat-card-balance{background: linear-gradient(120deg, #1d4fd8 0%, #2f6fed 55%, #0f9fa8 100%) !important; box-shadow: 0 18px 40px rgba(47,111,237,.3) !important;}
.sidebar-wallet{background: linear-gradient(120deg, #1d4fd8, #2f6fed 60%, #0f9fa8) !important; box-shadow: 0 10px 22px rgba(47,111,237,.28) !important;}
.stat-card:not(.stat-card-balance), .shortcut-card, .task-card, .feature-card, .step-card, .wd-tile{border-top: 1px solid var(--line) !important;}
.tk-progress i{background: var(--brand) !important;}
html[data-theme="dark"] .tk-progress i{background: #f4f4f8 !important;}
.task-card .tk-actions button, .task-card > button{background: var(--grad) !important; box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;}
.stat-card:not(.stat-card-balance) > :first-child{color: var(--mute) !important;}
.mono-tabbar a.is-active{color: var(--brand) !important;}
.stat-card-balance{background: var(--grad) !important; box-shadow: 0 18px 40px rgba(0,0,0,.25) !important;}
.sidebar-wallet{background: var(--grad) !important; box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;}
.nav-link.is-active > span:first-child{background: var(--c, var(--brand)) !important;}
:root{--c1:#2b8cff; --c2:#14a58a; --c3:#5aa9e6; --c4:#22b8cf; --c5:#4c6ef5;}
html[data-theme="dark"]{--c1:#6db6ff; --c2:#4fd8b4; --c3:#9ad0f5; --c4:#5ee0ee; --c5:#8aa2ff;}
.stat-card:not(.stat-card-balance), .shortcut-card, .task-card, .feature-card, .step-card, .wd-tile{border: 2px solid color-mix(in srgb, var(--c, var(--c1)) 55%, transparent) !important;}
.panel, .bw-chart-panel, .wallet-section, .empty-card, .faq-item, .ltn-rule-box, .ltn-ref-stat-card, .ltn-promo-perk-card, .ltn-lb-prize-card, .ltn-gift-rule-item, .legal-card, .cta-card, .signin-prompt, .leaderboard-mini-panel{--c: var(--c1); border: 2px solid color-mix(in srgb, var(--c) 45%, transparent) !important;}
.content-section > .panel:nth-of-type(4n+2), .bw-chart-panel:nth-of-type(4n+2), .faq-item:nth-child(4n+2), .ltn-ref-stat-card:nth-child(4n+2), .ltn-promo-perk-card:nth-child(4n+2), .ltn-gift-rule-item:nth-child(4n+2){--c: var(--c2);}
.content-section > .panel:nth-of-type(4n+3), .bw-chart-panel:nth-of-type(4n+3), .faq-item:nth-child(4n+3), .ltn-ref-stat-card:nth-child(4n+3), .ltn-promo-perk-card:nth-child(4n+3), .ltn-gift-rule-item:nth-child(4n+3){--c: var(--c4);}
.content-section > .panel:nth-of-type(4n+4), .bw-chart-panel:nth-of-type(4n+4), .faq-item:nth-child(4n+4), .ltn-ref-stat-card:nth-child(4n+4), .ltn-promo-perk-card:nth-child(4n+4), .ltn-gift-rule-item:nth-child(4n+4){--c: var(--c5);}
.stats-grid > :nth-child(2), .overview-shortcuts > :nth-child(3n+2), .task-grid > :nth-child(4n+2){--c: var(--c2);}
.stats-grid > :nth-child(3), .overview-shortcuts > :nth-child(3n+3), .task-grid > :nth-child(4n+3){--c: var(--c4);}
.task-grid > :nth-child(4n+4){--c: var(--c5);}
.bw-chart-panel:nth-child(even), .panel:nth-child(even){--c: var(--c2) !important;}
.bw-chart-panel:nth-child(3n), .panel:nth-child(3n){--c: var(--c4) !important;}
:root{--bg:#f8fafc; --surface:#fff; --surface2:#f8fafc; --ink:#0f172a; --mute:#64748b; --line:#e2e8f0; --line2:#cbd5e1; --brand:#10b981; --brand2:#059669; --grad:linear-gradient(135deg,#10b981 0%,#059669 100%); --tint:#ecfdf5; --c1:#2563eb; --c2:#10b981; --c3:#f59e0b; --c4:#0ea5e9; --c5:#ea580c; --shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02); --shadow-md:0 4px 14px rgba(0,0,0,.05);}
html[data-theme="dark"]{--bg:#0b1220; --surface:#111a2c; --surface2:#162033; --ink:#f1f5f9; --mute:#94a3b8; --line:#223049; --line2:#2d3f5e; --brand:#34d399; --brand2:#10b981; --grad:linear-gradient(135deg,#10b981 0%,#047857 100%); --tint:rgba(16,185,129,.14); --c1:#60a5fa; --c2:#34d399; --c3:#fbbf24; --c4:#38bdf8; --c5:#fb923c;}
html, body{font-family: "Source Sans 3","Source Sans Pro",-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;}
::selection{background: #a7f3d0; color: #064e3b;}
.stat-card:not(.stat-card-balance), .shortcut-card, .task-card, .feature-card, .step-card, .wd-tile,
.panel, .bw-chart-panel, .wallet-section, .empty-card, .faq-item, .ltn-rule-box, .ltn-ref-stat-card, .ltn-promo-perk-card, .ltn-lb-prize-card, .ltn-gift-rule-item, .legal-card, .cta-card, .signin-prompt, .leaderboard-mini-panel, .auth-card{border: 1px solid var(--line) !important; border-radius: 16px !important; box-shadow: var(--shadow-sm) !important;}
.task-card:hover, .shortcut-card:hover{border-color: var(--line2) !important; box-shadow: var(--shadow-md) !important;}
.nav-link.is-active, .nav-sub-link.is-active{background: #ecfdf5 !important; color: #059669 !important; border: 1px solid #a7f3d0 !important; box-shadow: 0 2px 8px rgba(16,185,129,.1) !important; border-radius: 12px !important;}
html[data-theme="dark"] .nav-link.is-active, html[data-theme="dark"] .nav-sub-link.is-active{background: rgba(16,185,129,.14) !important; color: #34d399 !important; border-color: rgba(52,211,153,.35) !important;}
.nav-link.is-active *:not(svg):not(path):not(span:first-child), .nav-sub-link.is-active svg, .nav-sub-link.is-active *{color: inherit !important;}
.nav-link.is-active::before, .nav-sub-link.is-active::before{display: none !important;}
.nav-link.is-active > span:first-child{background: var(--c, #10b981) !important; color: #fff !important;}
.stat-card-balance{background: linear-gradient(135deg,#10b981 0%,#059669 100%) !important; box-shadow: 0 12px 28px rgba(16,185,129,.28) !important; border: 0 !important;}
.sidebar-wallet{background: linear-gradient(135deg,#10b981,#059669) !important; box-shadow: 0 8px 18px rgba(16,185,129,.25) !important;}
.stat-card-balance strong, .stat-card-balance [class*="value"], .stat-card-balance .stat-value{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important; font-variant-numeric: tabular-nums; font-weight: 900 !important;}
.primary-button, .task-card button, .task-card .tk-actions button, .task-card > button, .bw-submit, .primary-link, .login-button{background: linear-gradient(135deg,#10b981,#059669) !important; box-shadow: 0 6px 16px rgba(16,185,129,.25) !important; border: 0 !important; color: #fff !important;}
.primary-button:hover, .task-card button:hover, .bw-submit:hover, .primary-link:hover, .login-button:hover{box-shadow: 0 10px 22px rgba(16,185,129,.35) !important;}
.tk-progress i, #tl-bar, .tl-bar > span, progress, .bar-fill, [class*="progress-bar"]{background: #10b981 !important;}
html[data-theme="dark"] .tk-progress i, html[data-theme="dark"] #tl-bar{background: #34d399 !important;}
input:focus, select:focus, textarea:focus{border-color: #10b981 !important; box-shadow: 0 0 0 4px rgba(16,185,129,.14) !important;}
.mono-tabbar a.is-active{background: #ecfdf5 !important; color: #059669 !important;}
html[data-theme="dark"] .mono-tabbar a.is-active{background: rgba(16,185,129,.14) !important; color: #34d399 !important;}
.section-eyebrow, .eyebrow, .brand-highlight, .sidebar-brand > span:last-child > span, .mobile-brand > span:last-child > span, .mobile-balance strong{color: #059669 !important;}
html[data-theme="dark"] .section-eyebrow, html[data-theme="dark"] .eyebrow, html[data-theme="dark"] .brand-highlight{color: #34d399 !important;}
.ltn-task-boost-pill, .ltn-boost-status{background: #ecfdf5 !important; color: #059669 !important; border: 1px solid #a7f3d0 !important;}
.hero h1 span{background: linear-gradient(135deg,#10b981,#059669) !important; -webkit-background-clip: text !important; background-clip: text !important;}
.hero-glass{box-shadow: 0 24px 50px rgba(16,185,129,.14) !important;}
.sparkline i, .glass-bars i{background: linear-gradient(180deg,#34d399,#10b981) !important;}
html, body, .app-shell, .app-main, .main-content, main{background: #f1f5f9 !important;}
html[data-theme="dark"], html[data-theme="dark"] body, html[data-theme="dark"] main{background: var(--bg) !important;}
.sidebar{background: #fff !important; border-right: 1px solid #e2e8f0 !important; box-shadow: 2px 0 16px rgba(0,0,0,.02) !important;}
html[data-theme="dark"] .sidebar{background: var(--surface) !important; border-color: var(--line) !important;}
.stat-card-balance, .sidebar-wallet{background: linear-gradient(135deg,#064e3b 0%,#059669 45%,#10b981 100%) !important; border-radius: 22px !important; box-shadow: 0 14px 34px -6px rgba(16,185,129,.4), 0 0 0 1px rgba(255,255,255,.12) inset !important;}
.sidebar-wallet{border-radius: 16px !important;}
.panel, .bw-chart-panel, .wallet-section, .auth-card, .cta-card{border-radius: 20px !important;}
.shortcut-card > span:first-child, .tk-icon, .feature-icon, .prompt-icon, .ltn-rule-mini-icon, .ltn-ref-svg-badge, .ltn-promo-perk-svg{background: color-mix(in srgb, var(--c, var(--c2)) 12%, #fff) !important; border: 1px solid color-mix(in srgb, var(--c, var(--c2)) 30%, #fff) !important; border-radius: 13px !important;}
html[data-theme="dark"] .shortcut-card > span:first-child, html[data-theme="dark"] .tk-icon, html[data-theme="dark"] .feature-icon{background: color-mix(in srgb, var(--c, var(--c2)) 16%, transparent) !important; border-color: color-mix(in srgb, var(--c, var(--c2)) 35%, transparent) !important;}
.nav-link > span:first-child{border: 1px solid color-mix(in srgb, var(--c) 28%, #fff) !important;}
.task-card .tk-rows > *, .stat-card:not(.stat-card-balance){background: var(--surface) !important;}

.ltn-quest-progressbar-track{background: #e2e8f0 !important;}
.ltn-checkin-main-btn{background: linear-gradient(135deg,#10b981,#059669) !important; color: #fff !important; border: 0 !important;}
.bw-submit:disabled, .bw-submit[disabled], .bw-submit.is-disabled, button.primary-button:disabled{background: #a7f3d0 !important; color: #047857 !important; box-shadow: none !important; opacity: 1 !important;}
.page-error{background: #fef2f2 !important; color: #b91c1c !important;}
html body #duck-btn-submit-bank, html body #duck-btn-submit-card, html body #duck-btn-submit-game, html body .duck-btn-submit, html body button[type="submit"].primary, html body .ltn-boost-btn, html body .bw-submit{background: linear-gradient(135deg,#10b981,#059669) !important; color: #fff !important; border: 0 !important; box-shadow: 0 6px 16px rgba(16,185,129,.25) !important;}
html body #duck-btn-submit-bank:disabled, html body #duck-btn-submit-card:disabled, html body #duck-btn-submit-game:disabled, html body .bw-submit:disabled{background: #a7f3d0 !important; color: #047857 !important; box-shadow: none !important; opacity: 1 !important;}
html[data-theme="dark"] body #duck-btn-submit-bank:disabled, html[data-theme="dark"] body .bw-submit:disabled{background: rgba(16,185,129,.25) !important; color: #6ee7b7 !important;}
html, html body, html body .wallet-section, html body .content-section{--ft-accent:#10b981 !important; --ft-accent-2:#059669 !important;}
html body .wallet-section #duck-btn-submit-bank, html body .wallet-section #duck-btn-submit-card, html body .wallet-section #duck-btn-submit-game{background: linear-gradient(135deg,#10b981,#059669) !important; color:#fff !important;}
html body .wallet-section #duck-btn-submit-bank:disabled, html body .wallet-section #duck-btn-submit-card:disabled, html body .wallet-section #duck-btn-submit-game:disabled{background:#a7f3d0 !important; color:#047857 !important;}
:root{--nb-ink:#0f172a; --nb-sh:4px 4px 0 #0f172a; --bg:#f4f6fb;}
html[data-theme="dark"]{--nb-ink:#e2e8f0; --nb-sh:4px 4px 0 #000;}
html:not([data-theme="dark"]), html:not([data-theme="dark"]) body{background-color:#f4f6fb !important; background-image: radial-gradient(#cbd5e1 1.2px, transparent 1.2px) !important; background-size: 26px 26px !important;}
.stat-card:not(.stat-card-balance), .shortcut-card, .task-card, .feature-card, .step-card, .wd-tile,
.panel, .bw-chart-panel, .wallet-section, .empty-card, .faq-item, .ltn-rule-box, .ltn-ref-stat-card, .ltn-promo-perk-card, .ltn-lb-prize-card, .ltn-gift-rule-item, .legal-card, .cta-card, .signin-prompt, .leaderboard-mini-panel, .auth-card{border: 2.5px solid var(--nb-ink) !important; box-shadow: var(--nb-sh) !important; border-radius: 18px !important; background: var(--surface) !important;}
.task-card:hover, .shortcut-card:hover{transform: translate(-1px,-1px); box-shadow: 6px 6px 0 var(--nb-ink) !important;}
html:not([data-theme="dark"]) :is(.rows-list, .bw-detail, .wd-summary, .wd-history-row, .bk-tile, .bk-field, .lbt, .dd-btn, .ltn-checkin-card, .ltn-rule-mini-card, .leaderboard-mini-row, .duck-live-bar, input, textarea, select){border: 2px solid var(--nb-ink) !important;}
.stat-card-balance{background: var(--surface) !important; color: var(--nb-ink) !important; border: 2.5px solid var(--nb-ink) !important; box-shadow: var(--nb-sh) !important; border-radius: 18px !important; padding: 64px 28px 24px !important; position: relative;}
.stat-card-balance::after{display: none !important;}
.stat-card-balance::before{content: "no1task.click/wallet/balance"; position: absolute; left: 0; right: 0; top: 0; height: 40px; background: #111827; color: #cbd5e1; font: 600 13px/40px ui-monospace,Menlo,Consolas,monospace; padding-left: 74px; border-bottom: 2.5px solid var(--nb-ink); border-radius: 15px 15px 0 0; background-image: radial-gradient(circle at 18px 20px,#ef4444 6px,transparent 7px), radial-gradient(circle at 40px 20px,#f59e0b 6px,transparent 7px), radial-gradient(circle at 62px 20px,#10b981 6px,transparent 7px); background-repeat: no-repeat;}
.stat-card-balance *{color: var(--nb-ink) !important; text-shadow: none !important;}
.stat-card-balance strong, .stat-card-balance [class*="value"]{color: var(--nb-ink) !important; font-size: clamp(36px,5vw,52px) !important;}
.stat-card-balance small, .stat-card-balance p, .stat-card-balance [class*="label"], .stat-card-balance [class*="hint"]{color: var(--mute) !important;}
.sidebar-wallet{background: var(--surface) !important; border: 2.5px solid var(--nb-ink) !important; box-shadow: 3px 3px 0 var(--nb-ink) !important; border-radius: 14px !important;}
.sidebar-wallet *{color: var(--nb-ink) !important; text-shadow: none !important;}
html body .primary-button, html body .task-card button, html body .task-card .tk-actions button, html body .task-card > button, html body .bw-submit, html body .primary-link, html body .login-button,
html body #duck-btn-submit-bank, html body #duck-btn-submit-card, html body #duck-btn-submit-game, html body .wallet-section #duck-btn-submit-bank, html body .wallet-section #duck-btn-submit-card, html body .wallet-section #duck-btn-submit-game, html body .ltn-checkin-main-btn{background: #10b981 !important; color: #052e1b !important; border: 2.5px solid var(--nb-ink) !important; box-shadow: 3px 3px 0 var(--nb-ink) !important; border-radius: 12px !important; font-weight: 800 !important; text-shadow: none !important;}
html body .primary-button:hover, html body .task-card button:hover, html body .bw-submit:hover:not(:disabled), html body .primary-link:hover{transform: translate(-1px,-1px); box-shadow: 5px 5px 0 var(--nb-ink) !important;}
html body .primary-button:active, html body .task-card button:active, html body .bw-submit:active{transform: translate(2px,2px); box-shadow: 1px 1px 0 var(--nb-ink) !important;}
html body .bw-submit:disabled, html body #duck-btn-submit-bank:disabled, html body #duck-btn-submit-card:disabled, html body #duck-btn-submit-game:disabled, html body .wallet-section #duck-btn-submit-bank:disabled, html body .wallet-section #duck-btn-submit-card:disabled, html body .wallet-section #duck-btn-submit-game:disabled{background: #d1fae5 !important; color: #047857 !important; box-shadow: 3px 3px 0 #94a3b8 !important; border-color: #94a3b8 !important;}
.ltn-task-boost-pill, .ltn-boost-status, .badge, [class*="status-pill"], .eyebrow-pill{border: 2px solid var(--nb-ink) !important; box-shadow: 2px 2px 0 var(--nb-ink) !important; font-weight: 800 !important;}
.shortcut-card > span:first-child, .tk-icon, .feature-icon, .prompt-icon, .ltn-rule-mini-icon, .ltn-ref-svg-badge, .ltn-promo-perk-svg{border: 2px solid color-mix(in srgb, var(--c, var(--c2)) 55%, #fff) !important; border-radius: 14px !important;}
.sidebar{background: #fff !important; border-right: 2.5px solid var(--nb-ink) !important; box-shadow: none !important;}
html[data-theme="dark"] .sidebar{background: var(--surface) !important;}
.nav-link.is-active, .nav-sub-link.is-active{background: #d1fae5 !important; color: #064e3b !important; border: 2px solid var(--nb-ink) !important; box-shadow: 3px 3px 0 var(--nb-ink) !important;}
.mono-tabbar{border-top: 2.5px solid var(--nb-ink) !important;}
.mono-tabbar a.is-active{background: #d1fae5 !important; color: #064e3b !important; border: 2px solid var(--nb-ink);}
.stat-card strong, .stat-value, [class*="amount"], .wd-amount, td:last-child{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important; font-variant-numeric: tabular-nums;}
.tk-progress{border: 2px solid var(--nb-ink); height: 12px !important; border-radius: 8px !important;}
.mono-theme-toggle{border: 2.5px solid var(--nb-ink) !important; box-shadow: 3px 3px 0 var(--nb-ink) !important;}
html body .stat-card-balance{padding: 66px 28px 24px !important;}
html body .stat-card-balance::before{right: 0 !important; top: 0 !important; left: 0 !important; width: auto !important; height: 40px !important; border-radius: 15px 15px 0 0 !important; background-color: #111827 !important; z-index: 1;}
html body .sidebar-wallet > span, html body .sidebar-wallet strong{color: var(--nb-ink) !important;}
html body .sidebar-wallet > span{opacity: .7;}
html[data-theme="dark"] .stat-card-balance::before{border-bottom-color: #334155;}
html body .stats-grid > .stat-card-balance, html body .stat-card.stat-card-balance, html body article.stat-card-balance, html body div.stat-card-balance{padding-top: 66px !important;}
html body .stat-card-balance > :first-child{margin-top: 0 !important;}
html body .nav-link > span:first-child, html body .shortcut-card > span:first-child, html body .tk-icon, html body .feature-icon, html body .prompt-icon, html body .ltn-rule-mini-icon, html body .ltn-ref-svg-badge, html body .ltn-promo-perk-svg{background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; width: 28px !important; height: 28px !important; min-width: 28px; display: inline-grid !important; place-items: center; padding: 0 !important;}
html body .nav-link.is-active > span:first-child{background: transparent !important; color: var(--c, #059669) !important;}
html body .nav-link.is-active > span:first-child svg{color: var(--c, #059669) !important; stroke: var(--c, #059669) !important;}
html body .shortcut-card > span:first-child svg, html body .tk-icon svg, html body .feature-icon svg{width: 24px !important; height: 24px !important;}
html body .nav-link{gap: 12px !important; align-items: center !important;}
html body .shortcut-card, html body .tk-head{align-items: center !important; gap: 14px !important;}
html body .stat-card-balance, html body .stat-card-balance > *, html body .stat-card-balance span, html body .stat-card-balance div, html body .stat-card-balance strong{color: var(--nb-ink) !important;}
html body .stat-card-balance small, html body .stat-card-balance p{color: var(--mute) !important;}
html body .stat-card-balance{padding-top: 56px !important; row-gap: 6px;}
html body .wd-tile, html body .wd-tile span{background: #fff !important; color: var(--nb-ink) !important;}
html[data-theme="dark"] body .wd-tile, html[data-theme="dark"] body .wd-tile span{background: var(--surface) !important;}
html body .wd-tile{border: 2.5px solid var(--nb-ink) !important; box-shadow: 3px 3px 0 var(--nb-ink) !important;}
html body .wd-tile:has(input:checked), html body .wd-tile:has(input:checked) span{background: #d1fae5 !important; color: #064e3b !important;}
html body .wd-tile:has(input:checked){transform: translate(2px,2px); box-shadow: 1px 1px 0 var(--nb-ink) !important;}
html:not([data-theme="dark"]) body :is(.duck-live-bar, .duck-ticker-time, .withdraw-lock-banner, .panel){background: #f1f5f9 !important;}
html body .leaderboard-hero{background: #ecfdf5 !important; border: 2.5px solid var(--nb-ink) !important; box-shadow: var(--nb-sh) !important;}
html body .leaderboard-hero *{text-shadow: none !important;}

html body .ltn-milestone-reward{background: #fef3c7 !important; color: #92400e !important; border: 2px solid var(--nb-ink);}
html body .gift-icon{background: #d1fae5 !important; border: 2px solid var(--nb-ink) !important;}
html body .withdraw-lock-banner{border: 2.5px solid var(--nb-ink) !important; color: var(--nb-ink) !important;}
#overview{max-width: 980px; margin-inline: auto;}
#overview .welcome-card{display: flex !important; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: var(--surface) !important; border: 2.5px solid var(--nb-ink) !important; box-shadow: var(--nb-sh) !important; border-radius: 18px !important; padding: 18px 22px !important; margin-bottom: 20px;}
#overview .welcome-orb{display: none !important;}
#overview .welcome-card h2{font-size: clamp(20px,2.6vw,28px) !important; margin: 2px 0 !important;}
#overview .welcome-card p{margin: 0 !important;}
.nb-clock{display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 2.5px solid var(--nb-ink); border-radius: 14px; background: #ecfdf5; box-shadow: 3px 3px 0 var(--nb-ink); font-weight: 700; font-size: 13px;}
.nb-clock b{font: 800 18px ui-monospace,Menlo,Consolas,monospace; color: #059669; letter-spacing: .04em;}
.nb-dot{width: 10px; height: 10px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,.25);}
.nb-balance-grid{grid-template-columns: 1fr !important; margin-bottom: 22px;}
html body .stat-card-balance{grid-template-columns: 1fr 1fr; align-items: start;}
html body .stat-card-balance > span, html body .stat-card-balance > strong, html body .stat-card-balance > small{grid-column: 1 / -1;}
.nb-subboxes{grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; padding-top: 18px; border-top: 2.5px dashed #cbd5e1;}
.nb-sub{border: 2.5px solid var(--nb-ink); border-radius: 14px; padding: 14px 16px; box-shadow: 3px 3px 0 var(--nb-ink);}
.nb-sub-a{background: #ecfdf5;}
.nb-sub-b{background: #eff6ff;}
.nb-sub h4{font-size: 13px; font-weight: 900; letter-spacing: .04em; margin: 0 0 10px;}
.nb-sub p{display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 6px 0 0; font-size: 14px;}
.nb-sub p span{color: var(--mute) !important;}
.nb-sub b{font: 800 16px ui-monospace,Menlo,Consolas,monospace;}
.nb-sub-a b{color: #059669 !important;}
.nb-sub-b b{color: #2563eb !important;}
.nb-sub em{font-style: normal; font-size: 12px; color: var(--mute);}
html[data-theme="dark"] .nb-sub-a{background: rgba(16,185,129,.12);}
html[data-theme="dark"] .nb-sub-b{background: rgba(37,99,235,.14);}
html[data-theme="dark"] .nb-clock{background: rgba(16,185,129,.12);}
#overview .overview-shortcuts{grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; margin-top: 22px;}
#overview .shortcut-card{padding: 16px 18px !important;}
#overview .activity-chart-grid{grid-template-columns: 1fr 1fr; gap: 18px;}
@media (max-width: 720px){
.nb-subboxes, #overview .overview-shortcuts, #overview .activity-chart-grid{grid-template-columns: 1fr !important;}
}
:root{--bt-bg:#f4efe6; --bt-ink:#17181c; --bt-mute:#5d6070; --bt-white:#fff; --nb-ink:#17181c; --nb-sh:0 5px 0 #17181c; --c1:#3b82f6; --c2:#10b981; --c3:#f59e0b; --c4:#06b6d4; --c5:#fb7c3c; --bg:#f4efe6; --ink:#17181c; --mute:#5d6070; --line:#17181c; --line2:#17181c; --surface:#fff;}
html[data-theme="dark"]{--bt-bg:#101113; --bt-ink:#f1f1f4; --bt-mute:#9a9cab; --bt-white:#1a1b1f; --nb-ink:#f1f1f4; --nb-sh:0 5px 0 #000; --c1:#60a5fa; --c2:#34d399; --c3:#fbbf24; --c4:#22d3ee; --c5:#fb923c; --bg:#101113; --ink:#f1f1f4; --mute:#9a9cab; --surface:#1a1b1f; --line:#32333a; --line2:#454650;}
html body, html:not([data-theme="dark"]), html:not([data-theme="dark"]) body{background-color: var(--bt-bg) !important; background-image: none !important; color: var(--bt-ink);}
html[data-theme="dark"], html[data-theme="dark"] body{background-color: var(--bt-bg) !important;}
html body h1, html body h2, html body h3{letter-spacing: -.03em;}
html body main h1{font-size: clamp(30px,4vw,44px) !important; font-weight: 900 !important;}
html body .sidebar{margin: 14px 0 14px 14px !important; height: calc(100vh - 28px) !important; top: 14px !important; border: 2px solid var(--bt-ink) !important; border-radius: 28px !important; background: var(--bt-white) !important; box-shadow: var(--nb-sh) !important; overflow: auto;}
html body .nav-link{border-radius: 16px !important; font-weight: 700; border: 2px solid transparent !important;}
html body .nav-link:hover, html body .nav-sub-link:hover{background: color-mix(in srgb, var(--c, #888) 12%, transparent) !important;}
html body .nav-link.is-active, html body .nav-sub-link.is-active{background: var(--bt-ink) !important; color: var(--bt-bg) !important; border: 2px solid var(--bt-ink) !important; box-shadow: none !important; border-radius: 999px !important;}
html body .nav-link.is-active *:not(svg):not(path), html body .nav-sub-link.is-active *{color: var(--bt-bg) !important;}
html body .nav-link.is-active > span:first-child svg{color: var(--bt-bg) !important; stroke: var(--bt-bg) !important;}
html body .sidebar-wallet{background: #cdf2dd !important; border: 2px solid var(--bt-ink) !important; border-radius: 20px !important; box-shadow: 0 4px 0 var(--bt-ink) !important;}
html[data-theme="dark"] body .sidebar-wallet{background: #14532d !important;}
html body .sidebar-wallet *, html body .sidebar-wallet strong{color: var(--bt-ink) !important;}

html body .wallet-section, html body .wallet-section > .panel:first-child{--c: var(--c2);}
html body :is(.task-card, .shortcut-card, .stat-card):hover{transform: translateY(-2px); box-shadow: 0 7px 0 var(--bt-ink) !important;}

html body :is(input, textarea, select){background: var(--bt-white) !important; border: 2px solid var(--bt-ink) !important; border-radius: 16px !important; color: var(--bt-ink) !important;}
html body :is(input, textarea, select):focus{box-shadow: 0 0 0 4px color-mix(in srgb, var(--c2) 35%, transparent) !important; border-color: var(--bt-ink) !important;}
html body :is(.panel, .wallet-section) :is(.panel){background: var(--bt-white) !important; box-shadow: none !important; border-radius: 20px !important;}
html body td, html body th{background: transparent !important;}
html body :is(.wd-tile, .wd-tile span){background: var(--bt-white) !important; color: var(--bt-ink) !important;}
html body .wd-tile{box-shadow: 0 4px 0 var(--bt-ink) !important; border-radius: 18px !important;}
html body .wd-tile:has(input:checked), html body .wd-tile:has(input:checked) span{background: var(--bt-ink) !important; color: var(--bt-bg) !important;}
html body #overview .welcome-card{--c: var(--c3);}
html body .nb-clock{background: var(--bt-white); border: 2px solid var(--bt-ink); box-shadow: 0 3px 0 var(--bt-ink); border-radius: 999px;}
html body .stat-card-balance{background: var(--bt-white) !important; border-radius: 26px !important; box-shadow: var(--nb-sh) !important;}
html body .stat-card-balance::before{border-radius: 24px 24px 0 0 !important; border-bottom: 2px solid var(--bt-ink) !important;}
html body .nb-sub{border: 2px solid var(--bt-ink); box-shadow: 0 4px 0 var(--bt-ink); border-radius: 20px;}
html body .nb-sub-a{background: #cdf2dd;}
html body .nb-sub-b{background: #cfe4ff;}
html[data-theme="dark"] body .nb-sub-a{background: #14532d;}
html[data-theme="dark"] body .nb-sub-b{background: #1e3a8a;}
html body :is(.primary-button, .task-card button, .task-card .tk-actions button, .task-card > button, .bw-submit, .primary-link, .login-button, #duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game, .ltn-checkin-main-btn, .ltn-boost-btn),
html body .wallet-section :is(#duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game){background: var(--bt-ink) !important; color: var(--bt-bg) !important; border: 2px solid var(--bt-ink) !important; border-radius: 999px !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--c2) 80%, #000) !important; font-weight: 800 !important; letter-spacing: .01em;}
html body :is(.primary-button, .task-card button, .bw-submit, .primary-link):hover:not(:disabled){transform: translateY(-2px); box-shadow: 0 6px 0 color-mix(in srgb, var(--c2) 80%, #000) !important;}
html body :is(.primary-button, .task-card button, .bw-submit, .primary-link):active{transform: translateY(3px); box-shadow: 0 1px 0 color-mix(in srgb, var(--c2) 80%, #000) !important;}
html body :is(.bw-submit, #duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game):disabled, html body .wallet-section :is(#duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game):disabled{background: color-mix(in srgb, var(--bt-ink) 14%, var(--bt-white)) !important; color: var(--bt-mute) !important; border-color: color-mix(in srgb, var(--bt-ink) 35%, transparent) !important; box-shadow: none !important;}
html body .tk-progress{background: var(--bt-white) !important; border: 2px solid var(--bt-ink) !important; height: 14px !important; border-radius: 999px !important;}
html body .tk-progress i{background: var(--c, var(--c2)) !important; border-radius: 999px;}
html body :is(.ltn-task-boost-pill, .ltn-boost-status, .badge, [class*="status-pill"]){background: var(--bt-white) !important; color: var(--bt-ink) !important; border: 2px solid var(--bt-ink) !important; border-radius: 999px !important; box-shadow: none !important;}
html body :is(.section-eyebrow, .eyebrow){background: var(--bt-ink) !important; color: var(--bt-bg) !important; display: inline-block; padding: 4px 12px !important; border-radius: 999px !important; font-size: 11px !important;}
html body .mono-tabbar{left: 12px !important; right: 12px !important; bottom: 12px !important; border: 2px solid var(--bt-ink) !important; border-radius: 999px !important; background: var(--bt-white) !important; box-shadow: var(--nb-sh) !important;}
html body .mono-tabbar a.is-active{background: var(--bt-ink) !important; color: var(--bt-bg) !important; border: 0 !important; border-radius: 999px !important;}
html body .mobile-topbar{background: var(--bt-bg) !important; border-bottom: 0 !important;}
html body .mono-theme-toggle{background: var(--bt-white) !important; border: 2px solid var(--bt-ink) !important; box-shadow: 0 3px 0 var(--bt-ink) !important;}
html body .leaderboard-hero{background: #fdeeb3 !important; border: 2px solid var(--bt-ink) !important; border-radius: 26px !important; box-shadow: var(--nb-sh) !important;}
html body .withdraw-lock-banner{background: #fdeeb3 !important; border-radius: 18px !important;}
html body, html body :is(.app-shell, .app-main, .main-content, .dashboard-main, main, .content, .app-layout){background: var(--bt-bg) !important; background-image: none !important;}
html body .task-card .tk-rows > *, html body .task-card .rows-list, html body .task-card .rows-list > *{background: transparent !important; border: 0 !important; border-radius: 0 !important;}
html body .task-card .tk-rows > *, html body .task-card .rows-list > *{border-bottom: 2px dashed color-mix(in srgb, var(--bt-ink) 25%, transparent) !important;}
html body :is(.ltn-booster-banner, .booster-banner, .ltn-boost-card){background: #fdeeb3 !important; border: 2px solid var(--bt-ink) !important; border-radius: 26px !important; box-shadow: var(--nb-sh) !important;}
html body .ltn-boost-banner{background: #fdeeb3 !important; border: 2px solid var(--bt-ink) !important; border-radius: 26px !important; box-shadow: var(--nb-sh) !important; margin-bottom: 20px;}
html[data-theme="dark"] body .ltn-boost-banner{background: #3f3410 !important;}
html body .ltn-boost-banner :is(button, a){border-radius: 999px !important; border: 2px solid var(--bt-ink) !important;}
html body .wallet-section{background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;}
html body .wallet-section > .panel{margin-bottom: 20px;}
html body .wallet-section > .panel:nth-of-type(2){--c: var(--c4);}
html body .wallet-section > .panel:nth-of-type(3){--c: var(--c3);}
html[data-theme="dark"] body .nb-sub-a b{color: #6ee7b7 !important;}
html[data-theme="dark"] body .nb-sub-b b{color: #93c5fd !important;}
html[data-theme="dark"] body .nav-link.is-active{background: var(--bt-ink) !important;}
html[data-theme="dark"] body .nav-link.is-active > span:first-child{background: transparent !important;}
@media (max-width: 1023px){
html body .sidebar{margin: 0 !important; top: 0 !important; height: 100vh !important; border-radius: 0 28px 28px 0 !important;}
html body .sidebar:not(.is-open):not(.open){border: 0 !important; box-shadow: none !important;}
}
html[data-theme="dark"]{--bt-bg:#08080a; --bt-ink:#f5f5f7; --bt-mute:#8e8e99; --bt-white:#131316; --nb-ink:#f5f5f7; --nb-sh:0 0 0 transparent; --c1:#5aa9ff; --c2:#34d399; --c3:#fbbf24; --c4:#22d3ee; --c5:#fb923c; --bg:#08080a; --ink:#f5f5f7; --mute:#8e8e99; --surface:#131316; --line:#26262b; --line2:#34343b;}
html[data-theme="dark"] body{--edge:#2a2a30;}
html[data-theme="dark"] body, html[data-theme="dark"] body :is(.app-shell,.app-main,.main-content,main,.content,.app-layout){background: #08080a !important;}

html[data-theme="dark"] body :is(.task-card, .shortcut-card, .stat-card):hover{transform: translateY(-3px); border-color: color-mix(in srgb, var(--c, var(--c1)) 70%, #333) !important; box-shadow: 0 18px 34px -16px color-mix(in srgb, var(--c, var(--c1)) 70%, transparent) !important;}
html[data-theme="dark"] body .wallet-section{background: transparent !important; box-shadow: none !important; border: 0 !important;}
html[data-theme="dark"] body :is(.panel, .wallet-section) :is(.panel){background: #0d0d10 !important; border: 1px solid #24242a !important; box-shadow: none !important;}

html[data-theme="dark"] body :is(input, textarea, select){background: #0c0c0f !important; border: 1px solid #2c2c33 !important; border-radius: 14px !important; color: #f5f5f7 !important;}
html[data-theme="dark"] body :is(input, textarea, select):focus{border-color: var(--c2) !important; box-shadow: 0 0 0 3px rgba(52,211,153,.18) !important;}
html[data-theme="dark"] body :is(.wd-tile, .wd-tile span){background: #0c0c0f !important; color: #f5f5f7 !important;}
html[data-theme="dark"] body .wd-tile{border: 1px solid #2c2c33 !important; border-radius: 14px !important; box-shadow: none !important;}
html[data-theme="dark"] body .wd-tile:has(input:checked), html[data-theme="dark"] body .wd-tile:has(input:checked) span{background: #f5f5f7 !important; color: #08080a !important;}
html[data-theme="dark"] body .task-card .tk-rows > *, html[data-theme="dark"] body .task-card .rows-list > *{border-bottom: 1px dashed #2a2a31 !important;}
html[data-theme="dark"] body .sidebar{background: #0d0d10 !important; border: 1px solid #25252b !important; box-shadow: 0 20px 50px -20px rgba(0,0,0,.9) !important;}
html[data-theme="dark"] body .sidebar-wallet{background: linear-gradient(135deg,#064e3b,#0d0d10 80%) !important; border: 1px solid #1f6f56 !important; box-shadow: none !important;}
html[data-theme="dark"] body .sidebar-wallet *{color: #ecfdf5 !important;}
html[data-theme="dark"] body .nav-link.is-active, html[data-theme="dark"] body .nav-sub-link.is-active{background: #f5f5f7 !important; color: #08080a !important; border-color: #f5f5f7 !important;}
html[data-theme="dark"] body .nav-link.is-active *:not(svg):not(path), html[data-theme="dark"] body .nav-sub-link.is-active *{color: #08080a !important;}
html[data-theme="dark"] body .nav-link.is-active > span:first-child svg{color: #08080a !important; stroke: #08080a !important;}
html[data-theme="dark"] body .nav-link:hover, html[data-theme="dark"] body .nav-sub-link:hover{background: rgba(255,255,255,.06) !important;}
html[data-theme="dark"] body :is(.primary-button, .task-card button, .task-card .tk-actions button, .task-card > button, .bw-submit, .primary-link, .login-button, #duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game, .ltn-checkin-main-btn, .ltn-boost-btn),
html[data-theme="dark"] body .wallet-section :is(#duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game){background: #f5f5f7 !important; color: #08080a !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 6px 22px -6px color-mix(in srgb, var(--c, var(--c2)) 70%, transparent) !important; font-weight: 800 !important;}
html[data-theme="dark"] body :is(.primary-button, .task-card button, .bw-submit, .primary-link):hover:not(:disabled){background: #fff !important; box-shadow: 0 10px 28px -6px color-mix(in srgb, var(--c, var(--c2)) 85%, transparent) !important; transform: translateY(-2px);}
html[data-theme="dark"] body :is(.bw-submit, #duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game):disabled, html[data-theme="dark"] body .wallet-section :is(#duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game):disabled{background: #1c1c21 !important; color: #6f6f7a !important; box-shadow: none !important;}
html[data-theme="dark"] body .tk-progress{background: #0c0c0f !important; border: 1px solid #2a2a31 !important; height: 10px !important;}
html[data-theme="dark"] body .tk-progress i{background: linear-gradient(90deg, var(--c, var(--c2)), color-mix(in srgb, var(--c, var(--c2)) 55%, #fff)) !important;}
html[data-theme="dark"] body :is(.ltn-task-boost-pill, .ltn-boost-status, .badge, [class*="status-pill"]){background: rgba(255,255,255,.06) !important; color: #e9e9ee !important; border: 1px solid #34343b !important;}
html[data-theme="dark"] body :is(.section-eyebrow, .eyebrow){background: rgba(52,211,153,.12) !important; color: #34d399 !important; border: 1px solid rgba(52,211,153,.35) !important;}
html[data-theme="dark"] body .nb-clock{background: #0d0d10; border: 1px solid #2a2a31; box-shadow: none;}
html[data-theme="dark"] body .stat-card-balance{background: #0d0d10 !important; border: 1px solid #26262c !important; box-shadow: 0 30px 60px -30px rgba(52,211,153,.35) !important; border-radius: 22px !important;}
html[data-theme="dark"] body .stat-card-balance::before{background-color: #17171b !important; border-bottom: 1px solid #26262c !important; color: #9a9aa6;}
html[data-theme="dark"] body .nb-sub{border: 1px solid #2a2a31; box-shadow: none; border-radius: 16px;}
html[data-theme="dark"] body .nb-sub-a{background: linear-gradient(160deg, rgba(52,211,153,.16), #0d0d10 80%);}
html[data-theme="dark"] body .nb-sub-b{background: linear-gradient(160deg, rgba(90,169,255,.16), #0d0d10 80%);}
html[data-theme="dark"] body .nb-subboxes{border-top-color: #2a2a31;}
html[data-theme="dark"] body .mono-tabbar{background: rgba(19,19,22,.92) !important; border: 1px solid #2a2a31 !important; box-shadow: 0 16px 40px -10px #000 !important; backdrop-filter: blur(14px);}
html[data-theme="dark"] body .mono-tabbar a.is-active{background: #f5f5f7 !important; color: #08080a !important;}
html[data-theme="dark"] body .mono-theme-toggle{background: #131316 !important; border: 1px solid #2a2a31 !important; box-shadow: none !important; color: #f5f5f7;}
html[data-theme="dark"] body .leaderboard-hero, html[data-theme="dark"] body .withdraw-lock-banner{background: linear-gradient(135deg, rgba(251,191,36,.16), #0d0d10) !important; border: 1px solid rgba(251,191,36,.4) !important; box-shadow: none !important;}
html[data-theme="dark"] body .ltn-boost-banner{--c: var(--c3);}
html[data-theme="dark"] body h1, html[data-theme="dark"] body h2, html[data-theme="dark"] body h3{color: #f5f5f7;}
html[data-theme="dark"] body :is(td, th){background: transparent !important; color: #e4e4ea;}

html[data-theme="dark"] body #overview .welcome-card{border: 1px solid color-mix(in srgb, var(--c3) 40%, #2a2a30) !important; box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--c3) 55%, transparent) !important;}
html[data-theme="dark"] body :is(.nav-link > span:first-child, .shortcut-card > span:first-child, .tk-icon, .feature-icon, .prompt-icon, .ltn-rule-mini-icon, .ltn-ref-svg-badge, .ltn-promo-perk-svg){background: transparent !important; border: 0 !important; box-shadow: none !important;}
html[data-theme="dark"] body .nav-link.is-active > span:first-child{background: transparent !important;}
@media (min-width: 1024px){
html body .mono-theme-toggle{top: 20px !important; right: 26px !important; bottom: auto !important; left: auto !important; width: 46px; height: 46px;}
}
html:not([data-theme="dark"]) body{background-color: #f4efe6 !important; background-image: repeating-linear-gradient(90deg, transparent 0 7px, #f4efe6 7px 13px), repeating-linear-gradient(0deg, transparent 0 39px, rgba(23,24,28,.10) 39px 40px) !important;}
html[data-theme="dark"] body{background-color: #08080a !important; background-image: repeating-linear-gradient(90deg, transparent 0 7px, #08080a 7px 13px), repeating-linear-gradient(0deg, transparent 0 39px, rgba(255,255,255,.06) 39px 40px) !important;}
html body :is(.app-shell, .app-main, .main-content, .dashboard-main, main, .content, .app-layout){background: transparent !important;}
html[data-theme="dark"] body :is(.app-shell, .app-main, .main-content, main, .content, .app-layout){background: transparent !important;}

html body :is(.panel, .wallet-section) .panel{background-image: none !important;}
html:not([data-theme="dark"]) body :is(.panel, .wallet-section) .panel{background: #fff !important;}
html[data-theme="dark"] body :is(.panel, .wallet-section) .panel{background: #0d0d10 !important;}
html body .task-card, html body .shortcut-card, html body .stat-card:not(.stat-card-balance){padding-top: 22px !important;}
html body .section-heading{display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 0 0 18px !important; padding: 24px 22px 14px !important; border-radius: 22px !important; --c: var(--c2); border: 2px solid var(--bt-ink) !important; box-shadow: var(--nb-sh) !important;}
html[data-theme="dark"] body .section-heading{border: 1px solid color-mix(in srgb, var(--c) 40%, #2a2a30) !important; box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--c) 55%, transparent) !important;}
html body .section-heading h2{margin: 2px 0 !important; font-size: clamp(18px,2vw,24px) !important;}
html body .section-heading p{margin: 0 !important;}
html body .section-heading h2::before{content: none !important;}
html body main h1{padding-bottom: 12px; background: repeating-linear-gradient(90deg, var(--bt-ink) 0 10px, transparent 10px 18px) left bottom / min(100%, 260px) 3px no-repeat; margin-bottom: 18px !important;}
html body .panel-heading{padding-bottom: 12px; margin-bottom: 14px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--bt-ink) 35%, transparent) 0 8px, transparent 8px 14px) left bottom / 100% 2px no-repeat; border-bottom: 0 !important;}
html body .panel-heading::after{display: none !important;}
html body .panel-heading h3::before, html body .section-heading h2::after{display: none !important;}
html body .sidebar-brand{padding-bottom: 14px;}
html body .stat-card-balance::before{background-image: radial-gradient(circle at 18px 20px,#ef4444 6px,transparent 7px), radial-gradient(circle at 40px 20px,#f59e0b 6px,transparent 7px), radial-gradient(circle at 62px 20px,#10b981 6px,transparent 7px) !important;}
html body .nb-subboxes{border-top: 0 !important; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--bt-ink) 35%, transparent) 0 10px, transparent 10px 18px) top / 100% 2px no-repeat; padding-top: 22px !important;}
html body .task-card .tk-rows > *{border-bottom: 2px dashed color-mix(in srgb, var(--bt-ink) 22%, transparent) !important;}
html body .sidebar{overflow: hidden !important;}
html body .sidebar > nav{flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin;}
html body .sidebar > nav::-webkit-scrollbar{width: 6px;}
html body .sidebar > nav::-webkit-scrollbar-thumb{background: rgba(128,128,128,.35); border-radius: 6px;}
html body .sidebar > .sidebar-brand-row, html body .sidebar > .sidebar-wallet, html body .sidebar > .sidebar-footer, html body .sidebar > :last-child{flex-shrink: 0;}
html:not([data-theme="dark"]) body .wallet-section > .panel{background: color-mix(in srgb, var(--c) 15%, #fff) !important; border: 2px solid var(--bt-ink) !important; box-shadow: var(--nb-sh) !important; border-radius: 26px !important; padding-top: 24px;}
html[data-theme="dark"] body .wallet-section > .panel{background: linear-gradient(160deg, color-mix(in srgb, var(--c) 11%, #121215) 0%, #0f0f12 70%) !important; border: 1px solid color-mix(in srgb, var(--c) 38%, #2a2a30) !important; border-radius: 22px !important; padding-top: 24px; box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--c) 55%, transparent) !important;}
html body .wallet-section > .panel:nth-of-type(1){--c: var(--c2);}
html body .wallet-section > .panel:nth-of-type(2){--c: var(--c1);}
html body .wallet-section > .panel:nth-of-type(3){--c: var(--c3);}
html body .wallet-section > .panel:nth-of-type(4){--c: var(--c4);}
html:not([data-theme="dark"]) body :is(.empty-card, .ltn-gift-rule-item, .ltn-rule-mini-card, .panel .ltn-ref-stat-card){background: #fff !important; box-shadow: none !important; border-radius: 18px !important; border-width: 2px !important;}
html[data-theme="dark"] body :is(.empty-card, .ltn-gift-rule-item, .ltn-rule-mini-card, .panel .ltn-ref-stat-card){background: #0c0c0f !important; box-shadow: none !important; border: 1px solid color-mix(in srgb, var(--c, var(--c1)) 30%, #26262c) !important; border-radius: 16px !important;}
html body :is(.shortcut-card, .stat-card:not(.stat-card-balance)){padding-top: 18px !important;}
html:not([data-theme="dark"]) body :is(.shortcut-card, .stat-card:not(.stat-card-balance)){}
html[data-theme="dark"] body :is(.shortcut-card, .stat-card:not(.stat-card-balance)){}
html:not([data-theme="dark"]) body :is(.wallet-main, .wallet-side, .wallet-col, .withdraw-col-right) > .panel{background: color-mix(in srgb, var(--c) 15%, #fff) !important; border: 2px solid var(--bt-ink) !important; box-shadow: var(--nb-sh) !important; border-radius: 26px !important; padding-top: 26px !important;}
html[data-theme="dark"] body :is(.wallet-main, .wallet-side, .wallet-col, .withdraw-col-right) > .panel{background: linear-gradient(160deg, color-mix(in srgb, var(--c) 11%, #121215) 0%, #0f0f12 70%) !important; border: 1px solid color-mix(in srgb, var(--c) 38%, #2a2a30) !important; border-radius: 22px !important; padding-top: 26px !important; box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--c) 55%, transparent) !important;}
html body :is(.wallet-main, .wallet-side, .wallet-col, .withdraw-col-right) > .panel:nth-child(4n+1){--c: var(--c2);}
html body :is(.wallet-main, .wallet-side, .wallet-col, .withdraw-col-right) > .panel:nth-child(4n+2){--c: var(--c1);}
html body :is(.wallet-main, .wallet-side, .wallet-col, .withdraw-col-right) > .panel:nth-child(4n+3){--c: var(--c3);}
html body :is(.wallet-main, .wallet-side, .wallet-col, .withdraw-col-right) > .panel:nth-child(4n+4){--c: var(--c4);}
html[data-theme="dark"] body .wd-tile:has(input:checked) *{color: #08080a !important;}
html:not([data-theme="dark"]) body .wd-tile:has(input:checked) *{color: #f4efe6 !important;}
html body .wallet-main > .panel.bw-stats{--c: var(--c2) !important;}
html body .wallet-main > .panel.bw-chart-panel{--c: var(--c1) !important;}
html body .wallet-main > .panel.bw-form{--c: var(--c3) !important;}
html body .wallet-main > .panel:not(.bw-stats):not(.bw-chart-panel):not(.bw-form){--c: var(--c4) !important;}
html:not([data-theme="dark"]) body .duck-live-bar{background: #fff !important; border: 2px solid var(--bt-ink) !important;}
html body main, html body .content-section{padding-bottom: 28px;}
html body .wallet-section{background: transparent !important; border: 0 !important; box-shadow: none !important;}
html:not([data-theme="dark"]) body section.wallet-section.content-section, html[data-theme="dark"] body section.wallet-section.content-section{background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding-top: 0 !important;}
@media (min-width: 1024px){
html body .sidebar .nav-link.is-active, html body .sidebar .nav-sub-link.is-active,
  html[data-theme="dark"] body .sidebar .nav-link.is-active, html[data-theme="dark"] body .sidebar .nav-sub-link.is-active{background: transparent !important; border-color: transparent !important; box-shadow: none !important; border-radius: 16px !important; color: var(--bt-ink) !important; font-weight: 900 !important;}
html body .sidebar .nav-link.is-active *:not(svg):not(path), html body .sidebar .nav-sub-link.is-active *,
  html[data-theme="dark"] body .sidebar .nav-link.is-active *:not(svg):not(path), html[data-theme="dark"] body .sidebar .nav-sub-link.is-active *{color: var(--bt-ink) !important;}
html body .sidebar .nav-link.is-active > span:first-child svg, html[data-theme="dark"] body .sidebar .nav-link.is-active > span:first-child svg{color: var(--c, var(--bt-ink)) !important; stroke: var(--c, var(--bt-ink)) !important;}
}
html body :is(.wd-tile:has(input:checked), .bk-item.is-current, .bk-field.is-selected, .lbt-item.is-selected, .q-chip.is-active, .q-chip.active, .q-chip.selected, .w-tab-btn.is-active, .w-tab-btn.active, .filter-btn.active, .filter-btn.is-active, .bank-chip.selected, .bank-chip.is-active, .denom-box.selected, .denom-box.is-selected, .telco-card-box.selected, .telco-card-box.is-selected, .vtab-item.active){background: #d1fae5 !important; border: 2px solid #10b981 !important; color: #064e3b !important; box-shadow: 0 0 0 3px rgba(16,185,129,.18) !important; transform: none !important;}
html body .wd-tile:has(input:checked) *, html:not([data-theme="dark"]) body .wd-tile:has(input:checked) *, html[data-theme="dark"] body .wd-tile:has(input:checked) *{background: transparent !important; color: #064e3b !important;}
html[data-theme="dark"] body :is(.wd-tile:has(input:checked), .bk-item.is-current, .bk-field.is-selected, .lbt-item.is-selected, .q-chip.is-active, .q-chip.active, .q-chip.selected, .w-tab-btn.is-active, .w-tab-btn.active, .filter-btn.active, .filter-btn.is-active, .bank-chip.selected, .bank-chip.is-active, .denom-box.selected, .denom-box.is-selected, .telco-card-box.selected, .telco-card-box.is-selected, .vtab-item.active){background: rgba(16,185,129,.16) !important; border-color: #34d399 !important; color: #d1fae5 !important; box-shadow: 0 0 0 3px rgba(52,211,153,.14) !important;}
html[data-theme="dark"] body .wd-tile:has(input:checked) *, html[data-theme="dark"] body .wd-tile:has(input:checked) strong{color: #d1fae5 !important;}

/* ===== Sửa lỗi nhỏ (kiểm tra tự động) ===== */
/* Hình trang trí bảng xếp hạng nhô ra ngoài khung hình trên điện thoại */
html body .leaderboard-mini-panel { overflow: hidden; }
html body .leaderboard-mini-panel .lb-ornament { max-width: 100%; }

/* ===== Trang công khai (landing, khóa tài khoản, lỗi, bảo trì): cùng ngôn ngữ thiết kế với dashboard ===== */
/* Nút đổi giao diện nằm góc phải trên (PC) nên chừa chỗ, không đè lên nút Đăng nhập */
@media (min-width: 1024px) {
  html body .topbar .header-actions { margin-right: 40px !important; }
}
/* Thẻ chính: nền nhạt theo màu nhấn, viền dày và bóng cứng (sáng) / viền màu mảnh và quầng sáng (tối) */
html:not([data-theme="dark"]) body :is(.hero-glass, .locked-card, .maintenance-card) {
  background: color-mix(in srgb, var(--c, var(--c3)) 15%, var(--bt-white)) !important;
  border: 2px solid var(--bt-ink) !important; border-radius: 26px !important; box-shadow: var(--nb-sh) !important;
}
html:not([data-theme="dark"]) body .hero-glass { --c: var(--c1); }
html:not([data-theme="dark"]) body :is(.locked-reason, .locked-steps, .locked-warning, .maint-box, .maintenance-card .maint-info) {
  background: var(--bt-white) !important; border: 2px solid var(--bt-ink) !important; border-radius: 18px !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) body :is(.float-chip, .ltn-atmo-trigger, .locked-secondary) {
  background: var(--bt-white) !important; color: var(--bt-ink) !important; border: 2px solid var(--bt-ink) !important; box-shadow: 0 3px 0 var(--bt-ink) !important;
}
html:not([data-theme="dark"]) body .ltn-atmo-panel {
  background: var(--bt-white) !important; border: 2px solid var(--bt-ink) !important; border-radius: 20px !important; box-shadow: var(--nb-sh) !important;
}
html:not([data-theme="dark"]) body .notice-icon {
  background: color-mix(in srgb, var(--c3) 30%, var(--bt-white)) !important; border: 2px solid var(--bt-ink) !important; color: var(--bt-ink) !important; box-shadow: 0 3px 0 var(--bt-ink) !important;
}
html[data-theme="dark"] body :is(.hero-glass, .locked-card, .maintenance-card) {
  background: linear-gradient(160deg, color-mix(in srgb, var(--c, var(--c3)) 11%, #121215) 0%, #0f0f12 70%) !important;
  border: 1px solid color-mix(in srgb, var(--c, var(--c3)) 38%, #2a2a30) !important; border-radius: 22px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.02) inset, 0 14px 30px -18px color-mix(in srgb, var(--c, var(--c3)) 55%, transparent) !important;
}
html[data-theme="dark"] body .hero-glass { --c: var(--c1); }
html[data-theme="dark"] body :is(.locked-reason, .locked-steps, .locked-warning, .float-chip, .locked-secondary, .ltn-atmo-trigger) {
  background: #0c0c0f !important; border: 1px solid #26262c !important; color: #f5f5f7 !important; box-shadow: none !important;
}
html[data-theme="dark"] body .ltn-atmo-panel { background: #0d0d10 !important; border: 1px solid #24242a !important; border-radius: 20px !important; }
/* Tiêu đề căn giữa trong thẻ: gạch nét đứt cũng căn giữa */
html body :is(.locked-card, .maintenance-card) h1 { background-position: center bottom !important; }

/* ===== Nút ghim nhiệm vụ: icon đinh ghim vẽ hoàn toàn bằng CSS (không SVG/ảnh).
   Có #earn để thắng các luật nút của .task-card ở trên (chúng dùng :is() chứa id). ===== */
html body #earn .task-card .tk-head .tk-pin {
  position: relative !important; flex: none; width: 36px !important; height: 36px !important; min-width: 0 !important; margin: 0 0 0 auto !important; padding: 0 !important;
  display: grid !important; place-items: center; border-radius: 11px !important; cursor: pointer; color: var(--bt-mute) !important; font-size: 0 !important;
  background: var(--bt-white) !important; border: 2px solid var(--bt-ink) !important; box-shadow: 0 3px 0 var(--bt-ink) !important;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease, color .14s ease;
}
html body #earn .task-card .tk-head .tk-pin:hover { color: var(--bt-ink) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 0 var(--bt-ink) !important; background: var(--bt-white) !important; }
html body #earn .task-card .tk-head .tk-pin:active { transform: translateY(2px) !important; box-shadow: 0 1px 0 var(--bt-ink) !important; }
html body #earn .task-card .tk-head .tk-pin:focus-visible { outline: 3px solid var(--c1); outline-offset: 2px; }
html body #earn .task-card .tk-head .tk-pin.is-on, html body #earn .task-card .tk-head .tk-pin.is-on:hover { background: var(--c3) !important; color: var(--bt-ink) !important; }
html body .tk-pin-ico {
  position: relative; display: block; width: 14px; height: 18px; pointer-events: none;
  transform: rotate(38deg); transition: transform .24s cubic-bezier(.3, 1.6, .5, 1);
  background: linear-gradient(currentColor, currentColor) 6px 11px / 2px 7px no-repeat; /* kim ghim */
}
html body .tk-pin-ico::before { /* mũ ghim */
  content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 3px; border-radius: 2px; background: currentColor;
}
html body .tk-pin-ico::after { /* thân ghim: rỗng khi chưa ghim, đặc khi đã ghim */
  content: ""; position: absolute; left: 3px; top: 3px; width: 8px; height: 8px; box-sizing: border-box;
  border: 2px solid currentColor; border-radius: 2px 2px 5px 5px; background: transparent; transition: background .14s ease;
}
html body .tk-pin.is-on .tk-pin-ico { transform: rotate(0deg); }
html body .tk-pin.is-on .tk-pin-ico::after { background: currentColor; }
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin {
  background: linear-gradient(160deg, #1a1a1f, #101013) !important; border: 1px solid #2a2a31 !important; box-shadow: none !important; color: var(--bt-mute) !important;
}
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin:hover { color: #f5f5f7 !important; border-color: #3a3a44 !important; transform: none !important; box-shadow: none !important; background: linear-gradient(160deg, #1f1f25, #131316) !important; }
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin:active { transform: scale(.94) !important; }
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin.is-on, html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin.is-on:hover {
  color: var(--c3) !important; background: color-mix(in srgb, var(--c3) 14%, #101013) !important;
  border-color: color-mix(in srgb, var(--c3) 62%, #2a2a31) !important; box-shadow: 0 0 16px -4px color-mix(in srgb, var(--c3) 75%, transparent) !important;
}
@media (prefers-reduced-motion: reduce) { html body #earn .task-card .tk-head .tk-pin, html body .tk-pin-ico { transition: none; } }

/* ===== Thanh chuyển dạng viên thuốc dùng chung (Nhiệm vụ | Offerwall, Ngân hàng | Thẻ cào | Nạp game): viên thuốc, nút đang chọn là viên màu cam trượt trên nền tối ===== */
html body .content-section .tk-switch {
  position: relative; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 5px; margin: 0 0 18px;
  width: min(100%, 360px); border-radius: 999px; background: var(--bt-white); border: 2px solid var(--bt-ink); box-shadow: 0 4px 0 var(--bt-ink);
}
html body .content-section .tk-switch-btn {
  position: relative; z-index: 1; display: grid; place-items: center; min-height: 42px; padding: 0 18px; border-radius: 999px;
  font: inherit; font-weight: 800; font-size: 15px; letter-spacing: .01em; text-decoration: none; color: var(--bt-mute);
  background: transparent; border: 0; transition: color .18s ease, background .18s ease, transform .12s ease;
}
html body .content-section .tk-switch-btn:hover { color: var(--bt-ink); }
html body .content-section .tk-switch-btn:active { transform: scale(.97); }
html body .content-section .tk-switch-btn:focus-visible { outline: 3px solid var(--c1); outline-offset: 2px; }
html body .content-section .tk-switch-btn.is-active {
  color: #17181c; background: linear-gradient(180deg, #ffb35c, #f08a30); box-shadow: inset 0 0 0 2px var(--bt-ink);
}
html[data-theme="dark"] body .content-section .tk-switch {
  background: linear-gradient(180deg, #14151a, #0d0e12); border: 1px solid #26272e; box-shadow: inset 0 1px 0 #ffffff0a, 0 10px 24px -14px #000;
}
html[data-theme="dark"] body .content-section .tk-switch-btn { color: #7d8294; }
html[data-theme="dark"] body .content-section .tk-switch-btn:hover { color: #e6e8ef; }
html[data-theme="dark"] body .content-section .tk-switch-btn.is-active {
  color: #fff; background: linear-gradient(90deg, #d8782f, #f08a3a); box-shadow: inset 0 1px 0 #ffffff40, 0 6px 18px -8px #f08a3a;
}
html body .content-section .tk-switch:has(> :nth-child(3)) { width: min(100%, 500px); }
html body .content-section .tk-switch-btn { white-space: nowrap; }
@media (max-width: 560px) { html body .content-section .tk-switch { width: 100%; } html body .content-section .tk-switch-btn { padding: 0 8px; font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { html body .content-section .tk-switch-btn { transition: none; } }

/* =====================================================================
   No1 Orange — lớp giao diện cuối cùng (theo mẫu viên thuốc cam trên nền tối)
   Màu chủ đạo cam, bề mặt bo tròn mềm, viền mảnh, không còn bóng cứng.
   Muốn đổi tông: chỉ cần sửa 6 biến ngay dưới đây.
   ===================================================================== */
:root {
  --o1: #f4923c; --o2: #d97a2b; --o-grad: linear-gradient(90deg, #d97a2b, #f4923c); --o-ink: #1a1207;
  --n-bg: #f6f1e9; --n-surf: #ffffff; --n-line: #e7ddcc; --n-text: #1c1a17; --n-mute: #6f685d;
  --n-shadow: 0 1px 2px rgba(70, 45, 10, .06), 0 16px 34px -20px rgba(70, 45, 10, .28);
}
html[data-theme="dark"]{
  --n-bg: #09090b; --n-surf: #121317; --n-line: #25262d; --n-text: #f3f4f7; --n-mute: #8a8d9b;
  --n-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 18px 36px -22px rgba(0, 0, 0, .9);
}
html:not([data-theme="dark"]) body,
html[data-theme="dark"] body{ background: var(--n-bg) !important; color: var(--n-text); }
html[data-theme="dark"] body{
  background-image: radial-gradient(900px 420px at 8% -8%, rgba(244, 146, 60, .10), transparent 60%),
    linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important; background-attachment: fixed !important;
}
html:not([data-theme="dark"]) body{ background-image: radial-gradient(900px 420px at 8% -8%, rgba(244, 146, 60, .12), transparent 60%) !important; background-attachment: fixed !important; }

/* Thẻ / khối nội dung: bo 22px, viền mảnh, bóng mềm */
html:not([data-theme="dark"]) body :is(.panel, .task-card, .stat-card, .shortcut-card, .feature-card, .step-card, .wd-tile, .section-heading, .welcome-card, .ltn-rule-box, .ltn-boost-banner, .sidebar, .auth-card, .hero-glass, .locked-card, .maintenance-card, .ltn-atmo-panel),
html[data-theme="dark"] body :is(.panel, .task-card, .stat-card, .shortcut-card, .feature-card, .step-card, .wd-tile, .section-heading, .welcome-card, .ltn-rule-box, .ltn-boost-banner, .sidebar, .auth-card, .hero-glass, .locked-card, .maintenance-card, .ltn-atmo-panel){
  background: var(--n-surf) !important; border: 1px solid var(--n-line) !important; border-radius: 22px !important; box-shadow: var(--n-shadow) !important; color: var(--n-text);
}
html[data-theme="dark"] body :is(.panel, .task-card, .stat-card, .shortcut-card, .feature-card, .step-card, .wd-tile, .section-heading, .ltn-rule-box, .ltn-boost-banner, .auth-card, .hero-glass, .locked-card, .maintenance-card){
  background: linear-gradient(180deg, #15161b, #0e0f13) !important;
}
html:not([data-theme="dark"]) body .sidebar,
html[data-theme="dark"] body .sidebar{ border-radius: 26px !important; }
html:not([data-theme="dark"]) body .welcome-card,
html[data-theme="dark"] body .welcome-card{ background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body .section-heading,
html[data-theme="dark"] body .section-heading{ padding: 18px 24px !important; }
html:not([data-theme="dark"]) body :is(.panel .panel, .bw-chart, .bw-stats, .rows-list, .ltn-rule-mini-card, .ltn-gift-rule-item),
html[data-theme="dark"] body :is(.panel .panel, .bw-chart, .bw-stats, .rows-list, .ltn-rule-mini-card, .ltn-gift-rule-item){ background: color-mix(in srgb, var(--n-surf) 70%, var(--n-bg)) !important; border-radius: 16px !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body :is(.task-card, .shortcut-card, .feature-card, .step-card, .wd-tile):hover,
html[data-theme="dark"] body :is(.task-card, .shortcut-card, .feature-card, .step-card, .wd-tile):hover{ transform: translateY(-3px); border-color: color-mix(in srgb, var(--o1) 55%, var(--n-line)) !important; }
html:not([data-theme="dark"]) body :is(h1, h2, h3, h4, strong, .tk-name),
html[data-theme="dark"] body :is(h1, h2, h3, h4, strong, .tk-name){ color: var(--n-text); }
html:not([data-theme="dark"]) body :is(p, small, li, .muted, .tk-rows li span),
html[data-theme="dark"] body :is(p, small, li, .muted, .tk-rows li span){ color: var(--n-mute); }

/* Nút chính: viên thuốc cam */
html:not([data-theme="dark"]) body :is(.primary-button, .task-card button:not(.tk-pin), .task-card .tk-actions button, .bw-submit, .primary-link, .login-button, .ltn-checkin-main-btn, .ltn-milestone-btn:not(:disabled), #duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game, .ltn-boost-sync-btn),
html[data-theme="dark"] body :is(.primary-button, .task-card button:not(.tk-pin), .task-card .tk-actions button, .bw-submit, .primary-link, .login-button, .ltn-checkin-main-btn, .ltn-milestone-btn:not(:disabled), #duck-btn-submit-bank, #duck-btn-submit-card, #duck-btn-submit-game, .ltn-boost-sync-btn){
  background: var(--o-grad) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-weight: 800 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 10px 22px -10px rgba(244, 146, 60, .75) !important; text-shadow: none !important;
}
html:not([data-theme="dark"]) body :is(.primary-button, .task-card button:not(.tk-pin), .task-card .tk-actions button, .bw-submit, .primary-link, .login-button, .ltn-checkin-main-btn){ color: var(--o-ink) !important; }
html:not([data-theme="dark"]) body :is(.primary-button, .task-card button:not(.tk-pin), .bw-submit, .primary-link, .login-button, .ltn-checkin-main-btn):hover:not(:disabled),
html[data-theme="dark"] body :is(.primary-button, .task-card button:not(.tk-pin), .bw-submit, .primary-link, .login-button, .ltn-checkin-main-btn):hover:not(:disabled){
  transform: translateY(-2px); filter: brightness(1.06); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 14px 28px -10px rgba(244, 146, 60, .9) !important;
}
html:not([data-theme="dark"]) body :is(.primary-button, .task-card button, .bw-submit, .ltn-checkin-main-btn):disabled,
html[data-theme="dark"] body :is(.primary-button, .task-card button, .bw-submit, .ltn-checkin-main-btn):disabled{ filter: grayscale(.6) brightness(.9); opacity: .55; box-shadow: none !important; transform: none; }
html:not([data-theme="dark"]) body :is(.secondary-link, .text-button, .logout-button, .admin-open),
html[data-theme="dark"] body :is(.secondary-link, .text-button, .logout-button, .admin-open){ background: transparent !important; color: var(--n-text) !important; border: 1px solid var(--n-line) !important; border-radius: 999px !important; box-shadow: none !important; }

/* Điều hướng */
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link),
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link){ border-radius: 999px !important; color: var(--n-mute) !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link):hover,
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link):hover{ background: color-mix(in srgb, var(--o1) 12%, transparent) !important; color: var(--n-text) !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link).is-active,
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link).is-active{ background: var(--o-grad) !important; color: #fff !important; box-shadow: 0 8px 20px -10px rgba(244, 146, 60, .9) !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link).is-active{ color: var(--o-ink) !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link).is-active *:not(svg):not(path),
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link).is-active *:not(svg):not(path){ color: inherit !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link).is-active svg,
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link).is-active svg,
html:not([data-theme="dark"]) body .nav-link.is-active > span:first-child,
html[data-theme="dark"] body .nav-link.is-active > span:first-child{ color: inherit !important; background: transparent !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link).is-active::before,
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link).is-active::before{ display: none !important; }
html:not([data-theme="dark"]) body .nav-sub,
html[data-theme="dark"] body .nav-sub{ border-left-color: var(--n-line) !important; }
html:not([data-theme="dark"]) body .sidebar-wallet,
html[data-theme="dark"] body .sidebar-wallet{ background: var(--o-grad) !important; border: 0 !important; border-radius: 20px !important; box-shadow: 0 16px 30px -16px rgba(244, 146, 60, .8) !important; }
html:not([data-theme="dark"]) body .sidebar-wallet :is(span, strong),
html[data-theme="dark"] body .sidebar-wallet :is(span, strong){ color: var(--o-ink) !important; }
html[data-theme="dark"] body .sidebar-wallet :is(span, strong){ color: #fff !important; }
html:not([data-theme="dark"]) body .mono-tabbar a.is-active,
html[data-theme="dark"] body .mono-tabbar a.is-active{ background: var(--o-grad) !important; color: var(--o-ink) !important; border-radius: 999px; }
html[data-theme="dark"] body .mono-tabbar a.is-active{ color: #fff !important; }

/* Thanh chuyển + nút ghim theo cùng tông */
html:not([data-theme="dark"]) body .content-section .tk-switch,
html[data-theme="dark"] body .content-section .tk-switch{ background: var(--n-surf); border: 1px solid var(--n-line); box-shadow: var(--n-shadow); }
html[data-theme="dark"] body .content-section .tk-switch{ background: linear-gradient(180deg, #14151a, #0d0e12); }
html:not([data-theme="dark"]) body .content-section .tk-switch-btn.is-active,
html[data-theme="dark"] body .content-section .tk-switch-btn.is-active{ background: var(--o-grad); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 6px 18px -8px rgba(244, 146, 60, .9); color: var(--o-ink); }
html[data-theme="dark"] body .content-section .tk-switch-btn.is-active{ color: #fff; }
html:not([data-theme="dark"]) body #earn .task-card .tk-head .tk-pin{ background: var(--n-surf) !important; border: 1px solid var(--n-line) !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body #earn .task-card .tk-head .tk-pin.is-on,
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin.is-on,
html:not([data-theme="dark"]) body #earn .task-card .tk-head .tk-pin.is-on:hover,
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin.is-on:hover{ background: var(--o-grad) !important; color: var(--o-ink) !important; border-color: transparent !important; }
html[data-theme="dark"] body #earn .task-card .tk-head .tk-pin.is-on{ color: #fff !important; box-shadow: 0 0 16px -4px rgba(244, 146, 60, .75) !important; }

/* Tiến trình, pill, nhãn */
html:not([data-theme="dark"]) body :is(.tk-progress i, .ltn-quest-progressbar-fill),
html[data-theme="dark"] body :is(.tk-progress i, .ltn-quest-progressbar-fill){ background: var(--o-grad) !important; }
html:not([data-theme="dark"]) body :is(.tk-progress, .ltn-quest-progressbar-track),
html[data-theme="dark"] body :is(.tk-progress, .ltn-quest-progressbar-track){ background: color-mix(in srgb, var(--n-text) 9%, transparent) !important; border: 0 !important; border-radius: 999px !important; height: 8px !important; }
html:not([data-theme="dark"]) body :is(.ltn-task-boost-pill, .ltn-boost-status, .ltn-progress-pill, .tk-tag, .ltn-rule-pill),
html[data-theme="dark"] body :is(.ltn-task-boost-pill, .ltn-boost-status, .ltn-progress-pill, .tk-tag, .ltn-rule-pill){ background: color-mix(in srgb, var(--o1) 16%, transparent) !important; color: var(--o1) !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body :is(.section-eyebrow, .eyebrow),
html[data-theme="dark"] body :is(.section-eyebrow, .eyebrow){ color: var(--o1) !important; background: transparent !important; border: 0 !important; }
html:not([data-theme="dark"]) body :is(.shortcut-card, .tk-icon, .feature-icon) > span:first-child,
html[data-theme="dark"] body :is(.shortcut-card, .tk-icon, .feature-icon) > span:first-child,
html:not([data-theme="dark"]) body :is(.tk-icon, .feature-icon, .prompt-icon),
html[data-theme="dark"] body :is(.tk-icon, .feature-icon, .prompt-icon){ background: color-mix(in srgb, var(--o1) 14%, transparent) !important; border: 0 !important; border-radius: 14px !important; }
html:not([data-theme="dark"]) body :is(.tk-icon, .feature-icon, .prompt-icon, .shortcut-card > span:first-child) svg,
html[data-theme="dark"] body :is(.tk-icon, .feature-icon, .prompt-icon, .shortcut-card > span:first-child) svg{ color: var(--o1) !important; stroke: var(--o1) !important; }

/* Ô nhập */
html:not([data-theme="dark"]) body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea),
html[data-theme="dark"] body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea){
  background: color-mix(in srgb, var(--n-surf) 60%, var(--n-bg)) !important; color: var(--n-text) !important; border: 1px solid var(--n-line) !important; border-radius: 14px !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) body :is(input, select, textarea):focus,
html[data-theme="dark"] body :is(input, select, textarea):focus{ border-color: var(--o1) !important; outline: 0 !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--o1) 25%, transparent) !important; }
a{ color: inherit; }

/* ---- No1 Orange: tinh chỉnh đồng bộ tông cam (bỏ xanh lá/xanh dương/đỏ trang trí) ---- */
html:not([data-theme="dark"]) body :is(.sidebar-brand, .mobile-brand) > span:last-child > span,
html[data-theme="dark"] body :is(.sidebar-brand, .mobile-brand) > span:last-child > span{ color: var(--o1) !important; }
html:not([data-theme="dark"]) body :is(.nav-link, .nav-sub-link) svg,
html[data-theme="dark"] body :is(.nav-link, .nav-sub-link) svg{ color: inherit !important; stroke: currentColor !important; }
html:not([data-theme="dark"]) body .nav-link > span:first-child,
html[data-theme="dark"] body .nav-link > span:first-child{ background: transparent !important; color: var(--n-mute) !important; }
html:not([data-theme="dark"]) body .nav-link.is-active > span:first-child,
html[data-theme="dark"] body .nav-link.is-active > span:first-child{ color: inherit !important; }
html:not([data-theme="dark"]) body .stat-card-balance::before,
html[data-theme="dark"] body .stat-card-balance::before{ display: none !important; }
html:not([data-theme="dark"]) body .stat-card-balance::after,
html[data-theme="dark"] body .stat-card-balance::after{ display: none !important; }
html:not([data-theme="dark"]) body .stat-card-balance,
html[data-theme="dark"] body .stat-card-balance{ background: linear-gradient(135deg, color-mix(in srgb, var(--o1) 22%, var(--n-surf)), var(--n-surf) 70%) !important; border: 1px solid color-mix(in srgb, var(--o1) 40%, var(--n-line)) !important; padding: 26px 28px !important; }
html:not([data-theme="dark"]) body .stat-card-balance :is(strong, span, small),
html[data-theme="dark"] body .stat-card-balance :is(strong, span, small){ font-family: inherit !important; color: var(--n-text) !important; }
html:not([data-theme="dark"]) body .stat-card-balance strong,
html[data-theme="dark"] body .stat-card-balance strong{ color: var(--o1) !important; }
html:not([data-theme="dark"]) body :is(.hero-copy h1 span, .hero h1 span, h1 > span, .hero-title span, .accent),
html[data-theme="dark"] body :is(.hero-copy h1 span, .hero h1 span, h1 > span, .hero-title span, .accent){ color: var(--o1) !important; -webkit-text-fill-color: var(--o1) !important; background: none !important; }
html:not([data-theme="dark"]) body :is(.logo span, .brand span, .site-brand span, .nav-brand span) > span,
html[data-theme="dark"] body :is(.logo span, .brand span, .site-brand span, .nav-brand span) > span,
html:not([data-theme="dark"]) body .brand-name span,
html[data-theme="dark"] body .brand-name span{ color: var(--o1) !important; }
html:not([data-theme="dark"]) body :is(.ltn-boost-banner, .welcome-hero, .hero-card, .overview-hero),
html[data-theme="dark"] body :is(.ltn-boost-banner, .welcome-hero, .hero-card, .overview-hero){ border-color: color-mix(in srgb, var(--o1) 35%, var(--n-line)) !important; box-shadow: var(--n-shadow) !important; }
html:not([data-theme="dark"]) body :is(.ltn-live-dot, .status-dot, .dot, .pulse-dot),
html[data-theme="dark"] body :is(.ltn-live-dot, .status-dot, .dot, .pulse-dot){ background: var(--o1) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--o1) 22%, transparent) !important; }
html:not([data-theme="dark"]) body :is(.overview-grid article, .overview-cards article, .ov-card, .activity-card, .withdraw-card),
html[data-theme="dark"] body :is(.overview-grid article, .overview-cards article, .ov-card, .activity-card, .withdraw-card){ background: color-mix(in srgb, var(--n-surf) 75%, var(--n-bg)) !important; border: 1px solid var(--n-line) !important; border-radius: 18px !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body .task-history-panel .rows-list,
html[data-theme="dark"] body .task-history-panel .rows-list,
html:not([data-theme="dark"]) body .task-history-panel #task-history-regular,
html[data-theme="dark"] body .task-history-panel #task-history-regular,
html:not([data-theme="dark"]) body .task-history-panel #task-history-ncc,
html[data-theme="dark"] body .task-history-panel #task-history-ncc{ background: transparent !important; border: 0 !important; }
html:not([data-theme="dark"]) body :is(.task-history-panel, .panel-heading + .rows-list),
html[data-theme="dark"] body :is(.task-history-panel, .panel-heading + .rows-list){ background: var(--n-surf) !important; }
html:not([data-theme="dark"]) body :is(.panel-heading, .section-heading) h3,
html[data-theme="dark"] body :is(.panel-heading, .section-heading) h3,
html:not([data-theme="dark"]) body .panel-heading,
html[data-theme="dark"] body .panel-heading{ border-bottom: 0 !important; }
html:not([data-theme="dark"]) body :is(.ltn-checkin-grid > *, .ltn-milestone-card),
html[data-theme="dark"] body :is(.ltn-checkin-grid > *, .ltn-milestone-card){ background: color-mix(in srgb, var(--n-surf) 70%, var(--n-bg)) !important; border: 1px solid var(--n-line) !important; border-radius: 16px !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body :is(.ltn-checkin-grid > .is-today, .ltn-checkin-grid > .is-active, .ltn-milestone-card.is-claimable),
html[data-theme="dark"] body :is(.ltn-checkin-grid > .is-today, .ltn-checkin-grid > .is-active, .ltn-milestone-card.is-claimable){ border-color: var(--o1) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--o1) 22%, transparent) !important; }
html:not([data-theme="dark"]) body :is(.mono-theme-toggle, .ltn-atmo-trigger, .float-chip),
html[data-theme="dark"] body :is(.mono-theme-toggle, .ltn-atmo-trigger, .float-chip){ background: var(--n-surf) !important; color: var(--n-text) !important; border: 1px solid var(--n-line) !important; box-shadow: var(--n-shadow) !important; border-radius: 999px !important; }
html:not([data-theme="dark"]) body :is(h1, .top-bar h1, .main-content > header h1),
html[data-theme="dark"] body :is(h1, .top-bar h1, .main-content > header h1){ text-decoration: none; }
html:not([data-theme="dark"]) body :is(h1, .top-bar h1)::after,
html[data-theme="dark"] body :is(h1, .top-bar h1)::after{ background: var(--o-grad) !important; border: 0 !important; height: 4px !important; border-radius: 4px !important; }

/* ---- No1 Orange: bảng màu phụ gom về dải cam/hổ phách (mọi thẻ dùng --c1..--c5 sẽ ăn theo) ---- */
:root, html:not([data-theme="dark"]) { --c1: #f08a30; --c2: #f4923c; --c3: #f5a64a; --c4: #e8832e; --c5: #ffb35c; --brand: #d97a2b; --brand2: #f4923c; }
html[data-theme="dark"] { --c1: #f4923c; --c2: #f7a04e; --c3: #ffb35c; --c4: #ee8a35; --c5: #ffc27a; --brand: #f4923c; --brand2: #ffb35c; --grad: var(--o-grad); }
html body :is(.ltn-live-clock, .clock, .vn-clock, [class*="clock"]) { color: var(--o1) !important; }
html:not([data-theme="dark"]) body :is(.task-history-panel, .panel) { background: var(--n-surf) !important; }
html:not([data-theme="dark"]) body .rows-list { background: color-mix(in srgb, var(--n-surf) 60%, var(--n-bg)) !important; border: 1px solid var(--n-line) !important; border-radius: 16px !important; }

/* ---- No1 Orange: các chi tiết còn sót (khối phụ trang chủ, đồng hồ, chấm trạng thái, logo trang đăng nhập) ---- */
html:not([data-theme="dark"]) body :is(.nb-sub, .nb-sub-a, .nb-sub-b),
html[data-theme="dark"] body :is(.nb-sub, .nb-sub-a, .nb-sub-b){ background: color-mix(in srgb, var(--n-surf) 72%, var(--n-bg)) !important; border: 1px solid var(--n-line) !important; border-radius: 18px !important; box-shadow: none !important; }
html:not([data-theme="dark"]) body :is(.nb-sub, .nb-sub-a, .nb-sub-b) :is(b, strong, span[class]),
html[data-theme="dark"] body :is(.nb-sub, .nb-sub-a, .nb-sub-b) :is(b, strong, span[class]){ color: var(--o1) !important; }
html:not([data-theme="dark"]) body .nb-clock,
html[data-theme="dark"] body .nb-clock{ border-color: var(--n-line) !important; }
html:not([data-theme="dark"]) body .nb-clock b,
html[data-theme="dark"] body .nb-clock b{ color: var(--o1) !important; font-family: inherit !important; font-variant-numeric: tabular-nums; }
html:not([data-theme="dark"]) body .nb-dot,
html[data-theme="dark"] body .nb-dot{ background: var(--o1) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--o1) 24%, transparent) !important; }
html:not([data-theme="dark"]) body .auth-brand span:last-child,
html[data-theme="dark"] body .auth-brand span:last-child,
html:not([data-theme="dark"]) body .auth-brand b,
html[data-theme="dark"] body .auth-brand b{ color: var(--o1) !important; }

/* ---- No1 Orange: trang Rút tiền/Thẻ cào/Nạp game dùng cùng viền mảnh ---- */
html:not([data-theme="dark"]) body .wallet-section :is(.bw-stats, .bw-chart-panel, .bw-history, .bw-form, .panel),
html[data-theme="dark"] body .wallet-section :is(.bw-stats, .bw-chart-panel, .bw-history, .bw-form, .panel) {
  border: 1px solid var(--n-line) !important; border-radius: 22px !important; box-shadow: var(--n-shadow) !important;
}
html:not([data-theme="dark"]) body .wallet-section :is(.bw-chart-panel, .bw-history, .bw-form, .panel) { background: var(--n-surf) !important; }
html:not([data-theme="dark"]) body .wallet-section :is(.bw-chart, .rows-list) { background: color-mix(in srgb, var(--n-surf) 60%, var(--n-bg)) !important; border: 1px solid var(--n-line) !important; }

@media (max-width: 560px) {
  html body .task-grid { grid-template-columns: 1fr !important; }
}
html:not([data-theme="dark"]) body .mobile-balance strong, html[data-theme="dark"] body .mobile-balance strong { color: var(--o1) !important; }
html:not([data-theme="dark"]) body .mobile-balance, html[data-theme="dark"] body .mobile-balance { background: var(--n-surf) !important; border: 1px solid var(--n-line) !important; border-radius: 999px !important; }
@media (max-width: 560px) {
  html body #earn .task-grid, html:not([data-theme="dark"]) body #earn .task-grid, html[data-theme="dark"] body #earn .task-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ===== Nhạc & Hiệu ứng (4 mùa) ===== */
.atm-fx{position: fixed; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; contain: strict;}
.atm-fx.is-paused .atm-p, .atm-fx.is-paused .atm-p i{animation-play-state: paused;}
.atm-p{position: absolute; left: var(--x); top: 0; width: var(--size); height: var(--size); will-change: transform, opacity; animation-duration: var(--dur); animation-delay: var(--delay); animation-iteration-count: infinite; animation-timing-function: linear;}
.atm-p i{display: block; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; animation: atm-sway var(--sway) ease-in-out infinite alternate; animation-delay: var(--delay);}
.atm-fall{animation-name: atm-fall;}
.atm-float{animation-name: atm-float; top: auto; bottom: -6vh;}
.atm-float i{animation-name: atm-twinkle; animation-duration: calc(var(--sway) * .9);}
html[data-theme="light"] .atm-fx[data-season="winter"] .atm-p, html[data-theme="light"] .atm-fx[data-season="summer"] .atm-p{filter: drop-shadow(0 0 2px rgba(30, 64, 175, .35));}
html[data-theme="light"] .atm-fx[data-season="summer"] .atm-p{filter: drop-shadow(0 0 3px rgba(180, 83, 9, .45));}
@keyframes atm-fall{0%{opacity: 0; transform: translate3d(0, -8vh, 0) rotate(0deg);} 8%{opacity: .95;} 92%{opacity: .85;} 100%{opacity: 0; transform: translate3d(var(--drift), 108vh, 0) rotate(var(--spin));}}
@keyframes atm-float{0%{opacity: 0; transform: translate3d(0, 0, 0) scale(.6);} 15%{opacity: .95;} 85%{opacity: .8;} 100%{opacity: 0; transform: translate3d(var(--drift), -96vh, 0) scale(1.1);}}
@keyframes atm-sway{from{transform: translateX(-10px) rotate(-14deg);} to{transform: translateX(10px) rotate(14deg);}}
@keyframes atm-twinkle{from{transform: scale(.7); opacity: .55;} to{transform: scale(1.15); opacity: 1;}}
@media (prefers-reduced-motion: reduce){.atm-fx{display: none;}}

.atm-dock{--atm-bg: #17181c; --atm-bg2: #212228; --atm-ink: #f1f1f4; --atm-mute: #9a9cab; --atm-line: #34353d; --atm-acc: #f1f1f4; --atm-acc-ink: #131316; position: fixed; z-index: 120; left: 18px; bottom: 18px; font-family: inherit; color: var(--atm-ink);}
html[data-theme="light"] .atm-dock{--atm-bg: #ffffff; --atm-bg2: #f1f1f4; --atm-ink: #17181c; --atm-mute: #6b6d7b; --atm-line: #d9dae1; --atm-acc: #17181c; --atm-acc-ink: #ffffff;}
.atm-dock[hidden]{display: none;}
.atm-trigger{display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px 0 12px; border-radius: 999px; border: 1px solid var(--atm-line); background: var(--atm-bg); color: var(--atm-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: 0 6px 20px rgba(0, 0, 0, .28);}
.atm-trigger:hover{border-color: var(--atm-acc);}
.atm-trigger-ico{font-size: 16px; line-height: 1;}
.atm-eq{display: none; align-items: flex-end; gap: 2px; height: 12px;}
.atm-eq i{display: block; width: 3px; height: 4px; border-radius: 2px; background: var(--atm-acc); animation: atm-eq .9s ease-in-out infinite alternate;}
.atm-eq i:nth-child(2){animation-delay: -.3s;}
.atm-eq i:nth-child(3){animation-delay: -.6s;}
.atm-dock.is-playing .atm-eq{display: inline-flex;}
@keyframes atm-eq{from{height: 3px;} to{height: 12px;}}
.atm-panel{position: absolute; left: 0; bottom: 52px; width: min(380px, calc(100vw - 24px)); max-height: min(560px, calc(100vh - 100px)); overflow: auto; border-radius: 18px; border: 1px solid var(--atm-line); background: var(--atm-bg); box-shadow: 0 18px 48px rgba(0, 0, 0, .4); overscroll-behavior: contain;}
.atm-panel[hidden]{display: none;}
.atm-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 6px; font-size: 15px;}
.atm-close{width: 30px; height: 30px; border-radius: 50%; border: 0; background: var(--atm-bg2); color: var(--atm-ink); font-size: 18px; line-height: 1; cursor: pointer;}
.atm-tabs{display: flex; gap: 6px; margin: 8px 16px 0; padding: 4px; border-radius: 12px; background: var(--atm-bg2);}
.atm-tab{flex: 1; padding: 9px 8px; border: 0; border-radius: 9px; background: transparent; color: var(--atm-mute); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;}
.atm-tab[hidden]{display: none;}
.atm-tab.is-active{background: var(--atm-acc); color: var(--atm-acc-ink);}
.atm-pane{padding: 14px 16px 16px; display: grid; gap: 14px;}
.atm-pane[hidden]{display: none;}
.atm-fx-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.atm-fx-card{display: grid; justify-items: center; gap: 2px; padding: 12px 6px 10px; border-radius: 14px; border: 1px solid var(--atm-line); background: var(--atm-bg2); color: var(--atm-ink); font: inherit; cursor: pointer; text-align: center; transition: border-color .15s, background .15s;}
.atm-fx-card b{font-size: 24px; line-height: 1.1;}
.atm-fx-card strong{font-size: 13px;}
.atm-fx-card small{font-size: 10.5px; color: var(--atm-mute); line-height: 1.25;}
.atm-fx-card.is-active{border-color: var(--atm-acc); box-shadow: inset 0 0 0 1px var(--atm-acc);}
.atm-row{display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 700;}
.atm-seg{display: inline-flex; padding: 3px; border-radius: 10px; background: var(--atm-bg2);}
.atm-seg button{padding: 7px 14px; border: 0; border-radius: 8px; background: transparent; color: var(--atm-mute); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer;}
.atm-seg button.is-active{background: var(--atm-acc); color: var(--atm-acc-ink);}
.atm-url{display: flex; gap: 8px;}
.atm-url input{flex: 1; min-width: 0; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--atm-line); background: var(--atm-bg2); color: var(--atm-ink); font: inherit; font-size: 13px;}
.atm-url button{padding: 0 14px; border: 0; border-radius: 12px; background: var(--atm-acc); color: var(--atm-acc-ink); font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; white-space: nowrap;}
.atm-chips{display: flex; flex-wrap: wrap; gap: 6px;}
.atm-chip{padding: 8px 11px; border-radius: 999px; border: 1px solid var(--atm-line); background: var(--atm-bg2); color: var(--atm-ink); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer;}
.atm-chip.is-active{border-color: var(--atm-acc); box-shadow: inset 0 0 0 1px var(--atm-acc);}
.atm-chip.is-stop{color: #f87171; border-color: rgba(248, 113, 113, .45);}
.atm-vol{display: flex; align-items: center; gap: 8px; flex: 1; justify-content: flex-end;}
.atm-vol button{width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--atm-line); background: var(--atm-bg2); color: var(--atm-ink); font-size: 16px; line-height: 1; cursor: pointer;}
.atm-vol input{flex: 1; min-width: 60px; accent-color: var(--atm-acc);}
.atm-vol output{min-width: 38px; text-align: right; font-size: 12px; color: var(--atm-mute);}
.atm-embed{border-radius: 14px; overflow: hidden; background: var(--atm-bg2); min-height: 56px;}
.atm-embed iframe{display: block; width: 100%; border: 0;}
.atm-embed p{margin: 0; padding: 16px; font-size: 12.5px; line-height: 1.5; color: var(--atm-mute); text-align: center;}
.atm-embed p.is-error{color: #f87171;}
@media (max-width: 720px){
  .atm-dock{left: 12px; bottom: calc(86px + env(safe-area-inset-bottom));}
  .atm-panel{position: fixed; left: 0; right: 0; bottom: 0; width: auto; max-height: 82vh; border-radius: 22px 22px 0 0; padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -12px 40px rgba(0, 0, 0, .45);}
}

/* ===== Mobile: thanh tab không còn trong suốt, nút nổi không đè nội dung ===== */
@media (max-width: 720px){
  html body .mono-tabbar{background: #131316 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 -6px 18px rgba(0, 0, 0, .35) !important; z-index: 110;}
  html[data-theme="light"] body .mono-tabbar{background: #ffffff !important; box-shadow: 0 -6px 18px rgba(0, 0, 0, .12) !important;}
  html body .mono-tabbar a, html body .mono-tabbar label{min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  body.has-mono-tabbar{padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important;}
  html body .mono-theme-toggle{bottom: calc(88px + env(safe-area-inset-bottom)) !important; right: 12px !important; width: 42px !important; height: 42px !important; top: auto !important; left: auto !important;}
  .atm-dock{left: 12px; bottom: calc(88px + env(safe-area-inset-bottom));}
  .atm-trigger{width: 42px; padding: 0; justify-content: center;}
  .atm-trigger-txt{display: none;}
  .atm-eq{position: absolute; right: 7px; bottom: 7px;}
}