:root { --bg:#fffaf0; --card:#fff; --text:#222; --muted:#666; --border:#e5e5e5; --accent:#333; }
*{box-sizing:border-box} body{font-family:Arial,system-ui,-apple-system,"Segoe UI",Roboto; margin:0; background:var(--bg); color:var(--text)}
.container{max-width:900px;margin:0 auto;padding:24px}
header{margin-bottom:12px} h1{margin:0 0 6px 0;font-size:28px} .subtitle{color:var(--muted);margin-bottom:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px}
.item a{color:var(--accent);text-decoration:none;font-weight:600}
.item small{display:block;color:var(--muted);margin-top:6px}
audio{width:100%;margin-top:12px}
.back{display:inline-block;margin-top:18px;color:var(--accent);text-decoration:none}
footer{margin-top:32px;color:var(--muted);font-size:12px}
.url{font-size:12px;color:var(--muted);word-break:break-all;margin-top:8px}
.ipa{font-family:"Times New Roman","Gentium Plus","Charis SIL",serif;font-size:18px;margin-top:8px}
.ipa code{background:#f3f3f3;padding:2px 6px;border-radius:6px;border:1px solid var(--border)}