@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--bg-dark:#090b0e;--bg-card:#11141a;--bg-card-hover:#161a22;--bg-card-elevated:#1b212d;--bg-input:#0d1017;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb2e;--primary-soft:#2563eb1a;--secondary:#3b82f6;--accent:#2563eb;--accent-cyan:#0284c7;--success:#10b981;--success-glow:#10b98126;--success-soft:#10b98114;--warning:#f59e0b;--warning-glow:#f59e0b26;--warning-soft:#f59e0b14;--danger:#ef4444;--danger-glow:#ef444426;--danger-soft:#ef444414;--text-primary:#f1f5f9;--text-secondary:#838f9f;--text-muted:#566173;--text-subtle:#3d4554;--border:#222733;--border-light:#2d3545;--border-subtle:#181e2b;--border-focus:#2563eb;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 28px #00000073;--shadow-glow:0 0 20px var(--primary-glow);--font-sans:"Geist", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.55}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.22,1,.36,1)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#11141ad9}.panel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s,background-color .15s}.panel-card:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.text-lead{color:var(--text-secondary);font-size:1.125rem;line-height:1.5}.mono-spec{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.8125rem}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:background-color .15s cubic-bezier(.22,1,.36,1),border-color .15s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;border-color:#1d4ed8;box-shadow:0 1px 3px #0000004d}.btn-primary:hover{background:var(--primary-hover);border-color:#1e40af}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-success{background:var(--success);color:#fff;border-color:#059669}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger-soft);color:#f87171;border:1px solid #ef44444d}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{border-radius:var(--radius-sm);min-height:32px;padding:6px 12px;font-size:.8125rem}.badge{border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.badge-pro{color:#60a5fa;background:#2563eb1f;border:1px solid #3b82f647}.badge-success{background:var(--success-soft);color:#34d399;border:1px solid #10b98140}.badge-warning{background:var(--warning-soft);color:#fbbf24;border:1px solid #f59e0b40}.badge-danger{background:var(--danger-soft);color:#f87171;border:1px solid #ef444440}.score-pill{border-radius:var(--radius-sm);min-width:44px;height:26px;font-size:.8125rem;font-weight:700;font-family:var(--font-mono);justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.score-pill.high{background:var(--success-soft);color:#34d399;border:1px solid #10b98159}.score-pill.medium{background:var(--warning-soft);color:#fbbf24;border:1px solid #f59e0b59}.score-pill.low{background:var(--danger-soft);color:#f87171;border:1px solid #ef444459}.form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.label,.form-label{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:4px;font-size:.8125rem;font-weight:600;display:block}.input,.select,.textarea,.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);box-sizing:border-box;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .15s,background-color .15s;display:block}.input::placeholder,.textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.input:hover,.textarea:hover,.select:hover,.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--border-light)}.input:focus,.textarea:focus,.select:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb33}.textarea,.form-textarea{resize:vertical;min-height:85px;line-height:1.5}.switch{cursor:pointer;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:var(--border);border-radius:20px;transition:all .2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.22,1,.36,1);position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(18px)}.table-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600;font-family:var(--font-mono);background:#0d1017;padding:12px 16px}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:13px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff04}.serp-preview{color:#202124;background:#fff;border-radius:8px;margin-top:10px;padding:18px;font-family:Arial,sans-serif;box-shadow:0 2px 8px #0000001f}.serp-site-info{align-items:center;gap:8px;margin-bottom:4px;display:flex}.serp-favicon{color:#1a73e8;background:#f1f3f4;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.serp-domain{color:#202124;font-size:14px;font-weight:400;line-height:1.2}.serp-url-crumb{color:#4d5156;font-size:12px}.serp-title{color:#1a0dab;cursor:pointer;margin-top:3px;font-size:20px;font-weight:400;line-height:1.3;text-decoration:none}.serp-title:hover{text-decoration:underline}.serp-desc{color:#4d5156;word-wrap:break-word;margin-top:4px;font-size:14px;line-height:1.58}a.rm-genius-link{color:#60a5fa;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s}a.rm-genius-link:hover{color:#93c5fd}.code-panel{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);background:#07090d;font-size:.8125rem;overflow:hidden}.code-header{border-bottom:1px solid var(--border);color:var(--text-secondary);background:#0d1017;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.75rem;display:flex}.code-body{color:#e2e8f0;padding:16px;line-height:1.6;overflow-x:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
