:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:oklch(17% .009 170);--color-sidebar:oklch(14% .009 170);--color-panel:oklch(20% .011 170);--color-hover:oklch(25% .015 170);--color-ink:oklch(93% .012 110);--color-secondary:oklch(79% .018 150);--color-muted:oklch(66% .018 160);--color-accent:oklch(83% .13 157);--color-accent-ink:oklch(17% .025 157);--color-accent-surface:oklch(25% .035 157);--color-focus:oklch(88% .13 157);--color-rule:oklch(30% .014 160);--color-strong-rule:oklch(43% .02 160);--color-error:oklch(80% .11 35);--color-error-surface:oklch(24% .032 35);--color-warning:oklch(83% .1 85);--color-backdrop:oklch(7% .009 170/.82);--color-transparent:transparent;--font-display:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.75rem;--rule-width:1px;--radius-sm:3px;--radius-md:5px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s}*{box-sizing:border-box}html,body{background:var(--color-paper);min-width:0;color:var(--color-ink);margin:0;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button,select{min-height:44px}button{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-panel);cursor:pointer;white-space:nowrap;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}button,a,select{-webkit-tap-highlight-color:var(--color-transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}input,textarea,select{border:var(--rule-width) solid var(--color-strong-rule);border-radius:var(--radius-sm);background:var(--color-sidebar);min-width:0;padding:var(--space-md)}input,select{min-height:44px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error)}textarea{resize:vertical;width:100%;min-height:76px;max-height:30dvh;line-height:1.6}textarea::placeholder,input::placeholder{color:var(--color-muted);opacity:1}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-style:normal}button.primary{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);font-weight:650}.text-button{background:var(--color-transparent);border-color:var(--color-transparent);color:var(--color-secondary)}.muted{color:var(--color-muted)}.error-text{color:var(--color-error);font-size:var(--text-sm);overflow-wrap:anywhere;margin-top:var(--space-sm)}.field-note{color:var(--color-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.skip-link{top:var(--space-sm);left:var(--space-sm);z-index:10;padding:var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.workspace{height:100dvh;min-height:600px;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex}.sidebar{padding:var(--space-sm) var(--space-lg);gap:var(--space-sm);background:var(--color-sidebar);border-bottom:var(--rule-width) solid var(--color-rule);flex:none;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.brand{align-items:center;gap:var(--space-md);width:fit-content;min-height:44px;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.04em;white-space:nowrap;font-weight:650;text-decoration:none;display:inline-flex}.brand-symbol{color:var(--color-accent);font-size:var(--text-2xl);font-weight:450}.brand-suffix{color:var(--color-muted)}.sidebar h2{font-size:var(--text-xs);color:var(--color-muted);font-weight:500}.room-navigation h2{display:none}.room-navigation nav{gap:var(--space-sm);flex-flow:column;display:flex}.room-button{justify-content:space-between;gap:var(--space-lg);min-width:0;max-width:100%;font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-transparent);border-color:var(--color-transparent)}.room-button.selected{color:var(--color-accent);background:var(--color-accent-surface);border-color:var(--color-rule)}.room-name{text-overflow:ellipsis;overflow:hidden}.room-code{color:var(--color-muted);font-size:var(--text-xs)}.network-panel{align-items:center;gap:var(--space-xs) var(--space-lg);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.network-state{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;display:flex}.status-dot{background:var(--color-warning);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.status-dot.ready{background:var(--color-accent)}.network-detail{font-size:var(--text-xs);color:var(--color-muted);overflow-wrap:anywhere;grid-column:1/-1;line-height:1.4}.refresh-button{font-size:var(--text-xs);grid-column:1/-1;justify-self:start;min-height:44px;padding:0}.conversation{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.workspace-header{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);padding:var(--space-md) var(--space-lg);border-bottom:var(--rule-width) solid var(--color-rule);flex-wrap:wrap;display:flex}.room-heading{flex:1;min-width:0}.context-label{color:var(--color-muted);font-size:var(--text-xs);display:none}h1{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);letter-spacing:-.045em}.header-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.language-control{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);display:flex}.language-control>span{display:none}.language-control select{padding:var(--space-sm);background:var(--color-transparent);border-color:var(--color-rule);font-size:var(--text-sm)}.account-button{font-size:var(--text-sm);background:var(--color-transparent)}.account-nick{display:none}.conversation-status{align-items:center;gap:var(--space-xs) var(--space-lg);padding:var(--space-sm) var(--space-lg);border-bottom:var(--rule-width) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.conversation-status strong{color:var(--color-secondary);margin-inline-start:var(--space-sm);font-weight:500}.feed-status{align-items:center;gap:var(--space-sm);display:inline-flex}.read-mode{overflow-wrap:anywhere;margin-inline-start:auto}.feed-shell{flex:1;min-height:100px;display:flex;position:relative}.message-feed{overscroll-behavior:contain;scrollbar-color:var(--color-strong-rule) var(--color-paper);width:100%;min-width:0;padding:var(--space-sm) var(--space-lg) var(--space-xl);flex:1;overflow-y:auto}.message{padding:var(--space-lg) 0;border-bottom:var(--rule-width) solid var(--color-rule)}.message-header{align-items:baseline;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.message-nick{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600}.message-language{color:var(--color-muted);font-size:var(--text-xs)}.message time{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;margin-inline-start:auto}.message-translation{font-size:var(--text-lg);color:var(--color-ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.original-content{gap:var(--space-xs);margin-top:var(--space-sm);border-inline-start:2px solid var(--color-strong-rule);flex-direction:column;padding-inline-start:var(--space-md);display:flex}.original-label{color:var(--color-muted);font-size:var(--text-xs)}.message-original{color:var(--color-secondary);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.translation-status{color:var(--color-muted);font-size:var(--text-sm)}.translation-status.pending{color:var(--color-warning)}.translation-status.failed{color:var(--color-error)}.service-message .message-nick{color:var(--color-secondary)}.empty-state,.workspace-loading{justify-content:center;align-items:flex-start;gap:var(--space-md);min-height:100%;padding:var(--space-xl) 0;flex-direction:column;max-width:40rem;display:flex}.workspace-loading{min-height:100px;padding:var(--space-xl);flex:1}.empty-mark{font-family:var(--font-display);color:var(--color-strong-rule);font-size:3rem;font-weight:400;line-height:1}.empty-state h2{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em;font-weight:450}.empty-state p,.workspace-loading p{color:var(--color-muted);font-size:var(--text-sm);max-width:34rem}.history-error{padding:var(--space-lg);margin-top:var(--space-lg);background:var(--color-error-surface);color:var(--color-error);font-size:var(--text-sm);overflow-wrap:anywhere}.latest-button{bottom:var(--space-md);background:var(--color-panel);border-color:var(--color-strong-rule);font-size:var(--text-sm);position:absolute;inset-inline-end:var(--space-lg)}.composer{padding:var(--space-md) var(--space-lg) var(--space-lg);padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));border-top:var(--rule-width) solid var(--color-rule);background:var(--color-panel);flex:none}.composer-heading{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.composer-nick{color:var(--color-muted);overflow-wrap:anywhere;margin-inline-start:var(--space-sm)}.room-language{color:var(--color-muted)}.composer-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.send-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.original-send{font-size:var(--text-xs)}.send-button{min-width:6rem;font-size:var(--text-sm);touch-action:none;-webkit-user-select:none;user-select:none}.send-button.held{background:var(--color-warning);border-color:var(--color-warning)}.composer-help{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-sm)}.guest-gate{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-sm);flex-wrap:wrap;display:flex}.guest-gate h2{font-size:var(--text-base);font-weight:500}.guest-gate p{color:var(--color-muted);font-size:var(--text-xs);max-width:36rem;margin-top:var(--space-xs)}.workspace-alert{justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-error-surface);color:var(--color-error);font-size:var(--text-sm);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.auth-dialog{border:var(--rule-width) solid var(--color-strong-rule);border-radius:var(--radius-md);width:min(28rem,100% - 2rem);max-height:calc(100dvh - 2rem);padding:var(--space-xl);background:var(--color-paper);color:var(--color-ink);overflow-y:auto}.auth-dialog::backdrop{background:var(--color-backdrop)}.dialog-topline{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.brand-small{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-sm)}.dialog-topline button{font-size:var(--text-xs)}.auth-dialog h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.04em;margin-bottom:var(--space-md);font-weight:500}.auth-dialog>p{font-size:var(--text-sm)}.auth-dialog form{margin-top:var(--space-xl);flex-direction:column;display:flex}.auth-dialog label{font-size:var(--text-sm);margin-block:var(--space-lg) var(--space-sm)}.auth-dialog label:first-child{margin-top:0}.auth-dialog .field-note{margin-top:var(--space-sm)}.auth-submit{width:100%;margin-top:var(--space-xl);font-size:var(--text-sm)}.auth-switch{align-items:center;gap:var(--space-sm);border-top:var(--rule-width) solid var(--color-rule);margin-top:var(--space-xl);padding-top:var(--space-md);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.auth-switch button{font-size:var(--text-xs)}@media (width>=26rem){.workspace-header{padding-block:var(--space-lg)}}@media (width>=48rem){.workspace{flex-direction:row}.sidebar{gap:var(--space-xl);border-bottom:0;border-inline-end:var(--rule-width) solid var(--color-rule);width:210px;padding:var(--space-xl) var(--space-lg);flex-direction:column;display:flex}.brand{margin-bottom:var(--space-lg)}.room-navigation h2{margin-bottom:var(--space-md);display:block}.room-navigation nav{gap:var(--space-xs);flex-direction:column;display:flex}.room-button{width:100%}.network-panel{align-items:flex-start;gap:var(--space-md);padding-top:var(--space-xl);border-top:var(--rule-width) solid var(--color-rule);flex-direction:column;margin-top:auto;display:flex}.network-state{font-size:var(--text-sm)}.sidebar-caption{font-family:var(--font-mono)}.context-label{display:inline}.workspace-header{min-height:100px;padding-inline:var(--space-xl)}h1{font-size:var(--text-2xl)}.conversation-status,.message-feed{padding-inline:var(--space-xl)}.empty-state{padding-inline:var(--space-lg)}.original-content{align-items:baseline;gap:var(--space-md);flex-direction:row}.original-label{flex:none}.composer{padding:var(--space-lg) var(--space-xl)}.guest-gate{padding-block:var(--space-md)}}@media (width>=68rem){.sidebar{width:240px;padding-inline:var(--space-xl)}.workspace-header,.conversation-status,.message-feed,.composer{padding-inline:var(--space-2xl)}.language-control>span{display:inline}.header-controls{gap:var(--space-xl)}.account-nick{text-overflow:ellipsis;max-width:9rem;color:var(--color-accent);display:inline;overflow:hidden}.message{padding-block:var(--space-xl)}.message-translation{max-width:68rem}}@media (hover:hover){button:hover:not(:disabled),select:hover,input:hover,textarea:hover{background:var(--color-hover)}button.primary:hover:not(:disabled){background:var(--color-focus)}.room-button:hover,.brand:hover{color:var(--color-accent)}}@media (prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workspace{min-height:0}.room-navigation{min-width:0;min-height:0}.room-search{display:block}.room-search input{width:100%;font-size:var(--text-sm)}.room-filters{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.room-filters button{padding-inline:var(--space-sm);font-size:var(--text-xs)}.room-filters button[aria-pressed=true],.room-filters button[aria-expanded=true]{color:var(--color-accent)}.room-navigation nav{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-strong-rule) var(--color-sidebar);overscroll-behavior:contain;max-height:132px;padding:var(--space-xs);margin-inline:calc(-1 * var(--space-xs));overflow:hidden scroll}@supports selector(::-webkit-scrollbar){.room-navigation nav{scrollbar-width:auto;scrollbar-color:auto}.room-navigation nav::-webkit-scrollbar{width:var(--space-sm)}.room-navigation nav::-webkit-scrollbar-track{background:var(--color-sidebar)}.room-navigation nav::-webkit-scrollbar-thumb{background:var(--color-strong-rule);border-radius:var(--radius-md)}}.room-row{border-radius:var(--radius-sm);flex:none;align-items:center;width:100%;min-width:0;display:flex}.room-row.selected{background:var(--color-accent-surface)}.room-row .room-button{gap:var(--space-sm);width:auto;padding-inline:var(--space-sm);flex:1;overflow:hidden}.room-row .room-button.selected{border-color:var(--color-transparent)}.room-name{white-space:nowrap}.favorite-button{width:44px;padding:var(--space-sm);background:var(--color-transparent);border-color:var(--color-transparent);color:var(--color-muted);flex:none}.favorite-button svg{width:18px;height:18px;fill:var(--color-transparent);stroke:currentColor;stroke-width:1.4px}.favorite-button[aria-pressed=true]{color:var(--color-accent)}.favorite-button[aria-pressed=true] svg{fill:var(--color-accent)}.unread-badge{min-width:1.4rem;padding-inline:var(--space-xs);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-xs);text-align:center;flex:none}details.network-panel{font-size:var(--text-xs);display:block}.network-panel summary{cursor:pointer;min-height:32px;padding-block:var(--space-xs);color:var(--color-muted)}.network-panel[open]>:not(summary){margin-top:var(--space-sm)}.connection-retry{min-height:32px;font-size:var(--text-xs);padding-block:0}.message{width:fit-content;min-width:min(18rem,100%);max-width:92%;margin-block:var(--space-md);padding:var(--space-md) var(--space-lg);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-panel)}.message:last-child{border-bottom:var(--rule-width) solid var(--color-rule)}.own-message{background:var(--color-accent-surface);margin-inline-start:auto}.own-message .message-nick{color:var(--color-accent)}.service-message{background:var(--color-transparent);border-color:var(--color-transparent);max-width:100%}.message-header{gap:var(--space-xs) var(--space-sm)}.message-language{overflow-wrap:anywhere;min-width:0}.message time{font-family:var(--font-body)}.sent-check{width:18px;height:18px;color:var(--color-accent);flex:none;align-self:center}.message-details-trigger{background:var(--color-transparent);text-align:start;border:0;min-height:32px;padding:0}.message-details-trigger:hover{color:var(--color-ink);background:var(--color-transparent)}.message-details-trigger:active{color:var(--color-secondary)}.message-metadata{width:min(22rem,100vw - 1rem);max-height:calc(100dvh - 1rem);padding:var(--space-md) var(--space-lg);border:var(--rule-width) solid var(--color-strong-rule);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-secondary);font-size:var(--text-sm);margin:0;position:fixed;inset:auto;overflow:auto}.message-metadata header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.message-metadata header strong{font-size:var(--text-sm);font-weight:500}.message-metadata header button{min-height:44px;padding-inline:var(--space-sm);font-size:var(--text-xs)}.message-metadata time{color:var(--color-muted);font-size:var(--text-xs)}.message-metadata .message-language{margin-bottom:var(--space-xs)}.outgoing-status{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.outgoing-error{border-color:var(--color-error)}.outgoing-error .outgoing-status{color:var(--color-error)}.outgoing-actions{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.outgoing-actions:empty{display:none}.outgoing-actions button{min-height:44px;padding-inline:var(--space-sm);font-size:var(--text-xs)}.composer-help:empty{display:none}.composer{padding-bottom:max(var(--space-md), env(safe-area-inset-bottom))}.sidebar-topline{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.mobile-room-menu{display:none}.mobile-room-menu svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:22px;height:22px}.drawer-close{width:44px;font-size:var(--text-xl);flex:none}.room-drawer{border:0;border-inline-end:var(--rule-width) solid var(--color-rule);background:var(--color-sidebar);width:min(22rem,100vw - 3rem);max-width:none;height:100dvh;max-height:none;color:var(--color-ink);margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow:hidden}.room-drawer::backdrop{background:var(--color-backdrop)}.room-drawer[open]{animation:room-drawer-enter var(--dur-fast) var(--ease-out)}@keyframes room-drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.room-drawer[open]{animation:none}}@media (width<=47.999rem){.desktop-sidebar{display:none}.mobile-room-menu{width:44px;padding:var(--space-sm);flex:none;display:inline-flex}.conversation,.message-feed,.room-drawer,.drawer-sidebar,.room-drawer nav{touch-action:pan-y pinch-zoom}.drawer-sidebar{gap:var(--space-lg);height:100%;padding:max(var(--space-sm), env(safe-area-inset-top)) var(--space-lg) max(var(--space-lg), env(safe-area-inset-bottom));border:0;flex-direction:column;padding-inline-start:max(var(--space-lg), env(safe-area-inset-left));display:flex;overflow-y:auto}.brand{font-size:var(--text-base)}.brand-symbol{font-size:var(--text-xl)}.room-navigation{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.room-navigation h2{display:none}.room-search input{padding:var(--space-sm)}.room-filters{gap:0}.room-navigation nav{min-height:88px;max-height:none;padding-block:var(--space-xs);flex:1}.room-row{flex:none;width:100%;max-width:100%}.room-button{max-width:none}.room-navigation>.field-note{grid-column:1/-1}details.network-panel{flex:none;max-height:25dvh;overflow-y:auto}.workspace-header{padding-block:var(--space-sm)}.message{max-width:96%;padding-inline:var(--space-md)}.message-feed{padding-inline:var(--space-md)}.composer{padding-top:var(--space-sm)}.composer-help{font-size:var(--text-xs)}.composer textarea{min-height:60px}}@media (width>=48rem){.sidebar{gap:var(--space-lg);width:240px;overflow-y:auto}.room-navigation{flex-direction:column;flex:1;display:flex}.room-navigation nav{flex:1;min-height:88px;max-height:none}.network-panel{padding-top:var(--space-md);flex:none;margin-top:0}.original-content{align-items:stretch;gap:var(--space-xs);flex-direction:column}.message{max-width:88%}.workspace-header{min-height:88px}}@media (height<=700px) and (width<=47.999rem){.composer-help{display:none}#composer-readiness:not(:empty){display:block}.composer-heading{margin-bottom:var(--space-xs)}}@media (hover:hover){.favorite-button:hover{color:var(--color-accent)}.network-panel summary:hover{color:var(--color-ink)}}