:root{--bg: #f5f7ff;--card: #ffffff;--ink: #1f2440;--muted: #5f678a;--brand: #5b6cff;--brand-2: #4bc4ff;--ok: #11a36a;--line: #dde2ff}*{box-sizing:border-box}body{margin:0;font-family:SF Pro Text,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% -20%,#eaf0ff,transparent 35%),radial-gradient(circle at 90% 120%,#def8ff,transparent 35%),var(--bg);min-height:100vh;padding:24px}.wrap{max-width:960px;margin:0 auto}.hero{margin-bottom:16px}.hero h1{margin:0;font-size:34px;letter-spacing:-.02em}.hero p{margin:6px 0 0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 36px #161f5d14}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.grid.one-col{grid-template-columns:1fr}label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}input[type=range],select,input[type=file],button{width:100%;border-radius:10px;border:1px solid var(--line);background:#fff;padding:10px;font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}button{cursor:pointer;background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff;border:none;font-weight:600}button.secondary{background:#eef2ff;color:var(--ink);border:1px solid var(--line)}.summary{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:var(--muted);font-size:13px}.results{margin-top:14px;display:grid;gap:10px}.item{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;background:#fafbff}.item img{width:72px;height:72px;object-fit:cover;border-radius:8px}.meta{font-size:13px;color:var(--muted)}.meta strong{color:var(--ink)}.pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#e7fff5;color:var(--ok);font-size:12px;font-weight:600;margin-top:5px}@media (max-width: 780px){.grid,.actions,.item{grid-template-columns:1fr}.item img{width:100%;height:auto;max-height:220px}}