/* Generated by scripts/build_auth_legacy_css.js. Do not edit directly. */
/* Source SHA256: 57e0c492144e7675b25e8c5fd22e50e39632f9712b368c3475dccc2a4e4fb1fb */
/* Source: app.css */
:root { --primary: #667eea; --primary-dark: #5a67d8; --secondary: #764ba2; --accent: #f093fb; --danger: #f5576c; --success: #11998e; --warning: #f59e0b; --bg: #f0f2f8; --card-bg: rgba(255,255,255,0.92); --text: #2d3748; --text-light: #718096; --radius: 16px; --shadow: 0 4px 24px rgba(102,126,234,0.12); --shadow-lg: 0 12px 48px rgba(102,126,234,0.18); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@keyframes announcement-enter { 
  0% { opacity: 0; transform: translateY(14px) scale(0.982); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
html, body { height: 100%; overflow-y: auto; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: var(--bg); color: var(--text); font-size: 14px; line-height: 1.6; min-height: 100vh; overflow-x: hidden; -webkit-font-smoothing: antialiased; padding-bottom: 80px; }
a { color: var(--primary); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--secondary); }
img { max-width: 100%; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(24px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes shimmer { 
  0%, 100% { background-position: 0% center; }
  50% { background-position: 200% center; }
}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.toast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 9999; padding: 12px 24px; border-radius: 50px; color: rgb(255, 255, 255); font-weight: 600; font-size: 14px; box-shadow: var(--shadow-lg); animation: 0.4s ease 0s 1 normal none running toastIn; background: linear-gradient(135deg, rgb(102, 126, 234), rgb(118, 75, 162)); }
.toast.error { background: linear-gradient(135deg, rgb(245, 87, 108), rgb(240, 147, 251)); }
.toast.success { background: linear-gradient(135deg, rgb(17, 153, 142), rgb(56, 239, 125)); }
@keyframes toastIn { 
  0% { opacity: 0; transform: translateX(-50%) translateY(-20px); }
  100% { opacity: 1; transform: translateX(-50%) translateY(0px); }
}
@keyframes progressGlow { 
  0%, 100% { background-position: 0% center; }
  50% { background-position: 200% center; }
}
@keyframes progressShine { 
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}
@keyframes pulse { 
  0%, 100% { box-shadow: rgba(102, 126, 234, 0.4) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(102, 126, 234, 0) 0px 0px 0px 12px; }
}
@media (min-width: 768px) {body { padding-bottom: 80px; }}
@keyframes skeletonShimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
body.dark { --bg: #1a1a2e; --card-bg: rgba(30, 30, 50, 0.92); --text: #e2e8f0; --text-light: #94a3b8; --shadow: 0 4px 24px rgba(0,0,0,0.3); --shadow-lg: 0 12px 48px rgba(0,0,0,0.4); }
#amount-display { color: var(--primary); font-size: 24px; font-weight: 800; text-align: right; overflow-wrap: anywhere; }
body.dark .toast { box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 24px; }
@keyframes csPulse { 
  0%, 100% { box-shadow: rgba(102, 126, 234, 0.3) 0px 4px 20px; }
  50% { box-shadow: rgba(102, 126, 234, 0.6) 0px 4px 32px; }
}
.cs-overlay { position: fixed; inset: 0px; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(27, 12, 47, 0.48); backdrop-filter: blur(7px); animation: 0.2s ease 0s 1 normal none running fadeIn; }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.cs-popup { position: relative; width: 326px; max-width: calc(-24px + 100vw); overflow: hidden; color: var(--ui-text, var(--text)); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(253, 250, 255) 100%); border: 1px solid rgba(139, 92, 246, 0.14); border-radius: 28px; box-shadow: rgba(34, 10, 64, 0.32) 0px 28px 70px, rgba(255, 255, 255, 0.8) 0px 1px inset; text-align: left; animation: 0.25s ease 0s 1 normal none running slideUp; }
@keyframes slideUp { 
  0% { transform: translateY(40px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.cs-close { position: absolute; top: 12px; right: 12px; z-index: 4; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; color: rgb(255, 255, 255); background: rgba(41, 11, 79, 0.24); border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 12px; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px inset; cursor: pointer; }
.cs-close svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; }
.cs-popup-hero { position: relative; height: 108px; overflow: visible; background: radial-gradient(circle at 18% 18%, rgba(255, 221, 94, 0.4), transparent 22%), radial-gradient(circle at 84% 78%, rgba(255, 255, 255, 0.2), transparent 24%), linear-gradient(126deg, rgb(72, 18, 143) 0%, rgb(141, 39, 211) 54%, rgb(238, 67, 168) 100%); }
.cs-popup-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(112deg, rgba(255, 255, 255, 0.13), transparent 42%); pointer-events: none; }
.cs-hero-orbit { position: absolute; top: -52px; right: -24px; width: 140px; height: 150px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.035) 0px 0px 0px 24px, rgba(255, 255, 255, 0.02) 0px 0px 0px 48px; }
.cs-support-mark { position: absolute; bottom: -22px; left: 34px; z-index: 2; display: grid; place-items: center; width: 64px; height: 64px; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(112, 53, 232), rgb(230, 61, 181)); border: 4px solid rgb(255, 255, 255); border-radius: 22px; box-shadow: rgba(94, 30, 164, 0.28) 0px 10px 24px; }
.cs-support-mark::after { content: ""; position: absolute; right: -2px; bottom: 5px; width: 13px; height: 13px; background: rgb(33, 201, 149); border: 3px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(22, 150, 110, 0.25) 0px 3px 8px; }
.cs-support-mark svg { width: 30px; height: 30px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; }
.cs-greeting { position: absolute; top: 25px; left: 82px; z-index: 2; padding: 7px 13px; color: rgb(48, 18, 79); background: linear-gradient(105deg, rgb(186, 249, 255), rgb(255, 255, 255)); border: 2px solid rgba(47, 14, 83, 0.82); border-radius: 14px 14px 14px 4px; box-shadow: rgba(39, 11, 73, 0.28) 3px 4px 0px; font-size: 16px; font-weight: 950; letter-spacing: -0.02em; transform: rotate(-4deg); }
.cs-signal { position: absolute; right: 58px; bottom: 21px; z-index: 2; display: flex; align-items: center; gap: 3px; height: 21px; }
.cs-signal i { display: block; width: 2px; height: 8px; background: rgba(255, 255, 255, 0.82); border-radius: 999px; }
.cs-signal i:nth-child(2), .cs-signal i:nth-child(4) { height: 16px; }
.cs-signal i:nth-child(3) { height: 21px; }
.cs-popup-copy { padding: 31px 18px 13px; }
.cs-status { display: inline-flex; align-items: center; gap: 6px; color: rgb(123, 85, 167); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.cs-status i { width: 7px; height: 7px; background: rgb(32, 189, 134); border-radius: 50%; box-shadow: rgba(32, 189, 134, 0.12) 0px 0px 0px 4px; }
.cs-popup-copy h5 { margin: 7px 0px 5px; color: rgb(47, 32, 62); font-size: 21px; font-weight: 950; line-height: 1.15; letter-spacing: -0.035em; }
.cs-popup-copy p { margin: 0px; color: rgb(128, 114, 141); font-size: 12px; line-height: 1.5; }
.dark .cs-popup { color: rgb(255, 255, 255); background: linear-gradient(rgb(36, 26, 49), rgb(29, 22, 39)); border-color: rgba(255, 255, 255, 0.08); }
.dark .cs-support-mark, .dark .cs-support-mark::after { border-color: rgb(36, 26, 49); }
.dark .cs-popup-copy h5, .dark .cs-link-item .cs-name strong { color: rgb(255, 255, 255); }
.dark .cs-popup-copy p, .dark .cs-link-item .cs-name small { color: rgba(255, 255, 255, 0.58); }
.dark .cs-status { color: rgb(203, 179, 233); }
iframe[src*="tawk"], iframe[id*="tawk"] { transform: scale(0.65) !important; transform-origin: right bottom !important; margin-bottom: 70px !important; }
.utility-icon, .dark-toggle svg, .cs-close svg, .cs-icon svg, .pull-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cs-close svg { width: 22px; height: 22px; }
body.ui-v2 { --ui-primary: #6d28d9; --ui-primary-2: #8b5cf6; --ui-magenta: #d946ef; --ui-pink: #ec4899; --ui-gold: #ffc83d; --ui-orange: #ff9d2e; --ui-bg: #f7f4fc; --ui-card: #fff; --ui-text: #241a31; --ui-muted: #786f85; --ui-line: #eee8f5; --ui-success: #159b76; --ui-danger: #e34d6f; --ui-shadow-sm: 0 4px 14px rgba(76, 35, 120, 0.08); --ui-shadow-md: 0 12px 30px rgba(76, 35, 120, 0.12); --ui-shadow-lg: 0 24px 54px rgba(76, 35, 120, 0.18); min-height: 100vh; margin: 0px; padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)); color: var(--ui-text); background: var(--ui-bg); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.45; }
body.ui-v2-login { padding-bottom: 0px; }
body.ui-v2.dark { --ui-bg: #15101e; --ui-card: #211a2d; --ui-text: #f7f1ff; --ui-muted: #b5a9c3; --ui-line: rgba(255, 255, 255, 0.09); --ui-shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.2); --ui-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.3); --ui-shadow-lg: 0 24px 54px rgba(0, 0, 0, 0.42); background: var(--ui-bg); }
.ui-v2 a { color: inherit; }
.ui-v2 button, .ui-v2 input { font: inherit; }
.ui-v2 button, .ui-v2 a { -webkit-tap-highlight-color: transparent; }
.ui-v2 svg { fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ui-v2 :focus-visible { outline: rgba(255, 200, 61, 0.9) solid 3px; outline-offset: 3px; }
body.ui-v2.is-pointer-input :focus-visible, .ui-v2-posts .post-upload-trigger:focus-visible { outline: none; }
.ui-v2 .toast { top: max(68px, calc(env(safe-area-inset-top, 0px) + 54px)); width: max-content; max-width: calc(-32px + 100vw); padding: 11px 18px; color: rgb(255, 255, 255); background: rgb(57, 38, 80); border-radius: 14px; box-shadow: var(--ui-shadow-lg); font-size: 13px; line-height: 1.35; text-align: center; }
.ui-v2 .toast.error { background: linear-gradient(135deg, #c7355d, var(--ui-pink)); }
.ui-v2 .toast.success { background: linear-gradient(135deg, #0f7f62, var(--ui-success)); }
.ui-v2 .cs-overlay { backdrop-filter: blur(7px); }
.ui-v2 .cs-popup { color: var(--ui-text); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(253, 250, 255) 100%); border: 1px solid rgba(139, 92, 246, 0.14); border-radius: 28px; box-shadow: rgba(34, 10, 64, 0.32) 0px 28px 70px, rgba(255, 255, 255, 0.8) 0px 1px inset; }
.ui-v2 .cs-close { width: 40px; height: 40px; display: grid; place-items: center; }
.ui-v2 .cs-close:focus-visible { outline: rgba(255, 255, 255, 0.85) solid 2px; outline-offset: 2px; }
.dark.ui-v2 .cs-popup { background: linear-gradient(rgb(36, 26, 49), rgb(29, 22, 39)); border-color: rgba(255, 255, 255, 0.08); }
.install-guide-overlay { position: fixed; inset: 0px; z-index: 11000; display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top, 0px))
        max(16px, env(safe-area-inset-right, 0px))
        max(16px, env(safe-area-inset-bottom, 0px))
        max(16px, env(safe-area-inset-left, 0px)); overflow-y: auto; background: rgba(31, 14, 51, 0.58); backdrop-filter: blur(7px); }
.install-guide-overlay[hidden], .install-guide-panel[hidden], .install-app-btn[hidden] { display: none !important; }
.install-guide-dialog { position: relative; width: min(344px, 100%); max-height: calc(100dvh - 32px); margin: auto; padding: 18px; overflow-y: auto; overscroll-behavior: contain; color: var(--ui-text, var(--text)); background: radial-gradient(circle at 8% 0%, rgba(139, 92, 246, 0.1), transparent 28%), radial-gradient(circle at 92% 9%, rgba(236, 72, 153, 0.08), transparent 27%), linear-gradient(rgb(255, 255, 255), rgb(254, 251, 255)); border: 1px solid rgba(139, 92, 246, 0.15); border-radius: 26px; box-shadow: rgba(34, 10, 64, 0.35) 0px 28px 72px, rgba(255, 255, 255, 0.9) 0px 1px inset; animation: 0.18s ease-out 0s 1 normal both running install-guide-enter; }
@keyframes install-guide-enter { 
  0% { opacity: 0; transform: translateY(12px) scale(0.985); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
.install-guide-header { display: grid; grid-template-columns: 52px minmax(0px, 1fr) 44px; gap: 11px; align-items: center; text-align: left; }
.install-guide-header > img { width: 52px; height: 52px; object-fit: contain; filter: drop-shadow(rgba(103, 39, 177, 0.18) 0px 8px 15px); }
.install-guide-header h2 { margin: 0px; color: var(--ui-text, var(--text)); font-size: 20px; font-weight: 950; line-height: 1.15; letter-spacing: -0.025em; }
.install-guide-header p { margin: 5px 0px 0px; color: var(--ui-muted, var(--text-light)); font-size: 12px; font-weight: 650; line-height: 1.35; }
.install-guide-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; color: rgb(112, 64, 199); background: rgba(139, 92, 246, 0.075); border: 1px solid rgba(139, 92, 246, 0.11); border-radius: 14px; cursor: pointer; touch-action: manipulation; }
.install-guide-close svg { width: 21px; height: 21px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; }
.install-guide-tabs { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; margin-top: 15px; padding: 3px; background: rgba(109, 40, 217, 0.067); border: 1px solid rgba(139, 92, 246, 0.07); border-radius: 15px; }
.install-guide-tabs button { min-width: 0px; min-height: 44px; padding: 8px 10px; color: rgb(116, 68, 207); background: transparent; border: 0px; border-radius: 12px; font-size: 13px; font-weight: 900; cursor: pointer; touch-action: manipulation; }
.install-guide-tabs button.is-active { color: rgb(255, 255, 255); background: linear-gradient(115deg, rgb(109, 40, 217), rgb(181, 44, 226) 58%, rgb(236, 72, 153)); box-shadow: rgba(109, 40, 217, 0.2) 0px 7px 14px, rgba(255, 255, 255, 0.25) 0px 1px inset; }
.install-guide-panel { margin-top: 13px; }
.install-guide-steps { display: grid; gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.install-guide-step { display: grid; grid-template-columns: 96px 24px minmax(0px, 1fr); gap: 9px; align-items: center; min-height: 74px; padding: 6px; background: rgba(139, 92, 246, 0.024); border: 1px solid rgba(139, 92, 246, 0.075); border-radius: 16px; text-align: left; }
.install-step-visual { display: block; width: 96px; height: 62px; pointer-events: none; }
.install-step-visual svg { display: block; width: 100%; height: 100%; }
.install-step-number { display: grid; place-items: center; width: 24px; height: 24px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(124, 58, 237), rgb(217, 70, 239)); border-radius: 50%; box-shadow: rgba(124, 58, 237, 0.2) 0px 4px 10px; font-size: 11px; font-weight: 900; }
.install-guide-step strong { min-width: 0px; overflow-wrap: anywhere; color: var(--ui-text, var(--text)); font-size: 13px; font-weight: 850; line-height: 1.3; }
.install-diagram-frame { fill: rgb(255, 255, 255); stroke: rgba(139, 92, 246, 0.2); stroke-width: 1.5; }
.install-diagram-surface, .install-diagram-sheet { fill: rgb(248, 244, 253); stroke: rgba(139, 92, 246, 0.12); stroke-width: 1; }
.install-diagram-line { fill: rgba(86, 61, 112, 0.16); }
.install-diagram-line-strong { fill: none; stroke: rgb(112, 64, 199); stroke-width: 2; stroke-linecap: round; }
.install-diagram-highlight { fill: rgb(255, 255, 255); stroke: rgb(236, 72, 153); stroke-width: 1.8; }
.install-diagram-highlight-fill { fill: rgb(252, 238, 250); stroke: rgb(236, 72, 153); stroke-width: 1.4; }
.install-diagram-dot { fill: rgb(112, 64, 199); }
.install-diagram-icon { fill: none; stroke: rgb(119, 101, 139); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.install-diagram-icon-strong { fill: none; stroke: rgb(112, 64, 199); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.install-diagram-icon-box { fill: none; stroke: rgb(112, 64, 199); stroke-width: 1.4; }
.install-diagram-app-image { filter: drop-shadow(rgba(103, 39, 177, 0.18) 0px 2px 3px); }
.install-diagram-check { fill: none; stroke: rgb(124, 58, 237); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.install-guide-done { width: 100%; min-height: 50px; margin-top: 15px; padding: 10px 18px; color: rgb(255, 255, 255); background: linear-gradient(110deg, rgb(109, 40, 217), rgb(190, 42, 221) 60%, rgb(236, 72, 153)); border: 0px; border-radius: 15px; box-shadow: rgba(109, 40, 217, 0.23) 0px 9px 18px, rgba(255, 255, 255, 0.24) 0px 1px inset; font-size: 14px; font-weight: 900; cursor: pointer; touch-action: manipulation; }
.install-guide-close:active, .install-guide-tabs button:active, .install-guide-done:active { transform: scale(0.97); }
.install-guide-close:focus-visible, .install-guide-tabs button:focus-visible, .install-guide-done:focus-visible { outline: rgba(255, 200, 61, 0.9) solid 3px; outline-offset: 2px; }
body.dark .install-guide-overlay { background: rgba(8, 5, 13, 0.74); }
body.dark .install-guide-dialog { color: rgb(255, 255, 255); background: radial-gradient(circle at 9% 0%, rgba(139, 92, 246, 0.16), transparent 28%), linear-gradient(rgb(36, 26, 49), rgb(29, 22, 39)); border-color: rgba(255, 255, 255, 0.09); box-shadow: rgba(0, 0, 0, 0.5) 0px 28px 72px; }
body.dark .install-guide-header h2, body.dark .install-guide-step strong { color: rgb(255, 255, 255); }
body.dark .install-guide-header p { color: rgba(255, 255, 255, 0.62); }
body.dark .install-guide-close { color: rgb(247, 241, 255); background: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.1); }
body.dark .install-guide-tabs, body.dark .install-guide-step { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.07); }
body.dark .install-guide-tabs button:not(.is-active) { color: rgb(211, 186, 245); }
body.dark .install-diagram-frame { fill: rgb(42, 32, 54); stroke: rgba(255, 255, 255, 0.12); }
body.dark .install-diagram-surface, body.dark .install-diagram-sheet { fill: rgb(33, 25, 41); stroke: rgba(255, 255, 255, 0.08); }
body.dark .install-diagram-line { fill: rgba(255, 255, 255, 0.17); }
body.dark .install-diagram-highlight { fill: rgb(42, 32, 54); }
body.dark .install-diagram-highlight-fill { fill: rgba(236, 72, 153, 0.13); }
body.dark .install-diagram-icon { stroke: rgb(186, 170, 202); }
@media (max-width: 340px) {.install-guide-overlay { padding: 10px; }
.install-guide-dialog { max-height: calc(100dvh - 20px); padding: 14px; border-radius: 23px; }
.install-guide-header { grid-template-columns: 48px minmax(0px, 1fr) 44px; gap: 9px; }
.install-guide-header > img { width: 48px; height: 48px; }
.install-guide-header h2 { font-size: 18px; }
.install-guide-header p { font-size: 12px; }
.install-guide-tabs { margin-top: 12px; }
.install-guide-panel { margin-top: 10px; }
.install-guide-steps { gap: 6px; }
.install-guide-step { grid-template-columns: 84px 22px minmax(0px, 1fr); gap: 7px; min-height: 68px; padding: 5px; border-radius: 14px; }
.install-step-visual { width: 84px; height: 56px; }
.install-step-number { width: 22px; height: 22px; font-size: 10px; }
.install-guide-step strong { font-size: 12px; }
.install-guide-done { min-height: 48px; margin-top: 11px; }}
@media (prefers-reduced-motion: reduce) {.install-guide-dialog { animation: auto ease 0s 1 normal none running none; }
.install-guide-close, .install-guide-tabs button, .install-guide-done { transition: none; }}
.button-loader { display: none; width: 18px; height: 18px; margin-left: 9px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.42) rgba(255, 255, 255, 0.42); border-image: none; border-radius: 50%; animation: 0.7s linear 0s infinite normal none running spin; }
@media (prefers-reduced-motion: reduce) {*, ::before, ::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}
@keyframes pageCardIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes postSheetIn { 
  0% { transform: translateY(28px); opacity: 0.7; }
  100% { transform: translateY(0px); opacity: 1; }
}
/* Source: ui-v3.css */
:root { --v3-bg: #080d19; --v3-bg-elevated: #0d1424; --v3-surface: #141c2e; --v3-surface-strong: #1a2438; --v3-surface-soft: #202b41; --v3-line: rgba(148, 163, 184, .16); --v3-line-strong: rgba(148, 163, 184, .28); --v3-text: #f8fafc; --v3-muted: #94a3b8; --v3-muted-strong: #cbd5e1; --v3-gold: #f6b73c; --v3-gold-bright: #ffd66b; --v3-gold-soft: rgba(246, 183, 60, .14); --v3-green: #38d996; --v3-green-soft: rgba(56, 217, 150, .13); --v3-purple: #8b5cf6; --v3-purple-strong: #6d3ce7; --v3-blue: #4f8cff; --v3-red: #fb7185; --v3-shadow: 0 18px 45px rgba(0, 0, 0, .28); --v3-shadow-soft: 0 10px 24px rgba(0, 0, 0, .18); --v3-radius-xl: 24px; --v3-radius-lg: 18px; --v3-radius-md: 14px; --v3-radius-sm: 11px; --v3-space: clamp(14px, 4vw, 20px); --v3-content: 620px; --v3-bottom-nav-height: 76px; }
html { min-height: 100%; background: var(--v3-bg); text-size-adjust: 100%; }
body.ui-v3 { min-height: 100dvh; margin: 0px; color: var(--v3-text); background: radial-gradient(circle at 92% -8%, rgba(139, 92, 246, .18), transparent 28rem),
        radial-gradient(circle at -8% 22%, rgba(79, 140, 255, .08), transparent 22rem),
        var(--v3-bg); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.45; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.ui-v3::before { content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.25; background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(rgb(0, 0, 0), transparent 78%); }
body.ui-v3, body.ui-v3 * { box-sizing: border-box; }
body.ui-v3 img, body.ui-v3 svg { max-width: 100%; }
body.ui-v3 a { color: inherit; text-decoration: none; }
body.ui-v3 button, body.ui-v3 input, body.ui-v3 select, body.ui-v3 textarea { font: inherit; }
body.ui-v3 button, body.ui-v3 a, body.ui-v3 select, body.ui-v3 input[type="checkbox"], body.ui-v3 input[type="radio"] { -webkit-tap-highlight-color: transparent; }
body.ui-v3 :focus-visible { outline: rgba(246, 183, 60, 0.88) solid 3px; outline-offset: 3px; }
body.ui-v3 main { width: min(100%, var(--v3-content)); margin-inline: auto; }
body.ui-v3 .muted, body.ui-v3 .text-muted, body.ui-v3 small { color: var(--v3-muted); }
body.ui-v3 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), body.ui-v3 select, body.ui-v3 textarea { width: 100%; min-height: 52px; padding: 13px 15px; color: var(--v3-text); caret-color: var(--v3-gold); background: rgba(8, 13, 25, 0.68); border: 1px solid var(--v3-line-strong); border-radius: var(--v3-radius-md); box-shadow: rgba(255, 255, 255, 0.024) 0px 1px 0px inset; font-size: max(16px, 1em); line-height: 1.35; }
body.ui-v3 textarea { min-height: 108px; resize: vertical; }
body.ui-v3 input::placeholder, body.ui-v3 textarea::placeholder { color: rgb(115, 128, 152); opacity: 1; }
body.ui-v3 input:focus, body.ui-v3 select:focus, body.ui-v3 textarea:focus { border-color: rgba(246, 183, 60, 0.7); box-shadow: rgba(246, 183, 60, 0.1) 0px 0px 0px 4px; outline: 0px; }
body.ui-v3 select option { color: var(--v3-text); background: var(--v3-surface); }
body.ui-v3 button, body.ui-v3 .btn, body.ui-v3 .primary-btn, body.ui-v3 .submit-btn { min-height: 48px; border-radius: var(--v3-radius-md); }
body.ui-v3 button:disabled, body.ui-v3 .is-disabled, body.ui-v3 [aria-disabled="true"] { cursor: not-allowed; filter: grayscale(0.35); opacity: 0.55; }
body.ui-v3 .tab-nav, body.ui-v3 .tabs, body.ui-v3 [role="tablist"] { gap: 6px; padding: 5px; background: rgba(13, 20, 36, 0.92); border: 1px solid var(--v3-line); border-radius: 15px; }
body.ui-v3 .tab-nav a, body.ui-v3 .tab-nav button, body.ui-v3 [role="tab"] { min-height: 42px; padding: 9px 13px; color: var(--v3-muted); border: 0px; border-radius: 11px; background: transparent; font-weight: 750; }
body.ui-v3 .tab-nav .active, body.ui-v3 .tab-nav .is-active, body.ui-v3 [role="tab"][aria-selected="true"] { color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--v3-purple), var(--v3-purple-strong)); box-shadow: rgba(109, 60, 231, 0.25) 0px 8px 18px; }
body.ui-v3 .toast { z-index: 10050; max-width: min(88vw, 380px); color: rgb(255, 255, 255); background: rgba(20, 28, 46, 0.96); border: 1px solid var(--v3-line-strong); border-radius: 14px; box-shadow: var(--v3-shadow); backdrop-filter: blur(18px); }
body.ui-v3 .cs-overlay, body.ui-v3 .install-guide-overlay { padding: max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right))
        max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); background: rgba(3, 7, 18, 0.74); backdrop-filter: blur(12px); }
body.ui-v3 .cs-popup, body.ui-v3 .install-guide-dialog { width: min(100%, 480px); max-height: min(88dvh, 760px); overflow: auto; color: var(--v3-text); background: linear-gradient(150deg, var(--v3-surface-strong), var(--v3-bg-elevated)); border: 1px solid var(--v3-line-strong); border-radius: var(--v3-radius-xl); box-shadow: rgba(0, 0, 0, 0.48) 0px 30px 80px; }
body.ui-v3 .cs-popup { overflow-x: hidden; }
body.ui-v3 .cs-popup-copy h5, body.ui-v3 .install-guide-header h2 { color: var(--v3-text); }
body.ui-v3 .cs-popup-copy p, body.ui-v3 .install-guide-header p { color: var(--v3-muted); }
body.ui-v3 .cs-link-item, body.ui-v3 .install-guide-step { color: var(--v3-text); background: rgba(8, 13, 25, 0.5); border-color: var(--v3-line); }
body.ui-v3 .install-guide-tabs { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
body.ui-v3 .install-guide-close, body.ui-v3 .cs-close { display: grid; place-items: center; min-width: 44px; min-height: 44px; color: var(--v3-muted-strong); background: rgba(8, 13, 25, 0.5); border: 1px solid var(--v3-line); border-radius: 13px; }
body.ui-v3 .install-guide-done { color: rgb(27, 19, 3); border-color: rgba(255, 214, 107, 0.65); background: linear-gradient(135deg, var(--v3-gold-bright), var(--v3-gold)); font-weight: 850; }
body.ui-v3 .install-guide-overlay { background: rgba(17, 71, 43, 0.72); backdrop-filter: blur(8px) saturate(0.9); }
body.ui-v3 .install-guide-dialog { width: min(350px, 100%); max-height: calc(100dvh - 24px); padding: 10px; color: rgb(104, 64, 31); background: radial-gradient(circle at 18% 7%, rgba(255, 255, 255, 0.58), transparent 24%), linear-gradient(rgb(255, 245, 191) 0%, rgb(247, 223, 145) 100%); border: 3px solid rgb(140, 77, 32); border-radius: 24px; box-shadow: rgb(93, 50, 25) 0px 7px 0px, rgba(18, 65, 38, 0.42) 0px 24px 56px, rgba(255, 255, 255, 0.66) 0px 0px 0px 2px inset; }
body.ui-v3 .install-guide-header { position: relative; grid-template-columns: 54px minmax(0px, 1fr) 42px; gap: 10px; min-height: 76px; padding: 9px 8px; color: rgb(255, 243, 191); background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 25%, rgba(255, 255, 255, 0.06) 74%, transparent), linear-gradient(rgb(168, 93, 38) 0%, rgb(136, 67, 23) 52%, rgb(113, 51, 15) 100%); border: 2px solid rgb(102, 48, 15); border-radius: 17px; box-shadow: rgba(255, 229, 157, 0.32) 0px 2px inset, rgba(91, 45, 16, 0.42) 0px 4px 0px; }
body.ui-v3 .install-guide-header::after { content: ""; position: absolute; right: 18px; bottom: -8px; left: 18px; height: 8px; background: rgba(71, 114, 39, 0.3); border-radius: 50%; filter: blur(3px); pointer-events: none; }
body.ui-v3 .install-guide-header > img { width: 54px; height: 54px; padding: 4px; object-fit: contain; background: rgb(255, 242, 183); border: 2px solid rgb(74, 166, 83); border-radius: 16px; box-shadow: rgb(38, 93, 50) 0px 3px 0px, rgba(255, 255, 255, 0.8) 0px 1px inset; filter: none; }
body.ui-v3 .install-guide-header h2 { color: rgb(255, 247, 207); font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 900; letter-spacing: 0px; text-shadow: rgb(95, 42, 14) 0px 2px 0px; }
body.ui-v3 .install-guide-header p { margin-top: 4px; color: rgb(255, 233, 167); font-size: 11px; font-weight: 750; line-height: 1.3; }
body.ui-v3 .install-guide-close { min-width: 40px; min-height: 40px; width: 40px; height: 40px; color: rgb(255, 244, 199); background: linear-gradient(rgb(204, 119, 48), rgb(154, 72, 26)); border: 2px solid rgb(113, 51, 15); border-radius: 13px; box-shadow: rgb(87, 39, 13) 0px 3px 0px, rgba(255, 255, 255, 0.32) 0px 1px inset; }
body.ui-v3 .install-guide-tabs { gap: 6px; margin-top: 14px; padding: 4px; background: rgb(234, 210, 132); border: 1px solid rgb(184, 120, 50); border-radius: 14px; box-shadow: rgba(255, 255, 255, 0.7) 0px 1px inset; }
body.ui-v3 .install-guide-tabs button { min-height: 42px; color: rgb(129, 80, 34); border-radius: 10px; font-size: 13px; font-weight: 900; }
body.ui-v3 .install-guide-tabs button.is-active { color: rgb(255, 248, 207); background: linear-gradient(rgb(56, 182, 101), rgb(22, 137, 75)); border: 1px solid rgb(17, 105, 59); box-shadow: rgb(12, 99, 53) 0px 3px 0px, rgba(255, 255, 255, 0.35) 0px 1px inset; text-shadow: rgba(0, 73, 37, 0.6) 0px 1px 0px; }
body.ui-v3 .install-guide-panel { margin-top: 12px; }
body.ui-v3 .install-guide-steps { gap: 0px; overflow: hidden; background: rgba(255, 250, 211, 0.72); border: 1px solid rgb(189, 125, 56); border-radius: 16px; box-shadow: rgba(255, 255, 255, 0.8) 0px 1px inset; }
body.ui-v3 .install-guide-step { grid-template-columns: 84px 25px minmax(0px, 1fr); gap: 8px; min-height: 70px; padding: 6px 8px 6px 5px; color: rgb(104, 64, 31); background: transparent; border-width: 0px 0px 1px; border-style: none none dashed; border-color: currentcolor currentcolor rgba(146, 84, 28, 0.34); border-image: none; border-radius: 0px; }
body.ui-v3 .install-guide-step:last-child { border-bottom: 0px; }
body.ui-v3 .install-step-visual { width: 84px; height: 56px; }
body.ui-v3 .install-step-number { width: 25px; height: 25px; color: rgb(255, 247, 202); background: linear-gradient(rgb(60, 186, 104), rgb(22, 136, 74)); border: 1px solid rgb(18, 107, 58); box-shadow: rgb(11, 94, 49) 0px 2px 0px; }
body.ui-v3 .install-guide-step strong { color: rgb(104, 64, 31); font-size: 13px; font-weight: 900; line-height: 1.28; }
body.ui-v3 .install-diagram-frame { fill: rgb(255, 248, 207); stroke: rgb(186, 122, 55); }
body.ui-v3 .install-diagram-surface, body.ui-v3 .install-diagram-sheet { fill: rgb(248, 231, 166); stroke: rgba(142, 80, 29, 0.35); }
body.ui-v3 .install-diagram-line { fill: rgba(104, 64, 31, 0.22); }
body.ui-v3 .install-diagram-line-strong, body.ui-v3 .install-diagram-icon-strong, body.ui-v3 .install-diagram-icon-box { stroke: rgb(22, 136, 74); }
body.ui-v3 .install-diagram-highlight { fill: rgb(255, 248, 207); stroke: rgb(243, 154, 25); }
body.ui-v3 .install-diagram-highlight-fill { fill: rgb(255, 225, 154); stroke: rgb(233, 139, 18); }
body.ui-v3 .install-diagram-dot { fill: rgb(124, 70, 27); }
body.ui-v3 .install-diagram-icon { stroke: rgb(121, 80, 45); }
body.ui-v3 .install-diagram-check { stroke: rgb(22, 136, 74); }
body.ui-v3 .install-diagram-app-image { filter: drop-shadow(rgba(70, 85, 27, 0.2) 0px 2px 2px); }
body.ui-v3 .install-guide-done { min-height: 48px; margin-top: 12px; color: rgb(255, 247, 204); background: linear-gradient(rgb(255, 189, 53) 0%, rgb(242, 138, 18) 100%); border: 2px solid rgb(173, 91, 16); border-radius: 14px; box-shadow: rgb(130, 64, 13) 0px 4px 0px, rgba(255, 255, 255, 0.42) 0px 2px inset; font-size: 15px; font-weight: 950; text-shadow: rgba(125, 60, 5, 0.6) 0px 1px 0px; }
@media (max-width: 340px) {body.ui-v3 .install-guide-dialog { padding: 8px; }
body.ui-v3 .install-guide-header { grid-template-columns: 48px minmax(0px, 1fr) 38px; gap: 8px; min-height: 68px; padding: 8px 7px; }
body.ui-v3 .install-guide-header > img { width: 48px; height: 48px; }
body.ui-v3 .install-guide-header h2 { font-size: 18px; }
body.ui-v3 .install-guide-close { min-width: 36px; min-height: 36px; width: 36px; height: 36px; }
body.ui-v3 .install-guide-step { grid-template-columns: 74px 23px minmax(0px, 1fr); gap: 6px; min-height: 64px; padding: 5px; }
body.ui-v3 .install-step-visual { width: 74px; height: 51px; }
body.ui-v3 .install-guide-step strong { font-size: 12px; }}
body.ui-v3:not(.dark) { --v3-bg: #f1f4f9; --v3-bg-elevated: #e9eef6; --v3-surface: #ffffff; --v3-surface-strong: #f8fafc; --v3-surface-soft: #edf2f8; --v3-line: rgba(30, 41, 59, .1); --v3-line-strong: rgba(30, 41, 59, .18); --v3-text: #172033; --v3-muted: #64748b; --v3-muted-strong: #334155; --v3-shadow: 0 18px 45px rgba(30, 41, 59, .12); --v3-shadow-soft: 0 10px 24px rgba(30, 41, 59, .08); background: radial-gradient(circle at 92% -8%, rgba(139,92,246,.11), transparent 28rem),
        radial-gradient(circle at -8% 22%, rgba(79,140,255,.07), transparent 22rem),
        var(--v3-bg); }
body.ui-v3:not(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), body.ui-v3:not(.dark) select, body.ui-v3:not(.dark) textarea { color: var(--v3-text); background: rgb(255, 255, 255); }
body.ui-v3:not(.dark) select option { color: rgb(23, 32, 51); background: rgb(255, 255, 255); }
@media (prefers-reduced-motion: reduce) {body.ui-v3 *, body.ui-v3 ::before, body.ui-v3 ::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}
/* Source: ui-v3-auth-user.css */
body.ui-v3 .v3-kicker { display: block; color: var(--v3-gold-bright); font-size: 10px; font-weight: 900; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; }
body.ui-v3 .v3-brand-lockup, body.ui-v3 .v3-profile-identity, body.ui-v3 .v3-panel-heading, body.ui-v3 .v3-section-head > div, body.ui-v3 .v3-page-command, body.ui-v3 .v3-auth-compact-head { display: flex; align-items: center; min-width: 0px; }
body.ui-v3 .v3-back-button, body.ui-v3 .v3-icon-button, body.ui-v3 .v3-sheet-close { display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; padding: 0px; color: var(--v3-text); background: var(--v3-surface); border: 1px solid var(--v3-line-strong); border-radius: 13px; box-shadow: var(--v3-shadow-soft); }
body.ui-v3 .v3-back-button svg, body.ui-v3 .v3-icon-button svg, body.ui-v3 .v3-command-icon svg, body.ui-v3 .v3-action-icon svg, body.ui-v3 .v3-row-arrow, body.ui-v3 .v3-primary-action > svg, body.ui-v3 .v3-team-invite button svg, body.ui-v3 .v3-share-link button svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.ui-v3.ui-v2-login { padding-bottom: calc(18px + env(safe-area-inset-bottom)); }
body.ui-v3 .v3-auth { width: min(100%, 600px); min-height: 100dvh; padding: 0 var(--v3-space) calc(20px + env(safe-area-inset-bottom)); }
body.ui-v3 .v3-auth-panel, body.ui-v3 .v3-settings-panel, body.ui-v3 .v3-payout-panel, body.ui-v3 .v3-account-panel, body.ui-v3 .v3-qr-panel, body.ui-v3 .v3-share-panel, body.ui-v3 .v3-invite-stats, body.ui-v3 .v3-team-finance, body.ui-v3 .v3-team-members, body.ui-v3 .v3-team-rewards { background: linear-gradient(145deg, rgba(25, 35, 55, 0.96), rgba(14, 21, 37, 0.98)); border: 1px solid var(--v3-line); border-radius: var(--v3-radius-lg); box-shadow: var(--v3-shadow-soft); }
body.ui-v3 .v3-auth-login > .v3-auth-panel { position: relative; z-index: 3; margin-top: -18px; }
body.ui-v3 .v3-auth-panel { padding: 18px; }
body.ui-v3 .v3-panel-heading { gap: 12px; margin-bottom: 18px; }
body.ui-v3 .v3-panel-heading > div, body.ui-v3 .v3-section-head > div > div { min-width: 0px; }
body.ui-v3 .v3-panel-heading h2, body.ui-v3 .v3-section-head h2 { margin: 0px; color: var(--v3-text); font-size: 16px; font-weight: 900; line-height: 1.2; overflow-wrap: anywhere; }
body.ui-v3 .v3-panel-heading p, body.ui-v3 .v3-section-head p { margin: 3px 0px 0px; color: var(--v3-muted); font-size: 11px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
body.ui-v3 .v3-form { display: grid; gap: 10px; }
body.ui-v3 .v3-registration-form { margin: 0px; }
body.ui-v3 .v3-form-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
body.ui-v3 .v3-field { display: grid; min-width: 0px; gap: 6px; }
body.ui-v3 .v3-field-wide { grid-column: 1 / -1; }
body.ui-v3 .v3-form label, body.ui-v3 .v3-label-row label { min-width: 0px; margin: 0px; color: var(--v3-muted-strong); font-size: 11px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
body.ui-v3 .v3-inline-action { min-height: 44px; max-width: 55%; padding: 8px 0px 8px 10px; color: var(--v3-gold-bright); font-size: 11px; font-weight: 800; text-align: right; line-height: 1.2; background: transparent; border: 0px; overflow-wrap: anywhere; }
body.ui-v3 .v3-input, body.ui-v3 .v3-select { position: relative; display: flex; align-items: center; min-width: 0px; min-height: 52px; background: rgba(8, 13, 25, 0.64); border: 1px solid var(--v3-line-strong); border-radius: 13px; }
body.ui-v3 .v3-input:focus-within, body.ui-v3 .v3-select:focus-within { border-color: rgba(246, 183, 60, 0.72); box-shadow: rgba(246, 183, 60, 0.1) 0px 0px 0px 3px; }
body.ui-v3 .v3-input.is-invalid { border-color: rgba(251, 113, 133, 0.85); box-shadow: rgba(251, 113, 133, 0.1) 0px 0px 0px 3px; }
body.ui-v3 .v3-input svg { width: 20px; height: 20px; margin-left: 14px; flex: 0 0 auto; fill: none; stroke: var(--v3-purple); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.ui-v3 .v3-input input, body.ui-v3 .v3-share-link input, body.ui-v3 .v3-team-invite input { width: 100%; min-width: 0px; min-height: 50px; padding: 10px 13px; color: var(--v3-text); font-size: 16px; font-weight: 650; line-height: 1.2; background: transparent; border: 0px; outline: 0px; }
body.ui-v3 .v3-input input::placeholder { color: rgb(104, 117, 139); opacity: 1; }
body.ui-v3 .v3-select::after { content: ""; position: absolute; right: 12px; width: 7px; height: 7px; pointer-events: none; border-right: 2px solid var(--v3-muted); border-bottom: 2px solid var(--v3-muted); transform: rotate(45deg) translateY(-2px); }
body.ui-v3 .v3-select select { width: 100%; min-width: 0px; min-height: 50px; padding: 8px 32px 8px 12px; color: var(--v3-text); font-size: 16px; font-weight: 750; line-height: 1.2; appearance: none; background: transparent; border: 0px; outline: 0px; }
body.ui-v3 .v3-select option, body.ui-v3 .v3-select optgroup { color: rgb(232, 237, 245); background: rgb(16, 24, 39); }
body.ui-v3 .v3-select[hidden], body.ui-v3 .v3-select:has(select:empty) { display: none; }
body.ui-v3 .v3-phone-row, body.ui-v3 .v3-code-row { display: grid; grid-template-columns: minmax(92px, 0.42fr) minmax(0px, 1fr); gap: 8px; min-width: 0px; }
body.ui-v3 .v3-code-row { grid-template-columns: minmax(0px, 1fr) minmax(104px, 0.42fr); }
body.ui-v3 .v3-code-action { min-width: 0px; min-height: 52px; padding: 8px 10px; color: rgb(46, 33, 4); font-size: 11px; font-weight: 900; line-height: 1.18; background: linear-gradient(135deg, var(--v3-gold-bright), var(--v3-gold)); border: 0px; border-radius: 13px; overflow-wrap: anywhere; }
body.ui-v3 .v3-code-action:disabled { color: var(--v3-muted); background: var(--v3-surface-soft); opacity: 0.78; }
body.ui-v3 .v3-primary-action { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; margin-top: 4px; padding: 11px 16px; color: rgb(38, 26, 3); font-size: 14px; font-weight: 950; line-height: 1.2; background: linear-gradient(135deg, rgb(255, 214, 107), rgb(245, 169, 40)); border: 0px; border-radius: 13px; box-shadow: rgba(246, 183, 60, 0.2) 0px 11px 25px; overflow-wrap: anywhere; }
body.ui-v3 .v3-primary-action > svg { position: absolute; right: 15px; }
body.ui-v3 .v3-primary-action:disabled { opacity: 0.68; cursor: wait; }
body.ui-v3 .v3-primary-action .button-loader { display: none; width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(38, 26, 3) rgba(38, 26, 3, 0.25) rgba(38, 26, 3, 0.25); border-image: none; border-radius: 50%; animation: 0.7s linear 0s infinite normal none running v3-spin; }
body.ui-v3 .v3-primary-action.is-loading .button-loader { display: block; }
body.ui-v3 .v3-primary-action.is-loading > svg { display: none; }
body.ui-v3 .v3-form-error { margin: 0px; padding: 10px 12px; color: rgb(255, 210, 218); font-size: 12px; font-weight: 700; line-height: 1.4; background: rgba(251, 113, 133, 0.11); border: 1px solid rgba(251, 113, 133, 0.3); border-radius: 11px; overflow-wrap: anywhere; }
body.ui-v3 .v3-form-error[hidden] { display: none; }
body.ui-v3 .v3-auth-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px; margin-top: 15px; }
body.ui-v3 .v3-auth-shortcuts a { position: relative; display: grid; grid-template-columns: 38px minmax(0px, 1fr); align-items: center; gap: 9px; min-height: 64px; padding: 10px; color: var(--v3-muted-strong); font-size: 11px; font-weight: 800; line-height: 1.2; background: rgba(8, 13, 25, 0.45); border: 1px solid var(--v3-line); border-radius: 13px; overflow-wrap: anywhere; }
body.ui-v3 .v3-shortcut-icon { display: grid; place-items: center; width: 38px; height: 38px; color: var(--v3-gold-bright); background: var(--v3-gold-soft); border-radius: 11px; }
body.ui-v3 .v3-shortcut-icon svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.ui-v3 .v3-auth-shortcuts small { position: absolute; top: 6px; right: 7px; color: rgb(86, 97, 118); font-size: 10px; font-weight: 900; }
body.ui-v3 .v3-register-panel, body.ui-v3 .v3-sms-panel { margin-top: 12px; }
body.ui-v3 .v3-form-section { padding: 13px 0px; border-bottom: 1px solid var(--v3-line); }
body.ui-v3 .v3-form-section:first-child { padding-top: 0px; }
body.ui-v3 .v3-form-section header { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
body.ui-v3 .v3-form-section header > span { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 auto; color: var(--v3-gold-bright); font-size: 9px; font-weight: 950; background: var(--v3-gold-soft); border-radius: 9px; }
body.ui-v3 .v3-form-section header div { min-width: 0px; }
body.ui-v3 .v3-form-section header strong, body.ui-v3 .v3-form-section header small { display: block; overflow-wrap: anywhere; }
body.ui-v3 .v3-form-section header strong { color: var(--v3-text); font-size: 12px; font-weight: 900; }
body.ui-v3 .v3-form-section header small { color: var(--v3-muted); font-size: 10px; }
body.ui-v3 .v3-form-section-accent { border-bottom: 0px; }
body.ui-v3 .v3-text-link { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 8px; padding: 8px; color: var(--v3-muted-strong); font-size: 12px; font-weight: 800; text-align: center; overflow-wrap: anywhere; }
body.ui-v3.v3-sheet-open { overflow: hidden; }
body.ui-v3 .v3-sheet[hidden] { display: none !important; }
body.ui-v3 .v3-sheet { position: fixed; inset: 0px; z-index: 1200; display: grid; align-items: end; }
body.ui-v3 .v3-sheet-backdrop { position: absolute; inset: 0px; width: 100%; height: 100%; padding: 0px; background: rgba(1, 4, 10, 0.76); border: 0px; backdrop-filter: blur(6px); }
body.ui-v3 .v3-sheet-panel { position: relative; z-index: 1; width: min(100%, 600px); max-height: min(88dvh, 760px); margin-inline: auto; padding: 8px var(--v3-space) calc(18px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; color: var(--v3-text); background: var(--v3-bg-elevated); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-radius: 24px 24px 0px 0px; box-shadow: rgba(0, 0, 0, 0.48) 0px -20px 60px; }
body.ui-v3 .v3-sheet-handle { width: 42px; height: 4px; margin: 2px auto 12px; background: var(--v3-line-strong); border-radius: 999px; }
body.ui-v3 .v3-sheet-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
body.ui-v3 .v3-sheet-heading h2 { margin: 4px 0px 0px; color: var(--v3-text); font-size: 20px; font-weight: 900; overflow-wrap: anywhere; }
body.ui-v3 .v3-sheet-close { font-size: 25px; line-height: 1; }
body.ui-v3:not(.dark) .v3-auth-panel, body.ui-v3:not(.dark) .v3-settings-panel, body.ui-v3:not(.dark) .v3-payout-panel, body.ui-v3:not(.dark) .v3-account-panel, body.ui-v3:not(.dark) .v3-qr-panel, body.ui-v3:not(.dark) .v3-share-panel, body.ui-v3:not(.dark) .v3-invite-stats, body.ui-v3:not(.dark) .v3-team-finance, body.ui-v3:not(.dark) .v3-team-members, body.ui-v3:not(.dark) .v3-team-rewards, body.ui-v3:not(.dark) .v3-profile-actions a, body.ui-v3:not(.dark) .v3-team-level-grid article { background: rgba(255, 255, 255, 0.94); box-shadow: rgba(41, 51, 76, 0.09) 0px 10px 28px; }
body.ui-v3:not(.dark) .v3-input, body.ui-v3:not(.dark) .v3-select, body.ui-v3:not(.dark) .v3-profile-actions a, body.ui-v3:not(.dark) .v3-payout-preview, body.ui-v3:not(.dark) .v3-payout-item, body.ui-v3:not(.dark) .v3-invite-stats article, body.ui-v3:not(.dark) .v3-team-finance-bars > div, body.ui-v3:not(.dark) .v3-member-row, body.ui-v3:not(.dark) .v3-reward-list article, body.ui-v3:not(.dark) .v3-segmented, body.ui-v3:not(.dark) .v3-share-link input { background: rgb(246, 248, 252); }
body.ui-v3:not(.dark) .v3-input input, body.ui-v3:not(.dark) .v3-select select, body.ui-v3:not(.dark) .v3-share-link input, body.ui-v3:not(.dark) .v3-team-invite input { color: rgb(23, 32, 51); }
body.ui-v3:not(.dark) .v3-select option, body.ui-v3:not(.dark) .v3-select optgroup { color: rgb(23, 32, 51); background: rgb(255, 255, 255); }
body.ui-v3:not(.dark) .v3-sheet-panel { color: var(--v3-text); background: rgb(246, 248, 252); }
@keyframes v3-spin { 
  100% { transform: rotate(360deg); }
}
@media (max-width: 360px) {body.ui-v3 .v3-auth, body.ui-v3 .v3-profile, body.ui-v3 .v3-invite, body.ui-v3 .v3-settings, body.ui-v3 .v3-team-shell { --v3-space: 12px; }
body.ui-v3 .v3-auth-panel { padding: 14px; }
body.ui-v3 .v3-form-grid { grid-template-columns: 1fr; }
body.ui-v3 .v3-field-wide { grid-column: auto; }
body.ui-v3 .v3-phone-row { grid-template-columns: 88px minmax(0px, 1fr); }
body.ui-v3 .v3-code-row { grid-template-columns: minmax(0px, 1fr) 98px; }}
@media (min-width: 680px) {body.ui-v3 .v3-auth { padding-top: 18px; }
body.ui-v3 .v3-auth-login > .v3-auth-panel { margin-inline: 20px; }}
@media (prefers-reduced-motion: reduce) {body.ui-v3 .v3-panel-toggle svg, body.ui-v3 .v3-primary-action .button-loader { transition: none; animation: auto ease 0s 1 normal none running none; }}