:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#283c33;background:#f7f8f5;font-synthesis:none;font-size:14px;--green:#315e4c;--muted:#879189;--line:#e4e8df}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #9db58c;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.app{display:flex;min-height:100dvh}.sidebar{width:274px;flex-shrink:0;padding:39px 25px 22px;background:#eff2ea;border-right:1px solid #e2e6dc;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:28px;font-weight:650;letter-spacing:-1.5px;color:#283c33;text-decoration:none}.brand-dot{color:#769869}.brand-icon{height:37px;width:37px;background:#315e4c;border-radius:12px;color:#eff2d9;display:inline-flex;align-items:center;justify-content:center;font:italic 35px Georgia;margin-right:11px;letter-spacing:-5px;padding-right:7px}.brand-icon span{font-size:28px;color:#c1d58f;margin-top:10px}.side-heading{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#87917f;margin:58px 0 16px 10px}.room-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e9df;padding:15px 12px;border-radius:12px;box-shadow:0 3px 5px #34452c03}.room-icon{background:#eaf0df;color:#63824b;display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;font-size:24px;border-radius:11px;flex-shrink:0}.room-card strong{display:block;font-size:12px;font-weight:600}.room-card small{display:block;font-size:10px;color:#8a9489;margin-top:5px}.tiny-dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91ab73;flex-shrink:0}.tiny-dot{margin-left:auto}.side-note{margin-top:auto;margin-bottom:54px;padding:100px 15px 0}.orbit{font-size:35px;color:#9cab8c;font-weight:200}.side-note h3{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:17px 0}.side-note p{font-size:11px;color:#8d9689;line-height:1.9}.side-bottom{border-top:1px solid #dfe5d7;padding-top:20px;font-size:9px;display:flex;align-items:center;gap:7px;color:#7d8878}.side-bottom>span:last-child{margin-left:auto}main{width:100%;min-width:0;display:flex;flex-direction:column;height:100dvh}.topbar{padding:34px 49px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#87937e;font-weight:600}.topbar h1{font-size:23px;letter-spacing:-.8px;font-weight:550;margin:9px 0}.topbar p{font-size:11px;color:#899186;display:flex;align-items:center;gap:6px;margin:0}.status-dot{width:6px;height:6px;background:#b7c1ac;border-radius:50%}.status-dot.online{background:#7b9b61;box-shadow:0 0 0 3px #e6eddf}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;border-radius:9px;padding:14px 20px;font-size:12px;font-weight:500;border:1px solid transparent;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:white}.primary:hover{background:#254c3d}.secondary{background:#fff;border-color:#e0e5db;color:#455b4d}.secondary:hover{background:#eef2e9}.secondary svg{width:16px;height:16px}.welcome{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:30px 24px;min-height:620px}.welcome-art{position:relative;width:300px;height:190px;margin-bottom:15px}.art-orbit{position:absolute;border:1px solid #e1e6d9;border-radius:50%;width:260px;height:140px;left:20px;top:24px;transform:rotate(-20deg)}.orbit-two{transform:rotate(20deg);height:140px}.art-bubble{position:absolute;border-radius:18px;font:italic 26px Georgia;box-shadow:0 8px 20px #3a4c3510;display:flex;align-items:center;gap:20px;padding:18px 25px}.bubble-back{background:#e6edda;color:#708663;left:36px;top:30px;transform:rotate(-10deg)}.bubble-back:after{content:"";position:absolute;bottom:-10px;left:22px;border-top:14px solid #e6edda;border-right:14px solid transparent}.bubble-back span{font-size:13px;letter-spacing:3px}.bubble-front{background:#315e4c;color:#f1f5e8;right:20px;top:85px;transform:rotate(6deg)}.bubble-front span{color:#ccdcad;font-size:29px}.bubble-front:after{content:"";position:absolute;bottom:-10px;right:22px;border-top:14px solid #315e4c;border-left:14px solid transparent}.spark{position:absolute;color:#a1af86;font-size:31px}.spark-one{right:17px;top:25px}.spark-two{left:9px;bottom:40px;font-size:19px}.art-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:7px;letter-spacing:2.4px;color:#9aa38e}.pill{font-size:9px;color:#758369;background:#edf1e6;border:1px solid #e5eadc;border-radius:20px;padding:7px 11px;display:flex;gap:7px;align-items:center;margin-top:10px}.welcome h2{font:normal 48px/1.12 Georgia,serif;letter-spacing:-2px;text-align:center;margin:24px 0 17px}.welcome h2 em{font-weight:400;color:#6b8560}.intro{text-align:center;font-size:12px;line-height:1.9;color:#899284;margin:0}.join-form{width:470px;max-width:100%;margin-top:28px}.join-form label,dialog label{display:block;font-size:10px;color:#62705d;margin-bottom:9px}.join-row{display:flex;gap:9px}.join-row input,dialog input{min-width:0;border:1px solid #dfe5d7;border-radius:9px;padding:14px;background:#fff;outline:none;color:#354c3c;flex:1;font-size:12px}.join-row input:focus,dialog input:focus{border-color:#8fa47e;box-shadow:0 0 0 3px #8fa47e15}input::placeholder{color:#a2aa9b}.join-form small{display:block;text-align:center;font-size:9px;color:#9aa18f;margin-top:12px}.features{display:flex;gap:27px;margin-top:37px}.features span{display:flex;gap:7px;align-items:center;font-size:9px;color:#929c89}.features svg{width:14px;height:14px;color:#839477}footer{padding:20px 49px;border-top:1px solid var(--line);font-size:9px;color:#9aa18f;display:flex;gap:7px;align-items:center}.footer-flower{font-size:15px;color:#8c9e78}.footer-right{margin-left:auto}.conversation{display:flex;flex-direction:column;flex:1;min-height:0;max-width:100%;padding:22px 49px 0}.room-banner{font-size:10px;color:#8b9680;display:flex;justify-content:center;gap:7px;align-items:center;padding:0 0 15px}.room-banner svg{height:12px;width:12px}.messages{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:17px;padding:20px 0;scroll-behavior:smooth;overscroll-behavior:contain}.empty-state{text-align:center;margin:auto;color:#8a9783;padding:30px;max-width:380px}.empty-state .room-icon{height:52px;width:52px;font-size:30px}.empty-state h2{font:normal 28px Georgia;color:#425f49}.empty-state p{font-size:12px;line-height:1.8}.empty-state .button{margin-top:10px}.message{max-width:78%;align-self:flex-start;display:flex;flex-direction:column;gap:6px}.message.mine{align-self:flex-end;align-items:flex-end}.bubble{background:#edf0e8;color:#354a39;border-radius:15px 15px 15px 3px;padding:12px 16px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;min-width:48px}.mine .bubble{background:#315e4c;color:#fff;border-radius:15px 15px 3px 15px}.message-meta{font-size:9px;color:#949e8a;display:flex;gap:8px;padding:0 3px}.bubble img,.bubble video{display:block;max-width:100%;max-height:360px;border-radius:9px;object-fit:contain;background:#18281e}.bubble a{color:inherit}.media-caption{margin-top:7px}.media-name{font-size:10px;opacity:.8;display:block;margin-top:6px;white-space:normal}.typing{min-height:24px;color:#839075;font-size:11px;padding-left:4px}.composer{display:flex;align-items:flex-end;gap:12px;padding:12px;background:#fff;border:1px solid #dfe5d8;border-radius:14px;box-shadow:0 4px 20px #263e2e04}.icon-button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#869779;width:36px;height:36px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#edf2e6}.composer textarea{resize:none;flex:1;min-width:0;max-height:130px;line-height:24px;padding:6px 0;outline:0;border:0;background:transparent;color:#354b3a;font-size:13px}.composer textarea::placeholder{color:#a0a995}.send-button{border:0;background:#315e4c;color:white;border-radius:10px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.composer-foot{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#9ba58f;padding:12px 3px 18px}.attachment{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#edf1e6;border-radius:10px;margin-bottom:8px;font-size:11px;overflow-wrap:anywhere}.attachment button{margin-left:auto}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#293e30;color:white;box-shadow:0 6px 25px #23352425;border-radius:10px;padding:14px 20px;max-width:90vw;font-size:12px;z-index:10}dialog{width:440px;max-width:calc(100vw - 30px);border:1px solid #e0e6d8;border-radius:19px;padding:30px;background:#f7f8f5;color:#354c3b;box-shadow:0 20px 80px #19312025}dialog::backdrop{background:#1c30264d;backdrop-filter:blur(4px)}dialog h2{font:normal 30px Georgia;letter-spacing:-.7px;line-height:1.2}dialog p{font-size:12px;line-height:1.8;color:#849078}dialog input{width:100%;font-size:11px}dialog .primary{width:100%;margin-top:12px}dialog small{display:block;font-size:10px;color:#8c9782;line-height:1.8;margin-top:16px}.dialog-close{position:absolute;right:10px;top:10px;font-size:24px}@media(min-width:1500px){.welcome h2{font-size:56px}.welcome-art{transform:scale(1.1);margin-bottom:25px}.topbar{padding-top:43px;padding-bottom:33px}}@media(max-width:1000px){.sidebar{width:225px;padding-left:18px;padding-right:18px}.topbar{padding:27px 30px}.conversation{padding:20px 30px 0}.room-card{gap:8px}.room-card strong{font-size:11px}.room-card .room-icon{width:30px;height:30px}.features{gap:17px}.welcome h2{font-size:43px}footer{padding:18px 30px}}@media(max-width:720px){.sidebar{display:none}.topbar{padding:21px 22px}.eyebrow{font-size:8px}.topbar h1{font-size:22px}.topbar p{font-size:10px}.topbar .button{padding:10px;font-size:10px;gap:7px}.topbar .button svg{width:14px;height:14px}.welcome{padding:22px;min-height:610px}.welcome-art{transform:scale(.9);height:175px;margin-bottom:0}.welcome h2{font-size:43px}.join-row{flex-direction:column}.join-row .button{padding:14px}.join-form{max-width:340px;margin-top:24px}.features{gap:15px;margin-top:27px}.features span{font-size:8px;gap:4px}.features svg{height:12px;width:12px}footer{padding:15px 22px}.conversation{padding:17px 17px 0}.room-banner{font-size:9px;line-height:1.5;text-align:center}.message{max-width:88%}.composer-foot{font-size:8px}main:has(.welcome:not([hidden])){height:auto;min-height:100dvh}main:has(.conversation:not([hidden])) footer{display:none}.bubble{font-size:14px}.composer textarea{font-size:16px}.composer{gap:6px;padding:9px}.topbar:has(~.conversation:not([hidden])) h1{font-size:21px}dialog{padding:26px}.composer-foot{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.invite-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:20px;background:#eaf0df;border:1px solid #d7e2c8;border-radius:12px;flex-shrink:0}.invite-panel strong{font-size:14px;color:#315e4c}.invite-panel p{font-size:12px;line-height:1.7;color:#687d5b;margin:6px 0 0;max-width:490px}.invite-panel .button{flex-shrink:0}#invite{background:#315e4c;color:white;border-color:#315e4c}#invite:hover{background:#254c3d}@media(max-width:720px){.invite-panel{align-items:stretch;flex-direction:column;padding:14px;gap:12px;margin-bottom:15px}.invite-panel .button{width:100%}.invite-panel p{font-size:11px}}