:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:var(--lightningcss-light,#fbfbfa)var(--lightningcss-dark,#111113);--color-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);--color-sunken:var(--lightningcss-light,#f4f4f2)var(--lightningcss-dark,#0c0c0e);--color-line:var(--lightningcss-light,#e6e5e1)var(--lightningcss-dark,#27272b);--color-line-subtle:var(--lightningcss-light,#efeeeb)var(--lightningcss-dark,#1f1f23);--color-line-strong:var(--lightningcss-light,#d3d2cd)var(--lightningcss-dark,#36363c);--color-fg:var(--lightningcss-light,#18181b)var(--lightningcss-dark,#ededef);--color-fg-2:var(--lightningcss-light,#52525a)var(--lightningcss-dark,#a6a6ae);--color-fg-3:var(--lightningcss-light,#6e6e76)var(--lightningcss-dark,#8a8a93);--color-fg-disabled:var(--lightningcss-light,#9a9aa1)var(--lightningcss-dark,#5e5e66);--color-accent:var(--lightningcss-light,#2b50c8)var(--lightningcss-dark,#8ea8ff);--color-accent-hover:var(--lightningcss-light,#213fa3)var(--lightningcss-dark,#b3c4ff);--color-accent-soft:var(--lightningcss-light,#eef2fd)var(--lightningcss-dark,#1c2340);--color-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0c0c0e);--color-human-avatar-bg:var(--lightningcss-light,#e4e9f9)var(--lightningcss-dark,#1f2a4a);--color-human-avatar-fg:var(--lightningcss-light,#213fa3)var(--lightningcss-dark,#b3c4ff);--color-agent:var(--lightningcss-light,#9a4a0b)var(--lightningcss-dark,#f2b071);--color-agent-soft:var(--lightningcss-light,#fdf2e6)var(--lightningcss-dark,#2b1f12);--color-agent-line:var(--lightningcss-light,#f3d9bb)var(--lightningcss-dark,#4a3319);--color-danger:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff8a7e);--color-danger-soft:var(--lightningcss-light,#fdeeec)var(--lightningcss-dark,#2e1614);--color-danger-line:var(--lightningcss-light,#f1c6c1)var(--lightningcss-dark,#4d2420);--color-success:var(--lightningcss-light,#1f7a3d)var(--lightningcss-dark,#6fcf8e);--color-success-soft:var(--lightningcss-light,#eaf6ee)var(--lightningcss-dark,#13261a);--color-success-line:var(--lightningcss-light,#c3e5ce)var(--lightningcss-dark,#24452f);--color-neutral-dot:var(--lightningcss-light,#8a8a93)var(--lightningcss-dark,#6e6e76);--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-system:system-ui, -apple-system, "Segoe UI", sans-serif;--font-system-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-display:600 32px/40px var(--font-sans);--text-title:600 24px/32px var(--font-sans);--text-heading:600 18px/26px var(--font-sans);--text-reading:400 17px/28px var(--font-sans);--text-body:400 14px/20px var(--font-sans);--text-label:500 13px/18px var(--font-sans);--text-caption:400 12px/16px var(--font-sans);--text-mono:400 13px/20px var(--font-mono);--tracking-display:-.02em;--tracking-title:-.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:999px;--control-h:36px;--control-h-sm:28px;--control-h-touch:44px;--sidebar-w:264px;--header-h:56px;--measure-reading:720px;--shadow-pop:0 1px 2px var(--lightningcss-light,#18181b0f)var(--lightningcss-dark,#0006), 0 8px 24px var(--lightningcss-light,#18181b1a)var(--lightningcss-dark,#00000080);--focus-ring:2px solid var(--color-accent);--focus-offset:2px;--duration:.12s;--ease:ease-out}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--duration:0s}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-fg);font:var(--text-body);-webkit-font-smoothing:antialiased}#app{min-height:100%}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}button{font:inherit;color:inherit}input,textarea,select{font:var(--text-body);color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding:0 var(--space-3);min-height:var(--control-h)}textarea{padding:var(--space-2) var(--space-3);resize:vertical}input:focus,textarea:focus,select:focus{outline:var(--focus-ring);outline-offset:0;border-color:var(--color-accent)}.muted{color:var(--color-fg-3)}.small{font:var(--text-caption)}.mono,code{font:var(--text-mono)}.loading{min-height:100vh}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row.end{margin-top:var(--space-4);justify-content:flex-end}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);font:var(--text-label);border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-fg);cursor:pointer;transition:background var(--duration) var(--ease);text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-sunken);color:var(--color-fg);text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-accent)}.btn-danger:hover{background:var(--color-danger);color:var(--color-on-accent);filter:brightness(.92)}.btn-link{color:var(--color-accent);background:0 0;border-color:#0000}.btn-lg{min-height:48px;padding:0 var(--space-6);font-size:16px}button.link{color:var(--color-accent);cursor:pointer;padding:0 var(--space-1);background:0 0;border:0}.person{color:var(--color-fg);font-weight:650}.tag{border:1px solid var(--color-agent-line);border-radius:var(--radius-sm);background:var(--color-agent-soft);color:var(--color-agent);font:var(--text-label);vertical-align:middle;align-items:stretch;line-height:18px;display:inline-flex;overflow:hidden}.tag-kind{padding:0 var(--space-1);letter-spacing:.06em;border-right:1px solid var(--color-agent-line);align-items:center;font-size:10px;font-weight:700;display:inline-flex}.tag-name{padding:0 var(--space-2)}.tag-owner{font-weight:500}.tag-name b{font-weight:700}.mention{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-sm);padding:0 2px;font-weight:500}.badge{padding:0 var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);font:var(--text-caption);letter-spacing:.04em;color:var(--color-fg-2);margin-right:var(--space-1);font-weight:600;display:inline-block}.badge.published{background:var(--color-accent-soft);border-color:var(--color-accent-soft);color:var(--color-accent)}.badge.danger{background:var(--color-danger-soft);border-color:var(--color-danger-line);color:var(--color-danger)}.error-line{color:var(--color-danger);margin:var(--space-2) 0}.ok{color:var(--color-success);margin:var(--space-2) 0}.app{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid}.sidebar{padding:var(--space-3);border-right:1px solid var(--color-line);background:var(--color-surface);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.switcher{width:100%;font:var(--text-heading);margin-bottom:var(--space-3);font-size:15px}.side-head{font:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-3);margin:var(--space-4) var(--space-3) var(--space-1);font-weight:600}.side-item{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-fg);display:flex}.side-item:hover{background:var(--color-sunken);color:var(--color-fg);text-decoration:none}.side-item.on{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.side-item.unread{font-weight:650}.count{border-radius:var(--radius-full);background:var(--color-accent);min-width:20px;color:var(--color-on-accent);font:var(--text-caption);text-align:center;padding:0 6px}.count.plain{color:var(--color-fg-3);background:0 0}.drafts-link{margin-top:var(--space-4)}.side-foot{padding-top:var(--space-4);flex-direction:column;gap:2px;margin-top:auto;display:flex}.side-action{text-align:left;cursor:pointer;min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-accent);background:0 0;border:0}.side-action:hover{background:var(--color-sunken)}.side-action.muted{color:var(--color-fg-3)}.side-invites{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);font:var(--text-label);display:block}.main{min-width:0;height:100vh;overflow:hidden}.pane{flex-direction:column;height:100%;display:flex}.pane-head{align-items:baseline;gap:var(--space-3);min-height:var(--header-h);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-line);background:var(--color-surface);display:flex}.pane-title{font:var(--text-heading);margin:0}.pane-body{padding:var(--space-6);max-width:900px;overflow-y:auto}.messages{padding:var(--space-4) var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.messages>:first-child:not(.load-earlier):not(.welcome){margin-top:auto}.load-earlier{color:var(--color-accent);cursor:pointer;padding:var(--space-2);background:0 0;border:0;align-self:center}.message{padding:var(--space-2) 0;max-width:var(--measure-reading);position:relative}.message .byline{align-items:center;gap:var(--space-2);margin:0 0 2px;display:flex}.message .body{font:var(--text-body);overflow-wrap:anywhere;font-size:15px;line-height:22px}.message .body p{margin:0 0 var(--space-1)}.message .body pre{background:var(--color-sunken);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto}.message .body img{max-width:100%}.message .reply{opacity:0;color:var(--color-fg-3);cursor:pointer;font:var(--text-caption);background:0 0;border:0;margin-left:auto}.message:hover .reply,.message .reply:focus-visible{opacity:1}.quote{margin:0 0 var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg-2);font:var(--text-caption);max-width:480px}.note{margin:var(--space-1) 0 0;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-agent-soft);color:var(--color-agent);font:var(--text-caption);display:inline-block}.welcome{margin:auto var(--space-8);max-width:520px}.composer{padding:var(--space-3) var(--space-6) var(--space-4);border-top:1px solid var(--color-line);background:var(--color-bg)}.composer-box{position:relative}.composer textarea{border-radius:var(--radius-lg);width:100%;min-height:64px;font-size:15px}.hint{margin:var(--space-1) 0 0;font:var(--text-caption);color:var(--color-fg-3)}.replying{margin:0 0 var(--space-2);font:var(--text-caption);color:var(--color-fg-2)}.suggest{margin:0 0 var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);z-index:2;min-width:240px;list-style:none;position:absolute;bottom:100%;left:0}.suggest li{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer}.suggest li.on{background:var(--color-accent-soft)}.join-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-line);background:var(--color-surface);display:flex}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-4)}.card.list{padding:0}.list-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-line-subtle);grid-template-columns:minmax(160px,1.2fr) 2fr auto;display:grid}.list-row:last-child{border-bottom:0}.card.setting{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.card.form{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.heading{font:var(--text-heading);margin:0}.title{font:var(--text-title);letter-spacing:var(--tracking-title);margin:0 0 var(--space-4)}.label{font:var(--text-label);color:var(--color-fg)}.field{gap:var(--space-1);margin:0 0 var(--space-3);border:0;flex-direction:column;min-width:0;padding:0;display:flex}.helper{font:var(--text-caption);color:var(--color-fg-3)}.input-affix{align-items:stretch;display:flex}.input-affix input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.affix{padding:0 var(--space-3);border:1px solid var(--color-line-strong);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-sunken);color:var(--color-fg-3);border-left:0;align-items:center;display:flex}.choice{align-items:center;gap:var(--space-2);min-height:28px;display:flex}.choice.indent{margin-left:var(--space-6)}.choice input{min-height:0}.grid3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.link-out{gap:var(--space-2);border-top:1px solid var(--color-line);width:100%;padding-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.link-out input{flex:1;min-width:240px}.link-out p{flex-basis:100%;margin:0}.tabs{gap:var(--space-6);padding:0 var(--space-6);border-bottom:1px solid var(--color-line);background:var(--color-bg);display:flex}.tab{padding:var(--space-3) 0;color:var(--color-fg-2);font:var(--text-label);border-bottom:2px solid #0000}.tab.on{color:var(--color-fg);border-bottom-color:var(--color-accent)}.tab:hover{color:var(--color-fg);text-decoration:none}.draft{margin-bottom:var(--space-3)}.draft>.draft-row{margin-bottom:0}.draft-body{padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);max-width:var(--measure-reading);border-top:0}.draft-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);display:flex}.draft-title{font:var(--text-label);margin:0 0 var(--space-1);font-size:15px}.empty{padding:var(--space-8) 0}.pick{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.pick-row{text-align:left;width:100%;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0}.pick-row:hover{background:var(--color-sunken)}.scrim{z-index:10;padding:var(--space-4);background:var(--lightningcss-light,#18181b66)var(--lightningcss-dark,#0009);place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);width:min(480px,100%);padding:var(--space-6);box-shadow:var(--shadow-pop)}.dialog h2{font:var(--text-heading);margin:0 0 var(--space-3)}.page{min-height:100vh}.page-nav,.show-nav{padding:var(--space-4) var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-body{max-width:900px;padding:var(--space-6) var(--space-8);margin:0 auto}.centered{min-height:100vh;padding:var(--space-8);align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-8)}.panel.narrow{width:min(440px,100%)}.wordmark{letter-spacing:-.04em;color:var(--color-fg);font-size:26px;font-weight:800}.wordmark:hover{color:var(--color-fg);text-decoration:none}code.copy{padding:var(--space-2) var(--space-3);background:var(--color-sunken);border-radius:var(--radius-md);-webkit-user-select:all;user-select:all;display:inline-block}.show{max-width:1200px;margin:0 auto}.hero{gap:var(--space-12);padding:var(--space-16) var(--space-8);grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.hero.single{grid-template-columns:1fr;max-width:760px}.show-hero{letter-spacing:-.045em;margin:0 0 var(--space-6);font-size:clamp(44px,7vw,88px);font-weight:800;line-height:.95}.role-word{color:var(--color-accent);display:inline-block}.show-sub{font:var(--text-reading);margin:0 0 var(--space-6);max-width:560px;font-size:20px}.show-section{padding:var(--space-12) var(--space-8);border-top:1px solid var(--color-line);max-width:760px}.show-heading{letter-spacing:-.035em;margin:0 0 var(--space-4);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1}.show-body{font:var(--text-reading);margin:0}.fine{font:var(--text-caption);color:var(--color-fg-3);margin:var(--space-3) 0 0}.strip{padding:var(--space-4) var(--space-8);border-top:1px solid var(--color-line)}.closing{max-width:none}.show-foot{gap:var(--space-4);padding:var(--space-8);border-top:1px solid var(--color-line);align-items:center;display:flex}.hero-card .card{box-shadow:var(--shadow-pop)}.card-head{margin-top:0}@media (max-width:760px){.app{grid-template-columns:1fr}.sidebar{display:none}.hero{padding:var(--space-8) var(--space-4);grid-template-columns:1fr}.show-section,.page-nav,.show-nav,.page-body,.strip,.show-foot{padding-left:var(--space-4);padding-right:var(--space-4)}.list-row,.grid3{grid-template-columns:1fr}.messages,.composer,.pane-head{padding-left:var(--space-4);padding-right:var(--space-4)}}.head-action{margin-left:auto}
