:root{--bg:#0e0b16;--panel:#17122a;--ink:#e9e4f2;--muted:#a79fbb;--line:#2b2340;--accent:#9b8ac4;--accent2:#c8b6ff;--glow:rgba(155,138,196,.25)}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#241a3f 0%,var(--bg) 60%);color:var(--ink);font-family:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;line-height:1.55;min-height:100vh}
a{color:var(--accent2)}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem}
.brand{font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:.5px}
.brand span{color:var(--accent2)}
nav a{color:var(--muted);text-decoration:none;margin-left:1rem;font-size:.92rem}
.wrap{max-width:720px;margin:0 auto;padding:0 1rem}
main{padding:1.4rem 0 3rem}
h1{font-size:1.7rem;line-height:1.2;margin:.2rem 0 .4rem;font-weight:700}
h2{font-size:1.15rem;margin:1.8rem 0 .5rem;color:var(--accent2)}
p.lede{color:var(--muted);margin-top:0}
.term{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;box-shadow:0 0 40px var(--glow)}
.log{min-height:220px;max-height:60vh;overflow:auto;padding:.2rem .2rem .6rem}
.msg{margin:.5rem 0;white-space:pre-wrap;word-wrap:break-word}
.msg.you{color:var(--muted)}
.msg.you::before{content:"you › ";color:#6f6689}
.msg.ummo::before{content:"ummo › ";color:var(--accent)}
.msg img{display:block;max-width:220px;border-radius:8px;margin:.4rem 0;border:1px solid var(--line)}
.msg img.rev{transform:rotate(180deg)}
.inrow{display:flex;gap:.5rem;margin-top:.6rem}
.inrow input{flex:1;background:#0b0813;border:1px solid var(--line);color:var(--ink);padding:.65rem .8rem;border-radius:8px;font:inherit;font-size:1rem}
.inrow button{background:var(--accent);color:#0e0b16;border:0;border-radius:8px;padding:.65rem 1rem;font:inherit;font-weight:700;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.chips button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.82rem;cursor:pointer}
.chips button:hover{border-color:var(--accent);color:var(--ink)}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
code{background:#0b0813;padding:.1rem .35rem;border-radius:4px}
.note{font-size:.88rem;color:var(--muted)}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:1.2rem 0}
footer a{color:var(--muted)}
.ad{min-height:90px;margin:1.2rem 0}
@media(max-width:560px){html{font-size:16px}.msg img{max-width:170px}}