:root{color:#243b35;font-synthesis:none;background:#f5f5ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #d8ddd1;border-radius:7px;padding:10px 14px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #87a96a}input,select{color:#243b35;background:#fffef8;border:1px solid #d8ddd1;border-radius:6px;min-width:0;padding:10px}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{background:#eff1e7;border-right:1px solid #dce0d3;flex-direction:column;height:100vh;padding:36px 25px;display:flex;position:sticky;top:0;overflow-y:auto}aside>*{flex-shrink:0}.brand{letter-spacing:-1.5px;color:#173e34;align-items:center;font-size:26px;font-weight:650;text-decoration:none;display:flex}.mark{color:#d1e5b9;background:#163e35;border-radius:10px;place-items:center;width:37px;height:37px;margin-right:9px;font-family:Georgia,serif;font-size:31px;display:grid}.version{letter-spacing:0;color:#7b8675;margin-left:5px;font-size:10px}.eyebrow{letter-spacing:1.7px;color:#6a7867;font-size:10px;font-weight:600;line-height:1.8}aside>.eyebrow{margin:25px 0 35px;font-size:9px}nav{flex-direction:column;gap:9px;display:flex}.nav{text-align:left;color:#607062;border:0;align-items:center;gap:13px;padding:13px 15px;display:flex}.nav>span{width:22px;font-size:21px}.nav.active{color:#254537;background:#dde6d3;font-weight:650}.nav small{margin-left:auto;font-size:10px}.relay{border-top:1px solid #d5dccb;margin-top:55px;padding-top:23px}.label{letter-spacing:1.4px;font-size:9px;font-weight:600}.connection{align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.dot{background:#acb1a4;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.relay input,.relay select,.relay button{width:100%;margin-top:6px;font-size:11px}.mono{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.current-relay{color:#748270;font-size:9px}.side-bottom{color:#7a8473;margin-top:auto;padding-top:40px;font-size:11px;line-height:1.8}main{width:100%;max-width:1400px;margin:auto;padding:30px 56px 0}header{letter-spacing:1.4px;color:#71816f;border-bottom:1px solid #dce0d3;justify-content:space-between;align-items:center;padding-bottom:27px;font-size:9px;display:flex}.pill{letter-spacing:0;border:1px solid #d9dfd0;border-radius:30px;padding:7px 12px;font-size:10px}.intro>p{color:#788273;font-size:13px;line-height:1.85}h2{letter-spacing:-.3px;font-size:18px;font-weight:500}.chat-card{background:#fcfcf7;border:1px solid #d8ded0;border-radius:12px;overflow:hidden}.chat-top{border-bottom:1px solid #e2e5d9;justify-content:space-between;align-items:center;gap:10px;padding:17px 23px;font-size:11px;display:flex}.badge{letter-spacing:1px;color:#648252;white-space:nowrap;background:#eaf0e1;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:700}.badge.public{color:#956b30;background:#f5ecd9}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.empty h2{margin:16px 0 0}.empty p{color:#7b8674;margin:9px 0 20px;font-size:11px}.primary{background:var(--brand-color,#173f36);color:#f0f5e5;letter-spacing:.3px;border:1px solid #173f36;padding:13px 21px;font-size:11px}.primary>span{margin-left:24px}.empty>small{color:#8a9380;margin-top:17px;font-size:9px}.orbit{width:120px;height:65px;position:relative}.orbit:before{content:"";border:1px solid #d8e0ce;border-radius:50%;width:100px;height:64px;position:absolute;left:10px;transform:rotate(-18deg)}.orbit span,.orbit b{border-radius:10px 10px 10px 0;padding:10px 16px;font-family:Georgia,serif;font-size:20px;font-style:italic;font-weight:400;position:absolute}.orbit span{color:#647654;background:#e3ead9;top:1px;left:0}.orbit b{color:#e2edcf;background:#244d40;top:26px;right:0}.principles{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:26px;display:grid}.principles b{font-size:10px;font-weight:550}.principles p{color:#818a78;font-size:10px;line-height:1.8}footer{color:#89927e;letter-spacing:.7px;border-top:1px solid #dce0d3;justify-content:space-between;margin-top:40px;padding:20px 0;font-size:8px;display:flex}footer button{border:0;padding:0;font-size:9px}.messages{flex-direction:column;gap:13px;height:300px;padding:18px 24px;display:flex;overflow:auto}.message{align-self:flex-start;max-width:85%}.message small{color:#7e8977;font-size:9px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9eee1;border-radius:0 10px 10px;margin:5px 0;padding:12px 16px;font-size:13px}.message.mine{align-self:flex-end}.message.mine p{background:var(--brand-color,#20483e);color:#f5f7ec;border-radius:10px 0 10px 10px}.hint{color:#7b8674;text-align:center;margin:auto;font-size:12px}.composer{border-top:1px solid #dce0d3;align-items:center;gap:10px;padding:14px;display:flex}.composer input{background:0 0;border:0;flex:1}.composer>span{color:#8a9380;font-size:9px}.actions{flex-wrap:wrap;gap:8px;padding:0 14px 14px;display:flex}.actions button{padding:8px;font-size:9px}.compact{padding-top:40px}.contact-layout{grid-template-columns:185px 1fr;gap:17px;display:grid}.contact-list button{text-align:left;width:100%;margin-bottom:8px}.selected{background:#dde7d1!important}.contact-details{color:#738267;padding:14px 23px;font-size:10px}.contact-details details{margin-top:10px}.contact-details p{line-height:1.7}.offline-limit{color:#7e632a;background:#faf0dd;margin:0;padding:16px;font-size:12px}.room-picks{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.room-picks button{text-align:left;min-width:170px}.room-picks small{margin-top:7px;font-size:9px;line-height:1.8;display:block}.room-rules{color:#7b8674;padding:0 20px;font-size:11px}.privacy-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.privacy-card{padding:25px}.privacy-card dl{grid-template-columns:1fr 1fr;gap:20px 10px;margin:28px 0;font-size:11px;display:grid}.privacy-card dd{text-align:right;color:#7b8674;margin:0}.danger{color:#8f483a;border-color:#d9bcb3;font-size:10px}.privacy-copy{color:#6e7c67;font-size:12px;line-height:1.9}.error{color:#8b4635;background:#fae9dc;border-radius:7px;justify-content:space-between;margin-top:15px;padding:15px;display:flex}.error button{border:0;padding:0 8px}.sr{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.admin{max-width:900px;margin:60px auto;padding:20px}.admin pre{white-space:pre-wrap;overflow-wrap:anywhere}.admin form{gap:10px;display:flex}@media (width>=1500px){main{padding-left:80px;padding-right:80px}.intro{padding-top:65px}}@media (width<=950px){.shell{grid-template-columns:190px 1fr}aside{padding:25px 18px}main{padding:25px}.brand{font-size:22px}h1{font-size:44px}.privacy-grid,.contact-layout{grid-template-columns:1fr}.contact-list{gap:8px;display:flex}.contact-list button{width:auto}.principles{gap:12px}}@media (width<=650px){.shell{display:block}aside{border-bottom:1px solid #dce0d3;border-right:0;height:auto;padding:18px;position:static}.brand{font-size:24px}aside>.eyebrow,.side-bottom{display:none}nav{flex-direction:row;gap:3px;margin-top:17px}.nav{gap:5px;padding:9px;font-size:11px}.nav>span{width:auto;font-size:15px}.nav small{display:none}.relay{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding-top:12px;display:flex}.relay .label,.current-relay{display:none}.connection{margin:0;font-size:10px}.relay select,.relay input,.relay button{width:auto;max-width:180px;margin:0}.relay input{flex:1}main{padding:20px 16px 0}header{padding-bottom:17px;font-size:7px}.intro{padding-top:30px}h1,.compact h1{letter-spacing:-1.9px;font-size:39px}.intro>p{font-size:12px}.chat-top{padding:14px;font-size:10px}.principles{grid-template-columns:1fr;gap:3px}.principles p{margin-top:4px}.empty{min-height:290px;padding:20px 12px}.empty h2{font-size:16px}.composer{gap:4px;padding:10px}.composer input{width:80px}.composer .primary{padding:12px}.messages{height:300px;padding:14px}.chat-top input{width:150px}footer{gap:10px;font-size:7px;line-height:1.8}.privacy-card{padding:18px}}.contact-notice{background:#e5eed9;border:1px solid #b4c89b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;font-size:13px;display:flex}.privacy-overlay{z-index:10;background:#12282088;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.privacy-dialog{background:#fcfcf7;border-radius:12px;max-width:540px;padding:24px;line-height:1.7}.text-link{color:inherit;overflow-wrap:anywhere;text-align:left;border:0;padding:0;text-decoration:underline}.setup-form{gap:14px;display:grid!important}.setup-form label{gap:5px;display:grid}.contact-notice button{color:#fff;background:#173f36;flex-shrink:0}.nav .unread-badge,.contact-list .unread-badge{color:#fff;background:#785017;border-radius:20px;justify-content:center;align-items:center;min-width:23px;height:23px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite unread-pulse;display:inline-flex}.contact-list button{align-items:center;gap:7px;display:flex}@keyframes unread-pulse{50%{box-shadow:0 0 0 5px #78501720}}@media (prefers-reduced-motion:reduce){.nav .unread-badge,.contact-list .unread-badge{animation:none}}:root{--bg:#f3f7fc;--surface:#fff;--raised:#eaf1fa;--line:#d6e1ef;--text:#15243c;--muted:#53667e;--accent:#0069d6;--accent-soft:#e4f1ff;--brand-color:#0874de;--shadow:0 14px 50px #1938550c;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#080f1e;--surface:#0f1a2e;--raised:#16243b;--line:#273650;--text:#ecf3ff;--muted:#a0b1c8;--accent:#55caff;--accent-soft:#153354;--shadow:0 20px 65px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text)}a{color:var(--accent)}button,input,select,textarea{color:var(--text);border-color:var(--line);border-radius:10px}button:hover:not(:disabled){background:var(--raised)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}input,select,textarea{background:var(--surface)}.shell{grid-template-columns:252px minmax(0,1fr)}aside{background:var(--surface);border-color:var(--line);gap:0;padding:30px 22px}.brand{color:var(--text);letter-spacing:-1.1px;font-size:29px;font-weight:750}.mark{background:0 0;border-radius:13px;width:44px;height:44px;margin-right:11px}.mark-light{display:none}:root[data-theme=light] .mark-dark:has(+.mark-light){display:none}:root[data-theme=light] .mark-light{display:block}.wordmark>span{color:#0000;background:linear-gradient(120deg,#00bde9,#1674ff);-webkit-background-clip:text;background-clip:text}aside>.eyebrow{letter-spacing:.5px;text-transform:none;margin:16px 0 22px;font-size:10px}.theme-toggle{width:max-content;color:var(--muted);align-items:center;gap:9px;margin:0 0 25px;padding:9px 12px;font-size:12px;display:flex}body>#root>.theme-toggle{position:absolute;top:20px;right:24px}.nav{color:var(--muted);border-radius:10px;gap:12px;padding:13px 14px}.nav.active,.selected{color:var(--accent);background:var(--accent-soft)!important}.nav>span{align-items:center;display:flex}.relay{border-color:var(--line);margin-top:32px;padding-top:22px}.relay details{color:var(--muted);font-size:11px;line-height:1.65}summary{cursor:pointer;line-height:1.6}.label,.eyebrow,.side-bottom,.current-relay,header,.intro>p,.empty p,.empty>small,.hint,.message small,.principles p,footer,.contact-details,.room-rules,.privacy-copy,.privacy-card dd{color:var(--muted)}.dot{background:#7d8ca3}.dot.online{background:#21beac;box-shadow:0 0 0 3px #21beac15}main{min-width:0;max-width:1400px;margin:0 auto;padding:28px 48px 0}header{border-color:var(--line);letter-spacing:1.3px;padding-bottom:22px}.pill{border-color:var(--line);background:var(--surface)}.intro{padding:30px 0 20px}.intro .eyebrow{letter-spacing:1.8px;color:var(--accent);font-size:10px}h1{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(29px,3vw,44px);font-weight:650;line-height:1.15}h1>span{color:var(--accent)}.intro>p{margin:10px 0;font-size:13px;line-height:1.7}.chat-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:18px}.chat-top{border-color:var(--line);background:var(--surface);padding:18px 22px;font-size:12px}.badge{color:var(--accent);background:var(--accent-soft);border-radius:6px;font-size:9px}.badge.public,.offline-limit{color:#9b6114;background:#fff1d6}.empty{min-height:320px;padding:28px}.empty h2{font-size:20px;font-weight:600}.empty p{max-width:400px;font-size:12px;line-height:1.7}.orbit{background:url(/icon.svg) 50%/contain no-repeat;width:84px;height:84px;margin-bottom:6px}:root[data-theme=light] .orbit{background-image:url(/icon-light.svg)}.orbit:before,.orbit span,.orbit b{display:none}.primary,.message.mine p,.contact-notice button{color:#fff;background:#0874de;border-color:#0874de}.primary:hover:not(:disabled){background:#075eb8}.messages{height:clamp(270px,38vh,480px)}.message p{background:var(--raised)}.composer{border-color:var(--line);padding:14px}.composer>span{color:var(--muted)}.actions button{min-height:34px;padding:9px 11px;font-size:10px}.actions button:first-of-type{color:var(--accent)}.principles{gap:20px;margin-top:24px}.principles b{color:var(--text);font-size:11px}.principles p{font-size:11px}footer{border-color:var(--line);gap:12px;margin-top:26px;padding:20px 0;font-size:9px}.privacy-dialog{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.privacy-overlay{background:#020714b3}.contact-notice{background:var(--accent-soft);border-color:var(--line)}.error{color:#942b22;background:#fff0eb}.danger{color:#d05650;border-color:#d0565060}[data-theme=dark] .error,[data-theme=dark] .offline-limit{color:#ffc3b5;background:#352427}[data-theme=dark] .badge.public{color:#ebcc8a;background:#352d20}.admin{color:var(--text)}.admin form{flex-wrap:wrap}.admin details{padding:10px 0}.compact h1{font-size:36px}.nav .unread-badge,.contact-list .unread-badge{background:#086fd1}@media (width<=1000px){.shell{grid-template-columns:212px minmax(0,1fr)}aside{padding:25px 17px}main{padding:24px}.brand{font-size:26px}.intro{padding-top:26px}}@media (width<=650px){.shell{display:block}aside{border-bottom:1px solid var(--line);height:auto;padding:17px 16px 12px;position:relative}.brand{font-size:25px}.mark{width:35px;height:35px}.theme-toggle{margin:0;padding:7px 9px;font-size:11px;position:absolute;top:19px;right:16px}nav{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:17px;display:grid}.nav{justify-content:center;gap:6px;padding:11px 5px;font-size:11px}.nav svg{width:17px;height:17px}.relay{gap:12px;margin-top:12px;padding-top:10px}.relay details[open]{flex-basis:100%}.relay details{font-size:10px}.current-relay{display:block}main{padding:17px 14px 0}header{padding-bottom:14px}header>span:first-child{font-size:7px}.pill{padding:6px 9px}.intro{padding:20px 0 14px}.intro .eyebrow{font-size:9px}h1,.compact h1{letter-spacing:-.8px;font-size:28px}.intro>p{font-size:12px}.intro>p br{display:none}.empty{min-height:270px;padding:22px 16px}.empty h2{font-size:18px}.orbit{width:66px;height:66px}.empty p{font-size:11px}.chat-top{padding:13px;font-size:10px}.messages{height:clamp(240px,38dvh,400px);padding:14px}.composer input{font-size:16px}.actions{gap:6px}.actions button{padding:8px;font-size:9px}.principles{display:none}footer{margin-top:20px;font-size:8px}.contact-list{overflow:auto}.privacy-grid{gap:16px}.chat-top input{max-width:45%}}