:root{color-scheme:dark;font-family:Instrument Sans,Arial,sans-serif;background:#101311;color:#e9ede9}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,360px);border:1px solid #303831;background:#171b18;padding:32px;border-radius:6px}.eyebrow,.filters>p{margin:0 0 14px;color:#9acd62;font:12px IBM Plex Mono,monospace;letter-spacing:.08em}.login-card h1{margin:0;font-size:29px}.login-copy{color:#9aa59c;line-height:1.55}label{display:grid;grid-gap:8px;gap:8px;color:#c9d0ca;font-size:14px}input{width:100%;border:1px solid #303831;border-radius:4px;background:#101311;color:#e9ede9;padding:11px}button{border:0;border-radius:4px;cursor:pointer;background:#9acd62;color:#101311;font-weight:700;padding:11px 14px}form button{width:100%;margin-top:18px}.error{color:#e46d62;font-size:13px}.topbar{min-height:56px;display:flex;align-items:center;gap:18px;padding:10px 22px;border-bottom:1px solid #303831;background:#171b18;position:-webkit-sticky;position:sticky;top:0}.brand{font-weight:700;white-space:nowrap}.live{color:#9acd62;font:11px IBM Plex Mono,monospace;margin-left:10px}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.search{max-width:500px}.sync{margin-left:auto;color:#9aa59c;font-size:13px}.text-button{padding:6px;background:transparent;color:#c9d0ca;font-weight:400}.workspace{display:grid;grid-template-columns:232px minmax(0,840px);min-height:calc(100vh - 56px)}.filters{border-right:1px solid #303831;padding:24px 20px}.filters label{margin:14px 0;display:flex;align-items:center;gap:8px}.filters input{width:auto}.reading-button{width:100%;margin-top:18px;padding:7px 8px;background:transparent;border:1px solid #466331;color:#9acd62;font-size:12px;font-weight:400}.reading-button+.reading-button{margin-top:8px}.feed{width:100%;padding:18px 24px}.message{display:grid;grid-template-columns:minmax(130px,210px) minmax(0,1fr) minmax(90px,150px) auto;align-items:start;grid-gap:12px;gap:12px;border:1px solid #303831;background:#171b18;border-radius:5px;padding:14px 20px;margin-bottom:8px}.image-preview,.message:hover{background:#202621}.image-preview{grid-column:1/-1;justify-self:start;max-width:100%;margin-top:2px;overflow:hidden;border-radius:5px}.image-preview img{display:block;width:auto;max-width:100%;max-height:720px;object-fit:contain}.sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message time{color:#9aa59c;font:12px IBM Plex Mono,monospace;white-space:nowrap}.message p{min-width:0;margin:0;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.message-meta{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;gap:7px;text-align:right}.badges{display:flex;gap:5px}.badges span{color:#9acd62;border:1px solid #466331;padding:1px 5px;border-radius:3px;font-size:11px}.delete-button{padding:3px 7px;background:transparent;color:#e46d62;border:1px solid #75423d;font-size:12px;font-weight:400}.delete-button:hover:not(:disabled){background:#39211f}.delete-button:disabled{cursor:wait;opacity:.65}.reading-marker{display:flex;align-items:center;gap:10px;margin:14px 0 7px;color:#9acd62;font:11px IBM Plex Mono,monospace}.previous-reading-marker{color:#71934b}.reading-marker:after,.reading-marker:before{content:"";height:1px;flex:1 1;background:#466331}.empty{border:1px dashed #303831;padding:36px;color:#9aa59c}@media (max-width:700px){.topbar{flex-wrap:wrap;padding:10px 14px;gap:10px}.search{order:3;max-width:none}.sync{display:none}.workspace{grid-template-columns:1fr}.filters{display:flex;gap:16px;padding:12px 14px;border-right:0;border-bottom:1px solid #303831}.filters>p{display:none}.filters label{margin:0}.feed{padding:14px}.message{grid-template-columns:1fr auto;gap:8px 12px;padding:12px}.sender{grid-column:1}.message p{grid-column:1/-1}.message-meta{grid-column:1;grid-row:3;align-items:flex-start;text-align:left}.delete-button{grid-column:2;grid-row:1}.image-preview{grid-column:1/-1}.image-preview img{width:100%;max-height:none}.message-meta .badges{display:none}}