:root{--text-primary: #1e293b;--text-secondary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #e2e8f0;--progress-trail: #f5f5f5;--accent-primary: #00B894;--accent-secondary: #FFD700;--status-live: #ef4444;--status-retired: #f97316;--status-warning: #eab308;--status-success: #22c55e;--status-info: #3b82f6;--border-primary: #e5e7eb;--border-secondary: #d1d5db}[data-theme=dark]{--text-primary: #F5F5F5;--text-secondary: #B0B0B0;--bg-primary: #0a0a1a;--bg-secondary: #151520;--bg-tertiary: #1f1f2e;--progress-trail: #2a2a2a;--accent-primary: #00B894;--accent-secondary: #FFD700;--status-live: #dc2626;--status-retired: #ea580c;--status-warning: #ca8a04;--status-success: #16a34a;--status-info: #2563eb;--border-primary: #374151;--border-secondary: #4b5563}.themed-modal .ant-modal-content{background:var(--bg-primary);color:var(--text-primary)}@media (min-width: 641px){.themed-modal.full-height .ant-modal-content{height:100vh;display:flex;flex-direction:column}.themed-modal.full-height .ant-modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}}.themed-modal .ant-modal-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding-right:40px}.themed-modal .ant-modal-title{color:var(--text-primary);font-weight:600}.themed-modal .ant-input-suffix svg{color:var(--text-secondary)}.themed-modal .ant-modal-close-x,.modal-close-icon{width:28px;height:28px;line-height:28px;text-align:center;border-radius:6px;font-size:18px;font-weight:400;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.themed-modal .ant-modal-close:hover .modal-close-icon{background:var(--bg-tertiary);color:var(--text-primary)}.themed-modal .ant-input-password-icon{color:var(--text-secondary);transition:color .2s}.themed-modal .ant-input-password-icon:hover{color:var(--accent-primary)}.themed-modal .ant-input,.themed-modal .ant-input-affix-wrapper,.themed-modal .ant-input-password{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:none!important;transition:border-color .2s,background .2s}:root:not([data-theme=dark]) .themed-modal .ant-input,:root:not([data-theme=dark]) .themed-modal .ant-input-affix-wrapper,:root:not([data-theme=dark]) .themed-modal .ant-input-password{background:var(--bg-secondary)}.themed-modal .ant-input::placeholder,.themed-modal .ant-input-affix-wrapper input::placeholder{color:var(--text-secondary);opacity:.8}.themed-modal .ant-input:hover,.themed-modal .ant-input-affix-wrapper:hover,.themed-modal .ant-input-password:hover{border-color:var(--accent-primary)}.themed-modal .ant-input:focus,.themed-modal .ant-input-affix-wrapper-focused,.themed-modal .ant-input-password.ant-input-affix-wrapper-focused{border-color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-primary) 20!important}.themed-modal .ant-form-item-has-error .ant-input,.themed-modal .ant-form-item-has-error .ant-input-affix-wrapper,.themed-modal .ant-form-item-has-error .ant-input-password{border-color:var(--live-indicator)!important;box-shadow:none!important}.themed-modal .ant-form-item-has-error .ant-input:focus,.themed-modal .ant-form-item-has-error .ant-input-affix-wrapper-focused,.themed-modal .ant-form-item-has-error .ant-input-password.ant-input-affix-wrapper-focused{border-color:var(--live-indicator)!important;box-shadow:0 0 0 1px var(--live-indicator) 33!important}.themed-modal .ant-form-item-explain-error{color:var(--live-indicator);font-size:11px;margin-top:4px}.themed-modal .ant-btn-primary{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important;font-weight:600;box-shadow:none;transition:background .2s,opacity .2s}.themed-modal .ant-btn-primary:hover:not(.ant-btn-disabled){background:#00cfa7!important;border-color:#00cfa7!important}.themed-modal .ant-btn-primary:active:not(.ant-btn-disabled){background:#00a882!important;border-color:#00a882!important}.themed-modal .ant-btn-primary.ant-btn-disabled,.themed-modal .ant-btn-primary.ant-btn-disabled:hover{background:var(--accent-primary)!important;opacity:.45;color:#fff!important}.themed-modal .ant-btn-primary span{color:#fff}@media (max-width: 640px){.themed-modal .ant-modal-root,.themed-modal.ant-modal,.themed-modal .ant-modal-content{margin:0!important;padding:0;width:100%!important;max-width:100%!important;height:100vh;display:flex;flex-direction:column;border-radius:0!important}.themed-modal .ant-modal-header{border-radius:0;padding:16px 20px}.themed-modal .ant-modal-body{flex:1;overflow-y:auto;padding:16px 20px 32px}}.app-notification .ant-notification-notice-message{color:var(--text-primary)!important;font-weight:600}.app-notification .ant-notification-notice-description{color:var(--text-secondary)!important;white-space:pre-line;line-height:1.4}.app-notification .ant-notification-notice-icon svg{color:var(--accent-primary)}.app-notification-error .ant-notification-notice-icon svg{color:var(--live-indicator)!important}.app-notification-success .ant-notification-notice-icon svg{color:var(--accent-primary)!important}.app-notification-warning .ant-notification-notice-icon svg{color:var(--accent-secondary)!important}.app-notification-info .ant-notification-notice-icon svg{color:var(--accent-primary)!important}.app-notification .ant-notification-notice{background:var(--bg-tertiary)!important}.themed-modal .avatar-style-dropdown .ant-select-dropdown{background:var(--bg-primary)!important;border:1px solid var(--border-primary)!important;box-shadow:0 4px 12px #00000026!important}.themed-modal .avatar-style-dropdown .ant-select-item{background:transparent!important;color:var(--text-primary)!important}.themed-modal .avatar-style-dropdown .ant-select-item:hover{background:var(--bg-secondary)!important}.themed-modal .avatar-style-dropdown .ant-select-item-option-selected{background:#00b8941a!important;color:var(--accent-primary)!important}.themed-modal .ant-btn{border:1px solid var(--border-primary)!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important;transition:all .2s ease!important}.themed-modal .ant-btn:hover{border-color:var(--accent-primary)!important;background:var(--bg-tertiary)!important;color:var(--accent-primary)!important}.themed-modal .ant-btn:disabled{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--border-primary)!important;opacity:.6}.themed-modal .ant-btn-primary{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}.themed-modal .ant-btn-primary:hover:not(.ant-btn-disabled){background:#00cfa7!important;border-color:#00cfa7!important;color:#fff!important}.themed-modal .ant-tabs{color:var(--text-primary)!important}.themed-modal .ant-tabs .ant-tabs-tab{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important;margin-right:4px!important}.themed-modal .ant-tabs .ant-tabs-tab:hover{background:var(--bg-tertiary)!important;color:var(--accent-primary)!important}.themed-modal .ant-tabs .ant-tabs-tab-active{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}.themed-modal .ant-tabs .ant-tabs-tab-active:hover{background:var(--accent-primary)!important;color:#fff!important}.themed-modal.dark .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-btn,.themed-modal .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-btn{color:#fff!important;opacity:1!important}.themed-modal .ant-tabs .ant-tabs-content{color:var(--text-primary)!important}.themed-modal .ant-tabs .ant-tabs-content-holder{background:transparent!important}.themed-modal .ant-tabs .ant-tabs-tabpane,.themed-modal .ant-typography,.themed-modal .ant-typography-caption,.themed-modal span,.themed-modal p{color:var(--text-primary)!important}.themed-modal .ant-typography-secondary{color:var(--text-secondary)!important}.themed-modal .ant-select{color:var(--text-primary)!important}.themed-modal .ant-select .ant-select-selector{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.themed-modal .ant-select .ant-select-selection-item{color:var(--text-primary)!important}.themed-modal .ant-select:hover .ant-select-selector{border-color:var(--accent-primary)!important}.themed-modal .ant-select-focused .ant-select-selector{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px #00b8941a!important}.themed-modal .ant-tabs-content{flex:1!important;overflow:hidden!important}.themed-modal .ant-tabs-tabpane{height:100%!important;overflow-y:auto!important}.themed-modal .ant-tabs-nav{background:transparent!important;overflow-x:auto!important;scrollbar-width:thin}.themed-modal .ant-tabs-nav::-webkit-scrollbar{height:6px}.themed-modal .ant-tabs-nav::-webkit-scrollbar-track{background:transparent}.themed-modal .ant-tabs-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.themed-modal .ant-tabs-nav-more{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important;border-radius:6px!important}.themed-modal .ant-tabs-nav-more:hover{background:var(--bg-tertiary)!important;color:var(--accent-primary)!important}.themed-modal .ant-tabs-dropdown{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;box-shadow:0 4px 16px #0000004d!important}.themed-modal .ant-tabs-dropdown .ant-tabs-dropdown-menu-item{background:transparent!important;color:var(--text-primary)!important}.themed-modal .ant-tabs-dropdown .ant-tabs-dropdown-menu-item:hover{background:var(--bg-tertiary)!important;color:var(--accent-primary)!important}.themed-modal .ant-tabs-dropdown .ant-tabs-dropdown-menu-item-active{background:var(--accent-primary)!important;color:#fff!important}.themed-modal .ant-tabs-ink-bar{background:var(--accent-primary)!important}.themed-modal .ant-card.avatar-style-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important;border-radius:12px!important}.themed-modal .ant-card.avatar-style-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00b89426!important}.themed-modal .avatar-preview-container{background:radial-gradient(circle at center,var(--bg-secondary),var(--bg-primary))!important;border-radius:50%!important;padding:8px!important}.themed-modal .avatar-action-button{font-weight:500!important;border-radius:8px!important;transition:all .2s ease!important}.themed-modal .avatar-action-button:hover{transform:translateY(-1px)!important}.themed-modal .ant-tabs-top>.ant-tabs-nav:before,.themed-modal .ant-tabs-bottom>.ant-tabs-nav:before,.themed-modal .ant-tabs-top>div>.ant-tabs-nav:before,.themed-modal .ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom:1px solid var(--border-primary)!important}.themed-modal .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent-primary)!important}.themed-modal .ant-tabs-tab .ant-tabs-tab-btn{color:var(--text-primary)!important}.themed-modal .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--accent-primary)!important}.reddit-onboarding{width:100%;padding:0;font-family:Noto Sans,IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reddit-modal-header{text-align:center;padding:20px 24px 16px;width:100%}.reddit-progress-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;margin-bottom:20px;overflow:hidden}.reddit-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-primary) 100%);border-radius:2px;transition:width .3s ease}.reddit-modal-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.reddit-modal-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.4}.reddit-onboarding-body{padding:20px 24px 16px;margin-bottom:0}.reddit-sports-selection{display:flex;flex-direction:column;gap:20px}.reddit-sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.reddit-sport-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;user-select:none;min-height:80px}.reddit-sport-card:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.reddit-sport-card--selected{border-color:var(--accent-primary);background:#00b89414}.reddit-sport-icon{font-size:24px;margin-bottom:6px;line-height:1}.reddit-sport-name{font-size:13px;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.2}.reddit-sport-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.reddit-empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-secondary)}.reddit-empty-icon{font-size:32px;margin-bottom:12px;opacity:.6}.reddit-empty-text{font-size:16px;margin:0}.reddit-selection-status{text-align:center}.reddit-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--text-secondary)}.reddit-hint-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.reddit-selected-count{font-size:14px;font-weight:500;color:var(--text-primary)}.avatar-selection-step{padding:0;min-height:400px}.avatar-selection-step .avatar-customizer{padding:0;background:transparent}.avatar-selection-step .ant-row{min-height:400px}.avatar-selection-step .ant-col{margin-bottom:16px}.avatar-selection-step .ant-col:first-child{display:flex;flex-direction:column}.avatar-selection-step .option-group{margin-bottom:12px}.avatar-selection-step .option-group .ant-card-body{padding:12px}.avatar-selection-step .color-palette{margin:8px 0}.avatar-selection-step .ant-select{width:100%;max-width:200px}.onboarding-placeholder{text-align:center;padding:40px 20px;color:var(--text-secondary)}.onboarding-placeholder p{font-size:16px;margin:0;font-style:italic}.onboarding-success{text-align:center;padding:32px 0}.onboarding-success-icon{font-size:48px;color:var(--accent-primary);margin-bottom:16px}.onboarding-success-text{font-size:18px;font-weight:500;color:var(--text-primary);margin:0}.reddit-onboarding-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 20px;border-top:1px solid var(--border-color)}.reddit-skip-btn{color:var(--text-secondary)!important;border:none!important;background:transparent!important;font-weight:500!important;padding:8px 16px!important;height:auto!important}.reddit-skip-btn:hover,.reddit-skip-btn:focus{color:var(--text-primary)!important;background:var(--bg-secondary)!important}.reddit-continue-btn.ant-btn-primary{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important;font-weight:600!important;height:40px!important;padding:0 24px!important;border-radius:20px!important;min-width:120px!important}.reddit-continue-btn.ant-btn-primary span{color:#fff!important}.reddit-continue-btn.ant-btn-primary:hover,.reddit-continue-btn.ant-btn-primary:focus{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}.reddit-continue-btn.ant-btn-primary:hover span,.reddit-continue-btn.ant-btn-primary:focus span{color:#fff!important}.reddit-continue-btn.ant-btn-primary:disabled,.reddit-continue-btn.ant-btn-primary.ant-btn-disabled{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-secondary)!important;transform:none!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}.reddit-continue-btn.ant-btn-primary:disabled span,.reddit-continue-btn.ant-btn-primary.ant-btn-disabled span{color:var(--text-secondary)!important}.reddit-continue-btn.ant-btn-primary:disabled:hover,.reddit-continue-btn.ant-btn-primary:disabled:focus,.reddit-continue-btn.ant-btn-primary.ant-btn-disabled:hover,.reddit-continue-btn.ant-btn-primary.ant-btn-disabled:focus{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-secondary)!important}.reddit-continue-btn.ant-btn-primary:disabled:hover span,.reddit-continue-btn.ant-btn-primary:disabled:focus span,.reddit-continue-btn.ant-btn-primary.ant-btn-disabled:hover span,.reddit-continue-btn.ant-btn-primary.ant-btn-disabled:focus span{color:var(--text-secondary)!important}
