@property --h{syntax:"<number>";inherits:true;initial-value:194}:root{--h:194;--font-body:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;--font-code:ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace;--text-caption:.8125rem;--text-small:.875rem;--text-body:1rem;--leading-tight:1.2;--leading-copy:1.25;--space-label:.35rem;--space-touch:.5rem;--space-field:.75rem;--space-card:.875rem;--space-page:1rem;--space-roomy:1.5rem;--radius-card:.5rem;--radius-control:.5rem;--radius-pill:999px;--control-pill-block:2.125rem;--portrait-min-inline:17rem;--portrait-max-inline:34rem;--portrait-height-chrome:8rem;--portrait-inline-ratio:.95;--overlay-inline:15rem;--action-inline:18rem;--copy-inline:24rem;--motion-fast:.12s ease;--motion-tap:.18s ease;--motion-pop:.52s ease;--motion-theme:.68s ease;--glass-blur:blur(14px);color:var(--fg);background:var(--bg-deep);font-family:var(--font-body)}:root,.portrait-app{--h-contrast:calc(var(--h) + 168);--h-glow:calc(var(--h) + 18);--room:oklch(.72 .17 var(--h));--room-loud:oklch(.8 .2 var(--h));--room-soft:oklch(.58 .12 var(--h));--wall:oklch(.28 .09 var(--h));--wall-deep:oklch(.15 .055 var(--h));--paper:var(--room);--paper-lift:color-mix(in oklch, var(--paper) 88%, white);--pit:oklch(.16 .055 var(--h));--ink:oklch(.13 .025 var(--h));--ink-soft:color-mix(in oklch, var(--ink) 68%, var(--paper));--chalk:oklch(.94 .025 var(--h));--chalk-soft:oklch(.78 .04 var(--h));--bg:var(--wall);--bg-deep:var(--pit);--surface:var(--paper);--surface-strong:var(--paper-lift);--surface-glow:transparent;--fg:var(--ink);--fg-strong:var(--ink);--muted:var(--ink-soft);--fg-inverse:var(--chalk);--muted-inverse:var(--chalk-soft);--line:color-mix(in oklch, var(--ink) 42%, var(--paper));--line-strong:color-mix(in oklch, var(--ink) 72%, var(--paper));--line-card:oklch(.96 .035 var(--h) / .36);--line-card-live:color-mix(in oklch, var(--ok) 58%, transparent);--line-card-warn:color-mix(in oklch, var(--warn) 62%, transparent);--line-glass:oklch(.92 .04 var(--h) / .26);--line-soft:color-mix(in oklch, var(--ink) 26%, transparent);--line-inverse:oklch(.92 .04 var(--h) / .3);--accent:var(--ink);--accent-soft:color-mix(in oklch, var(--ink) 8%, transparent);--accent-ink:var(--paper);--ok:oklch(76% .16 150);--warn:oklch(78% .18 32);--surface-field:color-mix(in oklch, var(--paper) 82%, white);--surface-code:var(--pit);--surface-glass:oklch(.15 .04 var(--h) / .84);--surface-glass-strong:oklch(.12 .04 var(--h) / .9);--surface-hover:color-mix(in oklch, var(--ink) 8%, transparent);--surface-pop:color-mix(in oklch, var(--room-loud) 36%, transparent);--line-live:color-mix(in oklch, var(--ink) 70%, var(--ok));--line-warn:color-mix(in oklch, var(--ink) 56%, var(--warn));--shadow-card-outer:0 1rem 2.4rem oklch(0% 0 0/.14);--shadow-card:inset 0 1px 0 oklch(100% 0 0/.38), inset 0 0 0 1px oklch(100% 0 0/.08), var(--shadow-card-outer)}*{box-sizing:border-box}html,body,#app{min-block-size:100%;inline-size:100%}body{background:var(--bg-deep);margin:0;overflow:hidden}button,input,textarea,video{font:inherit;color:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.18), transparent 58%), var(--accent-soft);padding:var(--space-field) var(--space-card);cursor:pointer;color:var(--fg-strong);box-shadow:inset 0 1px 0 oklch(100% 5.96046e-8 none/.22), 0 2px 0 color-mix(in oklch, var(--line-strong) 76%, transparent);transition:background-color var(--motion-tap), border-color var(--motion-tap), box-shadow var(--motion-tap), color var(--motion-tap), transform var(--motion-fast)}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent);background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.24), transparent 54%), color-mix(in oklch, var(--ink) 12%, transparent);box-shadow:inset 0 1px 0 oklch(100% 5.96046e-8 none/.28), 0 3px 0 color-mix(in oklch, var(--line-strong) 82%, transparent);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px oklch(0% none none/.2),0 0 #0000}button:disabled{opacity:.45;cursor:default;box-shadow:none}input,textarea{border:1px solid var(--line);border-radius:var(--radius-control);background-color:var(--surface-field);inline-size:100%}input::placeholder,textarea::placeholder{color:color-mix(in oklch, var(--ink) 58%, var(--paper))}input{padding:var(--space-field) var(--space-card)}textarea{resize:none;block-size:100%;min-block-size:0;padding:var(--space-card)}.portrait-app{block-size:100dvh;inline-size:100%;min-inline-size:0;padding:var(--space-page);color:var(--fg);background-color:var(--bg);transition:--h var(--motion-theme);grid-template-rows:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.portrait-strip{--portrait-inline:clamp(var(--portrait-min-inline), calc((100dvh - var(--portrait-height-chrome)) * var(--portrait-inline-ratio)), var(--portrait-max-inline));grid-auto-flow:column;grid-auto-columns:var(--portrait-inline);gap:var(--space-card);scroll-snap-type:x mandatory;grid-template-rows:minmax(0,1fr);min-block-size:0;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:grid;overflow:auto hidden}.scrollbarless{scrollbar-width:none}.scrollbarless::-webkit-scrollbar{display:none}.portrait-card{scroll-snap-align:start;border:1px solid var(--line-card);border-radius:var(--radius-card);background:var(--surface);block-size:100%;min-block-size:0;min-inline-size:0;box-shadow:var(--shadow-card);background-clip:padding-box;display:grid;overflow:hidden}.portrait-face{--face-bg:color-mix(in srgb, hsl(var(--card-h) 38% 32%) 14%, var(--surface-strong));--face-fg:var(--fg-strong);padding:var(--space-page);background:linear-gradient(180deg, hsl(var(--card-h) 38% 40% / .18), transparent 72%), linear-gradient(145deg, var(--surface-glow), transparent 56%), var(--face-bg);place-items:center;display:grid;position:relative}.portrait-face.has-video{background:var(--bg-deep);padding:0;overflow:hidden}.person-face.is-empty{background:hsl(var(--card-h) 42% 34%)}.media-video{object-fit:cover;object-position:50% 50%;background-color:var(--bg-deep);user-select:none;-webkit-touch-callout:none;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.media-video.is-mirrored{transform:scaleX(-1)}.media-video.is-hidden{display:none}.utility-card{gap:var(--space-card);padding:var(--space-card);background:linear-gradient(155deg, var(--surface-glow), transparent 62%), var(--surface-strong);grid-template-rows:auto minmax(0,1fr) auto}.utility-card p{color:var(--muted);line-height:var(--leading-copy);margin:0}.utility-header{gap:var(--space-label);display:grid}.card-actions{align-content:end;gap:var(--space-label);display:grid}.utility-header strong{overflow-wrap:anywhere;text-transform:lowercase}.utility-header small{color:var(--muted);font-size:var(--text-caption);text-transform:lowercase}.relay-notice-card{border-color:color-mix(in oklch, var(--room-loud) 36%, var(--line-card));grid-template-rows:auto auto minmax(0,1fr)}.relay-meters{place-self:center;align-items:end;gap:var(--space-field);grid-template-columns:repeat(2,max-content);display:grid}.relay-meter{justify-items:center;gap:var(--space-label);min-inline-size:0;color:var(--muted);font-size:var(--text-caption);text-transform:lowercase;display:grid}.connection-mode-heading{align-items:baseline;gap:var(--space-label);flex-wrap:wrap;display:flex}.connection-mode-heading button{color:color-mix(in oklch, var(--ink) 46%, transparent);box-shadow:none;transition:color var(--motion-tap), transform var(--motion-fast);background:0 0;border:0;padding:0;text-decoration:none}.connection-mode-heading button[aria-pressed=true]{color:var(--fg-strong)}.connection-mode-heading button:hover:not(:disabled),.connection-mode-heading button:focus-visible{box-shadow:none;color:var(--fg-strong);background:0 0;transform:translateY(-1px)}.connection-mode-heading button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.connection-mode-heading span{color:var(--muted)}.connection-finding-header{align-items:center;column-gap:var(--space-field);row-gap:var(--space-label);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.connection-finding-header strong,.connection-finding-header p{grid-column:1;min-inline-size:0}.relay-notice-card :where(p),.connection-card :where(p){color:var(--fg)}.connection-card{gap:clamp(var(--space-touch), 1.6dvh, var(--space-card));grid-template-rows:auto minmax(0,1fr) auto}.connection-card.is-entry{align-content:center;gap:var(--space-roomy);grid-template-rows:auto}.connection-top{gap:inherit;display:grid}.connection-copy,.connection-main,.connection-mode-pane{gap:var(--space-field);display:grid}.connection-issue{border:1px solid var(--line-warn);border-radius:var(--radius-control);background:color-mix(in oklch, var(--warn) 18%, var(--paper));padding:var(--space-touch) var(--space-field);color:color-mix(in oklch, var(--ink) 78%, var(--warn))}.connection-main{grid-template-rows:minmax(0,1fr) auto;min-block-size:0;overflow:hidden}.connection-body.is-field{grid-template-rows:auto;overflow:visible}.connection-mode-frame{min-block-size:0;overflow:hidden}.connection-mode-rail{block-size:100%;min-block-size:0;inline-size:200%;transition:transform var(--motion-tap);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.connection-mode-frame.is-code .connection-mode-rail{transform:translate(-50%)}.connection-mode-pane{grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;min-inline-size:0}.connection-copy-block{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-code);grid-template-rows:auto minmax(0,1fr);min-block-size:0;inline-size:100%;min-inline-size:0;display:grid;overflow:hidden}.connection-copy-head{justify-content:space-between;align-items:center;gap:var(--space-field);min-inline-size:0;padding:var(--space-touch) var(--space-touch) var(--space-touch) var(--space-field);border-bottom:1px solid var(--line-inverse);color:var(--muted-inverse);font-size:var(--text-small);display:flex;overflow:hidden}.connection-copy-inline-value{min-inline-size:0;padding-block:var(--space-label);white-space:pre;color:var(--fg-inverse);font-family:var(--font-code);font-size:var(--text-caption);line-height:var(--leading-copy);flex:1 1 0;margin:0;overflow-x:auto}.connection-copy-button{padding:var(--space-label) var(--space-touch);border-color:var(--line-inverse);background-color:color-mix(in oklch, var(--chalk) 10%, transparent);color:var(--fg-inverse);font-size:var(--text-caption);transition:background-color var(--motion-tap), border-color var(--motion-tap), color var(--motion-tap), transform .16s ease;flex:none}.connection-copy-button:hover:not(:disabled),.connection-copy-button:focus-visible{border-color:var(--fg-inverse);background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.18), transparent 58%), color-mix(in oklch, var(--chalk) 16%, transparent);color:var(--fg-inverse)}.connection-copy-button.is-copied{background-color:var(--surface-pop);color:var(--fg-inverse);animation:pulse-pop var(--motion-pop);transform:scale(1.03)}@keyframes pulse-pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1.03)}}.connection-copy-value{z-index:1;min-block-size:0;padding:var(--space-field);white-space:pre-wrap;overflow-wrap:normal;word-break:break-all;color:var(--fg-inverse);font-family:var(--font-code);font-size:var(--text-caption);line-height:var(--leading-copy);margin:0;position:relative;overflow:auto}.connection-copy-body{min-block-size:0;display:grid;overflow:hidden}.connection-copy-body>.connection-copy-value{inline-size:100%}.connection-copy-qr{--connection-qr-margin:max(var(--space-field), 1rem);inline-size:calc(100% - 2 * var(--connection-qr-margin));block-size:calc(100% - 2 * var(--connection-qr-margin));margin:var(--connection-qr-margin);pointer-events:none;shape-rendering:crispedges;place-self:stretch stretch}.connection-copy-qr-paper{fill:var(--fg-inverse)}.connection-copy-qr-ink{fill:var(--surface-code)}.connection-copy-block.is-empty .connection-copy-value{color:var(--muted-inverse);text-align:center;place-items:center;display:grid}.connection-paste-line{gap:var(--space-label);color:var(--muted);font-size:var(--text-small);display:grid}.connection-side-switch{padding-block-start:var(--space-roomy);display:grid}.connection-card.is-entry .connection-side-switch{padding-block-start:0}.connection-side-switch button{border-color:var(--line);inline-size:100%;color:var(--muted);padding-inline:var(--space-field);background:0 0}.connection-body{grid-row:2}.connection-action{grid-row:3}.connection-card.is-entry .connection-body,.connection-card.is-entry .connection-action{grid-row:auto}.daisy{block-size:2.75rem;inline-size:2.75rem;color:var(--fg-strong);overflow:visible}.daisy-track,.daisy-segment{fill:none;stroke-width:3px;transform-origin:50%;transform:rotate(-90deg)}.daisy-track{stroke:color-mix(in oklch, var(--ink) 18%, transparent)}.daisy-segment{stroke:currentColor;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--daisy-fill))}.daisy-value{fill:currentColor;font-family:var(--font-code);font-size:var(--daisy-value-size,.58rem);letter-spacing:0;text-anchor:middle;dominant-baseline:central;font-weight:620}.relay-meter .daisy{block-size:3.25rem;inline-size:3.25rem}.connection-finding-header .daisy{grid-area:1/2/span 2}.connection-relay-button{white-space:nowrap;padding:var(--space-label) var(--space-touch);font-size:var(--text-caption);grid-area:1/2/span 2;align-self:center}.portrait-activity{gap:var(--space-touch);display:grid}.glass-pill{min-block-size:var(--control-pill-block);border:1px solid var(--line-glass);border-radius:var(--radius-pill);background:var(--surface-glass);padding:var(--space-touch) var(--space-field);color:var(--fg-inverse);line-height:var(--leading-tight);box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.18),inset 0 -1px oklch(0% none none/.26),0 1px oklch(0% none none/.18)}.file-chip{isolation:isolate;font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.file-chip i{z-index:-1;inline-size:var(--progress);background:var(--surface-pop);position:absolute;inset-block:0;inset-inline-start:0}.file-chip span{color:inherit}.file-chip.is-error{border-color:var(--line-warn);color:var(--warn)}.portrait-blip{text-align:center;font-size:var(--text-small);line-height:var(--leading-copy);backdrop-filter:var(--glass-blur);cursor:text;transition:border-color var(--motion-tap), box-shadow var(--motion-tap), transform var(--motion-fast);justify-content:center;align-items:center;margin:0;display:flex}.portrait-blip:hover{border-color:color-mix(in oklch, var(--fg-inverse) 58%, transparent);transform:translateY(-1px);box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.24),inset 0 -1px oklch(0% none none/.28),0 2px oklch(0% none none/.2)}.blip-composer-input::placeholder{color:var(--muted-inverse)}.blip-composer{gap:var(--space-touch);display:grid}.blip-issue{align-items:center;gap:var(--space-touch);inline-size:100%;min-block-size:var(--control-pill-block);border:1px solid color-mix(in oklch, var(--chalk) 38%, var(--room-loud));border-radius:var(--radius-control);background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.12), transparent 62%), color-mix(in oklch, var(--surface-glass-strong) 88%, black);padding:var(--space-touch) var(--space-field);color:var(--fg-inverse);text-align:start;font-size:var(--text-small);line-height:var(--leading-copy);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 oklch(100% 5.96046e-8 none/.16), inset 0 -1px 0 oklch(0% none none/.3), 0 2px 0 color-mix(in oklch, var(--ink) 42%, transparent);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.blip-issue:hover,.blip-issue:focus-visible{border-color:color-mix(in oklch, var(--chalk) 62%, var(--room-loud));background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.16), transparent 58%), var(--surface-glass-strong);box-shadow:inset 0 1px 0 oklch(100% 5.96046e-8 none/.22), inset 0 -1px 0 oklch(0% none none/.34), 0 3px 0 color-mix(in oklch, var(--ink) 46%, transparent)}.blip-issue-mark,.blip-issue-dismiss{border-radius:50%;flex:none;place-items:center;block-size:1.25rem;inline-size:1.25rem;display:inline-grid}.blip-issue-mark{border:1px solid color-mix(in oklch, var(--chalk) 34%, transparent);color:var(--chalk);font-size:var(--text-caption);font-style:italic}.blip-issue-text{overflow-wrap:anywhere;min-inline-size:0}.blip-issue-dismiss{background:color-mix(in oklch, var(--chalk) 16%, transparent);color:var(--chalk);font-size:var(--text-small);line-height:1}.blip-composer-input{block-size:auto;max-block-size:5rem;min-inline-size:0;color:var(--muted-inverse);resize:none;text-align:center;font-size:var(--text-caption);backdrop-filter:var(--glass-blur);transition:background-color var(--motion-tap), border-color var(--motion-tap), color var(--motion-tap), transform .16s ease;overflow:auto}.blip-composer-input.is-editing{border-color:var(--fg-inverse);background:var(--surface-glass-strong);color:var(--fg-inverse)}.blip-composer-input.is-committed{background-color:var(--surface-pop);color:var(--fg-inverse);animation:pulse-pop var(--motion-pop);transform:scale(1.03)}.person-activity-shell{z-index:1;inline-size:min(calc(100% - (var(--space-page) * 2)), var(--overlay-inline));gap:var(--space-touch);pointer-events:auto;display:grid;position:absolute;inset-block-end:var(--space-page);inset-inline-start:50%;transform:translate(-50%)}.self-card{background:var(--surface-strong);position:relative}.self-card.has-preview{background:var(--bg-deep)}.self-card-body{align-content:center;justify-items:center;gap:var(--space-roomy);padding:var(--space-roomy);min-block-size:0;display:grid}.self-copy-shell{gap:var(--space-card);display:grid}.self-card-copy{gap:var(--space-field);align-content:start;display:grid}.self-card-copy p{color:var(--fg);margin:0}.self-card.is-live{border-color:var(--line-card-live);grid-template-rows:minmax(0,1fr)}.self-card.is-setup .self-copy-shell{inline-size:min(100%, var(--copy-inline));text-align:center;justify-items:center}.self-card.is-setup .utility-header{justify-items:center}.self-card.is-setup :is(.card-actions,.blip-composer,.portrait-activity){inline-size:min(100%, var(--action-inline))}.self-card.is-setup .card-actions{align-content:start}.self-card.is-setup .card-actions button{inline-size:100%}.self-card.is-warning{border-color:var(--line-card-warn)}.self-portrait-face{background:linear-gradient(180deg, hsl(var(--h-glow) 64% 74% / .12), transparent 72%), var(--bg-deep);padding:0;overflow:hidden}.self-card.is-setup:not(.has-preview){grid-template-rows:auto}.self-card.has-preview .self-portrait-face{position:absolute;inset:0}.self-live-shell{gap:var(--space-touch);justify-items:stretch;inline-size:100%;display:grid}.self-card.is-live .self-live-shell{inline-size:min(calc(100% - (var(--space-page) * 2)), var(--overlay-inline));pointer-events:auto;position:absolute;inset-block-end:var(--space-page);inset-inline-end:var(--space-page)}.self-live-shell .portrait-activity{justify-self:stretch}.self-screen-control{gap:var(--space-touch);grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;display:grid}.self-live-controls{gap:var(--space-touch);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.self-toggle{--toggle-track-inline:2.5rem;--toggle-track-block:1.5rem;--toggle-knob-size:1.25rem;--toggle-knob-inset:.125rem;--toggle-knob-travel:calc(var(--toggle-track-inline) - var(--toggle-knob-size) - (var(--toggle-knob-inset) * 2));justify-content:space-between;align-items:center;gap:var(--space-touch);min-inline-size:0;padding:var(--space-label) var(--space-touch);border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:var(--surface-glass-strong);color:var(--fg-inverse);backdrop-filter:var(--glass-blur);display:inline-flex;box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.18),inset 0 -1px oklch(0% none none/.28)}.self-screen-control .self-toggle{grid-column:2;inline-size:100%}.self-toggle-label{font-size:var(--text-caption);text-transform:lowercase}.self-toggle-switch{inline-size:var(--toggle-track-inline);block-size:var(--toggle-track-block);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--chalk) 16%, transparent);transition:background-color var(--motion-tap), box-shadow var(--motion-tap);position:relative}.self-toggle-knob{inline-size:var(--toggle-knob-size);block-size:var(--toggle-knob-size);background:var(--fg-inverse);transition:background-color var(--motion-tap), transform var(--motion-fast);border-radius:50%;position:absolute;inset-block-start:var(--toggle-knob-inset);inset-inline-start:var(--toggle-knob-inset)}.self-toggle[aria-pressed=true] .self-toggle-switch{background:var(--room-loud);box-shadow:0 0 .75rem color-mix(in oklch, var(--room-loud) 24%, transparent)}.self-toggle[aria-pressed=true] .self-toggle-knob{transform:translateX(var(--toggle-knob-travel));background:var(--ink)}.person-card.is-live{border-color:var(--line-card-live)}@media (orientation:portrait),(width<=720px){.portrait-app{padding:var(--space-field)}.portrait-strip{--portrait-size:calc(100vw - (var(--space-field) * 2));grid-auto-columns:auto;grid-auto-flow:row;grid-auto-rows:var(--portrait-size);grid-template-columns:minmax(0, var(--portrait-size));scroll-snap-type:y mandatory;grid-template-rows:none;place-content:start center;overflow:hidden auto}.portrait-card{block-size:100%;inline-size:100%}}