.mock{width:min(520px, 100%); border:1px solid var(--line); border-radius:16px; background:rgba(14,17,26,0.6); box-shadow: var(--shadow); overflow:hidden}
.mock-head{display:flex; gap:6px; padding:10px; background:rgba(255,255,255,0.03)}
.mock-head .dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.2)}
.mock-body{padding:14px; display:grid; gap:12px}
.mock-birthday .title{font-weight:700; color:#E4ECFF}
.mock-birthday .item{display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,0.03)}
.mock-birthday .avatar{width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#7c3aed,#60a5fa)}
.mock-birthday .meta small{color:#AFC2E8}
.mock-birthday .badge{margin-left:auto; font-size:12px; color:#CFE0FF; border:1px solid var(--line); padding:4px 8px; border-radius:999px; background:rgba(36,97,230,0.15)}
.mock-birthday .chip{background:rgba(125,211,252,0.15); border:1px solid rgba(125,211,252,0.45); padding:2px 6px; border-radius:999px}
.mock-blacklist .title{font-weight:700; color:#E4ECFF}
.mock-blacklist .row{display:flex; gap:8px}
.pill{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; border:1px solid var(--line); color:#CFE0FF; background:rgba(255,255,255,0.04)}
.pill.danger{color:#ffd7d7; border-color:rgba(255,0,0,0.25); background:rgba(255,0,0,0.06)}
.pill.mute{opacity:0.9}
.mock-blacklist .entry{display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,0.03)}
.mock-blacklist .entry + .entry{margin-top:8px}
.mock-blacklist .avatar{width:32px; height:32px; border-radius:8px; background:linear-gradient(135deg,#ef4444,#b91c1c)}
.mock-blacklist .meta small{color:#AFC2E8}
.mock-blacklist .mini{margin-left:auto; width:34px; height:34px; border-radius:10px; border:1px solid var(--line); background:rgba(255,255,255,0.04); color:#CFE0FF; display:grid; place-items:center}
.discord-card{background:#101218; border:1px solid #161922; border-radius:8px; color:#dbdee1; font-family: "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; box-shadow:0 0 0 1px rgba(0,0,0,0.08) inset; width:min(640px, 100%)}
.discord-wrap{display:flex; gap:12px; padding:12px}
.discord-avatar{width:40px; height:40px; border-radius:50%; background:#0b1020; overflow:hidden; flex:0 0 40px; border:1px solid rgba(255,255,255,0.06)}
.discord-avatar img{width:100%; height:100%; object-fit:cover}
.discord-head{display:flex; align-items:center; gap:8px; line-height:1.2; margin-bottom:6px}
.discord-name{color:#ffffff; font-weight:700}
.discord-badge{display:inline-flex; align-items:center; gap:6px; padding:2px 6px; border-radius:4px; background:#5865F2; color:#fff; font-size:12px; font-weight:800; letter-spacing:0.3px}
.discord-badge i{font-size:11px}
.discord-timestamp{color:#72767d; font-size:12px}
.discord-mention{display:inline-block; background:#292C51; color:#A4BAEF; padding:1px 4px; border-radius:4px; font-weight:600; font-size:15px; opacity:.9}
.user-mention{display:inline-block; background:#303359; color:#A9BAFF; padding:0px 3px; border-radius:4px; font-weight:700; opacity:.9}
.discord-message{font-size:14px; color:#dbdee1}
.discord-embed{margin-top:8px; background:#1e1f22; border:1px solid #303338; border-radius:6px; overflow:hidden; position:relative}
.discord-embed .bar{position:absolute; left:0; top:0; bottom:0; width:4px; background:#27a55b}
.discord-embed-inner{padding:12px 14px}
.discord-embed .title{color:#e3e5e8; font-weight:700; margin-bottom:6px; display:flex; align-items:center; gap:8px}
.discord-embed .desc{color:#c7ccd1; font-size:14px}
.discord-embed code{background:#1e1f22; border:1px solid #2b2d31; padding:2px 6px; border-radius:4px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color:#e3e5e8; font-size:13px}
.discord-reactions{display:flex; gap:8px; padding:10px 0 2px}
.reaction{display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius:6px; background:#1e1f22; border:1px solid #303338; color:#e3e5e8; font-weight:600; font-size:13px}
.reaction .emo{font-size:16px}
.discord-footer{display:flex; align-items:center; gap:8px; color:#aab0b6; font-size:12px; margin-top:10px}
.discord-footer .icon{width:20px; height:20px; border-radius:50%; background:radial-gradient(#192641,#2049A4); display:inline-block}
.discord-card .discord-buttons{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; font-family:"Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}
.discord-card .d-btn{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:6px; color:#fff; font-weight:700; border:none; cursor:default}
.discord-card .d-btn.kick{ background:#da373c }
.discord-card .d-btn.ban{  background:#da373c }
.info-note{margin-top:8px; background:#1e1f22; border:1px solid #2b2d31; border-radius:6px; color:#c7ccd1; padding:10px 12px; display:flex; gap:8px; align-items:flex-start}
.info-note.has-bar{ position:relative; padding-left:20px }
.info-note.has-bar::before{content:""; position:absolute; top:0; bottom:0; left:0; width:4px; background:#3F6DF0; border-radius:4px 0 0 4px}
.nowrap-entity{display:inline-flex; align-items:baseline; gap:6px; white-space:nowrap}
.username-frag{font-weight:800; color:#e6e7ea; white-space:normal; word-break:break-word; overflow-wrap:anywhere}