:root{--primary: oklch(.55 .2 250);--primary-hover: oklch(.5 .2 250);--primary-light: oklch(.9 .08 250);--primary-ultra-light: oklch(.95 .04 250);--secondary: oklch(.6 .18 280);--success: oklch(.65 .2 145);--success-light: oklch(.9 .1 145);--warning: oklch(.7 .18 85);--danger: oklch(.55 .22 25);--secondary-light: oklch(.9 .09 280);--bg-primary: oklch(.98 0 0);--bg-surface: oklch(1 0 0);--bg-elevated: oklch(.96 0 0);--text-primary: oklch(.15 0 0);--text-secondary: oklch(.45 0 0);--text-muted: oklch(.65 0 0);--border-light: oklch(.9 0 0);--border-medium: oklch(.8 0 0);--space-base: 1rem;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 8px rgba(0,0,0,.08);--shadow-lg: 0 12px 24px rgba(0,0,0,.1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);transition:var(--duration-normal);border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--duration-normal);border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;transition:all var(--duration-normal) var(--ease-out);position:relative}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.metric-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:var(--text-primary);color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5;width:280px;opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-out);z-index:100;pointer-events:none;box-shadow:var(--shadow-lg)}.metric-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--text-primary)}body.beginner-mode .metric-card:hover .metric-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(12px)}.metric-tooltip strong{display:block;margin-bottom:4px;font-size:14px}.alert-item{border-left:3px solid transparent;transition:all var(--duration-fast)}.alert-item.critical{border-left-color:var(--danger)}.alert-item.warning{border-left-color:var(--warning)}.alert-item.info{border-left-color:var(--primary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-primary);color:var(--text-secondary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;color:var(--text-primary);font-weight:600}#root{min-height:100vh}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tab-active{background-color:var(--bg-surface);color:var(--primary);border-bottom:3px solid var(--primary);font-weight:600}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{transition:all var(--duration-fast) var(--ease-out);font-weight:600}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.keyword-suggestion{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.keyword-suggestion:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.chart-container{width:100%;height:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease-out}.auth-input{width:100%;padding:12px 16px 12px 48px;border:2px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-surface);transition:all var(--duration-normal) var(--ease-out);font-size:14px;color:var(--text-primary)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ultra-light)}.auth-input.error{border-color:var(--danger);box-shadow:0 0 0 4px #ffd0cb;box-shadow:0 0 0 4px oklch(.9 .1 25)}.auth-input.success{border-color:var(--success)}.btn-primary{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:15px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-social{width:100%;padding:12px 24px;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-primary)}.btn-social:hover{border-color:var(--border-medium);background:var(--bg-surface);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.password-strength{display:flex;gap:4px;margin-top:8px}.strength-bar{flex:1;height:4px;background:var(--border-light);border-radius:2px;transition:all var(--duration-normal)}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-medium);border-radius:4px;cursor:pointer;position:relative;transition:all var(--duration-fast)}.custom-checkbox:checked{background:var(--primary);border-color:var(--primary)}.custom-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.error-message{color:var(--danger);font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}.auth-link{color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--duration-fast)}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-light)}