:root{--bg: #0b0f19;--surface: #111827;--surface-hover: #1a2332;--border: #1e293b;--text: #e2e8f0;--text-muted: #64748b;--accent: #38bdf8;--green: #22c55e;--red: #ef4444;--orange: #f59e0b;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;font-size:14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:600px;margin:0 auto;padding:3rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.2rem;font-weight:800;letter-spacing:-.04em}.header h1 .gradient{background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.reel{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.reel-top{padding:.5rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end}.indicator{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green);display:flex;align-items:center;gap:.35rem}.indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}.indicator.spinning{color:var(--orange)}.indicator.spinning:before{background:var(--orange);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.reel-body{padding:.35rem}.reel-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.9rem}.domain-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-radius:10px;animation:reveal .4s ease-out both}.domain-row:hover{background:var(--surface-hover)}@keyframes reveal{0%{opacity:0;transform:translateY(18px) scale(.97)}70%{transform:translateY(-2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.domain-name{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.88rem;color:var(--text);word-break:break-all;min-width:0}.heart-btn{background:none;border:none;font-size:1.35rem;line-height:1;cursor:pointer;color:var(--text-muted);padding:.15rem .25rem;flex-shrink:0;transition:transform .15s,color .15s;-webkit-user-select:none;user-select:none}.heart-btn:hover{transform:scale(1.25);color:var(--red)}.heart-btn.saved{color:var(--red);animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.saved-section{margin-top:2.5rem}.saved-section h2{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.6rem}.saved-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .9rem;border-bottom:1px solid var(--border)}.saved-row:last-child{border-bottom:none}.saved-domain{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.82rem;color:var(--text);word-break:break-all;min-width:0}.saved-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.tweet-btn{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .55rem;border-radius:6px;background:#1da1f21a;color:#1da1f2;text-decoration:none;transition:background .15s}.tweet-btn:hover{background:#1da1f240;text-decoration:none}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:.15rem .35rem;border-radius:4px;transition:color .15s,background .15s}.remove-btn:hover{color:var(--red);background:#ef44441a}