.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);animation:toast-in .3s ease,toast-out .3s ease 3.7s forwards;pointer-events:auto;box-shadow:var(--shadow-md);max-width:400px;text-align:center}.toast--error{background:var(--accent-danger);color:#fff}.toast--warning{background:var(--accent-warning);color:#1f2937}.toast--success{background:var(--accent-secondary);color:#fff}.toast--info{background:var(--accent-info);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.flyout-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1500;animation:flyout-fade-in .2s ease}.flyout-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background-color:var(--bg-card);border-left:1px solid var(--border-primary);box-shadow:var(--shadow-lg);z-index:1501;overflow-y:auto;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.flyout-panel.open{transform:translate(0)}.flyout-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);flex-shrink:0}.flyout-header-info{flex:1;min-width:0}.flyout-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);font-family:monospace}.flyout-name{margin:4px 0 0;font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flyout-close{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:20px;cursor:pointer;color:var(--text-secondary);padding:4px 10px;line-height:1;transition:all .15s ease;flex-shrink:0;margin-left:12px}.flyout-close:hover{color:var(--text-primary);border-color:var(--text-secondary);background-color:var(--bg-hover)}.flyout-content{padding:20px;flex:1;overflow-y:auto}.flyout-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.flyout-stat{display:flex;flex-direction:column;gap:4px}.flyout-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.flyout-stat-value{font-size:16px;font-weight:600;color:var(--text-primary);font-family:monospace}.flyout-returns-section{margin-top:16px}.flyout-section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary);padding-bottom:8px}.flyout-returns-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flyout-return-item{display:flex;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);background-color:var(--bg-secondary)}.flyout-return-label{font-size:12px;color:var(--text-secondary)}.flyout-return-value{font-size:13px;font-weight:600;font-family:monospace}@keyframes flyout-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.flyout-panel{width:100%;max-width:100%}.flyout-stats-grid{grid-template-columns:1fr 1fr}.flyout-returns-grid{grid-template-columns:1fr}}.screener-cards{display:flex;flex-direction:column;gap:12px;padding:0}.screener-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:14px 16px;transition:background-color var(--transition-fast)}.screener-card:hover{background-color:var(--bg-hover)}.screener-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.screener-card-star{display:inline-block;transition:transform .15s ease,color .15s ease}.screener-card-star:hover{transform:scale(1.3)}.screener-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.screener-card-metric{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--border-primary)}.screener-card-metric:last-child,.screener-card-metric:nth-last-child(2):nth-child(odd){border-bottom:none}.screener-card-metric-label{font-size:12px;color:var(--text-secondary)}.screener-card-metric-value{font-size:14px;font-weight:600;color:var(--text-primary);transition:background-color var(--transition-fast)}@media(max-width:768px){.screener-cards{gap:10px}.screener-card{padding:12px 14px}}@media(max-width:480px){.screener-card{padding:10px 12px}.screener-card-metrics{gap:4px 12px}.screener-card-metric-label{font-size:11px}.screener-card-metric-value{font-size:13px}}.onboarding-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1999}.onboarding-tooltip{position:fixed;z-index:2001;width:280px;background-color:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:onboarding-fade-in .2s ease}.onboarding-tooltip-content{padding:16px}.onboarding-tooltip-text{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text-primary)}.onboarding-tooltip-actions{display:flex;justify-content:space-between;align-items:center}.onboarding-tooltip-skip{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:4px 8px;transition:color var(--transition-fast)}.onboarding-tooltip-skip:hover{color:var(--text-primary)}.onboarding-tooltip-next{background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.onboarding-tooltip-next:hover{opacity:.9}.onboarding-tooltip-step{padding:4px 16px 10px;font-size:11px;color:var(--text-muted);text-align:center}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.onboarding-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2500;padding:20px;animation:onboarding-modal-fade-in .3s ease}.onboarding-modal{background-color:var(--bg-card);border-radius:var(--radius-xl);max-width:520px;width:100%;padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.onboarding-modal-title{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-primary);text-align:center}.onboarding-modal-subtitle{margin:0 0 24px;font-size:15px;color:var(--text-secondary);text-align:center}.onboarding-modal-options{display:flex;flex-direction:column;gap:10px}.onboarding-modal-option{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;background-color:var(--bg-secondary)}.onboarding-modal-option:hover,.onboarding-modal-option.hovered{border-color:var(--accent-primary);background-color:#6366f114;transform:translate(4px)}.onboarding-modal-option-icon{font-size:24px;flex-shrink:0}.onboarding-modal-option-text{display:flex;flex-direction:column;gap:2px}.onboarding-modal-option-title{font-weight:600;font-size:15px;color:var(--text-primary)}.onboarding-modal-option-desc{font-size:13px;color:var(--text-secondary)}@keyframes onboarding-modal-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.onboarding-modal{padding:20px;margin:10px}.onboarding-modal-title{font-size:20px}.onboarding-modal-option{padding:12px 14px}.onboarding-modal-option-icon{font-size:20px}}@media(max-width:480px){.onboarding-modal-overlay{padding:10px}.onboarding-modal{padding:16px}.onboarding-modal-title{font-size:18px}.onboarding-modal-option{padding:10px 12px;gap:10px}.onboarding-modal-option-title{font-size:14px}.onboarding-modal-option-desc{font-size:12px}}
