:root { --pad: 16px; --radius: 14px; --border: #ddd; }
*{ box-sizing: border-box; }
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; margin: 0; background: #fafafa; }
nav{ background:#fff; border-bottom:1px solid var(--border); padding: var(--pad); position: sticky; top:0; }
main{ max-width: 860px; margin: 0 auto; padding: calc(var(--pad)*1.5); }
.title{ margin-top:0; }
.card{ background:#fff; border:1px solid var(--border); padding:var(--pad); border-radius: var(--radius); display:flex; gap:12px; align-items:center; }
input[type=url]{ flex:1; padding:10px 12px; border:1px solid var(--border); border-radius: 10px; }
button{ padding:10px 16px; border-radius: 12px; border:1px solid #222; background:#111; color:#fff; cursor:pointer; }
a{ color:#0b57d0; text-decoration:none; }
a:hover{ text-decoration:underline; }