:root{--bg: #0b1020;--panel: #0f162e;--panel-2: #121a38;--text: #e6ecff;--muted: #9fb0ffcc;--brand1: #7c4dff;--brand2: #00d4ff;--glow: 0 10px 30px rgba(124,77,255,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Arial}.app{min-height:100%;background:radial-gradient(1000px 600px at 10% -10%,rgba(0,212,255,.2),transparent 60%),radial-gradient(800px 500px at 110% 0%,rgba(124,77,255,.25),transparent 60%),var(--bg);color:var(--text)}.header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(15,22,46,.9),rgba(15,22,46,.6) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}.container{max-width:1024px;margin:0 auto;padding:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.3px}.logo{width:40px;height:40px;border-radius:12px;background:conic-gradient(from 220deg,var(--brand1),var(--brand2));box-shadow:var(--glow)}.brand span{font-size:22px}.hero{padding:28px 16px 8px}.tagline{margin-top:6px;color:var(--muted);font-size:14px}.searchCard{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;margin-top:16px;box-shadow:0 10px 30px #00000040}.searchRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input{flex:1;min-width:260px;padding:14px 16px;border-radius:12px;outline:none;color:var(--text);border:1px solid rgba(255,255,255,.12);background:#0a102399;transition:border .2s,box-shadow .2s,transform .05s}.input:focus{border-color:var(--brand2);box-shadow:0 0 0 4px #00d4ff24,var(--glow)}.select{padding:12px;border-radius:12px;color:var(--text);background:#0a1023b3;border:1px solid rgba(255,255,255,.12)}.hints{margin-top:8px;font-size:12px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#7c4dff26,#00d4ff1f)}.resultsMeta{margin-top:12px;color:var(--muted);font-size:13px}.grid{display:grid;gap:12px;margin-top:10px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);border-color:#7c4dff80;box-shadow:var(--glow)}.cardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.title{margin:0;font-size:18px;font-weight:700}.title a{color:#fff;text-decoration:none}.title a:hover{text-decoration:underline}.date{font-size:12px;color:var(--muted);white-space:nowrap}.url{font-size:12px;color:var(--muted);word-break:break-all}.snippet{margin-top:6px;font-size:14px;line-height:1.6}.score{margin-top:6px;font-size:11px;color:var(--muted)}mark{background:linear-gradient(90deg,#00d4ff40,#7c4dff40);padding:0 3px;border-radius:4px}.footer{padding:40px 16px;color:var(--muted);text-align:center}.badge{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
