:root{color:#24332b;font-synthesis:none;background:#f5f3ed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #90bca2}button:disabled{cursor:default}.wordmark{letter-spacing:-1px;white-space:nowrap;font-size:25px;font-weight:650}.landing{min-height:100svh;padding:38px 5vw;position:relative;overflow:hidden}.landing-top{justify-content:space-between;align-items:center;display:flex}.landing-top>span:last-child{letter-spacing:2px;font-size:11px;font-weight:600}.welcome{z-index:1;margin:14vh 0 100px 5vw;position:relative}.eyebrow{letter-spacing:1.8px;color:#6b7c70;font-size:10px;font-weight:650}.welcome h1{letter-spacing:-3.5px;margin:27px 0;font-family:Georgia,serif;font-size:clamp(48px,5.8vw,86px);font-weight:400;line-height:1.04}.welcome h1 span{color:#4e8a65}.welcome p{color:#788078;margin:24px 0 33px;font-size:17px;line-height:1.7}.signin{color:#fff;background:#2a583e;border-radius:9px;justify-content:space-between;align-items:center;gap:23px;max-width:290px;padding:18px 20px;font-size:14px;font-weight:500;text-decoration:none;display:flex;box-shadow:0 8px 20px #26473518}.google{font-size:19px;font-weight:600}.welcome small{color:#8a9189;margin:15px 0 0 28px;font-size:11px;display:block}.connection-art{justify-content:center;align-items:center;width:40%;height:350px;display:flex;position:absolute;top:30%;left:55%;transform:rotate(-12deg)}.orbit{z-index:1;border-radius:50%;place-items:center;width:125px;height:125px;font:50px Georgia;display:grid;box-shadow:0 25px 70px #34493b18}.one{color:#f0f4e7;background:#293d30}.two{color:#53634f;background:#e2dfcc;align-self:flex-start;margin-top:55px}.line{background:repeating-linear-gradient(90deg,#bdc5b7 0 5px,#0000 5px 13px);width:160px;height:2px;transform:rotate(-16deg)}.art-note{letter-spacing:2px;color:#9aa493;font-size:8px;position:absolute;bottom:40px;left:80px}.landing footer{color:#959d94;font-size:11px;position:absolute;bottom:32px;left:5vw}.splash{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100svh;display:flex}.splash p{color:#7a877d;font-size:13px}.workspace{flex-direction:column;height:100svh;display:flex}.topbar{border-bottom:1px solid #dedfd4;flex-shrink:0;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex}.company{letter-spacing:1.5px;align-items:center;gap:10px;font-size:10px;display:flex}.company-dot{background:#547b59;border-radius:50%;width:6px;height:6px}.text-button{color:#7d877d;letter-spacing:0;background:0 0;border:0;margin-left:32px;font-size:11px}.columns{flex:1;min-height:0;display:flex}aside{background:#f1f1e9;border-right:1px solid #dedfd4;flex-direction:column;flex-shrink:0;width:350px;padding:30px 18px 0;display:flex}.sidebar-title{justify-content:space-between;align-items:center;padding:0 12px;display:flex}.sidebar-title h1{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:550}.sidebar-title>span{color:#929b8f;border:1px solid #d2d9ca;border-radius:5px;padding:3px 6px;font-size:11px}.subtle{color:#899183;margin:9px 12px 25px;font-size:11px}.search{color:#95a18e;background:#f7f7f0;border:1px solid #dadfd1;border-radius:7px;align-items:center;gap:10px;margin:0 10px 20px;padding:10px 12px;display:flex}.search span{font-size:20px;line-height:1}.search input{color:#344a39;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.search input::placeholder{color:#929b89}nav{max-height:45vh;overflow:auto}.pair{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:14px;padding:16px 12px;display:flex}.pair:hover{background:#e8ede0}.pair.active{background:#e4eadd;border-color:#d4dec9}.avatar{color:#4b6246;background:#dce3d1;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font:18px Georgia;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;image-rendering:auto;width:100%;height:100%}.avatar[data-rendering=pixelated] img{image-rendering:pixelated}.avatar.small{width:30px;height:30px;font-size:15px}.pair-avatars{flex-shrink:0;display:flex}.pair-avatars .avatar:first-child{color:#e8eedf;background:#3e5340}.pair-avatars .avatar+.avatar{margin-left:-12px;transform:translateY(8px);box-shadow:-3px 0 #f1f1e9}.active .pair-avatars .avatar+.avatar{box-shadow:-3px 0 #e4eadd}.pair-label{flex-direction:column;flex:1;gap:7px;display:flex}.pair-label strong{font-size:13px;font-weight:550}.pair-label strong span{color:#98a18c;padding:0 3px;font-weight:400}.pair-label small{color:#8a9383;font-size:10px}.pair>span:last-child{color:#98a48e}.side-empty{color:#86917e;margin:15px 12px;font-size:12px;line-height:1.7}.directory{border-top:1px solid #dce1d3;margin:30px 12px 20px;padding-top:23px;overflow:auto}.directory .eyebrow{justify-content:space-between;margin-bottom:18px;font-size:9px;display:flex}.directory-dot{align-items:center;gap:14px;margin:12px 0;padding:8px 0;display:flex}.directory-dot .avatar{width:60px;height:60px;font-size:26px}.directory-details{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.directory-details strong{overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.25}.directory-dot small{color:#8f9987;align-items:center;gap:6px;font-size:10px;line-height:1.25;display:flex}.presence{background:#adac96;border-radius:50%;width:5px;height:5px}.presence.connected{background:#679360}.sidebar-foot{color:#929c89;letter-spacing:.3px;border-top:1px solid #dce1d3;margin-top:auto;padding:18px 12px;font-size:9px}.thread{background:#faf9f5;flex-direction:column;flex:1;min-width:0;display:flex}.thread-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.empty-symbol{letter-spacing:7px;color:#a5b19a;margin-bottom:28px;font-size:48px;font-weight:300}.thread-empty h2{color:#43563f;margin:16px 0;font:32px Georgia}.thread-empty p{color:#8b9583;font-size:12px;line-height:1.8}.thread-header{border-bottom:1px solid #e7e8de;align-items:center;gap:20px;min-height:100px;padding:25px 38px;display:flex}.thread-header h2{margin:0 0 8px;font-size:17px;font-weight:550}.thread-header h2 span{color:#a1a992;margin:0 8px;font-weight:400}.thread-header p{color:#87937e;margin:0;font-size:10px}.history-tag{letter-spacing:1.5px;color:#9ba58e;margin-left:auto;font-size:8px}.messages{flex:1;padding:15px clamp(20px,5vw,100px) 30px;overflow:auto}.date-divider{text-align:center;color:#9aa38e;letter-spacing:.5px;margin:25px 0 36px;font-size:9px}.message{align-items:flex-start;gap:12px;max-width:82%;margin:0 0 24px;display:flex}.message>div{min-width:0}.message.right{flex-direction:row-reverse;margin-left:auto}.message.right .message-meta{justify-content:flex-end}.message-meta{align-items:center;gap:12px;margin:0 0 8px;font-size:10px;display:flex}.message-meta strong{font-weight:550}.message-meta time{color:#a1a992;font-size:9px}.bubble{color:#4a5741;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e2e5d8;border-radius:0 12px 12px;padding:14px 17px;font-size:13px;line-height:1.75}.right .bubble{background:#eaf0e1;border-color:#e0e8d5;border-radius:12px 0 12px 12px}.delivery{text-align:right;color:#a0a993;margin-top:6px;font-size:8px;display:block}.reader-note{text-align:center;color:#98a18d;border-top:1px solid #e4e7da;margin:0 36px;padding:20px;font-size:10px}.reader-note span{color:#afba9e;margin-right:6px}.banner{color:#77633b;background:#f1e4bd;padding:10px 32px;font-size:12px}.back{background:0 0;border:0;display:none}.thread-empty .eyebrow{font-size:9px}@media (width<=900px){aside{width:300px}.thread-header{padding:24px}.history-tag{display:none}.connection-art{opacity:.45;left:60%}.welcome{margin-left:0}.welcome h1{font-size:68px}.orbit{width:90px;height:90px}}@media (width<=640px){.landing{padding:25px}.welcome{margin-top:13vh}.welcome h1{letter-spacing:-2px;font-size:55px}.welcome p{font-size:15px}.connection-art{display:none}.topbar{height:65px;padding:0 20px}.company{font-size:8px}.company-dot{display:none}.text-button{margin-left:8px;font-size:10px}.wordmark{font-size:22px}aside{border:0;width:100%}.columns:has(.thread-header) aside{display:none}.thread:not(:has(.thread-header)){display:none}.thread{width:100%}.back{display:block}.thread-header{gap:12px;min-height:90px;padding:18px 12px}.thread-header h2{font-size:16px}.thread-header p{font-size:8px}.message{gap:8px;max-width:95%}.reader-note{margin:0 14px;padding:18px 0;font-size:8px}.messages{padding:6px 14px 20px}.directory{margin-top:35px}.welcome small{margin-left:5px}.landing footer{left:25px}.bubble{font-size:12px}.company{letter-spacing:1px}}