:root{--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#f7f7f2;--fg:#17170f;--dim:#6a6a60;--border:#d8d8cf;--accent:#1f6f4a;--danger:#a13d2d;--tint:#ecece4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f100e;--fg:#e8e8df;--dim:#8b8b80;--border:#2a2b27;--accent:#7fd3a6;--danger:#e0846f;--tint:#181914}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{font:15px/1.55 var(--mono)}#app{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:76ch;margin:0 auto;padding:1.25rem 1rem 4rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-size:1em;font-weight:600}p{margin:.5rem 0}code,pre{font-family:var(--mono);background:var(--tint)}code{padding:0 .3em}pre{padding:.75rem;overflow-x:auto}pre code{background:0 0;padding:0}blockquote{border-left:2px solid var(--border);color:var(--dim);margin:.5rem 0;padding-left:.9rem}hr,.rule{border:0;border-top:1px dashed var(--border);margin:1rem 0}button{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;padding:.1rem .2rem}button:before{content:"[ ";color:var(--dim)}button:after{content:" ]";color:var(--dim)}button:hover:not(:disabled){color:var(--accent)}button:disabled{color:var(--dim);cursor:default}button.danger:hover:not(:disabled){color:var(--danger)}select,textarea,input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);padding:.35rem .5rem}textarea{resize:vertical;width:100%;min-height:8rem}select{padding:.15rem .3rem}.dim{color:var(--dim)}.err{color:var(--danger)}.ok{color:var(--accent)}.small{font-size:.86em}.row{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.grow{flex:1}.mono-break{word-break:break-all}header.site{border-bottom:1px dashed var(--border)}header.site .inner{max-width:76ch;margin:0 auto;padding:.8rem 1rem}header.site .brand{letter-spacing:.02em;color:var(--fg);font-weight:700}header.site .brand:before{content:"~ ";color:var(--dim)}nav.tabs{gap:1rem;margin:1rem 0 .25rem;display:flex}nav.tabs button.active{color:var(--accent)}article.msg{border-top:1px dashed var(--border);padding:.9rem 0 .4rem}article.msg .meta{color:var(--dim);flex-wrap:wrap;gap:.6rem;font-size:.86em;display:flex}article.msg .meta a.author{color:var(--fg)}article.msg .body{margin:.4rem 0 .3rem}article.msg .body>:first-child{margin-top:0}article.msg .body>:last-child{margin-bottom:0}article.msg .body img{max-width:100%}article.msg .placeholder{color:var(--dim);font-style:italic}article.msg .actions{gap:.6rem;font-size:.86em;display:flex}.nested{border-left:1px dashed var(--border);margin-left:1.25rem;padding-left:.9rem}.composer{border:1px dashed var(--border);margin:1rem 0;padding:.75rem}.composer .status{margin-top:.4rem;font-size:.86em}.notice{border:1px dashed var(--border);margin:.75rem 0;padding:.6rem .75rem}.notice.err{border-color:var(--danger)}.notice.ok{border-color:var(--accent)}.composer ul.attachments{margin:.4rem 0 0;padding:0;list-style:none}.composer ul.attachments li{align-items:baseline;gap:.6rem;display:flex}article.msg .body a.attachment:before{content:"⤓ ";color:var(--dim)}article.msg .body a.remote-image:before{content:"🖼 "}a.context{color:var(--fg);border-left:2px solid var(--border);margin:0 0 .35rem;padding:.25rem .6rem;font-size:.86em;text-decoration:none;display:block}a.context:hover{border-left-color:var(--accent);text-decoration:none}a.context .who{font-weight:600}a.context .line{color:var(--dim)}