*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#14252b}
#world{position:fixed;inset:var(--topbar-height) 0 0;touch-action:none;cursor:grab}
#world:active{cursor:grabbing}
#world canvas{display:block;width:100%;height:100%;outline:none}
#world canvas:focus-visible{outline:2px solid #f4b179;outline-offset:-2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#loading{position:fixed;z-index:2;inset:calc(50% + var(--topbar-height)/2) 20px auto;margin:0;text-align:center;color:#f2e7cf;font:14px/1.5 Claus,system-ui,sans-serif;pointer-events:none}
#loading[data-failed=true],#loading[data-slow=true]{pointer-events:auto}
#loading[data-failed=true]{white-space:normal}
.world-status-actions{display:flex;justify-content:center;gap:8px;margin:14px auto 0;flex-wrap:wrap}
.world-status-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid #fff2d87a;border-radius:3px;background:#080808d9;color:#fff2d8;font:12px Claus,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.world-status-actions :is(a,button):hover{background:#fff2d8;color:#171611}
.world-status-actions :is(a,button):focus-visible{outline:2px solid #f4b179;outline-offset:2px}
[hidden]{display:none!important}
.city-tools{position:fixed;z-index:3;top:calc(var(--topbar-height) + 12px);right:var(--dock-edge);width:var(--dock-width);display:flex;gap:2px;padding:3px;background:#080808f2;border:1px solid #fff2d81c;border-radius:5px;font:13px Claus,system-ui;box-shadow:0 6px 24px #0002}
.city-tools a,.city-tools button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;padding:0 9px;color:#fff2d8;background:transparent;border:0;text-decoration:none;font:inherit;border-radius:2px;cursor:pointer}
.city-tools :is(a,button):hover{background:#fff2d810}.city-tools :is(a,button)[aria-expanded="true"]{background:#fff2d8;color:#171611}.city-tools :focus{outline:none}.city-tools :focus-visible{box-shadow:inset 0 0 0 1px #f4b179}.city-tools :is(a,button){transition:background 160ms ease,color 160ms ease}
.city-tools{display:none}
.activity-rail{position:fixed;z-index:3;top:calc(var(--topbar-height) + 16px);right:var(--dock-edge);width:min(310px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - var(--topbar-height) - 32px));display:flex;flex-direction:column;min-height:0;padding:14px;background:#111311;color:#fff2d8;border:1px solid #fff2d81c;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;font:13px/1.4 Claus,system-ui,sans-serif}
.activity-rail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px}.activity-rail h2{margin:0;color:#fff2d8;font:500 25px/1 ClausEditorial,Georgia,serif}.activity-tools{display:flex;gap:2px}.activity-tools :is(a,button){display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:7px;background:transparent;color:#fff2d8b8;font:18px/1 Claus,system-ui;cursor:pointer;text-decoration:none;transition:background-color 150ms,color 150ms,transform 150ms}.activity-tools :is(a,button):hover{background:#fff2d80e;color:#fff2d8}.activity-tools :is(a,button):active{transform:scale(.96)}.activity-tools :is(a,button):focus-visible{outline:2px solid #ec673a;outline-offset:1px}.activity-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#activity-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#fff2d830 transparent;touch-action:pan-y;overflow-anchor:none;outline-offset:2px}.activity-item{position:relative;display:grid;grid-template-columns:1fr;gap:3px;padding:12px 10px 12px 22px;color:#fff2d8;text-decoration:none;border-radius:7px;transition:background-color 150ms}.activity-item::before{content:"";position:absolute;left:6px;top:19px;width:5px;height:5px;border-radius:50%;background:#ec673a99}.activity-item:hover{background:#fff2d80a}.activity-item strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.activity-action{color:#fff2d8b3;font-size:12px}.activity-item time{color:#fff2d873;font-size:11px}.activity-empty,.activity-loading{margin:0;padding:12px 2px;color:#fff2d8a6;font-size:12px}.activity-item:focus-visible,#activity-list:focus-visible{outline:2px solid #ec673a;outline-offset:-2px}.activity-item-new{animation:activity-arrive 220ms ease-out;background:#ec673a12}.activity-item-new::before{background:#ec673a}.activity-new{flex:none;align-self:center;margin:0 0 8px;padding:7px 14px;min-height:36px;border:0;border-radius:18px;background:#ec673a;color:#111;font:600 12px/1.3 Claus,system-ui;cursor:pointer}.activity-new:focus-visible{outline:2px solid #fff2d8;outline-offset:2px}.activity-new[hidden]{display:none}@keyframes activity-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

.place-label{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;max-width:80vw;padding:8px 13px;background:#080808df;color:#fff2d8;font:13px Claus,system-ui;border-radius:3px;pointer-events:none;z-index:2}
[data-render-mode="flat"] .world-detail{max-height:calc(100dvh - var(--topbar-height) - 84px - env(safe-area-inset-bottom))}
@media(max-width:420px){.city-tools a,.city-tools button{padding-inline:6px}}
@media(max-width:660px){.activity-rail{top:calc(var(--topbar-height) + 10px);right:max(10px,env(safe-area-inset-right));width:calc(100vw - 20px);max-height:min(235px,34dvh);padding:10px 12px}.activity-rail-head{align-items:center;padding-bottom:7px}.activity-kicker{display:none}.activity-rail h2{font-size:22px}.activity-tools :is(a,button){width:44px;height:44px;min-width:44px}.activity-item{padding-block:8px}#activity-list{max-height:none}.activity-rail[data-collapsed=true] #activity-list,.activity-rail[data-collapsed=true] .activity-new{display:none}.activity-collapse-toggle{background:transparent;border:1px solid #fff2d830;border-radius:5px;color:#fff2d8;font:12px Claus,system-ui;padding:4px 10px;cursor:pointer;min-height:28px;margin-left:8px}}
@media(min-width:661px){.activity-collapse-toggle{display:none}}
@media(max-width:380px){.activity-rail-head{display:grid;grid-template-columns:1fr auto;gap:0}.activity-tools{grid-column:1/-1;grid-row:2;justify-content:space-between}.activity-collapse-toggle{grid-column:2;grid-row:1;margin-left:0}}
@media(prefers-reduced-motion:reduce){.activity-rail *{scroll-behavior:auto;animation:none!important;transition:none!important}}

@font-face{font-family:Claus;src:url('/world-assets/assets/bricolage-grotesque-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:ClausEditorial;src:url('/world-assets/assets/newsreader-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--dock-edge:max(16px,env(safe-area-inset-right));--dock-width:min(374px,calc(100vw - 32px));--topbar-height:64px;--panel:#fffdf8;--ink:#14140f;--muted:#625f53;--line:#15150e24;--accent:#b63e19;--hover:#ec673a12;color-scheme:light}
html[data-world-appearance="daylight"]{--panel:#fffdf8;--ink:#14140f;--muted:#625f53;--line:#15150e24;--accent:#b63e19;--hover:#ec673a12;color-scheme:light}
.keyboard-explore{position:fixed;inset-block-start:16px;inset-inline-start:16px;z-index:10;transform:translateY(-180%);font:15px Claus,system-ui;padding:12px 16px;background:var(--panel);color:var(--ink);border:1px solid var(--accent)}
.keyboard-explore:not(:focus){transform:translateY(calc(-100% - var(--topbar-height) - 32px))}
.keyboard-explore:focus{transform:none}
.world-detail{position:fixed;z-index:4;inset-block-start:calc(var(--topbar-height) + 70px);inset-inline-end:var(--dock-edge);width:var(--dock-width);max-height:calc(100dvh - var(--topbar-height) - 86px - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;box-shadow:0 14px 40px #0004;font:14px/1.5 Claus,system-ui,sans-serif;transform-origin:top right;animation:detail-enter 220ms cubic-bezier(.22,1,.36,1)}
@keyframes detail-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes detail-exit{to{opacity:0;transform:translateY(-5px)}}
.world-detail.is-leaving{animation:detail-exit 160ms cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}
.detail-header{position:relative;flex:none;z-index:1;background:var(--panel);display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:22px 12px 16px 22px}
.detail-header>div{min-width:0}.detail-kind{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
.world-detail h1{font:500 clamp(24px,3vw,31px)/1.1 ClausEditorial,Georgia,serif;margin:0;overflow-wrap:anywhere;text-wrap:balance;outline:none}
.world-detail h2{font:550 12px/1.4 Claus,system-ui;margin:0 0 9px;color:var(--muted)}
.detail-body{padding:0 22px 22px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#15150e35 transparent;scrollbar-gutter:stable;touch-action:pan-y}.detail-body>p,.detail-body>dl,.detail-actions,.detail-parent,.detail-description{margin-block:16px 0}
.detail-summary{line-height:1.6;overflow-wrap:anywhere;white-space:pre-line;font-size:13px}.detail-parent{font-size:12px;color:var(--muted)}
.world-detail button,.world-detail input,.world-detail select{font:inherit;color:inherit}.world-detail button{cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:3px;min-height:44px;padding:9px 12px}
.world-detail button:hover,.world-detail a:hover{background:var(--hover);color:var(--accent)}
.world-detail a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.world-detail a:hover{text-decoration:underline;text-underline-offset:3px}
.world-detail :focus{outline:none}.world-detail :is(a,button,summary):focus-visible,.keyboard-explore:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.world-detail :is(input,select):focus-visible{border-color:#72614b;box-shadow:none}.world-detail [tabindex="-1"]:focus{outline:none}
.world-detail .icon-button{display:grid;place-items:center;border:0;flex:0 0 44px;width:44px;height:44px;font:26px/1 system-ui;padding:0;margin-block-start:-9px}
.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-actions a{flex:1 1 auto;text-align:center;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:3px;font-size:12px}
.detail-actions .primary-action{background:var(--ink);color:var(--panel);border-color:var(--ink)}.detail-actions .primary-action:hover{background:var(--accent);color:var(--panel);text-decoration:none}
.detail-facts{display:grid;grid-template-columns:minmax(65px,.8fr) minmax(0,1.4fr);column-gap:12px;row-gap:9px;font-size:12px}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0;overflow-wrap:anywhere;text-align:end}.detail-color-swatch{display:inline-block;width:12px;height:12px;margin-inline-end:6px;vertical-align:-1px;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 1px #fff5}.detail-code{font:11px/1.6 ui-monospace,monospace;user-select:all}
.detail-section{margin-block-start:25px}.detail-section select,.detail-search input,.detail-search select{background:transparent;border:1px solid var(--line);border-radius:3px;min-height:44px;max-width:100%;padding:8px 10px}.detail-section select{width:100%;margin-block-end:8px;font-size:12px}
.detail-muted{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.detail-row{padding:8px 0;min-height:58px}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-row .record-link{display:block;padding-block:5px;font-size:13px}.detail-row span{display:block}
.detail-parent a{display:inline-block;min-height:32px;padding-block:7px}.detail-section>.record-link{display:block;min-height:44px;padding-block:9px}
.detail-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:12px}.detail-pager span{font-size:11px;color:var(--muted)}.detail-pager button{font-size:12px}
.detail-fold{margin-block-start:0;border-top:1px solid var(--line);font-size:12px}.detail-fold>summary{display:flex;align-items:center;gap:12px;padding-block:14px;min-height:48px;color:var(--ink);cursor:pointer;list-style:none}.detail-fold>summary::-webkit-details-marker{display:none}.detail-fold>summary::after{content:"›";font:18px/1 system-ui;color:var(--muted);margin-inline-start:auto}.detail-fold[open]>summary::after{transform:rotate(90deg)}.detail-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:auto}.detail-count+*{margin-inline-start:0}.detail-fold>summary:has(.detail-count)::after{margin-inline-start:0}.detail-body>.detail-fold:first-of-type{margin-block-start:23px}.secondary-details>summary{color:var(--muted)}.detail-fold p{margin:3px 0 12px}.source-links{display:grid}.source-links a{min-height:44px;padding-block:10px}
.detail-description{font-size:13px}.detail-description summary{cursor:pointer;line-height:1.6}.detail-description p{white-space:pre-line;overflow-wrap:anywhere}
.detail-timeline{list-style:none;padding:0;margin:0}.detail-timeline li{padding:0 0 16px 13px;border-inline-start:1px solid var(--line);display:grid;gap:3px}.detail-timeline time{font-size:10px;color:var(--muted)}.detail-timeline a{min-height:30px;padding-block:5px}
.detail-source{font-size:10px;line-height:1.6;color:var(--muted)}.detail-source[data-retained="true"]{color:var(--accent)}
.detail-footer{position:sticky;inset-block-end:0;background:var(--panel);display:flex;gap:8px;padding:12px 22px 18px;border-top:1px solid var(--line)}.detail-footer button{flex:1;font-size:12px}
.detail-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 12px}.detail-search input{min-width:0;font-size:16px;border-width:0 0 1px;border-radius:0;padding-inline:0}.detail-search select{grid-column:1/-1;min-width:0;width:100%;font-size:12px;border:0;padding-inline:0}.detail-search button{min-width:72px;font-size:12px;border:0;padding-inline:8px}.detail-guide .detail-section:first-child{margin-block-start:0}.detail-guide .detail-section p{font-size:13px;margin:0;line-height:1.6}.detail-guide .detail-section h2{font-size:13px;color:var(--ink)}
@media(max-width:660px){
 :root{--dock-edge:max(10px,env(safe-area-inset-right));--dock-width:min(374px,calc(100vw - 20px))}
 .detail-header{position:relative;flex:none;z-index:1;padding-block:18px 14px;background:var(--panel)}
 .detail-body{padding-inline:20px}.detail-footer{padding-block-end:12px}.world-detail h1{font-size:26px}
 .world-detail input,.world-detail select{font-size:16px}

}
@media(prefers-reduced-motion:reduce){.world-detail{animation:none}}

.detail-fold select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--ink);padding:8px 10px;font:12px Claus,system-ui;margin-block-end:7px}
.detail-warning{font-size:11px;color:var(--accent);margin-block-end:0}
.detail-history{margin-block:16px}.detail-history>summary{min-height:44px;cursor:pointer;padding-block:10px}
.site-header{position:fixed;z-index:6;inset:0 0 auto;display:grid;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;gap:12px;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left));background:#ec673a;color:#14140f;font:14px/1.2 Claus,system-ui,sans-serif}
.site-header a{color:inherit;text-decoration:none;white-space:nowrap;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;transition:color 140ms ease-out}
.site-header a:hover{color:#fff2d8}.site-header a:focus-visible{outline:2px solid #14140f;outline-offset:2px;border-radius:3px}
.site-brand{justify-self:start;width:44px;height:44px}.site-brand svg{display:block;width:40px;height:40px}
.site-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,24px);min-width:0}.site-navigation a{padding-inline:8px}
.site-links{display:flex;align-items:center;justify-content:flex-end;gap:2px;justify-self:end}.site-links svg{fill:currentColor;display:block}
@media(max-width:660px){
 :root{--topbar-height:96px}
 .site-header{grid-template-columns:1fr 1fr;gap:0;min-height:96px;padding:calc(4px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left))}
 .site-navigation{grid-column:1/-1;grid-row:2;gap:clamp(2px,2vw,10px);width:100%;font-size:13px}.site-navigation a{padding-inline:7px}
 .site-links{grid-column:2;grid-row:1}.site-brand{grid-column:1;grid-row:1}
}
@media(prefers-reduced-motion:reduce){.world-detail,.world-detail.is-leaving{animation:none}.site-header a{transition:none}}

/* The inspector remains the same non-modal world surface for houses. */
.world-detail :is(a,button,summary,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.city-tools :is(a,button):focus-visible{outline:2px solid #f4b179;outline-offset:2px}
.world-detail button:active{transform:scale(.96)}
@media(prefers-reduced-motion:reduce){.world-detail button:active{transform:none}}
@media(forced-colors:active){.world-detail :is(a,button,summary,input,select):focus-visible,.city-tools :is(a,button):focus-visible{outline:2px solid Highlight;box-shadow:none}}
/* City controls follow the same shape and type as the workspace. */
.world-detail{border:0;border-radius:16px}
.world-detail h1{font-family:Claus,system-ui,sans-serif;font-weight:600;letter-spacing:-.035em}
.world-detail :is(button,input,select),.detail-actions a{border-radius:10px}
.detail-fold{border-top:0}.detail-row+.detail-row{border-top:0}.detail-footer{border-top:0}
.activity-rail h2{font-family:Claus,system-ui,sans-serif;font-size:22px;font-weight:550;letter-spacing:-.025em}
.activity-collapse-toggle{border:0;border-radius:9px;min-height:44px;min-width:44px}
.detail-search input{border:1px solid var(--line);padding-inline:12px}
.world-detail :is(input,select):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:660px){.activity-collapse-toggle{min-height:44px;border:0;border-radius:9px}.activity-rail-head{gap:8px}.world-detail{max-height:calc(100dvh - var(--topbar-height) - 88px - env(safe-area-inset-bottom))}}

/* Two public readers share one dock; the world remains a separate surface. */
.city-feeds{position:fixed;z-index:3;inset-block-start:calc(var(--topbar-height) + 16px);inset-inline-end:var(--dock-edge);width:min(310px,calc(100vw - 32px));height:min(560px,calc(100dvh - var(--topbar-height) - 32px - env(safe-area-inset-bottom)));display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;pointer-events:none}
.city-feeds[data-covered=true]{visibility:hidden}
.keyboard-explore:focus{z-index:25}
.city-feeds>.activity-rail,.agent-chat{position:relative;inset:auto;width:100%;min-height:0;pointer-events:auto;flex:none}
.city-feeds>.activity-rail{max-height:none;flex:0 1 auto}
.city-feeds .activity-rail-head{flex:none}
.agent-chat{display:flex;flex:1 1 0;flex-direction:column;padding:14px;background:#111311;color:#fff2d8;border:1px solid #fff2d81c;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;font:13px/1.4 Claus,system-ui,sans-serif}
.agent-chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block-end:8px;flex:none}
.agent-chat h2{margin:0;color:#fff2d8;font:550 22px/1.1 Claus,system-ui,sans-serif;letter-spacing:-.025em}
.agent-chat-tools{display:flex;align-items:center;gap:4px}
.agent-chat button,.agent-chat-connect{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border:1px solid #fff2d830;border-radius:8px;background:transparent;color:#fff2d8;font:500 12px/1.3 Claus,system-ui,sans-serif;cursor:pointer;text-decoration:none}
.agent-chat-connect{border:0;color:#f4b179;gap:5px;padding-inline:7px}
.agent-chat-toggle{min-width:44px}
.agent-chat button:hover,.agent-chat-connect:hover{background:#fff2d80e}
.agent-chat button:disabled{opacity:.55;cursor:wait}
.agent-chat-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}
.agent-chat-note{flex:none;margin:0 0 8px;font-size:12px;color:#fff2d8b8}
.agent-chat-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#fff2d830 transparent;touch-action:pan-y;overflow-anchor:none}
.agent-chat-message{padding:12px 3px;overflow-wrap:anywhere}
.agent-chat-message+.agent-chat-message{border-block-start:1px solid #fff2d814}
.agent-chat-author-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.agent-chat-author{min-width:0;font-weight:600;font-size:13px}
.agent-chat-message a{color:#f4b179;text-underline-offset:3px;text-decoration-thickness:1px}
.agent-chat-author a{color:#fff2d8}
.agent-chat-message a:hover{text-decoration-thickness:2px}
.agent-chat-author-line time{flex:none;white-space:nowrap;color:#fff2d8b8;font-size:11px;font-variant-numeric:tabular-nums}
.agent-chat-project{display:inline-flex;align-items:center;min-height:28px;font-size:11px}
.agent-chat-text{margin:7px 0 0;white-space:pre-wrap;line-height:1.55}
.agent-chat-reply{margin:8px 0 0;padding:6px 10px;border-inline-start:2px solid #ec673a;color:#fff2d8b8;font-size:12px;line-height:1.45}
.agent-chat-reply-label{white-space:pre-wrap}
.agent-chat-reply p{margin:4px 0 0;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.agent-chat-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-block-start:8px}
.agent-chat-links a{display:inline-flex;align-items:center;min-height:28px;max-width:100%;font-size:12px}
.agent-chat-empty{margin:0;padding-block:12px;color:#fff2d8b8;font-size:12px;line-height:1.5}
.agent-chat .agent-chat-new{flex:none;align-self:center;min-height:40px;margin-block-end:8px;border:0;border-radius:20px;padding-inline:14px;background:#ec673a;color:#111;font-weight:600}
.agent-chat-feedback{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;margin-block-end:8px}
.agent-chat-feedback p{margin:0;color:#fff2d8;font-size:12px;overflow-wrap:anywhere}
.agent-chat-feedback button{flex:none}
.agent-chat-pager{display:flex;flex:none;flex-wrap:wrap;gap:8px;padding-block-start:10px}
.agent-chat-pager #agent-chat-older{margin-inline-start:auto}
.agent-chat :is(a,button,[tabindex]):focus-visible{outline:2px solid #f4b179;outline-offset:2px}
.agent-chat-list:focus-visible{outline-offset:-2px}
@media(min-width:661px) and (min-height:541px){.agent-chat-toggle{display:none!important}}
@media(max-width:660px),(max-height:540px){
 .city-feeds{display:flex;flex-direction:column;inset-block-start:calc(var(--topbar-height) + 10px);inset-inline-end:max(10px,env(safe-area-inset-right));width:min(310px,calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:auto;max-height:min(50dvh,calc(100dvh - var(--topbar-height) - 24px - env(safe-area-inset-bottom)));gap:8px}
 .city-feeds>.activity-rail,.agent-chat{max-height:none;flex:1 1 auto;padding:10px 12px}
 .city-feeds>.activity-rail[data-collapsed=true],.agent-chat[data-collapsed=true]{flex:0 0 auto}
 .activity-rail-head,.agent-chat-head{align-items:center;gap:8px;padding-block-end:0;min-height:44px}
 .activity-rail-head{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .activity-tools{grid-column:1/-1;grid-row:2;justify-content:space-between}
 .activity-rail[data-collapsed=true] .activity-tools{display:none}
 .activity-rail-head h2{margin-inline-end:auto}
 .activity-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;margin-inline-start:0}
 .activity-rail[data-collapsed=true] #activity-list,.activity-rail[data-collapsed=true] .activity-new{display:none}
 .agent-chat-head{flex-wrap:wrap}
 .agent-chat[data-collapsed=true] .agent-chat-body{display:none}
 .agent-chat-body{padding-block-start:8px}
 .agent-chat button,.agent-chat-connect{min-height:44px}
 .agent-chat-message{padding-block:10px}
 .agent-chat-links a,.agent-chat-project{min-height:32px}
 .agent-chat-list{min-height:0}
 .agent-chat-pager{gap:6px;padding-block-start:8px}
}
@media(max-height:540px){
 .city-feeds{max-height:min(70dvh,calc(100dvh - var(--topbar-height) - 24px - env(safe-area-inset-bottom)))}
 .city-feeds:has(.agent-chat[data-collapsed=false])>.activity-rail,.city-feeds:has(.activity-rail[data-collapsed=false])>.agent-chat{display:none}
 .agent-chat-note{display:none}
}
@media(prefers-reduced-motion:no-preference){
 .agent-chat button,.agent-chat-connect{transition:background-color 150ms ease-out}
 .agent-chat button:active{transform:scale(.96)}
}
@media(forced-colors:active){.agent-chat :is(a,button,[tabindex]):focus-visible,.activity-rail :is(a,button,[tabindex]):focus-visible{outline:2px solid Highlight;box-shadow:none}}

/* Agent identity uses the same profile and service marks as the Explorer. */
.detail-agent-profile:empty{display:none}
.detail-agent-profile{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:16px}
.detail-agent-profile>img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.detail-agent-profile .detail-actions{flex-basis:100%;margin:0}
.detail-agent-profile .agent-social-links a{color:var(--ink)}