:root{--bg:#0f1115;--panel:#171a21;--border:#2a2f3a;--text:#e6e8eb;--muted:#9aa4b2;--accent:#7bc96f;--link:#8ab4f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:760px;margin:0 auto;padding:2rem 1rem}.title{font-size:1.6rem;margin:0 0 .25rem}.muted{color:var(--muted)}button,input{font:inherit;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}button{cursor:pointer;border-color:var(--accent)}button:hover{background:#1d2530}.row{display:flex;gap:.5rem;flex-wrap:wrap}.grow{flex:1 1;min-width:12rem}.list{list-style:none;padding:0;margin:1rem 0}.item{border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem;background:var(--panel)}.item:hover{border-color:var(--accent)}.item .subject{font-weight:600}.item .meta{color:var(--muted);font-size:.85rem}.state{text-align:center;padding:3rem 1rem;color:var(--muted)}.state .big{font-size:2.5rem}.msg-frame{width:100%;min-height:50vh;border:1px solid var(--border);border-radius:10px;background:#fff}.pill{display:inline-block;font-size:.75rem;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 .5rem;margin-left:.4rem}