*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

body{background:#1a1a2e;color:#d4d4d4;font-family:'Segoe UI',system-ui,sans-serif}
body.locked{min-height:100vh;display:flex;align-items:center;justify-content:center}
body:not(.locked){padding:40px 24px;max-width:880px;margin:0 auto}

a{color:#7289da}

/* ── Archive ── */
header{margin-bottom:28px}
header h1{color:#fff;font-size:1.5rem;margin-bottom:4px}
header p{color:#666;font-size:.85rem}

.meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;background:#16213e;border-radius:8px}
.meta-item{display:flex;flex-direction:column;gap:2px}
.meta-label{font-size:.72rem;color:#555;text-transform:uppercase;letter-spacing:.05em}
.meta-value{font-size:.9rem;color:#d4d4d4}

.messages{display:flex;flex-direction:column;gap:1px;margin-top:20px}
.msg{padding:10px 14px;border-radius:6px}
.msg:hover{background:#16213e}
.msg-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}
.author{font-weight:700;color:#7289da;font-size:.9rem}
.ts{font-size:.72rem;color:#555;margin-left:auto}
.msg-text{color:#d4d4d4;line-height:1.55;font-size:.93rem;white-space:pre-wrap;padding-left:38px}

.embed{background:#2f3136;border-left:4px solid #7289da;border-radius:4px;padding:12px 14px;margin-top:6px;margin-left:38px}
.embed-title{font-weight:700;color:#fff;margin-bottom:6px;font-size:.95rem}
.embed-desc{color:#dcddde;font-size:.88rem;line-height:1.45;white-space:pre-wrap}
.field{margin-top:8px}
.field b{display:block;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}
.field span{color:#dcddde;font-size:.88rem}

footer{text-align:center;margin-top:40px;font-size:.78rem;color:#444;padding-top:20px;border-top:1px solid #222}

.mention{display:inline;background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:3px;padding:0 3px;font-weight:500;font-size:.92em;cursor:default}
.mention:hover{background:rgba(88,101,242,.6);color:#fff}

/* ── Page verrouillée ── */
.card{text-align:center;padding:48px 40px;background:#16213e;border-radius:12px;max-width:420px;width:100%;border:1px solid #2a2d3e}
.icon{font-size:3rem;margin-bottom:20px}
h1{color:#fff;font-size:1.4rem;margin-bottom:10px}
p{color:#888;font-size:.9rem;line-height:1.6}
.badge{display:inline-block;margin-top:24px;padding:6px 14px;background:#0d1117;border-radius:20px;font-size:.75rem;color:#555;letter-spacing:.05em}