*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--border:#2a2a2a;--border-focus:#fafafa;--accent:#fafafa;--success:#22c55e;--danger:#ef4444}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.container{max-width:640px;margin:0 auto;padding:3rem 1.5rem}header{margin-bottom:2rem}header h1{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.input-section{margin-bottom:1rem}.input-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem;padding:.75rem 1rem;transition:border-color .15s}.input-card:focus-within{border-color:var(--border-focus)}.input-card-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.input-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex}.remove-btn:hover{color:var(--danger)}.remove-btn svg{width:16px;height:16px}.input-field{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;min-height:80px;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--border-focus);outline:none}.actions{gap:.5rem;margin-bottom:2rem;display:flex}.btn{cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn svg{width:14px;height:14px}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-muted)}.btn-primary{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary);flex:1;justify-content:center}.btn-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.results-section{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem;font-size:.75rem;font-weight:500}.result-group{margin-bottom:1.5rem}.result-group:last-child{margin-bottom:0}.result-group-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem}.result-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.375rem;padding:.75rem 1rem;display:flex}.result-rank{width:20px;color:var(--text-muted);flex-shrink:0;padding-top:.125rem;font-size:.75rem;font-weight:600}.result-info{flex:1}.result-title{font-size:.875rem;font-weight:500}.result-text{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;line-height:1.4}.result-score{color:var(--success);flex-shrink:0;padding-top:.125rem;font-size:.8125rem;font-weight:600}.loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin:0 auto .75rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.error svg{flex-shrink:0;width:16px;height:16px}