:root { --gap:12px; }
    body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif; margin: 24px; }
    header { display:grid; grid-template-columns: auto 1fr auto; gap: var(--gap); align-items:center; }
    #login, #searchBtn, #loadAll { padding:8px 12px; }
    #q { padding:8px 12px; width:min(520px, 90vw); }
    #status { min-height:1.2em; color:#444; margin-top:8px; }
    #info { font-size:12px; color:#666; margin-top:4px; }
    ul#list { list-style:none; padding:0; margin:16px 0; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:var(--gap); }
    li.card { display:flex; gap:10px; padding:12px; border:1px solid #e5e7eb; border-radius:12px; align-items:flex-start; background:#fff; }
    .thumb { width:128px; height:72px; object-fit:cover; border-radius:8px; background:#f2f2f2; flex:0 0 auto; }
    .meta { display:flex; flex-direction:column; gap:6px; }
    .title { font-weight:700; line-height:1.25; }
    .sub { font-size:12px; color:#666; }
    .desc { font-size:12px; color:#555; max-height:3.2em; overflow:hidden; }
    #sentinel { height:1px; }
    .muted { color:#888; }