:root{--breakpoint-columns:760px;--breakpoint-nav:960px;--breakpoint-phone:480px;--color-action-hover:#ffb88d;--color-action-primary:#ff995b;--color-art-body:#31362c;--color-art-edge:#727a67;--color-art-light:#bbc4ac;--color-art-shadow:#070907;--color-border-default:#33382f;--color-border-inverse:#cccfc3;--color-border-strong:#717a68;--color-brand-500:#ff995b;--color-brand-600:#c46832;--color-brand-900:#322319;--color-focus:#ff995b;--color-success:#b8d793;--color-surface-base:#111210;--color-surface-hardware:#343e32;--color-surface-inverse:#f3f0e9;--color-surface-network:#141915;--color-surface-raised:#1a1c18;--color-surface-sunken:#0c0e0c;--color-text-inverse-muted:#4e554b;--color-text-on-action:#111210;--color-text-on-inverse:#111210;--color-text-primary:#f3f0e9;--color-text-secondary:#b6b8ae;--color-text-tertiary:#90958a;--font-display:Aldrich, Arial, sans-serif;--font-leading-body:1.85;--font-leading-heading:1.22;--font-leading-tight:1.06;--font-mono:"JetBrains Mono", Consolas, monospace;--font-size-body:.875rem;--font-size-brand:1.65rem;--font-size-caption:.72rem;--font-size-card:1.65rem;--font-size-giant:clamp(4rem, 12vw, 12rem);--font-size-hero:clamp(3.1rem, 6.6vw, 6.3rem);--font-size-lead:1rem;--font-size-micro:.65rem;--font-size-page:clamp(2.5rem, 5.6vw, 5.4rem);--font-size-section:clamp(2rem, 3.6vw, 3.45rem);--font-size-small:.8rem;--font-size-symbol:5.75rem;--font-tracking-label:.1em;--font-tracking-normal:-.015em;--font-tracking-tight:-.035em;--font-weight-bold:600;--font-weight-medium:500;--font-weight-normal:400;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-fast:.16s;--motion-reveal:.65s;--motion-signal:12s;--radius-control:3px;--radius-panel:5px;--radius-round:50%;--shadow-panel:0 18px 50px #00000040;--size-badge:8px;--size-container:1320px;--size-control:50px;--size-focus:2px;--size-focus-offset:5px;--size-grid:42px;--size-header:88px;--size-hero:640px;--size-icon:22px;--size-mark:34px;--size-reading:72ch;--size-rule:1px;--size-sculpture:600px;--size-sidebar:230px;--size-target:44px;--space-1:.3rem;--space-10:3rem;--space-12:3.6rem;--space-16:4.8rem;--space-2:.6rem;--space-20:6rem;--space-3:.9rem;--space-4:1.2rem;--space-5:1.5rem;--space-6:1.8rem;--space-8:2.4rem;--space-gutter:clamp(1.2rem, 4.5vw, 5rem);--space-section:clamp(4rem, 7.5vw, 7.2rem)}
@font-face{font-family:Aldrich;src:url(/assets/fonts/aldrich.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/fonts/jetbrains-mono.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--color-surface-base);--surface:var(--color-surface-raised);--text:var(--color-text-primary);--muted:var(--color-text-secondary);--accent:var(--color-action-primary);--line:var(--color-border-default);--mono:var(--font-mono);--sans:var(--font-mono);--raised:var(--color-surface-raised);--control:var(--color-border-strong);--primary:var(--color-action-primary);--primary-hover:var(--color-action-hover);--on-primary:var(--color-text-on-action);--violet:var(--accent);--purple:var(--accent);--magenta:var(--accent);--blue:var(--color-art-light);--lime:var(--color-success);--amber:var(--accent);--orange:var(--accent);--success:var(--color-success);--error:#ffb2a0;--error-bg:#30211c;--selected:var(--color-brand-900);--focus:var(--accent);--scrim:#070907c9;--glow:transparent;--radius:var(--radius-control);--shadow:var(--shadow-panel);--ease:var(--motion-ease);--fast:var(--motion-fast);--panel:var(--motion-fast);--entrance:var(--motion-reveal)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--sans);scrollbar-color:var(--control) var(--bg);scrollbar-width:thin;scroll-padding-top:110px;font-size:16px}body{margin:0}button,input,select,textarea{font:inherit;border-radius:var(--radius)}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-underline-offset:.24em}button:disabled{cursor:not-allowed;opacity:.55}button{color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}::selection{background:var(--selected);color:var(--text)}input,textarea{caret-color:var(--accent)}code,pre,kbd{font-family:var(--mono)}button,a,summary{touch-action:manipulation}button,a{transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), transform var(--fast) var(--ease)}input,select,textarea{color:var(--text);background:var(--bg);border:1px solid var(--control);min-height:44px;padding:.75rem .9rem}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}input[type=checkbox]{min-height:0;accent-color:var(--primary)}button:disabled{transition:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{border:1px solid var(--control);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;gap:.7rem;min-height:46px;padding:.78rem 1.2rem;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover{background:var(--raised);border-color:var(--muted)}.button:active{transform:translateY(1px)}.button.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 20px var(--glow);border-color:#0000}.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary);box-shadow:0 8px 28px var(--glow)}.button svg{transition:transform var(--fast) var(--ease)}.button:hover svg{transform:translate(2px)}.button.small{min-height:44px;padding:.5rem .8rem;font-size:.8125rem}.muted{color:var(--muted)}.error{color:var(--error)}.eyebrow{font:500 .75rem/1.5 var(--sans);color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.skip{background:var(--accent);color:var(--bg);z-index:100;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip:focus{transform:none}svg{flex-shrink:0}[hidden]{display:none!important}@keyframes surface-in{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes indicator-in{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html,body{height:100%;overflow:hidden}.chat-app{background:var(--bg);flex-direction:column;height:100dvh;min-height:0;font-size:14px;display:flex}.in-session{height:var(--viewport-height,100dvh);animation:surface-in .32s var(--ease)}.wordmark{letter-spacing:-.035em;align-items:center;gap:10px;font-size:25px;font-weight:650;text-decoration:none;display:inline-flex}.wordmark svg{color:var(--accent)}.at-connect{isolation:isolate;background:radial-gradient(ellipse at 22% 56%, #18113945, transparent 48%), var(--bg);position:relative;overflow:hidden auto}.connect-header,.connect-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;width:min(1320px,100% - 80px);margin-inline:auto;display:flex;position:relative}.connect-header{border:1px solid var(--line);background:#0c0d1780;border-radius:999px;min-height:72px;margin-top:24px;padding:10px 22px}.webchat-label{color:var(--muted);border-left:1px solid var(--line);margin-right:auto;padding-left:24px;font-size:13px}.connect-nav{align-items:center;gap:30px;display:flex}.back-to-site{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:inline-flex}.back-to-site:hover{color:var(--accent)}.site-return{color:var(--text)}.site-return svg{color:var(--accent)}.connect-main{flex:1 0 auto;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;column-gap:clamp(32px,6vw,100px);width:min(1240px,100% - 96px);margin-inline:auto;padding:64px 0 56px;display:grid;position:relative}.connect-story{flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0;min-height:610px;display:flex;position:relative}.connect-story-copy{z-index:1;pointer-events:none;position:relative}.connect-story h1{letter-spacing:-.04em;margin:14px 0 24px;font-size:clamp(56px,6.5vw,88px);font-weight:500;line-height:1.01}.connect-story h1 span{color:var(--violet)}.connect-story-copy p{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.connect-story-foot{z-index:1;color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex;position:relative}.spectrum-line{background:linear-gradient(90deg, var(--accent), var(--purple), var(--magenta), var(--orange), var(--amber), var(--lime));width:44px;height:2px}.atmosphere{pointer-events:none;position:absolute;inset:230px -78px 0;overflow:hidden}.signal-field{width:100%;height:100%;position:relative}.atmosphere canvas,.signal-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.atmosphere canvas{pointer-events:auto}.connect-panel{border-left:1px solid var(--line);width:100%;animation:surface-in var(--entrance) var(--ease);padding:32px 0 32px 40px;position:relative}.connect-panel:before{content:"";background:linear-gradient(transparent, var(--accent), var(--violet), transparent);width:1px;height:35%;position:absolute;top:0;left:-1px}.connect-panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.connect-panel h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:550;line-height:1.2}.join-star{color:var(--accent);transform:rotate(-40deg)}.connect-subtitle{color:var(--muted);margin:10px 0 30px;font-size:15px;line-height:1.7}.connection-form{gap:20px;display:grid}.connection-form>label:not(.check-label),.connection-addresses label,.account-fields label,.join-form label,.query-form label{font-size:14px;display:block}.connection-addresses{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.connection-addresses .field-hint,.connection-addresses .field-error{margin-top:8px}.connection-form input,.account-fields input,.join-form input,.query-form input{width:100%;margin-top:8px;font-size:16px;display:block}.field-optional{color:var(--muted);margin-left:4px;font-size:12px}.field-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.field-error{color:var(--error);margin:-8px 0 0;font-size:13px;line-height:1.6}.connection-form>.field-hint{margin-top:-10px}.account-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-options summary{min-height:48px;padding:14px 0;font-size:14px}.account-options summary>span{float:right;color:var(--muted);font-size:12px}.account-fields{animation:surface-in var(--panel) var(--ease);gap:16px;padding:6px 0 20px;display:grid}.check-label{color:var(--muted);cursor:pointer;align-items:center;min-height:32px;line-height:1.6;gap:10px!important;font-size:12px!important;display:flex!important}.check-label input{flex-shrink:0;width:17px;height:17px;min-height:0;margin:0;display:inline-block}.connect-button{justify-content:space-between;width:100%;min-height:54px;padding-inline:24px;font-size:15px}.connection-security{text-align:center;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.new-account{color:var(--muted);text-align:center;margin:24px 0 0;font-size:12px;line-height:1.8}.new-account a{color:var(--accent)}.connect-footer{min-height:70px;color:var(--muted);border-top:1px solid var(--line);padding:20px 0;font-size:12px}.connect-footer a{align-items:center;gap:9px;min-height:44px;text-decoration:none;display:flex}.connect-footer a:hover{color:var(--text)}.connect-footer a span,.connect-footer a svg{color:var(--violet)}.setup-notice{border:1px solid var(--control);border-radius:var(--radius);background:var(--raised);color:var(--muted);margin:16px 0;padding:16px;font-size:13px;line-height:1.75}.setup-notice p{margin:0 0 12px}.error-banner{background:var(--error-bg);color:var(--error);border-bottom:1px solid var(--control);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;max-height:130px;padding:10px 18px;font-size:13px;line-height:1.7;display:flex;overflow:auto}.connect-panel .error-banner,dialog .error-banner{border:1px solid var(--control);border-radius:var(--radius);margin-bottom:16px}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:inline-flex}.icon-button:hover,.icon-button[aria-expanded=true]{color:var(--accent);background:var(--raised)}.text-button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:8px;text-decoration:underline}.client-header{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;align-items:center;gap:20px;min-height:62px;padding:4px 20px;display:flex;position:relative}.client-header:before{content:"";background:linear-gradient(90deg, var(--accent), var(--purple), var(--magenta), var(--orange), var(--amber), var(--lime));height:1px;position:absolute;inset:0 0 auto}.client-header .wordmark{font-size:21px}.client-header .wordmark svg{width:140px;height:auto}.client-divider{border-left:1px solid var(--line);height:20px}.client-host{color:var(--muted);font:12px var(--sans)}.client-status{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.client-status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.client-status[data-status=connected]{color:var(--success)}.client-status[data-status=connecting],.client-status[data-status=reconnecting]{color:var(--accent)}.client-status[data-status=connecting]:before,.client-status[data-status=reconnecting]:before{animation:indicator-in 1s var(--ease) 3}.chrome-button{border:1px solid var(--control);background:0 0;border-radius:999px;min-height:44px;padding:8px 12px;font-size:12px}.chrome-button:hover{background:var(--raised)}.workspace{grid-template-columns:var(--left-width) 4px minmax(0, 1fr) 4px var(--right-width);flex:1;min-height:0;display:grid;overflow:hidden}.workspace.members-hidden{grid-template-columns:var(--left-width) 4px minmax(0, 1fr)}.members-hidden .right-handle,.members-hidden .nickname-pane{display:none}.channel-pane,.nickname-pane{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.pane-title{min-height:60px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 8px 18px;font-size:12px;display:flex}.pane-title>span>span{margin-left:8px}.conversation-rows{flex:1;padding:4px 8px 16px;overflow:auto}.conversation-row{border-radius:var(--radius);align-items:center;margin-bottom:4px;display:flex;position:relative}.conversation-row.selected{background:var(--selected);box-shadow:inset 0 0 0 1px #00f0ff26}.conversation-row>button:first-child{text-align:left;width:100%;min-width:0;min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:10px;font-size:14px;line-height:1.4;display:flex}.conversation-row.selected>button:first-child{color:var(--text)}.conversation-row:hover{background:var(--raised)}.conversation-symbol{color:var(--accent);font:16px var(--mono);text-align:center;flex-shrink:0;width:16px}.conversation-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.close-buffer{color:var(--muted);opacity:0;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-height:44px;padding:6px;display:flex}.conversation-row:hover .close-buffer,.conversation-row:focus-within .close-buffer{opacity:1}.unread{color:var(--accent);font:11px var(--mono);animation:indicator-in .18s var(--ease);margin-left:auto;padding:3px 5px}.unread.highlighted{color:var(--bg);background:var(--accent);border-radius:5px}.pane-link{border:0;border-top:1px solid var(--line);color:var(--muted);text-align:left;background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:14px 18px;font-size:12px;display:flex}.pane-link:hover,.pane-bottom button:hover{color:var(--accent);background:var(--raised)}.pane-bottom{flex-shrink:0;gap:4px;padding:8px 12px 12px;display:grid}.pane-bottom button,.pane-bottom a{text-align:left;color:var(--muted);background:0 0;border:0;min-height:44px;padding:10px 6px;font-size:12px;line-height:1.5;text-decoration:none}.resize-handle{background:var(--line);cursor:col-resize;touch-action:none;opacity:.65;position:relative}.resize-handle:after{content:"";z-index:2;position:absolute;inset:0 -3px}.resize-handle:hover,.resize-handle:focus-visible{background:var(--accent);opacity:1}.conversation{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.conversation-heading{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;min-height:78px;padding:12px 20px;display:flex}.conversation-title{flex:1;min-width:0}.conversation-heading h1{font:600 20px/1.4 var(--sans);overflow-wrap:anywhere;margin:0 0 6px}.topic{max-height:3.4em;color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.7;overflow:auto}.topic a{color:var(--accent)}.transcript{overflow-anchor:none;scrollbar-color:var(--control) var(--bg);flex:1;min-height:0;padding:20px 0 28px;position:relative;overflow:auto}.transcript-line{font:var(--chat-size) / 1.8 var(--sans);border-left:2px solid #0000;grid-template-columns:44px 98px minmax(0,1fr);align-items:start;gap:12px;padding:3px 22px;display:grid}.transcript-line time{color:var(--muted);font:11px/1.8 var(--mono);font-variant-numeric:tabular-nums;padding-top:2px}.line-nick{color:var(--violet);text-align:right;font-family:var(--sans);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.line-text{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.line-text a{color:var(--accent)}.transcript-line.event,.transcript-line.event .line-nick{color:var(--muted);font-size:calc(var(--chat-size) - 1px)}.transcript-line.error{color:var(--error)}.transcript-line.notice .line-nick,.transcript-line.notice .line-text{color:var(--muted)}.transcript-line.own .line-nick,.transcript-line.action .line-nick{color:var(--accent)}.transcript-line.mention{background:var(--selected);border-left-color:var(--accent)}.irc-bold{font-weight:600}.irc-italic{font-style:italic}.irc-underline{text-decoration:underline}.irc-strike{text-decoration:line-through}.irc-reverse{background:var(--text);color:var(--bg)}.irc-color-0,.irc-color-1{color:var(--text)}.irc-color-2{color:#a5b5d4}.irc-color-3{color:#a5be9c}.irc-color-4{color:#e4a18f}.irc-color-5{color:#d5ac96}.irc-color-6{color:#c4acc4}.irc-color-7{color:#d4ba8d}.transcript-empty{color:var(--muted);max-width:550px;padding:36px}.transcript-empty h2{color:var(--text);margin:0 0 14px;font-size:22px;font-weight:500}.transcript-empty p{font-size:14px;line-height:1.8}.transcript-empty button{margin-top:12px}.transcript-search{border-bottom:1px solid var(--line);animation:surface-in var(--panel) var(--ease);align-items:center;gap:12px;padding:12px 20px;display:flex}.transcript-search input{flex:1;min-width:0;font-size:14px}.transcript-search span{white-space:nowrap;color:var(--muted);font-size:12px}.composer{flex-shrink:0;padding:14px 20px 8px}.input-row{border:1px solid var(--control);background:var(--surface);transition:border-color var(--fast), box-shadow var(--fast);border-radius:12px;align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex}.input-row:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px var(--glow)}.composer-nick{color:var(--accent);font:12px var(--sans);text-overflow:ellipsis;max-width:110px;overflow:hidden}.composer textarea{resize:none;field-sizing:content;min-height:38px;max-height:120px;font:max(14px, var(--chat-size)) / 1.7 var(--sans);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:6px 2px}.composer textarea:disabled{opacity:.65}.send-button{border:1px solid var(--primary);background:var(--primary);width:44px;height:44px;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.send-button:hover{background:var(--primary-hover)}.composer-hint{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;min-height:36px;font-size:11px;display:flex}.composer-hint button{color:var(--accent);font:12px var(--sans);background:0 0;border:0;min-height:36px;padding:8px}.newest-button{background:var(--raised);border:1px solid var(--control);min-height:44px;color:var(--text);box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:124px;right:24px}.nick-filter{flex-shrink:0;padding:0 12px 14px}.nick-filter input{width:100%;padding:8px 10px;font-size:12px}.nick-rows{flex:1;min-height:0;padding:0 8px 12px;overflow:auto}.nick-row{text-align:left;width:100%;min-height:36px;font:13px/1.6 var(--sans);white-space:nowrap;text-overflow:ellipsis;color:var(--text);background:0 0;border:0;border-radius:6px;padding:8px 10px;display:block;overflow:hidden}.nick-row.rank-op{color:var(--accent)}.nick-row.rank-voice{color:var(--violet)}.nick-row.self{font-weight:600}.nick-row:hover,.nick-row[aria-pressed=true]{background:var(--raised)}.nick-actions{border-top:1px solid var(--line);overflow-wrap:anywhere;flex-shrink:0;padding:14px;font-size:12px}.nick-actions>div{gap:16px;margin-top:8px;display:flex}.nick-actions button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.pane-empty{color:var(--muted);padding:8px 10px;font-size:12px;line-height:1.8}.client-footer{background:var(--surface);border-top:1px solid var(--line);min-height:40px;color:var(--muted);flex-shrink:0;align-items:center;gap:20px;padding:0 20px;font-size:11px;display:flex}.client-footer>span:first-child{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.footer-transport{margin-left:auto}.client-footer button{color:var(--accent);background:0 0;border:0;min-height:40px;padding:8px;font-size:12px}.mobile-only{display:none}.fixture-strip{color:var(--violet);background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;padding:6px 20px;font-size:11px}.fixture-note{color:var(--violet);background:var(--raised);border-radius:var(--radius);padding:12px;font-size:12px}dialog{background:var(--surface);color:var(--text);border:1px solid var(--control);border-radius:var(--radius-panel);width:min(600px,100% - 40px);max-height:calc(var(--viewport-height,100dvh) - 40px);box-shadow:var(--shadow);opacity:0;transition:opacity var(--panel) var(--ease), transform var(--panel) var(--ease), display var(--panel) allow-discrete, overlay var(--panel) allow-discrete;padding:28px;overflow:auto;transform:translateY(12px)}dialog[open]{opacity:1;transform:translateY(0)}@starting-style{dialog[open]{opacity:0;transform:translateY(12px)}}dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--panel), display var(--panel) allow-discrete, overlay var(--panel) allow-discrete}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]::backdrop{opacity:0}}.dialog-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dialog-head h2{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:500}.join-form{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.join-form button{grid-column:1/-1;justify-self:start}.query-form{gap:20px;display:grid}.query-form .button{justify-self:start}.directory-header{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:24px;display:flex}.directory-header h3{font-size:17px;font-weight:500}.directory-filter{margin:16px 0;display:block}.directory-filter input{width:100%;font-size:14px}.directory{max-height:340px;overflow:auto}.directory>p{color:var(--muted);font-size:13px;line-height:1.8}.directory>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;width:100%;padding:16px 8px;display:block}.directory>button:hover{background:var(--raised)}.directory>button span{justify-content:space-between;gap:16px;font-size:14px;display:flex}.directory small{color:var(--muted);white-space:nowrap;font-size:12px}.directory p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.8}.tool-navigation{background:var(--bg);border-radius:10px;gap:6px;margin-bottom:26px;padding:5px;display:flex}.tool-navigation button{min-height:44px;color:var(--muted);background:0 0;border:0;flex:1;padding:10px;font-size:14px}.tool-navigation button[aria-pressed=true]{background:var(--raised);color:var(--text);box-shadow:0 2px 8px #0002}.settings-form{gap:22px;display:grid}.settings-form>label:first-child{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-form select{min-width:100px;font-size:14px}.settings-form .button{justify-self:start}.help-section{border-top:1px solid var(--line);animation:surface-in .18s var(--ease);margin-top:24px;padding-top:20px}.help-section h3{margin:0 0 14px;font-size:18px;font-weight:500}.command-help summary{min-height:44px;padding-block:10px;font-size:16px}.help-section p{color:var(--muted);font-size:13px;line-height:1.9}.help-section code{color:var(--text);overflow-wrap:anywhere;font-size:12px}.help-section input{width:100%;font-size:14px}.help-results{max-height:280px;margin-top:12px;overflow:auto}.help-results a{border-bottom:1px solid var(--line);padding:13px 4px;text-decoration:none;display:block}.help-results a:hover{color:var(--accent);background:var(--raised)}.help-results span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.8;display:block}.help-docs{margin-top:20px}.account-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.account-identity{align-items:center;gap:18px;margin-bottom:24px;display:flex}.service-symbol{background:var(--selected);width:56px;height:56px;color:var(--accent);font:600 28px var(--sans);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-identity h3,.service-help h3{overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:500}.account-identity p{color:var(--muted);margin:8px 0 0;font-size:13px}.panel-intro{color:var(--muted);margin:14px 0 22px;font-size:14px;line-height:1.8}.service-help input{width:100%;font-size:16px}.network-welcome{border-bottom:1px solid var(--line);margin:0 22px 28px;padding:28px 30px 36px}.network-welcome h2{letter-spacing:-.03em;margin:16px 0;font-size:clamp(24px,3vw,36px);font-weight:500}.network-welcome p{color:var(--muted);max-width:530px;font-size:15px;line-height:1.8}.welcome-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.export-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.export-section .field-hint{margin-top:12px}.drawer-content{flex-direction:column;height:min(70dvh,700px);display:flex}.drawer-content .pane-title{display:none}@media (max-width:1100px){.transcript-line{grid-template-columns:40px 78px minmax(0,1fr);gap:10px;padding-inline:14px}.client-header{gap:14px}.client-host{display:none}}@media (max-width:800px){.connection-form{gap:16px}.connect-subtitle{margin-bottom:22px}.workspace,.workspace.members-hidden{grid-template-columns:minmax(0,1fr)}.channel-pane,.nickname-pane,.resize-handle,.members-toggle{display:none}.mobile-only{display:inline-flex}.client-header{gap:10px;min-height:58px;padding:4px 12px}.client-header .wordmark{font-size:19px}.client-divider{display:none}.client-status{gap:6px;font-size:11px}.conversation-heading{gap:6px;min-height:76px;padding:12px 8px}.conversation-heading h1{font-size:16px}.composer{padding:12px 12px 0}.client-footer{padding:0 12px env(safe-area-inset-bottom);gap:12px}.client-footer button{min-height:44px;margin-left:auto}.footer-transport{display:none}.client-footer>span:first-child{max-width:100px}.composer-hint button{min-height:44px}.nick-row{min-height:44px;padding-block:12px}.close-buffer{opacity:1;width:44px}dialog.left-drawer,dialog.right-drawer{height:var(--viewport-height,100dvh);max-height:var(--viewport-height,100dvh);border-radius:0;width:min(360px,100% - 40px);margin:0;padding:20px 16px;position:fixed;top:0;bottom:0}dialog.left-drawer{border-radius:0 16px 16px 0;right:auto;transform:translate(-20px)}dialog.right-drawer{border-radius:16px 0 0 16px;margin-left:auto;left:auto;transform:translate(20px)}dialog.left-drawer[open],dialog.right-drawer[open]{transform:translate(0)}@starting-style{dialog.left-drawer[open]{transform:translate(-20px)}dialog.right-drawer[open]{transform:translate(20px)}}.drawer-content{height:calc(100% - 74px)}.drawer-content .pane-title{min-height:48px;padding:0 8px;display:flex}.drawer-content .pane-title>span{display:none}.drawer-content .pane-title .icon-button{margin-left:auto}.right-drawer .pane-title{min-height:32px;padding:0 12px 12px}.right-drawer .pane-title>span{display:block}}@media (max-width:480px){.client-header{gap:8px;padding-inline:10px}.client-header .wordmark{gap:7px;font-size:16px}.client-header .wordmark svg{width:100px;height:auto}.client-header .icon-button{width:44px;padding:8px}.chrome-button{padding-inline:8px;font-size:11px}.client-status{max-width:96px;font-size:10px;line-height:1.4}.conversation-heading{gap:4px}.conversation-heading h1{font-size:15px}.conversation-heading .icon-button{width:44px;padding:8px}.topic{font-size:12px}.transcript{padding-block:16px 24px}.transcript-line{font-size:max(14px, var(--chat-size));grid-template-columns:62px minmax(0,1fr) 38px;gap:0 8px;padding:6px 12px;line-height:1.7}.transcript-line time{text-align:right;grid-area:1/3;padding:0;font-size:10px}.line-nick{text-align:left;grid-area:1/1/auto/3;font-size:12px}.line-text{grid-area:2/1/auto/-1}.transcript-line.event .line-text{grid-column:1/3}.transcript-line.event .line-nick{display:none}.transcript-line.event time{grid-row:2}.composer{padding:8px 10px 0}.composer-nick{display:none}.composer textarea{font-size:16px}.composer-hint{gap:8px;font-size:10px}.input-row{gap:8px;padding-left:10px}.client-footer{gap:10px;font-size:10px}.client-footer>span:first-child{max-width:75px}.client-footer button{font-size:11px}.fixture-strip{padding:5px 12px;font-size:10px}.transcript-empty{padding:24px}.network-welcome{margin-inline:20px;padding:16px 4px 28px}.newest-button{bottom:116px;right:12px}dialog{width:calc(100% - 24px);max-height:calc(var(--viewport-height,100dvh) - 24px);padding:22px}.dialog-head{gap:12px;margin-bottom:20px}.dialog-head h2{font-size:21px}.join-form{grid-template-columns:1fr}.directory-header{align-items:center;gap:10px}.directory-header h3{font-size:15px}.tool-navigation{gap:3px}.tool-navigation button{padding-inline:6px;font-size:13px}.directory-filter input,.help-section input,.nick-filter input,.transcript-search input{font-size:16px}}@media (max-height:550px) and (max-width:800px){.client-header{min-height:48px}.conversation-heading{min-height:58px;padding-block:6px}.topic{max-height:1.7em}.composer-hint{display:none}.composer{padding-bottom:8px}.client-footer,.client-footer button{min-height:32px}}@media (min-width:1600px){.connect-main{padding-top:88px;padding-bottom:80px}}@media (max-width:1050px){.connect-header,.connect-footer{width:calc(100% - 48px)}.connect-main{grid-template-columns:minmax(0,1fr) minmax(320px,380px);column-gap:30px;width:calc(100% - 64px)}.connect-panel{padding-left:28px}.connect-story h1{font-size:clamp(52px,6.5vw,70px)}.connect-story-copy p{font-size:15px}.connect-story{min-height:580px}.atmosphere{inset:220px -65px 10px}.connect-story-foot{gap:10px;font-size:11px}}@media (max-width:800px){.connect-header{min-height:66px;margin-top:16px;padding-inline:18px}.connect-nav{gap:16px}.webchat-label{padding-left:16px}.connect-main{grid-template-columns:minmax(0,1fr);width:min(540px,100% - 48px);padding-block:32px 40px}.connect-story{justify-content:start;min-height:254px}.connect-story-copy{max-width:calc(100% - 196px)}.connect-story h1{margin:4px 0 16px;font-size:clamp(34px,6.5vw,48px)}.connect-story-copy p{font-size:14px}.atmosphere{width:180px;height:220px;inset:0 0 auto auto}.atmosphere canvas,.atmosphere .signal-fallback{opacity:.7}.connect-story-foot{display:none}.connect-panel{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.connect-panel:before{background:linear-gradient(90deg, var(--accent), var(--violet), transparent);width:80%;height:1px;top:-1px;left:0}.connect-panel h2{font-size:27px}.connect-footer{flex-wrap:wrap;gap:0 20px;padding-block:14px}}@media (max-width:480px){.connect-header,.connect-footer{width:calc(100% - 32px)}.connect-header{gap:14px;min-height:62px;margin-top:12px;padding-inline:14px}.connect-header .wordmark{gap:8px;font-size:23px}.connect-header .wordmark svg{width:128px;height:auto}.webchat-label{padding-left:13px;font-size:12px}.connect-nav .back-to-site:first-child{display:none}.site-return{justify-content:center;gap:0;width:44px;font-size:0}.site-return svg{width:18px;height:18px}.connect-main{width:calc(100% - 40px);padding-top:24px}.connect-story{min-height:222px}.connect-story h1{font-size:clamp(28px,8.8vw,42px)}.connect-story-copy p{font-size:13px}.atmosphere{width:110px;height:180px}.atmosphere canvas,.atmosphere .signal-fallback{opacity:.52}.connect-story-copy{max-width:calc(100% - 124px)}.connect-panel h2{font-size:26px}.connect-footer a{min-height:38px;font-size:11px}}
.signal-sculpture{align-self:center;width:115%;margin-left:-7%;position:relative}.signal-sculpture>svg{width:100%}.art-grid{stroke:var(--color-border-default);stroke-width:.7px;opacity:.38}.art-boundary{stroke:var(--line);stroke-width:.6px}.art-guide{stroke:var(--color-border-default);stroke-width:.6px;stroke-dasharray:3 9}.art-shadow{fill:var(--color-art-shadow);opacity:.6}.sculpture-back{fill:var(--color-art-shadow);stroke:var(--color-art-edge);stroke-width:.1px}.sculpture-layer{fill:var(--color-art-body);stroke:var(--color-art-edge);stroke-width:.12px}.metal-light{stop-color:var(--color-art-light)}.metal-body{stop-color:var(--color-art-body)}.metal-dark{stop-color:var(--color-surface-raised)}.edge-light{stop-color:var(--color-art-light)}.edge-dark{stop-color:var(--color-art-edge)}.sculpture-signal,.art-route{stroke:var(--accent)}.sculpture-etch{stroke:var(--color-art-light);opacity:.65}.art-route{stroke-width:1px;opacity:.65}.art-node{fill:var(--bg);stroke:var(--accent);stroke-width:2px}.art-corner{stroke:var(--color-border-strong);stroke-width:1px}.art-label{font-size:var(--font-size-micro);color:var(--color-text-tertiary);letter-spacing:var(--font-tracking-label);position:absolute}.art-label b{color:var(--accent);font-weight:var(--font-weight-normal)}.art-label-top{top:9%;left:10%}.art-label-de{top:34%;right:0}.art-label-fr{bottom:9%;left:6%}.art-caption{font-size:var(--font-size-micro);color:var(--color-text-tertiary);position:absolute;bottom:0;left:26%}.brand-wordmark{align-items:center;gap:var(--space-2);width:var(--wordmark-width);font:var(--font-size-brand) / 1 var(--font-display);letter-spacing:var(--font-tracking-tight);white-space:nowrap;display:inline-flex}.brand-wordmark>svg{width:var(--size-mark);height:var(--size-mark);color:var(--accent)}.brand-period{color:var(--accent)}.chat-app{font-family:var(--font-mono)}h1,h2,h3,.wordmark{font-family:var(--font-display);font-weight:400}.at-connect{background:var(--bg)}.connect-header{width:min(var(--size-container), calc(100% - var(--space-gutter) * 2));min-height:var(--size-header);border:0;border-bottom:var(--size-rule) solid var(--line);background:var(--bg);border-radius:0;margin-top:0;padding:0}.webchat-label{font-size:var(--font-size-caption);padding-left:var(--space-5)}.connect-nav{gap:var(--space-6)}.back-to-site{font-size:var(--font-size-caption)}.connect-main{width:min(var(--size-container), calc(100% - var(--space-gutter) * 2));gap:var(--space-16);padding-block:var(--space-12);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}.connect-story{justify-content:flex-start;min-height:0;display:flex}.connect-story h1{font:var(--font-size-section) / 1.15 var(--font-display);letter-spacing:var(--font-tracking-tight);margin:0 0 var(--space-5)}.connect-story h1 span{color:var(--accent)}.connect-story-copy p{font-size:var(--font-size-small);line-height:var(--font-leading-body);max-width:40ch}.connect-story-copy{pointer-events:auto}.connect-story .signal-sculpture{width:85%;max-width:430px;margin:0 auto}.connect-story .art-label-top,.connect-story .art-caption{display:none}.connect-story .art-label{font-size:var(--font-size-micro)}.connect-story-foot{font-size:var(--font-size-micro);margin-top:var(--space-4)}.spectrum-line{background:var(--accent);height:var(--size-focus);width:var(--space-8)}.connect-panel{padding:var(--space-8);border:var(--size-rule) solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none;animation:none}.connect-panel:before{display:none}.connect-panel h2{font:var(--font-size-card) / var(--font-leading-heading) var(--font-display)}.join-star{transform:none}.connect-subtitle{font-size:var(--font-size-small);margin:var(--space-3) 0 var(--space-6);line-height:var(--font-leading-body)}.connection-form{gap:var(--space-5)}.connection-addresses{grid-template-columns:1fr}.connection-addresses label,.account-options summary,.account-fields label{font-size:var(--font-size-caption)}.field-optional,.field-hint,.check-label,.new-account,.connection-security{font-size:var(--font-size-micro)!important}.connection-form input:not([type=checkbox]){font-size:var(--font-size-lead);border-radius:var(--radius-control);min-height:var(--size-control)}.check-label{min-height:var(--size-target)}.connect-button{font-size:var(--font-size-small)}.connection-security{margin-bottom:0}.new-account{line-height:var(--font-leading-body);margin-bottom:0}.connect-footer{width:min(var(--size-container), calc(100% - var(--space-gutter) * 2));padding-block:var(--space-5);border-top:var(--size-rule) solid var(--line);font-size:var(--font-size-caption)}.connect-footer a{min-height:var(--size-target);align-items:center;display:inline-flex}.button{border-radius:var(--radius-control);font-family:var(--font-mono);box-shadow:none!important}.button.primary{background:var(--primary);border-color:var(--primary)}.button.primary:hover{background:var(--primary-hover)}.client-header{background:var(--bg);border-bottom:var(--size-rule) solid var(--line)}.client-header .brand-wordmark{font-size:var(--font-size-lead);width:auto!important}.client-header .brand-wordmark>svg{width:var(--size-icon);height:var(--size-icon)}.chrome-button,.icon-button,.network-button,.conversation-row,.composer,.account-identity,.dialog{border-radius:var(--radius-control)}.conversation-row.selected{box-shadow:inset var(--size-focus) 0 0 var(--accent);background:var(--selected)}.channel-pane,.nickname-pane{background:var(--color-surface-sunken)}.pane-title,.channel-heading,.network-welcome h2,.dialog-head h2{font-family:var(--font-display)}.network-welcome{border:var(--size-rule) solid var(--line);border-left:var(--size-focus) solid var(--accent);background:var(--surface);border-radius:0}.network-welcome h2{color:var(--text)}.fixture-strip{background:var(--color-brand-900)}.message-stream{font-family:var(--font-mono)}@media (max-width:1100px){.connect-main{gap:var(--space-8)}.connect-panel{padding:var(--space-6)}.connect-story h1{font-size:var(--font-size-section)}}@media (max-width:800px){.connect-header{width:calc(100% - var(--space-5) * 2);min-height:var(--size-header);border-radius:0;margin-top:0;padding:0}.connect-main{width:calc(100% - var(--space-5) * 2);padding-block:var(--space-8);gap:var(--space-8);grid-template-columns:1fr;display:grid}.connect-story{min-height:0;display:block}.connect-story h1{font-size:var(--font-size-section);margin-top:0}.connect-story-copy p{font-size:var(--font-size-caption);max-width:100%}.connect-story .signal-sculpture,.connect-story-foot{display:none}.connect-panel{border:var(--size-rule) solid var(--line);padding:var(--space-6);width:100%;max-width:100%;margin:0}.connect-panel h2{font-size:var(--font-size-card)}.connect-nav{gap:var(--space-4)}.connect-footer{width:calc(100% - var(--space-5) * 2)}.connection-addresses{grid-template-columns:1fr 1fr}.client-header .brand-wordmark{font-size:var(--font-size-small)}}@media (max-width:480px){.connect-header{width:calc(100% - var(--space-4) * 2);gap:var(--space-3);min-height:calc(var(--size-header) - var(--space-4))}.connect-header .brand-wordmark{font-size:var(--font-size-lead);width:auto!important}.connect-header .brand-wordmark>svg{width:var(--size-icon);height:var(--size-icon)}.webchat-label{padding-left:var(--space-3);font-size:var(--font-size-micro)}.connect-nav>a:first-child{display:none}.site-return{font-size:0}.site-return svg{display:block}.connect-main{width:calc(100% - var(--space-4) * 2)}.connect-story h1{font-size:var(--font-size-section)}.connect-panel{padding:var(--space-5)}.connect-panel h2{font-size:var(--font-size-lead)}.connection-addresses{grid-template-columns:1fr}.connect-subtitle{font-size:var(--font-size-caption)}.connect-footer{width:calc(100% - var(--space-4) * 2);font-size:var(--font-size-micro)}}@media (max-width:800px){.connect-story-copy{width:100%;max-width:none}}
.signal-sculpture{align-self:center;width:108%;min-width:0;margin:0 0 0 -4%;position:relative}.relay-viewport{aspect-ratio:600/570;width:100%;position:relative}.relay-viewport>svg,.relay-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.relay-canvas{pointer-events:none;opacity:0}[data-renderer=webgl] .relay-canvas{opacity:1}[data-renderer=webgl] .relay-fallback-mark{opacity:0}.art-grid{stroke:var(--color-border-default);stroke-width:.7px;opacity:.38}.art-boundary{stroke:var(--line);stroke-width:.6px}.art-guide{stroke:var(--color-border-default);stroke-width:.6px;stroke-dasharray:3 9}.art-shadow{fill:var(--color-art-shadow);opacity:.65}.sculpture-back{fill:var(--color-art-shadow);stroke:var(--color-art-edge);stroke-width:.1px}.sculpture-layer{fill:var(--color-art-body);stroke:var(--color-art-edge);stroke-width:.12px}.metal-light{stop-color:var(--color-art-light)}.metal-body{stop-color:var(--color-art-body)}.metal-dark{stop-color:var(--color-surface-raised)}.edge-light{stop-color:var(--color-art-light)}.edge-dark{stop-color:var(--color-art-edge)}.sculpture-signal,.art-route{stroke:var(--accent)}.sculpture-etch{stroke:var(--color-art-light);opacity:.65}.art-route{stroke-width:1px;opacity:.4}.art-node{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px}.art-corner{stroke:var(--color-border-strong);stroke-width:1px}.art-packet{stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 95;animation:relay-packet var(--motion-signal) linear infinite;animation-play-state:paused}.relay-label{font:var(--font-size-micro) / 1.5 var(--font-mono);color:var(--color-text-tertiary);letter-spacing:var(--font-tracking-label);position:absolute}.relay-label b{color:var(--accent);font-weight:400}.relay-label-top{top:9%;left:10%}.relay-label-de{top:34%;right:0}.relay-label-fr{bottom:8%;left:6%}.relay-caption{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--size-target);padding-inline:var(--space-4);font-size:var(--font-size-micro);color:var(--color-text-tertiary);display:flex}.art-motion-control{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-target);padding:var(--space-2);border-radius:var(--radius-control);color:var(--muted);font:var(--font-size-micro) / 1.5 var(--font-mono);cursor:pointer;background:0 0;border:0;flex-shrink:0;display:inline-flex}.art-motion-control:hover:not(:disabled){color:var(--accent);background:var(--color-surface-raised)}.art-motion-control:disabled{cursor:default;opacity:1}.art-motion-control svg{flex-shrink:0}.relay-map{min-width:0;padding:var(--space-6);border:var(--size-rule) solid var(--color-border-default);background:var(--color-surface-network);color:var(--text);box-shadow:var(--shadow-panel);position:relative;overflow:hidden}.relay-map:before{content:"";top:0;left:var(--space-6);width:var(--space-12);height:var(--size-focus);background:var(--accent);position:absolute}.relay-map-heading{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--font-size-micro);color:var(--muted);letter-spacing:var(--font-tracking-label);display:flex}.relay-map-heading i{padding-inline:var(--space-2);color:var(--accent);font-style:normal}.relay-topology{width:calc(100% + var(--space-6) * 2);max-width:none;margin:0 calc(var(--space-6) * -1);display:block;overflow:hidden}.relay-floor-grid{fill:none;stroke:var(--color-border-default);stroke-width:.5px}.relay-floor-boundary{stroke:var(--color-border-default);stroke-width:.7px}.relay-floor-edge{fill:none;stroke:var(--color-art-edge);opacity:.25;stroke-width:.6px}.server-plinth{fill:var(--color-surface-sunken);stroke:var(--color-border-default)}.server-front{fill:var(--color-art-body);stroke:var(--color-art-edge);stroke-width:.7px}.server-side{fill:var(--color-surface-raised);stroke:var(--color-art-edge);stroke-width:.7px}.server-top{fill:var(--color-surface-hardware);stroke:var(--color-art-edge);stroke-width:.7px}.server-seam{fill:none;stroke:var(--color-art-shadow);stroke-width:2px}.server-vent{fill:none;stroke:var(--color-art-light);stroke-width:1.2px;opacity:.5}.server-signal,.server-rim{fill:none;stroke:var(--accent);stroke-width:1.5px}.server-country{font:24px var(--font-display);fill:var(--text)}.relay-link-base{stroke:var(--color-art-edge);stroke-width:1.1px;fill:none}.relay-link-packet{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:8 92;fill:none;animation:relay-packet var(--motion-signal) linear infinite;animation-play-state:paused}[data-motion=playing] .art-packet,[data-motion=playing] .relay-link-packet{animation-play-state:running}.relay-junction{fill:var(--color-surface-sunken);stroke:var(--accent);stroke-width:1px}.relay-junction-mark{fill:var(--accent)}.relay-endpoints{gap:var(--space-5);margin-top:calc(var(--space-3) * -1);grid-template-columns:1fr 1fr;display:grid;position:relative}.relay-endpoint{gap:var(--space-2);padding-block:var(--space-3);flex-direction:column;min-width:0;text-decoration:none;display:flex}.relay-endpoint-fr{text-align:right}.relay-endpoint strong{font:var(--font-size-lead) / 1.4 var(--font-display);color:var(--text)}.relay-endpoint code{font:var(--font-size-micro) / 1.7 var(--font-mono);overflow-wrap:anywhere;color:var(--muted)}.relay-endpoint>span{font-size:var(--font-size-micro);color:var(--color-text-tertiary)}.relay-endpoint i{color:var(--accent);font-style:normal}.relay-endpoint:hover strong,.relay-endpoint:focus-visible strong{color:var(--accent)}:is(.relay-map:has(.relay-endpoint-de:is(:hover,:focus-visible)) .relay-server-de .server-rim,.relay-map:has(.relay-endpoint-fr:is(:hover,:focus-visible)) .relay-server-fr .server-rim){stroke-width:3px}.relay-map-services{align-items:center;gap:var(--space-5);padding-top:var(--space-5);margin-top:var(--space-3);border-top:var(--size-rule) solid var(--line);font-size:var(--font-size-micro);display:flex}.relay-map-services a{align-items:center;gap:var(--space-2);min-height:var(--size-target);text-decoration:none;display:inline-flex}.relay-map-services a:hover{color:var(--accent)}.relay-map-services b{color:var(--accent);font-family:var(--font-display);font-size:var(--font-size-lead);font-weight:400}.relay-map-services>span{color:var(--muted);margin-left:auto}.relay-map-footer{min-height:var(--size-target);justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.relay-map-footer>code{font-size:var(--font-size-caption);color:var(--text)}@keyframes relay-packet{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@media (max-width:959px){.signal-sculpture{width:114%;margin-left:-10%}.relay-map{padding:var(--space-5)}.relay-topology{width:calc(100% + var(--space-5) * 2);margin-inline:calc(var(--space-5) * -1)}.relay-caption{padding-inline:0}.relay-caption>span{max-width:18ch}}@media (max-width:760px){.signal-sculpture{width:95%;max-width:var(--size-sculpture);margin:var(--space-2) auto 0}.relay-label-top{display:none}.relay-label{font-size:var(--font-size-micro)}.relay-caption>span{max-width:none}.relay-map{padding:var(--space-4)}.relay-topology{width:calc(100% + var(--space-4) * 2);margin-inline:calc(var(--space-4) * -1)}.relay-map-services,.relay-endpoints{gap:var(--space-3)}}@media (max-width:370px){.relay-caption>span{max-width:18ch}.relay-caption{gap:0}.relay-map-footer{flex-wrap:wrap}.relay-map-footer .art-motion-control{margin-left:auto}}@media (prefers-reduced-motion:reduce){.art-packet,.relay-link-packet{animation:none!important}}@media (max-width:800px){.connect-story .signal-sculpture{display:none}}