:root{--colour-canvas: #ffffff;--colour-surface: #f7f8fa;--colour-surface-raised: #ffffff;--colour-surface-nested: #eceef2;--colour-scrim: #1415174f;--colour-hover: #eef0f3;--colour-selected: #e4ecfb;--colour-line: #dfe1e6;--colour-ink: #1b1c1e;--colour-ink-muted: #5c6169;--colour-ink-faint: #8b9099;--colour-accent: #1a56d6;--colour-accent-ink: #ffffff;--colour-accent-weak: #dce7fb;--colour-affirm: #1e7d4f;--colour-caution: #8a6100;--colour-critical: #b3261e;--colour-machine: #5a4bb8;--type-display-size: 22px;--type-display-line: 28px;--type-display-weight: 400;--type-wordmark-size: 44px;--type-wordmark-line: 46px;--type-wordmark-weight: 400;--type-tagline-size: 8.5px;--type-tagline-line: 11px;--type-tagline-weight: 400;--type-body-size: 14px;--type-body-line: 22px;--type-body-weight: 400;--type-body-strong-size: 14px;--type-body-strong-line: 22px;--type-body-strong-weight: 500;--type-ui-size: 13px;--type-ui-line: 18px;--type-ui-weight: 400;--type-small-size: 12px;--type-small-line: 16px;--type-small-weight: 400;--type-mono-size: 12px;--type-mono-line: 18px;--type-mono-weight: 400;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 40px;--metric-row-height: 64px;--metric-rail-width: 232px;--metric-rail-collapsed: 56px;--metric-detail-preferred: 520px;--metric-list-min: 360px;--metric-roster-min: 240px;--metric-avatar: 32px;--metric-hit-target: 40px;--breakpoint-narrow: 760px;--breakpoint-medium: 1100px;--breakpoint-wide: 1440px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--elevation-flat: none;--elevation-raised: 0 1px 2px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06);--motion-instant-duration: 0ms;--motion-instant-easing: none;--motion-quick-duration: .12s;--motion-quick-easing: cubic-bezier(.2, 0, 0, 1);--motion-moving-duration: .2s;--motion-moving-easing: cubic-bezier(.2, 0, 0, 1);--motion-reduced-duration: 0ms;--motion-reduced-easing: none;--measure-body: 68ch}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--colour-canvas: #141517;--colour-surface: #1c1e21;--colour-surface-raised: #232528;--colour-surface-nested: #232528;--colour-scrim: #00000066;--colour-hover: #282b2f;--colour-selected: #1e2c47;--colour-line: #33373d;--colour-ink: #e6e8eb;--colour-ink-muted: #a2a8b0;--colour-ink-faint: #767c85;--colour-accent: #8ab2ff;--colour-accent-ink: #0d1c33;--colour-accent-weak: #1c2f52;--colour-affirm: #68d39b;--colour-caution: #e0b356;--colour-critical: #f2857c;--colour-machine: #b0a3f5}}:root[data-theme=dark]{--colour-canvas: #141517;--colour-surface: #1c1e21;--colour-surface-raised: #232528;--colour-surface-nested: #232528;--colour-scrim: #00000066;--colour-hover: #282b2f;--colour-selected: #1e2c47;--colour-line: #33373d;--colour-ink: #e6e8eb;--colour-ink-muted: #a2a8b0;--colour-ink-faint: #767c85;--colour-accent: #8ab2ff;--colour-accent-ink: #0d1c33;--colour-accent-weak: #1c2f52;--colour-affirm: #68d39b;--colour-caution: #e0b356;--colour-critical: #f2857c;--colour-machine: #b0a3f5}@media(prefers-reduced-motion:reduce){:root{--motion-quick-duration: 0ms;--motion-moving-duration: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--colour-canvas);color:var(--colour-ink);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px;border-radius:var(--radius-sm)}.muted{color:var(--colour-ink-muted)}.small{font-size:var(--type-small-size);line-height:var(--type-small-line)}.mono{font-family:var(--font-mono);font-size:var(--type-mono-size)}.critical-text{color:var(--colour-critical)}kbd{font-family:var(--font-mono);font-size:var(--type-mono-size);background:var(--colour-surface);border-radius:var(--radius-sm);padding:1px var(--space-xs)}.shell{--rail: var(--metric-rail-width);--list-min: var(--metric-list-min);--list-fr: 1fr;--detail-min: var(--metric-detail-preferred);--detail-fr: 1.618fr;display:grid;grid-template-columns:var(--rail) minmax(var(--list-min),var(--list-fr)) minmax(var(--detail-min),var(--detail-fr));grid-template-rows:auto 1fr;grid-template-areas:"top top top" "rail list detail";height:100%}.shell-lean{--list-min: var(--metric-roster-min);--list-fr: 1fr;--detail-fr: 1.618fr;--detail-min: 0}.top{grid-area:top;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg)}.wordmark{font-size:var(--type-display-size);letter-spacing:.02em;color:var(--colour-ink-faint);min-width:calc(var(--rail) - var(--metric-hit-target) - var(--space-lg))}.lockup{display:block;width:max-content;margin:0}.lockup .wordmark{display:block;font-size:var(--type-wordmark-size);line-height:1.05;min-width:0}.lockup .tagline{display:block;width:0;min-width:100%;font-size:var(--type-tagline-size);line-height:1.25;letter-spacing:.01em;color:var(--colour-ink-faint);text-align:justify;text-align-last:justify}.tagline-grid{color:var(--colour-ink-muted);font-weight:600}.rail-toggle{flex:none;width:var(--metric-hit-target);height:var(--metric-hit-target);border:none;border-radius:var(--radius-pill);background:none;color:var(--colour-ink-muted);cursor:pointer;transition:background var(--motion-quick-duration) var(--motion-quick-easing)}.rail-toggle:hover{background:var(--colour-hover);color:var(--colour-ink)}.search{flex:1;max-width:720px}.search input{width:100%;height:var(--metric-hit-target);padding:0 var(--space-lg);border:none;border-radius:var(--radius-pill);background:var(--colour-surface);transition:background var(--motion-quick-duration) var(--motion-quick-easing)}.search input:hover,.search input:focus{background:var(--colour-hover)}.search input::placeholder{color:var(--colour-ink-faint)}.identity{margin-left:auto;width:var(--metric-avatar);height:var(--metric-avatar);border:none;border-radius:var(--radius-pill);background:var(--colour-accent-weak);color:var(--colour-accent);cursor:pointer}.rail{grid-area:rail;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm) var(--space-md) var(--space-lg);overflow:auto}.rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.compose{display:flex;align-items:center;gap:var(--space-sm);height:48px;padding:0 var(--space-xl);border:none;border-radius:var(--radius-pill);background:var(--colour-accent);color:var(--colour-accent-ink);font-weight:var(--type-body-strong-weight);cursor:pointer;align-self:flex-start;transition:filter var(--motion-quick-duration) var(--motion-quick-easing)}.compose:hover{filter:brightness(1.08)}.rail-item{display:flex;align-items:center;gap:var(--space-md);width:100%;height:var(--metric-hit-target);padding:0 var(--space-lg);border:none;border-radius:var(--radius-pill);background:none;font-size:var(--type-ui-size);cursor:pointer;text-align:left;transition:background var(--motion-quick-duration) var(--motion-quick-easing)}.rail-item:hover{background:var(--colour-hover)}.rail-current{background:var(--colour-selected);color:var(--colour-accent);font-weight:var(--type-body-strong-weight)}.rail-glyph{display:inline-flex;align-items:center;justify-content:center;width:20px;flex:none}.rail-label{flex:1}.rail-count{font-size:var(--type-small-size);color:var(--colour-ink-muted)}.rail-current .rail-count{color:var(--colour-accent)}.rail-foot{margin-top:auto;font-size:var(--type-small-size);color:var(--colour-ink-faint)}.rail-foot code{font-family:var(--font-mono)}.list-region{grid-area:list;min-width:0;overflow:hidden}.detail-region{grid-area:detail;min-width:0;overflow:hidden;display:flex;flex-direction:column}.scroll{height:100%;overflow:auto}.scroll-bottom{display:flex;flex-direction:column;justify-content:flex-end}.detail-empty{margin:auto;padding:var(--space-xxl);text-align:center;color:var(--colour-ink-faint);max-width:42ch}.loading,.failure{padding:var(--space-xxl);color:var(--colour-ink-muted)}.failure pre{font-family:var(--font-mono);font-size:var(--type-mono-size);color:var(--colour-critical);white-space:pre-wrap}.list{list-style:none;margin:0;padding:0 var(--space-sm)}.row{display:flex;align-items:center;gap:var(--space-lg);width:100%;min-height:var(--metric-row-height);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-lg);background:none;cursor:pointer;text-align:left;transition:background var(--motion-quick-duration) var(--motion-quick-easing)}.row:hover{background:var(--colour-hover)}.row-selected{background:var(--colour-selected);transition:none}.row-cursor{box-shadow:inset 0 0 0 2px var(--colour-accent);transition:none}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-lead{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--colour-ink)}.row-unread .row-title{font-weight:var(--type-body-strong-weight)}.row-count{font-size:var(--type-small-size);color:var(--colour-ink-faint)}.row-flag{color:var(--colour-caution)}.row-follow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--colour-ink-muted);font-size:var(--type-ui-size)}.row-time{font-size:var(--type-small-size);color:var(--colour-ink-muted);white-space:nowrap}.row-unread .row-time{color:var(--colour-ink)}.row-machine .row-title{color:var(--colour-machine)}.empty{padding:var(--space-xxl);text-align:center;color:var(--colour-ink-faint)}.avatar{display:grid;place-items:center;flex:none;width:var(--metric-avatar);height:var(--metric-avatar);border-radius:var(--radius-pill);background:hsl(var(--avatar-hue, 220) 42% 88%);color:hsl(var(--avatar-hue, 220) 45% 28%);font-size:var(--type-ui-size);font-weight:var(--type-body-strong-weight)}.avatar-machine{background:var(--colour-accent-weak);color:var(--colour-machine)}.mark{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--colour-ink-muted)}.mark-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;opacity:.55}.mark-caution{color:var(--colour-caution)}.mark-critical{color:var(--colour-critical)}.chip{font-size:var(--type-small-size);padding:1px var(--space-sm);border-radius:var(--radius-sm);background:var(--colour-surface);color:var(--colour-ink-muted);white-space:nowrap}.chip-caution{color:var(--colour-caution)}.chip-critical{color:var(--colour-critical)}.note{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--colour-ink-muted);margin:var(--space-md) 0 0}.note-loss{color:var(--colour-caution)}.note-actionable{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-sm)}.disclosure{border-radius:var(--radius-md);background:var(--colour-surface)}.disclosure>summary{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--metric-hit-target);padding:var(--space-sm) var(--space-md);cursor:pointer;border-radius:var(--radius-md);font-size:var(--type-ui-size);list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:"›";color:var(--colour-ink-muted);transition:transform var(--motion-quick-duration) var(--motion-quick-easing)}.disclosure[open]>summary:before{transform:rotate(90deg)}.disclosure>summary:hover{background:var(--colour-hover)}.disclosure>*:not(summary){padding:0 var(--space-md) var(--space-md);margin:0}.disclosure-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-surface);color:var(--colour-ink-muted);cursor:pointer;font-size:var(--type-small-size)}.disclosure-toggle:hover{background:var(--colour-hover);color:var(--colour-ink)}.disclosure-toggle:before{content:"›";transition:transform var(--motion-quick-duration) var(--motion-quick-easing)}.disclosure-toggle[aria-expanded=true]:before{transform:rotate(90deg)}.conversation{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-head{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl) var(--space-md)}.conversation-title{flex:1;min-width:0}.conversation-title h1{margin:0;font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight)}.conversation-title h1.plain{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--type-body-strong-weight)}.conversation-title p{margin:var(--space-xs) 0 0;font-size:var(--type-small-size)}.back{display:none}.why-button{border:none;background:var(--colour-surface);color:var(--colour-ink-muted);font-size:var(--type-small-size);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);cursor:pointer}.why-button:hover{background:var(--colour-hover);color:var(--colour-ink)}.why{margin:0 var(--space-xl) var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface)}.why p{margin:0 0 var(--space-sm)}.why-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);border:1px solid var(--colour-line);background:var(--colour-surface-raised);color:var(--colour-ink-muted);font-size:var(--type-small-size);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);cursor:pointer}.pill:hover{background:var(--colour-hover);color:var(--colour-ink)}.pill-current{background:var(--colour-accent);color:var(--colour-accent-ink)}.pill-quiet{background:var(--colour-surface)}.pill-quiet:hover{background:var(--colour-hover)}.pill-on{background:var(--colour-selected);border-color:var(--colour-accent)}.pill-on:hover{background:var(--colour-selected)}.letters{padding:0 var(--space-xl) var(--space-xxl);display:flex;flex-direction:column;gap:var(--space-xl)}.letter-head{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.letter-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.letter-when{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--type-small-size);white-space:nowrap}.name{font-weight:var(--type-body-strong-weight)}.address{font-family:var(--font-mono);font-size:var(--type-mono-size)}.body{padding-left:calc(var(--metric-avatar) + var(--space-md))}.body-compact{padding-left:0}.prose{margin:0;max-width:var(--measure-body);white-space:pre-wrap}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose blockquote{margin-left:0;padding-left:var(--space-md);border-left:3px solid var(--colour-line);color:var(--colour-ink-muted)}.prose pre,.editor-code{overflow-x:auto;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--colour-surface);font-family:var(--font-mono);font-size:var(--type-mono-size);white-space:pre}.prose-compact h1,.prose-compact h2{font-size:var(--type-body-size)}.message-image{display:block;max-width:100%;max-height:480px;margin:var(--space-sm) 0;border-radius:var(--radius-md);object-fit:contain}.image-alt{display:inline-block;padding:0 var(--space-xs);border:1px dashed var(--colour-line);border-radius:var(--radius-sm);color:var(--colour-ink-muted)}.prose-suspect{margin-top:var(--space-md);color:var(--colour-ink-muted)}.fork-marker{margin:var(--space-lg) 0 0 calc(var(--metric-avatar) + var(--space-md));font-size:var(--type-small-size);color:var(--colour-ink-faint)}.unheld{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface);font-size:var(--type-ui-size)}.unheld p{margin:0 0 var(--space-sm)}.id{font-family:var(--font-mono);font-size:var(--type-mono-size);word-break:break-all}.faint{color:var(--colour-ink-faint)}.collapsed{border:1px solid var(--colour-critical);border-radius:var(--radius-md);padding:var(--space-lg)}.collapsed-reason{margin:0 0 var(--space-sm);color:var(--colour-critical);font-weight:var(--type-body-strong-weight)}.collapsed p:last-of-type{margin:0}.collapsed-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.attachments{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.attachments li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--colour-surface)}.attachment-name{font-weight:var(--type-body-strong-weight)}.attachments li .pill{margin-left:auto}.transcript{padding:var(--space-lg) var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.turn-grouped{margin-top:calc(-1 * var(--space-md))}.turn-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.turn-body{display:flex;align-items:flex-start;gap:var(--space-sm);padding-left:calc(var(--metric-avatar) + var(--space-sm))}.turn-body .prose{flex:1}.turn-inspect{opacity:0;transition:opacity var(--motion-quick-duration) var(--motion-quick-easing)}.turn:hover .turn-inspect{opacity:1}.turn-mine .prose{color:var(--colour-ink)}.day-rule{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--colour-ink-faint);font-size:var(--type-small-size)}.day-rule:before,.day-rule:after{content:"";flex:1;height:1px;background:var(--colour-line)}.composer{display:flex;align-items:flex-end;gap:var(--space-sm);margin:0 var(--space-xl) var(--space-lg);padding:var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised)}.composer textarea{flex:1;border:none;background:none;resize:none;padding:var(--space-sm);max-height:160px}.composer textarea:focus{outline:none}.rich-composer{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.editor-toolbar{order:-1}.rich-composer-mail{display:flex;min-height:150px;flex-direction:column}.rich-composer-failed{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--colour-caution);border-radius:var(--radius-md);background:var(--colour-surface-raised)}.rich-composer-failed p{margin:0;color:var(--colour-caution)}.rich-composer-failed textarea{width:100%;min-height:92px;padding:var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-sm);background:var(--colour-canvas);color:var(--colour-ink);font:inherit}.rich-composer-failed>.pill{align-self:flex-start}.rich-editor-shell{position:relative;flex:1;min-width:0}.rich-editor{min-height:92px;padding:var(--space-sm);outline:none;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.rich-composer-chat .rich-editor{min-height:var(--metric-hit-target);max-height:160px;overflow-y:auto;padding:var(--space-sm) calc(var(--metric-hit-target) + var(--space-xs)) var(--space-sm) var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-canvas);font-size:var(--type-ui-size)}.rich-composer-chat .rich-editor:focus{border-color:var(--colour-accent)}.rich-editor-placeholder{position:absolute;top:var(--space-sm);left:var(--space-sm);pointer-events:none;color:var(--colour-ink-faint);line-height:1.5;font-size:inherit;font-family:inherit}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:var(--space-xs) 0;border-bottom:1px solid transparent;opacity:0;transition:opacity .12s ease}.rich-composer:focus-within .editor-toolbar,.rich-composer-used .editor-toolbar{opacity:1;border-bottom-color:var(--colour-line)}.editor-toolbar button,.editor-inline-attach{min-width:30px;height:30px;padding:0 var(--space-xs);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--colour-ink-muted)}.editor-toolbar button:hover,.editor-inline-attach:hover{background:var(--colour-surface);color:var(--colour-ink)}.editor-toolbar button[aria-pressed=true]{background:var(--colour-selected);color:var(--colour-accent)}.editor-link-popover{position:absolute;top:38px;left:var(--space-sm);z-index:4;width:min(440px,calc(100% - 2 * var(--space-sm)));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised)}.rich-composer-chat .editor-link-popover{top:auto;bottom:calc(100% + var(--space-xs))}.editor-link-popover label{grid-column:1 / -1;color:var(--colour-ink-muted);font-size:var(--type-small-size)}.editor-link-popover input{min-width:0;height:var(--metric-hit-target);padding:0 var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-sm);background:var(--colour-canvas);color:var(--colour-ink)}.editor-link-popover input[aria-invalid=true]{border-color:var(--colour-caution)}.editor-link-popover button{height:var(--metric-hit-target)}.editor-inline-attach{position:absolute;right:var(--space-xs);bottom:7px;z-index:1}.editor-quote{margin-left:0;padding-left:var(--space-md);border-left:3px solid var(--colour-line)}.editor-paragraph{margin:0;line-height:1.5}.editor-bold{font-weight:var(--type-body-strong-weight)}.editor-italic{font-style:italic}.editor-strikethrough{text-decoration:line-through}.editor-inline-code{padding:0 var(--space-xxs, 2px);border-radius:var(--radius-sm);background:var(--colour-surface-nested);font-family:var(--font-mono)}.editor-attachment{display:inline-block;max-width:min(100%,420px);max-height:300px;border-radius:var(--radius-md);vertical-align:middle}.editor-attachments{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.editor-attachments label{display:grid;grid-template-columns:minmax(80px,auto) minmax(120px,1fr) 30px;align-items:center;gap:var(--space-sm);font-size:var(--type-small-size)}.editor-attachments input{min-width:0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-sm)}.editor-attachments button{border:0;background:transparent;color:var(--colour-ink-muted)}.sketch-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-lg);background:var(--colour-scrim)}.sketch-dialog{width:min(720px,100%);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--colour-canvas);box-shadow:var(--elevation-raised)}.sketch-dialog header,.sketch-dialog footer,.sketch-dialog label{display:flex;align-items:center;gap:var(--space-sm)}.sketch-dialog header{justify-content:space-between;margin-bottom:var(--space-md)}.sketch-dialog header button{border:0;background:transparent;font-size:22px}.sketch-dialog svg{display:block;width:100%;border:1px solid var(--colour-line);border-radius:var(--radius-md);touch-action:none;cursor:crosshair}.sketch-dialog label{margin-top:var(--space-md)}.sketch-dialog label input{flex:1;padding:var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-sm)}.sketch-dialog footer{justify-content:flex-end;margin-top:var(--space-md)}.send{border:none;border-radius:var(--radius-pill);background:var(--colour-accent);color:var(--colour-accent-ink);padding:var(--space-sm) var(--space-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.send:disabled{background:var(--colour-surface);color:var(--colour-ink-faint);cursor:default}.feed{padding:0 var(--space-xl) var(--space-xxl)}.feed-now{padding:var(--space-lg) 0 var(--space-xl)}.feed-entity{margin:0;font-family:var(--font-mono);font-size:var(--type-mono-size);color:var(--colour-machine)}.feed-value{margin:var(--space-xs) 0;font-size:44px;line-height:1.1;font-weight:var(--type-display-weight)}.feed-unit{font-size:var(--type-display-size);color:var(--colour-ink-muted);margin-left:var(--space-sm)}.feed-heading{font-size:var(--type-ui-size);font-weight:var(--type-body-strong-weight);color:var(--colour-ink-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-md)}.feed-history{width:100%;border-collapse:collapse;font-size:var(--type-ui-size)}.feed-history th{text-align:left;font-weight:var(--type-body-strong-weight);color:var(--colour-ink-faint);font-size:var(--type-small-size);padding-bottom:var(--space-sm)}.feed-history td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0}.feed-history tr:hover{background:var(--colour-hover)}.attributes{display:flex;gap:var(--space-xl);margin:var(--space-lg) 0 0}.attributes dt{font-size:var(--type-small-size);color:var(--colour-ink-faint)}.attributes dd{margin:0;font-family:var(--font-mono);font-size:var(--type-mono-size)}.view{padding:var(--space-lg) var(--space-xl) var(--space-xxl);max-width:900px}.view-head h1{margin:0;font-size:var(--type-display-size);font-weight:var(--type-display-weight)}.view-head p{margin:var(--space-sm) 0 var(--space-xl);max-width:var(--measure-body)}.records{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.record{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface)}.record-head{display:flex;align-items:center;gap:var(--space-md)}.record-subject{margin:var(--space-xs) 0 var(--space-sm)}.record-policy{margin:0 0 var(--space-md);font-size:var(--type-small-size)}.record-actions{display:flex;gap:var(--space-sm)}.record .pill{background:var(--colour-canvas)}.admitted{font-size:var(--type-small-size);color:var(--colour-affirm)}.recipients{width:100%;border-collapse:collapse;margin-top:var(--space-md);font-size:var(--type-ui-size)}.recipients td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;vertical-align:top}.overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--colour-ink) 32%,transparent);display:grid;place-items:center;padding:var(--space-xl);z-index:10}.inspector{width:min(860px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--colour-surface-raised);border-radius:var(--radius-md);box-shadow:var(--elevation-raised);overflow:hidden}.inspector-head{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md)}.inspector-head h2{margin:0;font-size:var(--type-body-size);font-weight:var(--type-body-strong-weight)}.inspector-head .id{color:var(--colour-ink-muted)}.inspector-head button{margin-left:auto}.inspector-tabs{display:flex;gap:var(--space-sm);padding:0 var(--space-lg)}.tab{border:none;background:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--colour-ink-muted);font-size:var(--type-ui-size);cursor:pointer}.tab:hover{background:var(--colour-hover)}.tab-current{background:var(--colour-selected);color:var(--colour-accent)}.inspector-body{overflow:auto;padding:var(--space-lg)}.source{margin:0;font-family:var(--font-mono);font-size:var(--type-mono-size);line-height:var(--type-mono-line);white-space:pre-wrap;word-break:break-word;color:var(--colour-ink-muted)}.hex{word-break:break-all}.facts{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:var(--space-sm) var(--space-xl)}.fact{display:contents}.facts dt{font-size:var(--type-small-size);color:var(--colour-ink-faint)}.facts dd{margin:0;font-size:var(--type-ui-size)}.aside{color:var(--colour-ink-muted)}.descent{margin:0;padding-left:var(--space-lg)}.descent-head{display:flex;gap:var(--space-md);align-items:baseline}.descent p{margin:var(--space-xs) 0 var(--space-md);font-size:var(--type-small-size)}.structure{list-style:none;margin:0;padding-left:var(--space-lg);border-left:1px solid var(--colour-line)}.structure>li{padding:2px 0}.structure-key{font-family:var(--font-mono);font-size:var(--type-mono-size);color:var(--colour-ink-muted);margin-right:var(--space-sm)}.scalar{font-family:var(--font-mono);font-size:var(--type-mono-size)}.scalar-symbol{color:var(--colour-machine)}.scalar-number{color:var(--colour-accent)}.scalar-hash{color:var(--colour-ink-faint);word-break:break-all}.icon-button{border:none;background:none;color:var(--colour-ink-muted);cursor:pointer;width:var(--metric-hit-target);height:var(--metric-hit-target);border-radius:var(--radius-pill)}.icon-button:hover{background:var(--colour-hover);color:var(--colour-ink)}.icon-button{display:inline-flex;align-items:center;justify-content:center}.shell-rail-narrow{--rail: var(--metric-rail-collapsed)}.shell-rail-narrow .rail-label,.shell-rail-narrow .rail-count,.shell-rail-narrow .rail-foot,.shell-rail-narrow .rail .compose-label{display:none}.shell-rail-narrow .rail{padding-left:var(--space-sm);padding-right:var(--space-sm);overflow-x:hidden}.shell-rail-narrow .rail-item{justify-content:center;gap:0;padding:0}.shell-rail-narrow .rail .compose{width:var(--metric-hit-target);height:var(--metric-hit-target);padding:0;justify-content:center;gap:0;align-self:center}@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-areas:"top" "list"}.rail,.detail-region{display:none}.shell-open{grid-template-areas:"top" "detail"}.shell-open .list-region{display:none}.shell-open .detail-region{display:flex}.back{display:inline-grid;place-items:center}}.banner{margin:var(--space-sm) var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface);color:var(--colour-caution);font-size:var(--type-small-size);line-height:var(--type-small-line)}.pairing{height:100%;overflow:auto;display:grid;place-items:center;padding:var(--space-xl)}.pairing-inner{width:min(440px,100%)}.pairing-modes{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xl)}.pairing h1{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight)}.pairing form{display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-xl) 0}.pairing label{display:flex;flex-direction:column;gap:var(--space-xs)}.pairing label>span:first-child{font-size:var(--type-small-size);color:var(--colour-ink-muted)}.pairing input{height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-sm);background:var(--colour-canvas)}.pairing input[aria-invalid=true]{border-color:var(--colour-critical)}.pairing .hint{font-size:var(--type-small-size);color:var(--colour-ink-faint)}.registration-field-problem{color:var(--colour-critical);font-size:var(--type-small-size);line-height:var(--type-small-line)}.pairing-problem{margin:0;color:var(--colour-critical);font-size:var(--type-ui-size)}.pairing .compose{align-self:flex-start}.registration-policy{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--colour-surface);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.registration-policy p{margin:0}.registration-finish{margin:var(--space-xl) 0 var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface)}.registration-finish>:first-child{margin-top:0}.registration-finish>:last-child{margin-bottom:0}.pairing-where{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface);font-size:var(--type-ui-size)}.pairing-where summary{cursor:pointer;color:var(--colour-ink-muted)}.pairing-where p{margin:var(--space-md) 0}.pairing-where .source{padding:var(--space-md);background:var(--colour-canvas);border-radius:var(--radius-sm);overflow-x:auto}.pairing-alternative{margin-top:var(--space-xl);font-size:var(--type-ui-size)}.reply-shut{display:flex;align-items:center;gap:var(--space-md);margin-left:calc(var(--metric-avatar) + var(--space-md))}.reply-disabled,.composer-disabled{margin:var(--space-lg) var(--space-xl);color:var(--colour-ink-faint)}.reply{margin-left:calc(var(--metric-avatar) + var(--space-md));padding:var(--space-lg);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised)}.reply-to{margin-bottom:var(--space-sm)}.reply textarea{width:100%;border:none;background:none;resize:vertical;max-width:var(--measure-body)}.reply textarea:focus{outline:none}.reply-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.composer-problem{margin:0 var(--space-xl) var(--space-sm)}.new-message{width:min(680px,100%);max-height:90vh;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--colour-surface-raised);border-radius:var(--radius-md);box-shadow:var(--elevation-raised)}.new-message-head{display:flex;align-items:center}.new-message-head h2{margin:0;font-size:var(--type-body-size);font-weight:var(--type-body-strong-weight)}.new-message-head button{margin-left:auto}.field{display:flex;align-items:baseline;gap:var(--space-md)}.field>span:first-child{width:68px;flex:none;font-size:var(--type-small-size);color:var(--colour-ink-faint)}.field input,.field output{flex:1;min-width:0;height:var(--metric-hit-target);padding:0 var(--space-sm);border:none;border-bottom:1px solid var(--colour-line);background:none;display:flex;align-items:center}.field input:focus{outline:none;border-bottom-color:var(--colour-accent)}.new-message textarea{flex:1;min-height:180px;padding:var(--space-md) var(--space-sm);border:none;background:none;resize:vertical;max-width:var(--measure-body)}.new-message textarea:focus{outline:none}.new-message>.rich-composer{padding:var(--space-sm)}.new-message-actions{display:flex;align-items:center;gap:var(--space-md)}.protection-anchor{position:relative;display:inline-flex}.reply-actions .protection-anchor,.new-message-actions .send{margin-left:auto}.protection-choice{min-height:var(--metric-hit-target);display:inline-flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-surface-raised);color:var(--colour-ink-muted);font-size:var(--type-small-size);white-space:nowrap;cursor:pointer;transition:border-color .12s ease,background .12s ease}.protection-choice:hover,.protection-choice:focus-visible{border-color:var(--colour-ink-faint);background:var(--colour-surface-nested)}.protection-flagged{border-color:var(--colour-caution);box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-caution) 28%,transparent)}.protection-bubble{position:absolute;bottom:calc(100% + 10px);left:0;z-index:5;width:max-content;max-width:min(320px,78vw);padding:var(--space-sm) var(--space-md);border:1px solid var(--colour-caution);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised);color:var(--colour-ink);font-size:var(--type-small-size);line-height:var(--type-small-line);text-align:left;white-space:normal}.protection-bubble:before,.protection-bubble:after{content:"";position:absolute;top:100%;left:18px;border:7px solid transparent}.reply-actions .protection-bubble{left:auto;right:0}.reply-actions .protection-bubble:before,.reply-actions .protection-bubble:after{left:auto;right:18px}.protection-bubble:before{border-top-color:var(--colour-caution)}.protection-bubble:after{border-top-color:var(--colour-surface-raised);margin-top:-1.5px}.protection-choice.protection-sealed,.protection-mark.protection-sealed{color:var(--colour-affirm)}.protection-choice.protection-cleartext,.protection-mark.protection-cleartext{color:var(--colour-caution)}.protection-mark{display:inline-flex;align-items:center;margin-left:var(--space-xs);font-size:var(--type-small-size)}.compose:disabled{background:var(--colour-surface);color:var(--colour-ink-faint);cursor:default;filter:none}.devices{width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--colour-surface-raised);border-radius:var(--radius-md);box-shadow:var(--elevation-raised);overflow:hidden}.you{width:min(820px,100%);height:min(680px,90vh);display:flex;flex-direction:column;background:var(--colour-surface-raised);border-radius:var(--radius-md);box-shadow:var(--elevation-raised);overflow:hidden}.you-head{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--colour-line)}.you-head .icon-button{margin-inline-start:auto}.you-body{display:flex;min-height:0;flex:1}.you-tabs{display:flex;flex-direction:column;gap:var(--space-xxs, 2px);padding:var(--space-md);border-inline-end:1px solid var(--colour-line);background:var(--colour-surface);flex:none}.you-tab{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--metric-hit-target);padding:0 var(--space-md);border:none;border-radius:var(--radius-md);background:none;color:var(--colour-ink-muted);font:inherit;text-align:start;cursor:pointer}.you-tab:hover{background:var(--colour-hover);color:var(--colour-ink)}.you-tab-on{background:var(--colour-selected);color:var(--colour-ink);font-weight:var(--type-body-strong-weight)}.you-pane{flex:1;min-width:0;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}@media(max-width:760px){.you-body{flex-direction:column}.you-tabs{flex-direction:row;border-inline-end:none;border-bottom:1px solid var(--colour-line)}}.device-list{list-style:none;margin:0 0 var(--space-xl);padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.device{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs) var(--space-md);align-items:center;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--colour-surface)}.device-current{background:var(--colour-selected)}.device-name{display:flex;align-items:center;gap:var(--space-sm)}.device .id,.device .small{grid-column:1;word-break:break-all}.device .pill{grid-column:2;grid-row:1;background:var(--colour-canvas)}.add-device h3{margin:0 0 var(--space-sm);font-size:var(--type-ui-size);font-weight:var(--type-body-strong-weight)}.add-device-row{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.add-device-row input{flex:1;height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-sm);background:var(--colour-canvas)}.pairing-code{font-family:var(--font-mono);font-size:var(--type-display-size);letter-spacing:.08em;padding:var(--space-md);border-radius:var(--radius-sm);background:var(--colour-canvas);text-align:center;-webkit-user-select:all;user-select:all}.identity:disabled{opacity:.6;cursor:default}.span-code{font-family:var(--font-mono);font-size:var(--type-mono-size);background:var(--colour-surface);border-radius:var(--radius-sm);padding:1px var(--space-xs)}.span-mention{color:var(--colour-accent);font-weight:var(--type-body-strong-weight)}.span-link{color:var(--colour-accent)}.span-spoiler{background:var(--colour-ink);color:transparent;border-radius:var(--radius-sm);cursor:pointer}.span-spoiler:hover,.span-spoiler:focus-within{background:var(--colour-surface);color:inherit}.shell-dock-wide{grid-template-areas:"top top top dock" "rail list detail dock";grid-template-columns:var(--rail) minmax(var(--list-min),var(--list-fr)) minmax(0,var(--detail-fr)) clamp(320px,26vw,480px)}.shell-dock-narrow{grid-template-areas:"top top top dock" "rail list detail dock";grid-template-columns:var(--rail) minmax(var(--list-min),var(--list-fr)) minmax(0,var(--detail-fr)) var(--metric-rail-collapsed)}.dock{grid-area:dock;display:flex;flex-direction:column;min-height:0;background:var(--colour-surface);border-left:1px solid var(--colour-line)}.dock-head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);min-height:var(--metric-hit-target)}.dock-toggle{width:var(--metric-hit-target);height:var(--metric-hit-target);border:none;background:none;color:var(--colour-ink-muted);cursor:pointer;border-radius:var(--radius-pill);font-size:var(--type-display-size);line-height:1}.dock-toggle:hover{background:var(--colour-hover);color:var(--colour-ink)}.dock-title{font-weight:var(--type-body-strong-weight);font-size:var(--type-ui-size)}.dock-empty{padding:var(--space-lg);color:var(--colour-ink-faint);font-size:var(--type-small-size)}.dock-list{list-style:none;margin:0;padding:0 var(--space-sm);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.dock-row{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm);border:none;border-radius:var(--radius-lg);background:none;cursor:pointer;text-align:left}.dock-row:hover{background:var(--colour-hover)}.dock-avatar{position:relative;flex:none}.dock-pip{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:var(--radius-pill);background:var(--colour-accent);border:2px solid var(--colour-surface)}.dock-row-text{min-width:0;display:flex;flex-direction:column}.dock-row-name{font-size:var(--type-ui-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-row-unread .dock-row-name{font-weight:var(--type-body-strong-weight)}.dock-row-last{font-size:var(--type-small-size);color:var(--colour-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-open{display:flex;flex-direction:column;min-height:0;flex:1}.dock-open-head{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-sm)}.dock-scroll{flex:1;overflow-y:auto;padding:0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.dock-turn-who{display:block;font-size:var(--type-small-size);font-weight:var(--type-body-strong-weight);margin-top:var(--space-sm)}.dock-bubble{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--colour-canvas);font-size:var(--type-ui-size);white-space:pre-wrap;overflow-wrap:anywhere}.dock-turn-mine .dock-bubble{background:var(--colour-accent-weak)}.dock-composer{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-sm)}.dock-composer textarea{flex:1;min-width:0;border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-canvas);padding:var(--space-sm);resize:none;font-size:var(--type-ui-size)}.dock-composer textarea:focus{outline:none;border-color:var(--colour-accent)}.dock-composer>.rich-composer{flex:1}.dock-composer .send{flex:none;width:var(--metric-hit-target);height:var(--metric-hit-target);padding:0}.dock-composer .protection-choice{width:var(--metric-hit-target);padding:0;justify-content:center;overflow:hidden;color:transparent}.dock-composer .protection-choice span{color:var(--colour-affirm)}.dock-composer .protection-choice.protection-cleartext span{color:var(--colour-caution)}.dock-problem,.dock-disabled{margin:0 var(--space-sm) var(--space-sm);font-size:var(--type-small-size)}.shell-dock-narrow .dock-title,.shell-dock-narrow .dock-row-text,.shell-dock-narrow .dock-empty,.shell-dock-narrow .dock-composer,.shell-dock-narrow .dock-open-head .name,.shell-dock-narrow .dock-turn-who{display:none}.shell-dock-narrow .dock-row{justify-content:center;padding:var(--space-xs)}.shell-dock-narrow .dock-scroll{padding:0 var(--space-xs)}.shell-dock-narrow .dock-bubble{font-size:var(--type-small-size);padding:var(--space-xs) var(--space-sm)}.arrival{position:fixed;right:var(--space-lg);bottom:var(--space-lg);width:min(340px,calc(100vw - var(--space-xl)));z-index:20;padding:var(--space-md);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised);animation:arrive var(--motion-moving-duration) var(--motion-moving-easing)}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}}.arrival-sent{opacity:.6}.arrival-body{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;border:none;background:none;cursor:pointer;text-align:left;padding:0}.arrival-text{min-width:0;display:flex;flex-direction:column}.arrival-line{font-size:var(--type-ui-size);color:var(--colour-ink-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arrival-reply{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.arrival-reply input{flex:1;min-width:0;height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-canvas)}.arrival-reply input:focus{outline:none;border-color:var(--colour-accent)}.arrival-reply>.rich-composer{flex:1}.arrival-reply .rich-editor{min-height:var(--metric-hit-target);max-height:96px;border-radius:var(--radius-pill)}.arrival-reply .send{flex:none;width:var(--metric-hit-target);padding:0}.arrival-close{position:absolute;top:var(--space-xs);right:var(--space-xs);border:none;background:none;color:var(--colour-ink-faint);cursor:pointer;padding:var(--space-xs)}@media(max-width:1100px){.shell-dock-wide{grid-template-columns:var(--rail) minmax(0,1fr) minmax(0,1fr) var(--metric-rail-collapsed)}.shell-dock-wide:not(.shell-phone-chat) .dock-title,.shell-dock-wide:not(.shell-phone-chat) .dock-row-text,.shell-dock-wide:not(.shell-phone-chat) .dock-empty,.shell-dock-wide:not(.shell-phone-chat) .dock-composer,.shell-dock-wide:not(.shell-phone-chat) .dock-open-head .name,.shell-dock-wide:not(.shell-phone-chat) .dock-turn-who{display:none}.shell-dock-wide:not(.shell-phone-chat) .dock-row{justify-content:center;padding:var(--space-xs)}.shell-dock-narrow{grid-template-columns:var(--rail) minmax(0,1fr) minmax(0,1fr) var(--metric-rail-collapsed)}}@media(max-width:760px){.shell-dock-wide,.shell-dock-narrow{grid-template-columns:1fr;grid-template-areas:"top" "list"}.shell-open.shell-dock-wide,.shell-open.shell-dock-narrow{grid-template-areas:"top" "detail"}.dock{display:none}}.feed{overflow-y:auto;height:100%;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.feed-write{align-self:stretch;text-align:left;padding:var(--space-md) var(--space-lg);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-surface);color:var(--colour-ink-muted);cursor:pointer;font-size:var(--type-ui-size)}.feed-write:hover{background:var(--colour-hover);color:var(--colour-ink)}.feed-empty{color:var(--colour-ink-faint);max-width:52ch}.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-lg)}.post{max-width:62ch;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface)}.post-mine{background:var(--colour-accent-weak)}.post-head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.post-who{display:flex;flex-direction:column;min-width:0}.post-when{margin-inline-start:auto;flex:none}.post-text{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-line);white-space:pre-wrap;overflow-wrap:anywhere}.post-cites{margin-top:var(--space-sm)}.post{cursor:pointer}.post .keeps-click{cursor:auto}.post-foot{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;width:100%}.post-reactions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.post-react-offer{opacity:.45}.post-react-offer:hover{opacity:1}.thread{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--colour-line);display:flex;flex-direction:column;gap:var(--space-sm)}.comment-text{margin:0;font-size:var(--type-ui-size)}.section-comments{margin-top:var(--space-sm);padding-inline-start:var(--space-md);border-inline-start:2px solid var(--colour-line);display:flex;flex-direction:column;gap:var(--space-sm)}.comment{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--colour-surface-nested)}.person-chip-wrap{display:inline-flex;align-items:center;gap:var(--space-xs);min-width:0}.person-chip{display:inline-flex;align-items:center;gap:var(--space-xs);max-width:100%;padding:2px var(--space-sm) 2px 2px;border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-surface-raised);color:inherit;cursor:pointer}.person-chip:hover{border-color:var(--colour-accent)}.person-chip:disabled{cursor:default}.person-chip .name{font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--type-body-strong-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-chip .avatar{width:20px;height:20px;font-size:var(--type-small-size)}.comment-head{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.comment-when{margin-inline-start:auto}.when{cursor:help;white-space:nowrap}.comment .person-chip{background:var(--colour-canvas)}.comment-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-top:2px}.comment-box{display:flex;gap:var(--space-sm);margin-top:var(--space-xs);align-items:flex-end}.comment-box input{flex:1;min-width:0;height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-canvas)}.comment-box input:focus{outline:none;border-color:var(--colour-accent)}.comment-box .send{flex:none;width:var(--metric-hit-target);padding:0}.groups{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);min-height:0;overflow-y:auto}.groups-head{display:flex}.person-pane{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);min-height:0;overflow-y:auto}.person-pane ul{margin:0;padding-inline-start:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.person-pane>p{margin:0;max-width:62ch}.section-heading{margin:var(--space-md) 0 0;font-size:var(--type-ui-size);line-height:var(--type-ui-line);color:var(--colour-ink-muted);font-weight:var(--type-body-strong-weight)}.pane-banner{display:flex;align-items:center;gap:var(--space-md);padding-block:var(--space-sm) var(--space-lg)}.pane-banner .name{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight)}.group-open{flex:1;min-width:0;border:none;background:none;padding:0;text-align:start;cursor:pointer;color:inherit}.section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.section-row{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised);text-align:start;cursor:pointer;color:inherit}.section-row:hover{border-color:var(--colour-accent)}.section-row .name{font-size:var(--type-body-strong-size);line-height:var(--type-body-strong-line);font-weight:var(--type-body-strong-weight)}.members-fold{margin-block-start:var(--space-xl)}.members-fold>summary{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);cursor:pointer;color:var(--colour-ink-quiet);font-size:var(--type-ui-size);line-height:var(--type-ui-line)}.members-fold>summary:hover{color:var(--colour-ink)}.notices{position:fixed;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg);z-index:60;display:flex;flex-direction:column;gap:var(--space-sm);width:min(380px,calc(100vw - 2 * var(--space-lg)));pointer-events:none}.notice{pointer-events:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--colour-line);border-inline-start:3px solid var(--colour-critical);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised)}.notice-done{border-inline-start-color:var(--colour-affirm)}.notice-text{margin:0;font-size:var(--type-ui-size);overflow-wrap:anywhere}.notice-controls{display:flex;justify-content:flex-end;gap:var(--space-xs)}.badge-warn{background:var(--colour-caution);color:var(--colour-accent-ink)}.people{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);min-height:0;overflow-y:auto}.people-you{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised);text-align:start;cursor:pointer}.people-you:hover{border-color:var(--colour-accent)}.people-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--colour-line)}.people-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-bottom:2px solid transparent;background:none;font:inherit;color:var(--colour-ink-quiet);cursor:pointer}.people-tab-on{border-bottom-color:var(--colour-accent);color:var(--colour-ink);font-weight:var(--type-body-strong-weight)}.people-blurb{margin:0}.people-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.person-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md)}.person-row:hover{background:var(--colour-surface-raised)}.person-who{display:flex;flex-direction:column;min-width:0;flex:1}.petname-box{display:flex;gap:var(--space-xs)}.may-know{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.section-title{display:inline-flex;align-items:center;gap:var(--space-xs);flex:none;padding:0;border:none;background:none;color:var(--colour-ink-faint);font-size:var(--type-small-size);cursor:pointer}.section-title:hover{color:var(--colour-ink-muted)}.may-know .pill{padding:2px var(--space-sm)}.may-know .correspondents{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip-pair{display:inline-flex}.chip-pair .chip-add{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none;padding-inline:var(--space-sm)}.chip-pair .chip-open{border-radius:0;border-inline-end:none}.chip-pair .chip-drop{border-start-start-radius:0;border-end-start-radius:0;padding-inline:var(--space-sm)}.named{display:inline-flex;align-items:baseline;gap:var(--space-xs);min-width:0}.named.post-who,.person-who>.named{flex-direction:column;align-items:flex-start;gap:0}.named .handle{font-family:var(--font-mono);font-size:var(--type-mono-size);color:var(--colour-ink-quiet);overflow:hidden;text-overflow:ellipsis}.publishes-row{display:flex;gap:var(--space-xs);align-items:center}.publishes-row input{flex:1;min-width:0}.choice{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-xs) 0}.feed-incomplete{padding:var(--space-sm) var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-md);color:var(--colour-ink-quiet)}.feed-incomplete ul{margin:var(--space-xs) 0 0;padding-inline-start:var(--space-lg)}.sheet{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:var(--colour-scrim);padding:var(--space-lg)}.sheet-inner{width:min(560px,100%);max-height:100%;overflow-y:auto;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised);display:flex;flex-direction:column;gap:var(--space-md)}.sheet-inner h2{margin:0;font-size:var(--type-display-size)}.sheet-inner textarea{border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-canvas);padding:var(--space-md);font:inherit;resize:vertical}.sheet-inner textarea:focus{outline:none;border-color:var(--colour-accent)}.sheet-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.post-audience{border:1px solid var(--colour-line);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.post-audience legend{padding:0 var(--space-xs);font-weight:var(--type-body-strong-weight)}.post-audience label{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--type-ui-size)}.rail-under{list-style:none;margin:0;padding:0;margin-inline-start:calc(var(--space-lg) - 1px);border-inline-start:1px solid var(--colour-line)}.rail-under .rail-item{font-size:var(--type-small-size)}.shell-rail-narrow .rail-under{margin-inline-start:var(--space-sm)}.start{display:flex;gap:var(--space-sm);align-items:center}.start input{flex:1;min-width:0;height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-canvas)}.start input:focus{outline:none;border-color:var(--colour-accent)}.start .send{flex:none;width:var(--metric-hit-target);padding:0}.dock-start{padding:0 var(--space-sm) var(--space-sm)}.shell-dock-narrow .dock-start{display:none}.correspondents{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.feed-lookup{display:flex;flex-direction:column;gap:var(--space-sm)}.feed-visiting{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--colour-surface)}.feed-visiting .name{margin-inline-end:auto}.group-traffic{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.group-traffic-row{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm);border:none;border-radius:var(--radius-md);background:none;cursor:pointer;text-align:left}.group-traffic-row:hover{background:var(--colour-hover)}.group-traffic-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-ui-size);color:var(--colour-ink-muted)}.post-open{outline:2px solid var(--colour-accent);outline-offset:-2px}.reaction-picker{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--colour-canvas)}.reaction-choice{width:var(--metric-hit-target);height:var(--metric-hit-target);border:none;border-radius:var(--radius-md);background:none;cursor:pointer;font-size:var(--type-display-size);line-height:1}.reaction-choice:hover{background:var(--colour-hover)}.reaction-chip{display:inline-flex;align-items:center;border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-surface-raised);color:inherit;cursor:pointer;overflow:hidden}.reaction-chip:hover{border-color:var(--colour-accent)}.reaction-seg{padding:var(--space-xs) var(--space-sm);font-size:var(--type-ui-size);line-height:var(--type-ui-line);white-space:nowrap}.reaction-seg+.reaction-seg{border-inline-start:1px solid var(--colour-line)}.reaction-seg-mine{background:var(--colour-accent-weak)}.reaction-seg-more{color:var(--colour-ink-quiet)}.post-foot .disclosure-toggle,.post-foot .pill{min-height:0;padding:2px var(--space-sm);font-size:var(--type-ui-size);line-height:var(--type-ui-line)}.post-actions{margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--space-sm)}.post-comments{margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--colour-ink-quiet);font-size:var(--type-ui-size);line-height:var(--type-ui-line)}.reaction-who{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start}.reaction-row{display:flex;align-items:baseline;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);background:none;color:inherit;text-align:start;cursor:pointer}.reaction-row:hover{border-color:var(--colour-line)}.reaction-row-mine{border-color:var(--colour-accent)}.reaction-who-mark{font-size:var(--type-ui-size)}.post-thread{display:flex;flex-direction:column;height:100%;min-height:0}.post-thread-body{flex:1;padding:0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.post-thread-quote{margin:0 0 var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--colour-surface);color:var(--colour-ink-muted);font-size:var(--type-small-size)}.post-thread .comment-box{padding:var(--space-md) var(--space-lg)}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}.post-body{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.post-body .post-head{display:flex;align-items:center;gap:var(--space-md);width:100%}.post-body .post-text{display:block;font-size:var(--type-body-size);line-height:var(--type-body-line);white-space:pre-wrap;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--metric-hit-target);height:var(--space-xl);padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--colour-surface);color:var(--colour-ink-muted);font-size:var(--type-small-size);font-weight:var(--type-body-strong-weight)}.post-count{align-self:flex-start;min-width:0}.post:hover .post-count{background:var(--colour-hover);color:var(--colour-ink)}.sheet-inner,.new-message{overflow-y:auto}.sheet-head,.new-message-head,.inspector-head,.devices-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--space-md);background:var(--colour-surface-raised)}.sheet-head h2{margin:0;font-size:var(--type-display-size)}.sheet-head button,.new-message-head button,.inspector-head button,.devices-head button{margin-left:auto}.reply{position:relative}.reply-shut-button{position:absolute;top:var(--space-xs);right:var(--space-xs)}@media(max-width:760px){.top .theme-options{display:none}.shell .rail .theme-options{display:inline-flex;align-self:center;margin-block-end:var(--space-md)}.rail{display:flex;position:fixed;inset:0 auto 0 0;z-index:20;width:min(280px,82vw);padding-top:var(--space-xl);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised);transform:translate(-100%);transition:transform var(--motion-moving-duration) var(--motion-moving-easing)}.shell-drawer .rail{transform:translate(0)}.drawer-backdrop{position:fixed;inset:0;z-index:19;border:none;background:var(--colour-scrim);cursor:pointer}.drawer-shut{position:absolute;top:var(--space-xs);right:var(--space-xs)}.shell-phone-chat .dock{display:flex;grid-area:list;position:static;width:auto;border-left:none}.shell-phone-chat .list-region,.shell-phone-chat .dock-toggle{display:none}}@media(min-width:761px){.drawer-backdrop,.drawer-shut{display:none}}.post-standalone{padding:0 0 var(--space-lg);background:none}.post-standalone.post-mine{background:none}.feed-back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-sm);min-height:var(--metric-hit-target);padding:0 var(--space-md);border:none;border-radius:var(--radius-pill);background:none;color:var(--colour-ink-muted);cursor:pointer;font-size:var(--type-ui-size)}.feed-back:hover{background:var(--colour-hover);color:var(--colour-ink)}@media(max-width:760px){.top{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.top .lockup{display:none}.search{flex:1;min-width:0;max-width:none}.search input{padding:0 var(--space-md)}.rail{width:max-content;min-width:200px;max-width:78vw}}.rail .theme-options{display:none}.theme-options{display:inline-flex;flex:none;border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-surface);overflow:hidden}.theme-option{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:28px;border:none;background:none;color:var(--colour-ink-muted);cursor:pointer}.theme-option+.theme-option{border-inline-start:1px solid var(--colour-line)}.theme-option:hover{background:var(--colour-hover);color:var(--colour-ink)}.theme-option-on{background:var(--colour-selected);color:var(--colour-accent)}.bell{position:relative;flex:none}.bell-mark{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:30px;min-height:28px;border:1px solid transparent;border-radius:var(--radius-pill);background:none;color:var(--colour-ink-muted);cursor:pointer}.bell-mark:hover{color:var(--colour-ink);background:var(--colour-hover)}.bell-count{position:absolute;inset-block-start:-2px;inset-inline-end:-4px}.bell-backdrop{position:fixed;inset:0;z-index:40}.bell-panel{position:absolute;z-index:41;inset-block-start:calc(100% + var(--space-sm));inset-inline-end:0;width:min(360px,92vw);max-height:min(60vh,480px);overflow-y:auto;padding:var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised)}.bell-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.bell-item{display:flex;align-items:flex-start;gap:var(--space-xs)}.bell-said{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);background:none;color:inherit;text-align:start;cursor:pointer}.bell-said:hover:not(:disabled){border-color:var(--colour-line);background:var(--colour-hover)}.bell-said:disabled{cursor:default}.bell-when{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.pairing-qr{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-block:var(--space-md)}.pairing-qr canvas{display:block;padding:var(--space-sm);border-radius:var(--radius-md);background:#fff}.scan{width:min(420px,92vw);padding:var(--space-md);border-radius:var(--radius-md);background:var(--colour-surface-raised);box-shadow:var(--elevation-raised)}.scan-view{width:100%;border-radius:var(--radius-md);background:var(--colour-canvas)}.person-actions,.person-feeds{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.person-feeds{margin:var(--space-md) 0}.person-actions{margin-inline-start:auto;align-self:center}.rank-chip{display:inline-flex;align-items:stretch;border:1px solid var(--colour-line);border-radius:var(--radius-pill);overflow:hidden;background:var(--colour-surface-raised)}.rank-seg{padding:var(--space-xs) var(--space-sm);border:0;background:transparent;color:var(--colour-ink-muted);font-size:var(--type-ui-size);line-height:var(--type-ui-line);white-space:nowrap;cursor:pointer}.rank-seg+.rank-seg{border-inline-start:1px solid var(--colour-line)}.rank-seg:hover:not(:disabled){background:var(--colour-surface-nested);color:var(--colour-ink)}.rank-seg:disabled{opacity:.4;cursor:default}.rank-seg-now{font-variant-numeric:tabular-nums;font-weight:var(--type-body-strong-weight);color:var(--colour-ink)}.composer-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.composer-row input{flex:1;min-width:0;height:var(--metric-hit-target);padding:0 var(--space-md);border:1px solid var(--colour-line);border-radius:var(--radius-pill);background:var(--colour-canvas);color:var(--colour-ink)}.composer-row input:focus{outline:none;border-color:var(--colour-accent)}.composer-panel{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs);padding:var(--space-sm);border:1px solid var(--colour-line);border-radius:var(--radius-md);background:var(--colour-surface-raised)}.composer-panel-head{display:flex;justify-content:flex-end}.composer-panel-actions{display:flex;align-items:center;gap:var(--space-sm)}.composer-panel-actions .send{margin-inline-start:auto;align-self:center}