:root{color-scheme:light;--forest:#183e35;--deep:#12352d;--lime:#d6eca2;--paper:#f7f7f2;--ink:#20382f;--muted:#768078;--line:#e3e6de;--danger:#963c30;--white:#fff;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px}
*{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{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7fa845;outline-offset:4px}input:focus,textarea:focus{outline:2px solid #97b777;outline-offset:1px}input,textarea{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}input{width:100%;height:51px;padding:0 15px}label{display:block;font-size:.88rem;font-weight:600;margin:23px 0 9px}p{line-height:1.7}h1,h2,p{margin-top:0}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:650;letter-spacing:-.5px;font-size:1.35rem;position:relative;z-index:1}.brand-light{color:#fff}.brand-dot{font-size:7px;color:var(--lime);margin-left:-5px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:51px;padding:0 18px;border:0;border-radius:10px;background:var(--forest);color:white;font-weight:600;margin-top:25px}.primary-button:hover{background:#245346}.primary-button span{font-size:22px}.text-button{border:0;background:none;padding:8px;font-size:.8rem;color:var(--muted)}.notice{border:1px solid #dedabf;background:#fbf8e9;color:#6c6036;border-radius:9px;padding:12px;font-size:.84rem;line-height:1.6}.form-error{font-size:.86rem;color:var(--danger);margin:14px 0 0}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:10px;top:9px}.icon-button{border:0;background:transparent;color:inherit;min-width:36px;min-height:36px;border-radius:8px;font-size:23px}.icon-button:hover{background:#ffffff15}.subtle-button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:9px 14px;font-size:.8rem;font-weight:500}.subtle-button:hover{background:#f2f4ed}
.login-page{background:var(--paper);min-height:100svh}.login-layout{display:grid;grid-template-columns:1.02fr 1fr;min-height:100svh}.welcome-panel{background:var(--forest);color:#fff;position:relative;overflow:hidden;padding:50px 62px;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.welcome-copy{position:relative;z-index:1;padding:68px 0}.eyebrow{font-size:.7rem;letter-spacing:2.4px;color:#bac9bf}.welcome-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.7rem,4.4vw,5rem);line-height:1.2;letter-spacing:-2px;margin:27px 0}.welcome-copy h1 em{font-weight:400;color:var(--lime)}.welcome-copy p{color:#c1cfc6;font-size:1rem;line-height:1.9}.welcome-bottom{display:flex;align-items:center;gap:18px;color:#c6d4ca;font-size:.78rem;position:relative;z-index:1}.avatar-stack{display:flex;padding-left:8px}.avatar-stack span{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--forest);border-radius:50%;margin-left:-8px;background:#cfbea4;color:var(--forest);font-size:.75rem}.avatar-stack span:nth-child(2){background:#b3c6b8}.avatar-stack span:nth-child(3){background:#e2d9b8}.avatar-stack span:last-child{background:#34594c;color:#fff}.orbit{position:absolute;border:1px solid #8bab7b22;border-radius:50%;width:720px;height:720px;right:-490px;top:50%}.orbit-two{width:550px;height:550px;right:-405px;top:58%}.login-panel{padding:49px 58px 34px;display:flex;flex-direction:column;justify-content:space-between;gap:55px}.login-top{display:flex;align-items:center;justify-content:flex-end;gap:11px;font-size:.65rem;letter-spacing:1.5px;color:var(--muted)}.mini-lock{font-size:20px;color:var(--forest)}.login-card{width:100%;max-width:390px;margin:auto}.section-tag{font-size:.63rem;letter-spacing:1.8px;color:#7b866e;font-weight:650}.login-card h2{font-size:2rem;font-weight:550;letter-spacing:-1px;margin:17px 0 12px}.login-card>p.muted{font-size:.92rem;margin-bottom:26px}.login-help{font-size:.78rem;text-align:center;color:var(--muted);margin:22px 0}.login-divider{border-top:1px solid var(--line);margin:30px 0 19px}.login-footer{display:flex;justify-content:space-between;gap:18px;color:#929a90;font-size:.68rem}.login-footer span:first-child{font-weight:600;color:#647163}
.chat-page{height:100svh;background:var(--paper);overflow:hidden}.loading-screen{height:100svh;display:grid;place-items:center;color:var(--muted)}.chat-layout{height:100svh;display:grid;grid-template-columns:275px minmax(0,1fr)}.sidebar{background:var(--forest);color:#edf3e9;padding:28px 21px 0;display:flex;flex-direction:column;min-height:0}.sidebar .brand{font-size:1.24rem;margin:0 0 36px 5px}.sidebar-section-title{font-size:.61rem;letter-spacing:1.6px;color:#a2b5a6;font-weight:600}.room-button{display:flex;align-items:center;gap:13px;text-align:left;background:#ffffff10;color:white;border:1px solid #ffffff10;width:100%;padding:14px 12px;border-radius:11px;margin:13px 0 34px}.room-symbol{font-size:24px;color:var(--lime)}.room-button span:nth-child(2){font-size:.88rem;font-weight:600}.room-button small{display:block;font-size:.69rem;font-weight:400;color:#b9cabb;margin-top:5px}.room-arrow{margin-left:auto;color:var(--lime)}.members-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.count-pill{font-size:.65rem;color:#bfccbd;border-radius:20px;padding:4px 8px;background:#ffffff0a}.members-list{padding:0 0 16px;margin:0;list-style:none;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#567565 transparent}.members-list li{display:flex;align-items:center;gap:11px;padding:9px 5px;font-size:.82rem}.members-list li small{color:#91ab98;margin-left:auto;font-size:.65rem}.avatar{width:33px;height:33px;flex:0 0 33px;border-radius:11px;display:grid;place-items:center;background:#d9dcca;color:var(--forest);font-weight:650;font-size:.74rem}.avatar.tone-1{background:#e4d4c2}.avatar.tone-2{background:#bacdc9}.avatar.tone-3{background:#d2d4b8}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff16;padding:18px 0 20px;margin-top:auto}.my-profile{min-width:0;flex:1}.my-profile strong{font-size:.79rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-profile small{font-size:.66rem;display:block;color:#acc1af;margin-top:4px}.conversation{display:flex;flex-direction:column;position:relative;min-height:0;min-width:0}.chat-header{height:89px;flex-shrink:0;display:flex;align-items:center;gap:15px;padding:0 37px;border-bottom:1px solid var(--line);background:#fcfcf8}.header-room-icon{width:43px;height:43px;border:1px solid #dce2d1;background:#edf1e5;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#668453}.room-heading{flex:1}.room-heading h1{font-size:1.08rem;margin:0 0 6px;font-weight:600}.room-heading p{font-size:.71rem;color:var(--muted);margin:0;display:flex;align-items:center;gap:6px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#c0ad75}.connection-dot.connected{background:#7c9f58}.room-notice{display:flex;align-items:center;gap:10px;padding:14px 36px;color:#839077;border-bottom:1px solid #e9ecdf;font-size:.73rem;background:#f3f5ec}.room-notice span{font-size:18px}.chat-alert{background:#fff0e9;color:#894b39;margin:12px 28px 0;padding:10px 15px;border-radius:9px;font-size:.85rem}.messages-scroll{overflow-y:auto;flex:1;min-height:0;padding:14px 38px 24px;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#d2d8cd transparent}.history-control{text-align:center;margin-bottom:20px}.messages{display:flex;flex-direction:column;gap:22px}.day-divider{display:flex;align-items:center;gap:15px;color:#98a08f;font-size:.63rem;letter-spacing:.7px;margin:9px 0}.day-divider:before,.day-divider:after{content:"";height:1px;background:#e7eadf;flex:1}.message{display:flex;align-items:flex-start;gap:11px;max-width:78%;align-self:flex-start}.message .avatar{margin-top:3px;width:31px;height:31px;flex-basis:31px;border-radius:10px}.message-inner{min-width:0}.message-meta{display:flex;align-items:center;gap:10px;margin:0 0 7px;font-size:.72rem;font-weight:550}.message-meta time{color:#949c8d;font-size:.62rem;font-weight:400}.message-bubble{background:#fff;border:1px solid #e7e9e1;padding:12px 16px;border-radius:2px 14px 14px 14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.89rem;box-shadow:0 2px 2px #19342303}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.own .avatar{display:none}.message.own .message-meta{justify-content:flex-end}.message.own .message-bubble{background:#e3edcf;border-color:#d8e4c0;border-radius:14px 2px 14px 14px}.empty-state{padding:clamp(35px,10vh,130px) 10px;text-align:center;color:var(--muted)}.empty-symbol{display:grid;place-items:center;background:#e9eedf;width:70px;height:70px;border-radius:23px;margin:0 auto 25px;font-family:Georgia,serif;font-size:36px;color:#789466}.empty-state h2{font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;font-weight:400;color:#63755b}.empty-state p{font-size:.88rem}.composer-area{flex-shrink:0;padding:15px 37px 13px;background:var(--paper)}.composer{border:1px solid #dbe1d2;background:#fff;padding:10px 11px 10px 17px;border-radius:14px;display:flex;align-items:flex-end;gap:12px}.composer:focus-within{border-color:#98ad78}.composer textarea{padding:9px 0;min-height:39px;max-height:130px;resize:none;width:100%;border:0;border-radius:0;background:transparent;line-height:1.5;font-size:.9rem}.composer textarea:focus{outline:0}.composer textarea::placeholder{color:#a0a698}.send-button{background:var(--forest);color:var(--lime);width:39px;height:39px;flex:0 0 39px;border:0;border-radius:10px;font-size:25px}.composer-footer{display:flex;justify-content:space-between;margin:10px 2px 0;font-size:.64rem;color:#909b85;gap:12px}.watermark{text-align:center;font-size:.6rem;color:#9aa48e;margin-top:10px;letter-spacing:.6px;user-select:none}.new-messages-button{position:absolute;left:50%;bottom:155px;transform:translateX(-50%);border:1px solid #ccdaba;background:#fff;color:var(--forest);padding:9px 15px;border-radius:25px;box-shadow:0 4px 14px #1b332217;font-size:.8rem}.mobile-only{display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(440px,calc(100% - 30px));max-height:90svh;color:var(--ink)}dialog::backdrop{background:#142e2855;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:1.2rem;margin:0}.dialog-heading button:hover{background:#edf1e5}dialog .small{margin-top:24px}
@media(min-width:1550px){.chat-layout{max-width:1550px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.welcome-panel{padding-left:90px}.login-card{max-width:420px}}
@media(max-width:1020px){.welcome-panel{padding:35px}.login-panel{padding:35px;gap:40px}.welcome-copy h1{font-size:3.6rem}.chat-layout{grid-template-columns:245px minmax(0,1fr)}.chat-header,.composer-area{padding-left:24px;padding-right:24px}.messages-scroll{padding-left:24px;padding-right:24px}.room-notice{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.login-layout{display:block}.welcome-panel{min-height:auto;padding:25px 27px}.welcome-panel .brand{font-size:1.15rem}.welcome-panel .brand img{width:32px;height:32px}.welcome-copy{padding:34px 0 10px}.welcome-copy h1{font-size:2.7rem;letter-spacing:-1px;margin:13px 0 8px}.welcome-copy h1 br:nth-of-type(2){display:none}.welcome-copy h1 em:before{content:" "}.welcome-copy p,.welcome-bottom,.eyebrow{display:none}.login-panel{padding:35px 27px 24px;gap:30px}.login-top{display:none}.login-card h2{font-size:1.7rem}.login-card{max-width:430px}.login-footer{max-width:430px;width:100%;margin:auto}.login-divider{margin:22px 0 15px}.chat-layout{display:block}.conversation{height:100svh}.sidebar{position:fixed;z-index:10;width:275px;height:100svh;left:0;top:0;transform:translateX(-100%);transition:transform .2s;box-shadow:8px 0 40px #12352d20}.sidebar.open{transform:translateX(0)}.mobile-only{display:inline-grid;place-items:center}.chat-header{height:74px;gap:10px;padding:0 14px}.header-room-icon{display:none}.chat-header .subtle-button{padding:8px 10px;font-size:.73rem}.room-notice{padding:10px 17px;font-size:.65rem;line-height:1.5}.messages-scroll{padding:12px 16px 20px}.message{max-width:93%;gap:8px}.message-bubble{padding:10px 13px;font-size:.86rem}.message .avatar{width:26px;height:26px;flex-basis:26px;font-size:.61rem}.message-meta{font-size:.65rem}.composer-area{padding:10px 13px max(10px,env(safe-area-inset-bottom))}.keyboard-hint{display:none}.composer-footer{justify-content:flex-end}.chat-alert{margin:10px 13px 0}.empty-state h2{font-size:1.5rem}.login-footer{font-size:.61rem}.new-messages-button{bottom:137px}.messages{gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}