:root{--bg:#fbfaf7;--fg:#222;--muted:#666;--card:#fff;--line:#ddd;--accent:#2563eb;
--l0:#15803d;--l1:#4d7c0f;--l2:#b45309;--l3:#c2410c;--l4:#b91c1c;--lunknown:#6b7280}
@media (prefers-color-scheme:dark){:root{--bg:#16171a;--fg:#e8e8e8;--muted:#a0a0a0;--card:#1f2024;--line:#33353a;--accent:#7aa2ff;
--l0:#4ade80;--l1:#a3e635;--l2:#fbbf24;--l3:#fb923c;--l4:#f87171;--lunknown:#9ca3af}}
*{box-sizing:border-box}
body{margin:0 auto;max-width:44rem;padding:0 1rem 3rem;background:var(--bg);color:var(--fg);
font:17px/1.6 system-ui,-apple-system,"Segoe UI","Noto Sans","Noto Sans CJK SC","Malgun Gothic",sans-serif}
a{color:var(--accent)}
header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:baseline;padding:1rem 0 0}
.site{font-weight:700;font-size:1.3rem;text-decoration:none;color:var(--fg)}
.lang a{margin-left:.7rem}.lang a[aria-current]{font-weight:700;color:var(--fg);text-decoration:none}
.tagline,.meta,.credit,footer{color:var(--muted);font-size:.9rem}
.notice{background:var(--card);border-left:4px solid var(--accent);padding:.5rem .8rem;font-size:.9rem}
.filter{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center;background:var(--card);
border:1px solid var(--line);border-radius:8px;padding:.7rem 1rem;margin:1rem 0}
.filter select{font:inherit;max-width:100%}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1rem;margin:1rem 0}
.card[hidden]{display:none}
.card h2{margin:.2rem 0;font-size:1.2rem}.card h2 a{text-decoration:none}
img{max-width:100%;height:auto;border-radius:6px}
.tag{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:0 .4rem;font-size:.8rem}
.tag.own{border-color:var(--l3);color:var(--l3);font-weight:700}
.tag.sample{border-style:dashed}
.ai{border:2px solid var(--lunknown);border-radius:6px;padding:.3rem .6rem;font-size:.9rem;margin:.5rem 0}
.ai summary{cursor:pointer;font-weight:700}
.ai-0{border-color:var(--l0)}.ai-1{border-color:var(--l1)}.ai-2{border-color:var(--l2)}
.ai-3{border-color:var(--l3)}.ai-4{border-color:var(--l4)}
.ai blockquote{margin:.3rem 0;padding-left:.8rem;border-left:3px solid var(--line);color:var(--muted)}
.ai h4{margin:.5rem 0 0}.ai p{margin:.3rem 0}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1rem}dt{color:var(--muted)}dd{margin:0}
footer{margin-top:2rem}
:lang(ko){word-break:keep-all;overflow-wrap:break-word;
font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR",sans-serif}
:lang(zh-Hans){font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif}
.contact{display:grid;gap:.6rem;max-width:32rem;margin-top:2rem}.contact label{display:grid;gap:.2rem}
.contact input,.contact textarea,.contact button{font:inherit;padding:.4rem}.contact button{justify-self:start}
.contact .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}