.town-grid.v3{grid-template-columns:220px 1fr;position:relative}.town-grid.v3 .ch-head span{display:flex;align-items:center;gap:.3rem}.mini{background:none;border:1px solid var(--line);border-radius:4px;cursor:pointer;font:inherit;font-size:.78rem;color:var(--ink-2);padding:.1rem .45rem;position:relative}.mini:hover{background:var(--panel);color:var(--ink)}.mini .unread{position:absolute;top:-6px;right:-6px}.ch.archived{opacity:.55}.archived-toggle{margin:.4rem 0 0 .5rem;display:block}.ch-title{min-width:0}.ch-title .topic{margin-top:-.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34rem}.ch-tools{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-left:auto}.sidebar-btn{display:none}.msg{position:relative;padding:.15rem .3rem;border-radius:4px}.msg:hover{background:color-mix(in srgb,var(--panel) 55%,var(--ground))}.msg.pinned{border-left:2px solid var(--gold);padding-left:.5rem}.msg.deleted{opacity:.7}.mactions{position:absolute;top:-.6rem;right:.4rem;display:none;gap:.15rem;background:var(--ground);border:1px solid var(--line);border-radius:6px;padding:.1rem .25rem}.msg:hover .mactions{display:flex}.mactions button{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.1rem .25rem;border-radius:4px}.mactions button:hover{background:var(--panel)}.mbody p{margin:.15rem 0}.mbody pre{background:var(--ground);border:1px solid var(--line);border-radius:6px;padding:.6rem .8rem;overflow-x:auto;font-size:.84rem}.mbody code{background:var(--ground);border:1px solid var(--line);border-radius:3px;padding:0 .25rem;font-size:.86em}.mbody pre code{background:none;border:none;padding:0}.mbody blockquote{border-left:3px solid var(--line);margin:.2rem 0;padding-left:.7rem;color:var(--ink-2)}.mbody a{color:var(--gold-strong)}.mbody ul,.mbody ol{margin:.15rem 0;padding-left:1.4rem}.mbody table{border-collapse:collapse;font-size:.85rem}.mbody th,.mbody td{border:1px solid var(--line);padding:.2rem .5rem}.mention{color:var(--gold-strong);font-weight:650;background:color-mix(in srgb,var(--gold) 14%,transparent);border-radius:3px;padding:0 .15rem}.reactions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.25rem}.react{background:var(--panel);border:1px solid var(--line);border-radius:999px;cursor:pointer;font:inherit;font-size:.78rem;padding:.05rem .5rem}.react.mine{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--panel))}.emoji-picker{position:absolute;z-index:30;top:1.4rem;right:.4rem;background:var(--ground);border:1px solid var(--line);border-radius:8px;padding:.3rem;display:flex;gap:.15rem;box-shadow:0 4px 14px #00000040}.emoji-picker button{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.15rem .3rem;border-radius:4px}.emoji-picker button:hover{background:var(--panel)}.atts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.3rem}.att-img img{max-width:320px;max-height:240px;border-radius:6px;border:1px solid var(--line);display:block}.att-video{max-width:380px;border-radius:6px;border:1px solid var(--line)}.att-file{display:inline-block;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.35rem .7rem;color:var(--ink);text-decoration:none;font-size:.85rem}.att-file:hover{border-color:var(--gold)}.composer-wrap{position:relative}.composer textarea{flex:1;font:inherit;padding:.5rem .8rem;resize:none;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;line-height:1.45}.attach-btn{cursor:pointer;align-self:center;font-size:1.1rem;padding:.2rem .4rem;border-radius:4px}.attach-btn:hover{background:var(--panel)}.staged{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.stage-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;font-size:.78rem;padding:.1rem .6rem;display:inline-flex;align-items:center;gap:.3rem}.stage-chip button{background:none;border:none;cursor:pointer;color:var(--muted);padding:0}.mention-pop{position:absolute;bottom:100%;left:2.4rem;z-index:30;margin-bottom:.3rem;background:var(--ground);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column;min-width:10rem}.mention-pop button{background:none;border:none;cursor:pointer;font:inherit;font-size:.88rem;text-align:left;padding:.35rem .8rem}.mention-pop button.sel,.mention-pop button:hover{background:var(--panel);color:var(--gold-strong)}.typing{min-height:1.1rem;margin:.1rem .2rem}.pins-bar{border:1px solid var(--gold);border-radius:6px;background:var(--panel);padding:.5rem .8rem;margin:.5rem 0 0;font-size:.85rem;display:flex;flex-direction:column;gap:.3rem}.pin-item{display:flex;gap:.5rem;align-items:baseline;overflow:hidden}.pin-item .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:grid;place-items:center;padding:1rem}.modal{background:var(--ground);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:1.1rem 1.3rem;width:100%;max-width:26rem;max-height:85vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.modal-head h3{margin:0;font-size:1rem}.modal label{display:block;margin:.6rem 0;font-size:.88rem}.modal label input[type=text],.modal label input:not([type]){display:block;width:100%;font:inherit;padding:.45rem .7rem;margin-top:.2rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px}.modal .row{display:flex;align-items:center;gap:.45rem;margin:.35rem 0;font-size:.9rem}.modal .row.gap{gap:1rem;margin-top:1rem}.modal .button{margin-top:.8rem;border:none;cursor:pointer;font:inherit}.modal select,.modal input[type=time]{font:inherit;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.3rem .5rem}.member-pick{border:1px solid var(--line);border-radius:6px;padding:.5rem .8rem;margin:.5rem 0;max-height:12rem;overflow-y:auto}.error{color:#a03a2e;font-size:.85rem}.danger{color:#a03a2e}.pref-block{margin:.9rem 0}.inbox-drawer{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(24rem,92vw);background:var(--ground);border-left:1px solid var(--line);box-shadow:-6px 0 22px #00000040;padding:1rem 1.2rem;overflow-y:auto}.inbox-row{display:flex;flex-direction:column;gap:.1rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);padding:.55rem .2rem}.inbox-row:hover{background:var(--panel)}.inbox-row.unread-row{border-left:3px solid var(--gold);padding-left:.5rem}.edit-box textarea{width:100%;font:inherit;font-size:.92rem;padding:.4rem .6rem;background:var(--panel);color:var(--ink);border:1px solid var(--gold);border-radius:4px;min-height:3.2rem}@media(max-width:700px){.town-grid.v3{grid-template-columns:1fr}.town-grid.v3 .channels{display:none;position:fixed;z-index:45;top:0;left:0;bottom:0;width:min(17rem,85vw);background:var(--ground);border-right:1px solid var(--line);padding:1rem;overflow-y:auto;box-shadow:6px 0 22px #00000040}.town-grid.v3.sidebar-open .channels{display:block}.town-grid.v3 .channels .ch{width:100%}.town-grid.v3 .presence{display:block}.sidebar-btn{display:inline-block}.ch-title .topic{max-width:60vw}.search input{width:130px}.att-img img{max-width:78vw}.chatlog{max-height:none;flex:1}.town.main{min-height:78vh}}:root{--gold: #a8821f;--gold-strong: #8a6a15;--ink: #26221a;--ink-2: #55503f;--muted: #8a8371;--ground: #fbfaf6;--panel: #f3f0e7;--line: #ddd7c6}@media(prefers-color-scheme:dark){:root{--gold: #d9b23c;--gold-strong: #e8c554;--ink: #e8e3d4;--ink-2: #b5ad97;--muted: #7d765f;--ground: #191712;--panel: #211e17;--line: #363126}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Seravek,Segoe UI,-apple-system,sans-serif;line-height:1.6}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;padding:.8rem 1.2rem;border-bottom:2px solid var(--gold);background:var(--panel)}.brand{font-weight:700;letter-spacing:.08em}.tagline{color:var(--muted);font-size:.8rem}.who{margin-left:auto;color:var(--ink-2);font-size:.85rem}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:2rem 2.2rem;max-width:34rem}.card h1{margin:0 0 .6rem;font-size:1.4rem}.login{text-align:center;border-left-color:var(--line)}.button{display:inline-block;margin-top:1rem;padding:.6rem 1.4rem;background:var(--gold);color:var(--ground);border-radius:4px;text-decoration:none;font-weight:650}.button:hover{background:var(--gold-strong)}.vitals{list-style:none;padding:.8rem 1rem;margin:1rem 0;border:1px solid var(--line);border-radius:4px}.vitals li{margin:.25rem 0}.muted{color:var(--muted)}.small{font-size:.8rem}.street-wrap{flex:1;max-width:68rem;width:100%;margin:0 auto;padding:1.4rem 1.2rem 3rem}.street-intro{color:var(--ink-2);font-size:.9rem;max-width:46rem;margin:.4rem 0 1.4rem}.street{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.bcard{display:flex;flex-direction:column;gap:.3rem;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;padding:1rem 1.1rem;color:var(--ink);text-decoration:none;transition:transform .08s ease}a.bcard:hover{transform:translateY(-2px);border-top-color:var(--gold-strong)}.bcard.construction{border-top-color:var(--line-strong, var(--line));border-style:dashed}.bname{font-weight:700;font-size:1.02rem}.bdesc{color:var(--ink-2);font-size:.83rem}.bstat{font-size:.88rem;margin-top:.35rem}.bfoot{color:var(--muted);font-size:.74rem;margin-top:.45rem}.ledger{margin-top:2.2rem}.ledger h2{font-size:1.05rem;border-top:2px solid var(--gold);padding-top:1rem}.ledger table{width:100%;border-collapse:collapse;font-size:.84rem}.ledger th{text-align:left;color:var(--ink-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .8rem .35rem 0;border-bottom:1.5px solid var(--line)}.ledger td{padding:.4rem .8rem .4rem 0;border-bottom:1px solid var(--line);vertical-align:top}.ledger .detail{color:var(--muted);font-size:.78rem;max-width:26rem;overflow-wrap:anywhere}.badge{font-size:.72rem;font-weight:650;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--line)}.badge.ok{color:#4a7c47}.badge.error{color:#a03a2e}.badge.running{color:var(--gold-strong)}@media(prefers-color-scheme:dark){.badge.ok{color:#7fb87a}.badge.error{color:#cf6f5f}}.nav{display:flex;gap:.2rem;flex-wrap:wrap}.navlink{background:none;border:none;cursor:pointer;font:inherit;font-size:.88rem;color:var(--ink-2);padding:.25rem .6rem;border-radius:4px;border-bottom:2px solid transparent}.navlink:hover{color:var(--ink);background:var(--ground)}.navlink.active{color:var(--ink);border-bottom-color:var(--gold);font-weight:650}.room h2{margin:.4rem 0 .5rem;font-size:1.2rem}button.bcard{cursor:pointer;font:inherit;text-align:left;width:100%}.linklike{background:none;border:none;cursor:pointer;color:var(--gold-strong);font:inherit;padding:0;margin-bottom:.6rem}.filters{margin:.6rem 0;font-size:.88rem}.filters select{font:inherit;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.2rem .4rem}.table-wrap{overflow-x:auto}.room table{width:100%;border-collapse:collapse;font-size:.84rem}.room th{text-align:left;color:var(--ink-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .8rem .35rem 0;border-bottom:1.5px solid var(--line)}.room td{padding:.4rem .8rem .4rem 0;border-bottom:1px solid var(--line)}.rowlink{cursor:pointer}.rowlink:hover td{background:var(--panel)}.review{white-space:pre-wrap;font-family:inherit;font-size:.9rem;line-height:1.55;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:1rem 1.2rem;max-width:52rem;overflow-wrap:anywhere}.town{display:flex;flex-direction:column;min-height:60vh}.chatlog{flex:1;overflow-y:auto;max-height:55vh;border:1px solid var(--line);border-radius:6px;padding:.8rem 1rem;background:var(--panel);margin:.6rem 0}.msg{margin:.55rem 0}.mauthor{font-weight:650;font-size:.85rem}.mtime{color:var(--muted);font-size:.72rem;margin-left:.5rem}.mbody{font-size:.92rem;overflow-wrap:anywhere}.composer{display:flex;gap:.5rem}.composer input{flex:1;font:inherit;padding:.5rem .8rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px}.composer .button{margin-top:0;border:none;cursor:pointer;font:inherit}.town-grid{display:grid;grid-template-columns:200px 1fr;gap:1rem;min-height:70vh}.channels{border-right:1px solid var(--line);padding-right:.8rem}.ch-head{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);margin:.4rem 0 .5rem;display:flex;justify-content:space-between;align-items:center}.live{color:#4a7c47;font-size:.7rem}.ch{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;font:inherit;font-size:.9rem;color:var(--ink-2);padding:.3rem .5rem;border-radius:4px;text-align:left}.ch:hover{background:var(--panel);color:var(--ink)}.ch.active{background:var(--panel);color:var(--ink);font-weight:650;border-left:2px solid var(--gold)}.unread{background:var(--gold);color:var(--ground);font-size:.7rem;font-weight:700;border-radius:999px;padding:0 .45rem}.presence{margin-top:1.2rem}.pres{font-size:.82rem;margin:.2rem 0}.ch-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ch-topbar h2{margin:0}.search input{font:inherit;font-size:.84rem;padding:.35rem .7rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:999px;width:220px}.thread-root{border-left:3px solid var(--gold);padding-left:.7rem;margin-bottom:.6rem}.threadlink{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--gold-strong);padding:.1rem 0}.threadlink.faint{color:var(--muted);opacity:0;transition:opacity .1s}.msg:hover .threadlink.faint{opacity:1}.mauthor.agent{color:var(--gold-strong)}.streaming{opacity:.9}.cursor{animation:blink 1s step-start infinite;color:var(--gold-strong)}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}@media(max-width:700px){.topbar{gap:.5rem}.who{display:none}.street,.town-grid{grid-template-columns:1fr}.channels{border-right:none;border-bottom:1px solid var(--line);padding:0 0 .6rem;display:flex;flex-wrap:wrap;gap:.3rem}.ch{width:auto}.presence{display:none}.search input{width:100%}}