:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2b3631;background:#f8f9f5;font-synthesis:none;--green:#2e5143;--muted:#86918b;--line:#e7ebe6;--cream:#f5f4eb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a{transition:background .18s,color .18s,transform .18s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #789a76;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #8dac91;outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.8}button svg,a svg{flex-shrink:0}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:500;margin:18px 0}input,select{width:100%;border:1px solid #dce2da;border-radius:10px;background:#fff;padding:13px 14px;color:#2b3631}input::placeholder,textarea::placeholder{color:#a3aaa4}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600}.primary{background:var(--green);color:#fff}.primary:hover{background:#1f3e30}.secondary{background:#eef1e9;border:1px solid #dfe5d9;color:#43563e}.secondary:hover{background:#e3e9db}.full{width:100%;margin-top:12px;padding:15px}.text-button{color:#50735c;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#7d8b82}.icon:hover,.icon.on{background:#e8eee3;color:var(--green)}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:#8b9a88}.brand{display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#f3f4df;border-radius:13px;width:42px;height:42px}.brand b{font-size:25px;letter-spacing:-.06em;font-weight:700}.brand b span{display:block;font-size:8px;letter-spacing:.26em;margin-top:-4px;color:#95a08c}.avatar{width:48px;height:48px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#e8ecdf;border:1px solid #e0e6d7;border-radius:18px;font-size:18px;font-weight:500;color:#657b5c}.avatar.small{width:36px;height:36px;border-radius:13px;font-size:14px}.muted{font-size:12px;color:#8a938b;margin:14px 0}.loading{height:100dvh;display:flex;justify-content:center;align-items:center;gap:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100dvh;display:grid;grid-template-columns:84px 324px minmax(0,1fr);overflow:hidden}.rail{background:#f0f2e9;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:28px 0 24px;gap:18px}.rail .brand{margin-bottom:36px}.rail .brand b{display:none}.rail .brand-icon{background:transparent;color:var(--green);width:40px}.rail .brand-icon svg{width:33px;height:33px}.rail-button{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#93a08e;position:relative}.rail-button:hover{background:#e3e9db}.rail-button.selected{background:#dfe7d6;color:#36523b}.rail-button i{position:absolute;width:6px;height:6px;background:#d88968;border-radius:100%;top:9px;right:9px}.rail-spacer{flex:1}.rail>.avatar{margin-top:15px;background:#d8dfcb;border:2px solid white}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fdfefb;min-height:0}.sidebar-top{padding:35px 25px 23px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.section-heading h1{font-size:26px;font-weight:700}.new-button{width:32px;height:32px;display:grid;place-items:center;background:#eff2e9;color:#507046;border-radius:11px}.new-button:hover{background:#e0e8d5}.sidebar-top p{font-size:12px;color:#91998f;margin-top:7px}.search{display:flex;flex-direction:row;align-items:center;gap:9px;background:#f2f4ee;border-radius:9px;margin:24px 0 0;padding:0 12px;color:#9aa392}.search input{background:transparent;border:0;padding:12px 0;font-size:12px}.search input:focus{outline:0}.room-list{padding:0 12px;flex:1;overflow:auto}.room-card{display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;text-align:left;border-radius:12px;margin-bottom:5px;position:relative}.room-card:hover{background:#f3f5ef}.room-card.active{background:#eaf0e2}.room-card.active:before{content:"";height:24px;width:3px;position:absolute;left:-12px;top:50%;transform:translateY(-50%);background:#678259;border-radius:0 3px 3px 0}.room-copy{min-width:0;flex:1}.room-copy>div{display:flex;align-items:center;gap:6px;justify-content:space-between}.room-copy strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:145px}.room-copy time{font-size:9px;color:#9ba48f;flex-shrink:0}.room-copy p{font-size:11px;color:#8d9686;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.badge{position:absolute;right:12px;bottom:9px;font-size:9px;background:#65805a;color:#fff;border-radius:8px;padding:1px 6px}.sidebar-footer{border-top:1px solid var(--line);padding:20px 24px;display:flex;gap:8px;align-items:center;color:#94a08d;font-size:9px;letter-spacing:-.01em}.sidebar-footer svg{margin-left:auto}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#8ca677}.status-dot.offline{background:#d5ab6a}.list-empty{color:#a0aa98;text-align:center;padding:65px 10px;font-size:12px}.list-empty p{margin-top:13px}.invite-banner{margin:0 18px 17px;padding:12px;background:#f5ead8;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8d744d}.invite-banner span{flex:1}.invite-banner b{background:#d9b785;color:#fff;padding:1px 6px;border-radius:6px}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f8f9f5;position:relative}.chat-header{height:90px;flex-shrink:0;padding:0 32px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#fdfefb}.chat-header h2{font-size:16px;font-weight:600}.chat-header p{font-size:10px;color:#98a08f;margin-top:5px;display:flex;align-items:center;gap:6px}.info-button{margin-left:auto}.mobile-back{display:none}.messages{flex:1;overflow:auto;padding:12px 42px 28px;scrollbar-width:thin;scrollbar-color:#dce2d4 transparent}.date-divider{display:flex;justify-content:center;margin:24px 0 28px}.date-divider span{font-size:10px;color:#98a08f;background:#eef1e7;border:1px solid #e7ecde;border-radius:20px;padding:6px 15px}.message-row{display:flex;gap:10px;margin-bottom:22px;align-items:flex-start}.message-body{max-width:min(75%,530px);min-width:0}.message-row.mine{justify-content:flex-end}.sender{font-size:10px;color:#7f8a76;display:block;margin:0 0 7px 1px}.bubble{background:#fff;border:1px solid #e6eade;border-radius:0 15px 15px;padding:12px 16px;box-shadow:0 2px 3px #36432a03;font-size:13px;overflow:hidden;max-width:100%}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.mine .bubble{background:#e5edda;border-color:#dce6cf;border-radius:15px 0 15px 15px;color:#364d2b}.message-meta{display:flex;gap:7px;font-size:9px;color:#a0a894;align-items:center;margin-top:7px}.mine .message-meta{justify-content:flex-end}.message-meta span{display:flex;align-items:center;gap:3px;color:#8e9e7a}.attachment+.attachment{margin-top:8px}.bubble p+.attachment{margin-top:10px}.photo{padding:0;display:block;width:100%;border-radius:9px;overflow:hidden}.photo img{display:block;max-width:320px;max-height:320px;width:100%;object-fit:contain}.file-card{display:flex;align-items:center;gap:12px;border:1px solid #e0e7d6;background:#fafcf6;border-radius:10px;padding:13px;max-width:340px;min-width:200px;color:#71835d}.file-card span{min-width:0;flex:1}.file-card b{display:block;font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#46553c}.file-card small{display:block;font-size:9px;color:#9aa48e;margin-top:5px}.file-card:hover{background:#eff3e6}.sticker-bubble,.mine .sticker-bubble{background:transparent;border:0;padding:0;box-shadow:none}.sticker-message{width:150px;display:block}.older{margin:auto;display:flex;align-items:center;gap:5px;color:#8a997a;font-size:10px;padding:8px 15px;border-radius:15px;background:#eff3e8}.pending{text-align:right;font-size:12px;margin:10px 0;color:#81936e}.pending span{display:block;white-space:pre-wrap}.pending small{display:block}.pending button{display:inline-flex;gap:4px;align-items:center;font-size:10px;color:#b77558;padding:6px}.chat-empty{text-align:center;margin:60px auto 30px;color:#9aa78d}.chat-empty h3{font-size:16px;color:#677e54;margin:15px 0 8px}.chat-empty p{font-size:12px}.chat-empty small{font-size:10px;display:block;margin-top:20px}.composer-wrap{padding:10px 32px 18px;position:relative}.composer{border:1px solid #e0e5d7;border-radius:15px;background:#fff;box-shadow:0 4px 15px #24371a04;overflow:hidden}.composer textarea{display:block;width:100%;resize:none;border:0;background:transparent;padding:17px 18px 4px;height:65px;max-height:160px;font-size:13px;color:#435138;line-height:1.7}.composer textarea:focus{outline:0}.composer-tools{display:flex;align-items:center;gap:3px;padding:4px 11px 10px}.composer-tools>span{margin-left:10px;font-size:9px;color:#b0b6a8}.send-button{background:var(--green);color:#fff;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;margin-left:auto}.send-button:hover{background:#1d3c2b}.composer-note{text-align:center;font-size:9px;color:#a5ad9c;margin-top:10px}.connection-note{font-size:10px;text-align:center;color:#a17c49;padding:7px}.staged{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.staged>div{display:flex;align-items:center;gap:8px;background:#eaf0e0;color:#6b8057;border-radius:9px;padding:8px;font-size:10px}.staged span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staged button{padding:0;display:flex}.upload-progress{display:flex;align-items:center;gap:8px;font-size:11px;color:#789463;padding:10px}.upload-progress span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress button{color:#ab7457}.picker{position:absolute;bottom:155px;left:32px;width:320px;max-width:calc(100% - 64px);padding:13px;border:1px solid #dde5d4;background:#fff;border-radius:15px;box-shadow:0 10px 35px #33462615;z-index:3}.picker header{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:9px}.picker header button{font-size:11px;color:#a1ac95}.picker header button.selected{color:#416130;font-weight:600}.picker header button:last-child{margin-left:auto}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);padding-top:10px;gap:4px}.emoji-grid button{font-size:25px;padding:5px;border-radius:8px}.emoji-grid button:hover{background:#f1f4e9}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}.sticker-grid button{padding:0}.sticker-grid img{width:100%;display:block}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.welcome-art{position:relative;width:200px;height:170px;display:flex;align-items:center;justify-content:center;color:#789365;margin-bottom:36px}.art-circle{position:absolute;border-radius:50%}.art-circle.one{width:145px;height:145px;background:#e8eddf;left:15px;top:16px}.art-circle.two{width:90px;height:90px;background:#f0e9d8;right:4px;bottom:4px}.welcome-art>svg{z-index:1;transform:rotate(-8deg)}.welcome-art .art-heart{position:absolute;right:25px;bottom:23px;transform:rotate(12deg);fill:#f8f6ee;color:#ad9970}.little-star{position:absolute;right:15px;top:10px;font-size:26px;color:#b9c6a7}.welcome h2{font-size:34px;font-weight:500;line-height:1.5;margin-top:18px;color:#42573a}.welcome p{font-size:12px;color:#969f8c;margin:19px 0 26px;line-height:2}.welcome .primary{padding:12px 23px;font-size:12px}.welcome-note{font-size:10px;color:#a3ac97;display:flex;align-items:center;gap:6px;margin-top:27px}.overlay{position:fixed;inset:0;background:#24352445;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{width:480px;max-height:90dvh;overflow:auto;background:#fcfdf9;border-radius:20px;padding:25px;box-shadow:0 20px 100px #20341b30}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal h2{font-size:21px}.modal h3{font-size:14px;margin:16px 0}.modal-empty{padding:25px 10px;text-align:center;color:#9aaa89}.modal-empty p{margin-top:15px;font-size:13px}.modal-empty small{display:block;margin:10px 0;font-size:11px}.peer-choice{display:flex;align-items:center;gap:15px;background:#edf2e4;border:1px solid #e1e8d5;border-radius:14px;padding:17px}.peer-choice p{font-size:10px;color:#8f9d7e}.peer-choice b{font-size:13px}.peer-choice>svg{margin-left:auto;color:#779464}.invitation{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.invitation h3{margin:0 0 6px}.invitation p{font-size:12px;color:#8a997c}.actions{display:flex;gap:12px;align-items:center;margin-top:15px}.invitation .actions button{padding:9px 16px;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#344b2f;color:#fff;padding:15px 20px;border-radius:12px;font-size:12px;box-shadow:0 5px 30px #0002;z-index:50;display:flex;gap:12px;align-items:center;max-width:calc(100% - 30px)}.toast button{display:flex;color:#d5e3c7;padding:0}.stats{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:20px 0}.stats>div{padding:16px;background:#eef2e7;border-radius:12px;display:flex;flex-direction:column;gap:8px}.stats small{font-size:10px;color:#8b9a7a}.stats b{font-size:21px;font-weight:500}.stats b span{font-size:11px;margin-left:6px}.secret{padding:17px;background:#f7eed9;border:1px solid #ece0c4;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin:15px 0}.secret b{font-size:12px;color:#937a4b}.secret code{font-size:15px;word-break:break-all}.secret small{font-size:10px;color:#a38e66;line-height:1.7}.admin-user{padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.user-heading{display:flex;align-items:center;gap:10px;font-size:12px}.user-heading>span:last-child{font-size:10px;color:#99a88a;margin-left:auto}.admin-controls{display:flex;align-items:center;gap:20px}.admin-controls select{width:140px;font-size:12px}.checkbox{flex-direction:row;align-items:center;font-size:11px;margin:0;white-space:nowrap}.checkbox input{width:auto}.audit{max-height:200px;overflow:auto;font-size:10px;color:#93a181;margin-top:15px}.audit p{padding:4px 0}details summary{font-size:12px;cursor:pointer}.member-list>div{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:13px}.member-list small{margin-left:auto;color:#94a084}.shared-files{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow:auto}.shared-files .file-card{max-width:100%}.danger{color:#b5765e;font-size:12px;padding:6px}.lightbox{width:100%;border-radius:12px;background:#edf0e7}.download-original{width:100%;margin-top:15px}.form-error{font-size:12px;color:#ac6851;margin:12px 0}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fafbf7;position:relative}.login-story{background:#e8eddf;padding:60px max(50px,12%);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story>.brand{margin-bottom:95px}.login-story>.eyebrow{color:#809276}.login-story h1{font-size:43px;line-height:1.55;font-weight:500;margin:20px 0;color:#385132;position:relative;z-index:1}.login-story h1 em{font-style:normal;color:#718961}.login-story p{font-size:13px;line-height:2;color:#91a183}.login-story>small{margin-top:auto;font-size:9px;letter-spacing:.2em;color:#a3af96;padding-top:80px}.login-illustration{display:flex;align-items:center;position:relative;margin:45px 0 0 60px;color:#b3c49c}.login-illustration>svg:first-child{transform:rotate(-12deg);fill:#f4f6ed}.login-illustration>svg:nth-child(2){position:absolute;left:88px;top:-12px;transform:rotate(10deg);fill:#e6d9bd;color:#b9a984}.login-illustration span{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#9eb48a;margin-left:25px;transform:rotate(-8deg)}.login-card{width:350px;max-width:100%;margin:auto;padding:45px 0}.login-card>.brand{margin-bottom:35px}.login-card h1{font-size:28px;line-height:1.6;margin-bottom:18px}.login-card h2{font-size:27px;font-weight:600;margin:18px 0 10px}.login-card>p{font-size:13px;color:#96a18a;margin-bottom:30px}.login-card form{margin-top:35px}.login-card label{font-size:11px;color:#77856b;margin:20px 0}.login-card input{background:#fff;font-size:12px;padding:15px}.login-card .primary{font-size:12px;justify-content:space-between;padding:16px 19px}.arrow-right{transform:rotate(90deg)}.login-card .login-help{font-size:10px;text-align:center;line-height:2;color:#a7b098;margin-top:23px}.login-help svg{vertical-align:middle;margin-right:5px}.login-foot{position:absolute;bottom:25px;right:0;width:50%;text-align:center;font-size:10px;color:#aab39d}.mobile-brand{display:none}@media(min-width:1500px){.app{grid-template-columns:90px 360px minmax(0,1fr)}.messages,.composer-wrap{padding-left:7%;padding-right:7%}.welcome h2{font-size:40px}}@media(max-width:1000px){.app{grid-template-columns:66px 270px minmax(0,1fr)}.sidebar-top{padding:28px 20px 20px}.rail{padding-top:22px}.chat-header{padding:0 22px;height:80px}.messages{padding:10px 22px 24px}.composer-wrap{padding:10px 20px 15px}.composer-tools>span{display:none}.picker{left:20px;max-width:calc(100% - 40px)}.room-card{gap:9px;padding:14px 9px}.room-card .avatar{width:40px;height:40px;border-radius:15px}.room-copy strong{max-width:125px;font-size:12px}.room-copy time{font-size:8px}.sidebar-footer{padding:18px 15px}.welcome h2{font-size:30px}.login-story{padding:45px 35px}.login-story h1{font-size:34px}.login-card{width:300px}.login-illustration{margin-left:0}}@media(max-width:700px){.app{grid-template-columns:58px minmax(0,1fr)}.conversation{display:none}.has-room{display:block}.has-room .rail,.has-room .sidebar{display:none}.has-room .conversation{display:flex;height:100dvh}.sidebar-top{padding:25px 20px}.rail{gap:13px}.rail .brand{margin-bottom:25px}.mobile-back{display:inline-flex}.chat-header{padding:0 13px;height:74px;gap:10px}.chat-header h2{font-size:14px}.chat-header p{font-size:9px}.message-body{max-width:82%}.messages{padding:5px 16px 20px}.message-row{gap:8px}.bubble{font-size:13px;padding:10px 13px}.composer-wrap{padding:8px 12px max(10px,env(safe-area-inset-bottom))}.composer-note{font-size:8px}.composer textarea{height:59px;padding:13px 14px 3px;font-size:14px}.composer-tools{padding:3px 8px 8px}.picker{left:12px;bottom:140px}.overlay{padding:15px}.modal{max-height:93dvh;padding:20px;width:100%}.login-page{display:flex;flex-direction:column;padding:0 25px;justify-content:center}.login-story{display:none}.login-card{width:340px;margin:auto;padding:55px 0 90px}.mobile-brand{display:block;margin-bottom:65px}.login-card h2{font-size:29px}.login-foot{width:100%;right:0;bottom:28px}.room-copy strong{max-width:220px}.sidebar-footer{font-size:10px}.file-card{min-width:170px}.photo img{max-width:270px}.brand b{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.login-card .remember-login{font-size:12px;margin:20px 0 5px;cursor:pointer}.login-card .remember-login input{width:17px;height:17px;padding:0;margin:0;accent-color:var(--green);flex-shrink:0}.remember-help{font-size:11px;color:var(--muted);margin-bottom:22px}.history-status{min-height:36px;display:flex;justify-content:center;align-items:center;gap:7px;color:#82917b;font-size:11px;text-align:center;overflow-anchor:none}.history-status button{text-decoration:underline;padding:6px;color:var(--green)}.messages:focus-visible{outline:2px solid #8dac91;outline-offset:-2px}.sticker-message{height:150px}.push-settings>p{font-size:12px;color:#78856f}.push-settings small{display:block;margin-top:13px;line-height:1.7;color:#8d9883;font-size:11px}.push-settings .actions{flex-wrap:wrap}.push-settings .push-notice{margin-top:12px;color:var(--green)}.install-guide{margin:18px 0;padding:14px 16px;border:1px solid #dce3d7;border-radius:14px;background:#f5f7f1;color:#52654d;font-size:12px;line-height:1.8}.install-guide summary{font-weight:600;cursor:pointer;color:var(--green)}.install-guide p{font-size:12px;line-height:1.8;margin:12px 0 0}.install-guide ol{padding-left:20px;margin:12px 0}.install-guide li+li{margin-top:8px}.install-complete{font-size:12px;color:var(--green);margin:15px 0}.message-row:not(.group-end){margin-bottom:5px}.app{overflow:clip;grid-template-rows:minmax(0,1fr)}.messages{overflow-anchor:none;scroll-behavior:auto}.message-content{display:flow-root}.message-meta{position:relative}.message-row.group-continued .bubble{border-radius:15px}.avatar-spacer{width:36px;flex-shrink:0}.message-meta.empty-meta{height:0;margin:0}.message-row.mine .message-body{position:relative;max-width:min(75%,calc(100% - 58px),530px)}.mine .message-meta{position:absolute;right:calc(100% + 8px);bottom:0;margin:0;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}.mine .message-meta time{order:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px),(pointer:coarse){:root input,:root textarea,:root select{font-size:16px}}.member-details{display:flex;flex:1;min-width:0;flex-wrap:wrap;align-items:center;gap:5px 12px}.member-details>span{overflow-wrap:anywhere}.member-list .presence{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted,#7b8578)}.presence:before{content:"";width:7px;height:7px;border-radius:50%;background:#a6aaa4;flex-shrink:0}.member-list .presence.online{color:#397651}.presence.online:before{background:#4e9168}.member-list .last-seen{flex-basis:100%;margin:0;font-size:11px;color:#727b70;line-height:1.6}.last-seen time{white-space:nowrap}.presence-note{font-size:11px;line-height:1.7;margin:12px 0 20px}.member-list .presence.away{color:#936c26}.presence.away:before{background:#bd8a35}.theme-settings fieldset{padding:0;margin:0;border:0;min-width:0}.theme-settings legend{font-size:14px;font-weight:600;margin-bottom:10px}.theme-settings p{font-size:12px;color:var(--muted)}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.theme-option{margin:0;padding:10px;border:1px solid var(--line);border-radius:13px;cursor:pointer;gap:10px}.theme-option.chosen{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.theme-option:has(input:focus-visible){outline:2px solid var(--green);outline-offset:4px}.theme-swatch{height:58px;border-radius:8px;display:flex;flex-direction:column;gap:7px;padding:10px 12px}.theme-swatch.green{background:#f0f2e9}.theme-swatch.pink{background:#fff0f5}.theme-swatch i{display:block;width:48%;height:15px;border-radius:0 6px 6px;background:#fff}.theme-swatch i+i{align-self:flex-end;border-radius:6px 0 6px 6px}.theme-swatch.green i+i{background:#dfe9d4}.theme-swatch.pink i+i{background:#f5ccdc}.theme-option-label{display:flex;align-items:center;gap:7px;font-size:12px}.theme-option input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--green)}.theme-settings .theme-notice{margin-top:12px;min-height:42px}.theme-settings fieldset:disabled .theme-option{cursor:wait;opacity:.7}:root[data-theme=pink]{--green:#8b425e;--muted:#896b78;--line:#efdee5;--cream:#fff0f5;color:#49333e;background:#fff8fb}:root[data-theme=pink] input,:root[data-theme=pink] select{border-color:#e8d3dc;color:#49333e}:root[data-theme=pink] input::placeholder,:root[data-theme=pink] textarea::placeholder{color:#a48a96}:root[data-theme=pink] :is(button,a):focus-visible{outline-color:#b66a88}:root[data-theme=pink] :is(input,textarea,select):focus{outline-color:#c17a97}:root[data-theme=pink] .primary:hover,:root[data-theme=pink] .send-button:hover{background:#75334e}:root[data-theme=pink] .secondary{background:#fbeaf1;border-color:#edcfdb;color:#81455c}:root[data-theme=pink] .secondary:hover{background:#f4dce6}:root[data-theme=pink] .text-button{color:#8b425e}:root[data-theme=pink] .icon{color:#987183}:root[data-theme=pink] :is(.icon:hover,.icon.on){background:#f8e5ed}:root[data-theme=pink] .eyebrow,:root[data-theme=pink] .brand b span{color:#a1788b}:root[data-theme=pink] .avatar{background:#f8dfeb;border-color:#efccdc;color:#925571}:root[data-theme=pink] .rail{background:#fcecf3}:root[data-theme=pink] .rail-button{color:#a87c90}:root[data-theme=pink] .rail-button:hover{background:#f5dce7}:root[data-theme=pink] .rail-button.selected{background:#f2d4e1;color:#8b425e}:root[data-theme=pink] .rail>.avatar{background:#f0cddd}:root[data-theme=pink] :is(.sidebar,.chat-header){background:#fffdfe}:root[data-theme=pink] .conversation{background:#fff8fb}:root[data-theme=pink] .new-button{background:#fbeaf1;color:#8b425e}:root[data-theme=pink] .new-button:hover{background:#f3d5e2}:root[data-theme=pink] .search{background:#fcf0f5;color:#a17b8d}:root[data-theme=pink] .room-card:hover{background:#fff2f7}:root[data-theme=pink] .room-card.active{background:#fbe5ef}:root[data-theme=pink] .room-card.active:before,:root[data-theme=pink] .badge{background:#a45274}:root[data-theme=pink] .messages{scrollbar-color:#e9cbd8 transparent}:root[data-theme=pink] .date-divider span{background:#fbeef4;border-color:#efdae4;color:#997486}:root[data-theme=pink] .bubble{border-color:#f0dee6;box-shadow:0 2px 3px #73334e03}:root[data-theme=pink] .mine .bubble{background:#f8dce8;border-color:#efcada;color:#663c4e}:root[data-theme=pink] :is(.sticker-bubble,.mine .sticker-bubble){background:transparent;border:0;box-shadow:none}:root[data-theme=pink] .file-card{background:#fff7fb;border-color:#ecd2de;color:#9b6680}:root[data-theme=pink] .file-card b{color:#70475a}:root[data-theme=pink] .file-card:hover{background:#fce9f2}:root[data-theme=pink] .older{background:#fceaf2;color:#95637b}:root[data-theme=pink] .composer{border-color:#ecd6e0;box-shadow:0 4px 15px #73334e04}:root[data-theme=pink] .composer textarea{color:#573b49}:root[data-theme=pink] .staged{color:#8b425e}:root[data-theme=pink] .staged>div{background:#fbe4ee;color:#8b425e}:root[data-theme=pink] .picker{border-color:#ecd2de;box-shadow:0 10px 35px #73334e15}:root[data-theme=pink] .picker header button.selected{color:#8b425e}:root[data-theme=pink] .emoji-grid button:hover{background:#fceaf2}:root[data-theme=pink] .welcome-art{color:#b77391}:root[data-theme=pink] .art-circle.one{background:#f8deea}:root[data-theme=pink] .art-circle.two{background:#fbe9ef}:root[data-theme=pink] .welcome-art .art-heart{fill:#fff4f8;color:#c18ca4}:root[data-theme=pink] .little-star{color:#d7a6bd}:root[data-theme=pink] .welcome h2{color:#77475e}:root[data-theme=pink] .overlay{background:#50303f45}:root[data-theme=pink] .modal{background:#fffbfd;box-shadow:0 20px 100px #562d4130}:root[data-theme=pink] .peer-choice{background:#fbe8f1;border-color:#efd4e1}:root[data-theme=pink] .toast{background:#753e57}:root[data-theme=pink] .toast button{color:#f6dbe7}:root[data-theme=pink] .stats>div{background:#fcebf3}:root[data-theme=pink] .lightbox{background:#faeaf1}:root[data-theme=pink] .install-guide{background:#fff1f7;border-color:#efdae4;color:#795368}:root[data-theme=pink] :is(.muted,.sidebar-top p,.room-copy time,.room-copy p,.sidebar-footer,.list-empty,.chat-header p,.sender,.message-meta,.message-meta span,.file-card small,.pending,.composer-tools>span,.composer-note,.picker header button,.welcome p,.welcome-note,.modal-empty,.peer-choice p,.peer-choice>svg,.invitation p,.stats small,.user-heading>span:last-child,.audit,.member-list small,.history-status,.push-settings>p,.push-settings small){color:#947082}:root[data-theme=pink] :is(.push-settings .push-notice,.install-complete,.upload-progress){color:#8b425e}:root[data-theme=pink] .login-page{background:#fff8fb}:root[data-theme=pink] .login-story{background:#f8deea}:root[data-theme=pink] .login-story h1{color:#77475e}:root[data-theme=pink] .login-story h1 em{color:#ab6b89}:root[data-theme=pink] :is(.login-story>.eyebrow,.login-story p,.login-story>small,.login-card>p,.login-card label,.login-card .login-help,.login-foot){color:#947082}.message-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px;min-height:24px}.mine .message-tools{justify-content:flex-end}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:11px;color:var(--green);min-height:26px}.reaction-chip>span:first-child{font-size:15px;line-height:1.2}.reaction-chip.reacted{border-color:var(--green);background:var(--cream)}.reply-quote{display:block;width:100%;text-align:left;border-left:3px solid var(--green);padding:7px 10px;margin-bottom:10px;background:var(--cream);border-radius:0 7px 7px 0;overflow:hidden;color:var(--green)}.reply-quote b{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600}.reply-quote span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;line-height:1.7;margin-top:3px}.reply-quote.unavailable{font-size:11px;color:var(--muted)}.sticker-bubble:has(.reply-quote){min-width:150px}.reply-composer{display:flex;align-items:center;gap:12px;padding:9px 12px;margin-bottom:8px;border-left:3px solid var(--green);border-radius:8px;background:var(--cream)}.reply-composer>div{min-width:0;flex:1}.reply-composer b{font-size:11px;color:var(--green)}.reply-composer p{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}.message-action-preview{padding:12px 14px;border-radius:10px;background:var(--cream);margin-bottom:16px;color:var(--green)}.message-action-preview b{font-size:12px}.message-action-preview p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;margin-top:5px}.reply-action{width:100%}.reaction-help{font-size:12px;color:var(--muted);margin:20px 0 12px}.reaction-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.reaction-options button{display:flex;align-items:center;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:10px;padding:12px 2px}.reaction-options button[aria-pressed=true]{border-color:var(--green);background:var(--cream)}.reaction-options button>span{font-size:25px}.reaction-options small{font-size:10px;color:var(--green)}.original-message{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin-bottom:15px}.original-attachments{display:flex;flex-direction:column;gap:10px}.original-attachments img{max-width:100%;max-height:300px;object-fit:contain}@media(max-width:700px){.reaction-options{grid-template-columns:repeat(3,minmax(0,1fr))}.reaction-chip{min-height:28px}}.message-row .message-body{max-width:min(75%,calc(100% - 124px),530px)}.message-row.mine .message-body{max-width:min(75%,calc(100% - 78px),530px)}.message-bubble-wrap{position:relative}.message-side-actions{position:absolute;left:calc(100% + 7px);top:50%;transform:translateY(-50%);display:flex;width:64px;border:1px solid var(--line);border-radius:8px;background:var(--cream);box-shadow:0 2px 6px #00000008;opacity:0;pointer-events:none;z-index:1}.mine .message-side-actions{left:auto;right:calc(100% + 7px)}.message-side-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--green);border-radius:7px}.message-side-actions button:hover,.message-side-actions button:focus-visible{background:var(--line)}.message-body:hover .message-side-actions,.message-body:focus-within .message-side-actions{opacity:1;pointer-events:auto}.mine .message-body:hover .message-meta,.mine .message-body:focus-within .message-meta{visibility:hidden}@media(max-width:700px),(hover:none),(pointer:coarse){.message-row .message-body{max-width:min(75%,calc(100% - 136px),530px)}.message-row.mine .message-body{max-width:min(75%,calc(100% - 90px),530px)}.message-side-actions{width:80px}.message-side-actions button{width:40px;height:40px}.mine .message-meta{position:relative;right:auto;bottom:auto;flex-direction:row;margin-top:7px}.mine .message-body:hover .message-meta,.mine .message-body:focus-within .message-meta{visibility:visible}.file-card{min-width:0}}.message-side-actions:before{content:"";position:absolute;right:100%;top:0;width:8px;height:100%}.mine .message-side-actions:before{right:auto;left:100%}.message-side-actions.menu-open{opacity:1;pointer-events:auto}.message-menu-backdrop{position:fixed;inset:0;z-index:120}.message-context-menu{position:fixed;width:180px;padding:5px;background:#fff;color:var(--green);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #0002;max-height:calc(100dvh - 16px);overflow-y:auto}.message-context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;min-height:40px;border-radius:6px;text-align:left;font-size:13px}.message-context-menu button:hover,.message-context-menu button:focus-visible{background:var(--cream);outline:2px solid var(--line);outline-offset:-2px}.message-context-menu button:disabled{opacity:.4;cursor:default}.message-context-menu hr{border:0;border-top:1px solid var(--line);margin:5px}.message-context-menu .delete-action{color:#b14e55}.message-edit-input{display:block;width:100%;min-height:140px;max-height:45dvh;resize:vertical;font-family:inherit;font-size:16px;line-height:1.6;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green)}.delete-confirm{background:#a74650}.edited-label{display:block;font-size:9px;color:var(--muted);margin-top:4px}.deleted-bubble,.mine .deleted-bubble{color:var(--muted);background:var(--cream);border-style:dashed;font-style:italic}.conversation-export{margin:20px 0}.conversation-export .muted{margin:10px 0;line-height:1.7}.conversation-export button{max-width:100%;white-space:normal}.message-touch-toggle{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.message-touch-toggle:focus-visible{width:auto;height:auto;clip-path:none;left:0;top:0;padding:8px;background:var(--cream);color:var(--green);border:1px solid var(--green);border-radius:8px;z-index:3}@media(max-width:700px),(hover:none),(pointer:coarse){.message-body .message-side-actions,.message-body:hover .message-side-actions,.message-body:focus-within .message-side-actions{opacity:0;visibility:hidden;pointer-events:none}.message-body .touch-actions-open .message-side-actions,.message-body .message-side-actions.menu-open{opacity:1;visibility:visible;pointer-events:auto}}.chat-header .message-search-toggle{margin-left:auto;flex-shrink:0}.chat-header .info-button{margin-left:0;flex-shrink:0}.chat-header>div{min-width:0}.chat-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-search-toggle[aria-expanded=true]{background:var(--cream);color:var(--green)}.message-search-panel{position:absolute;right:12px;top:82px;width:min(370px,calc(100% - 24px));max-height:calc(100% - 96px);display:flex;flex-direction:column;z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px #0002;padding:15px;color:var(--green)}.message-search-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}.message-search-field{display:flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--line);border-radius:9px;padding:0 10px;flex-shrink:0}.message-search-field input{border:0;background:transparent;padding:12px 0;width:100%;min-width:0;font:inherit;font-size:16px;color:var(--green);outline:none}.message-search-field:focus-within{outline:2px solid var(--green);outline-offset:1px}.message-search-status{font-size:11px;color:var(--muted);padding:12px 0;flex-shrink:0}.message-search-error{font-size:12px;color:#a74650;padding-bottom:10px}.message-search-results{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.message-search-result{display:block;width:100%;text-align:left;padding:12px 7px;border-bottom:1px solid var(--line);border-radius:6px}.message-search-result:hover,.message-search-result:focus-visible{background:var(--cream)}.search-result-meta{display:flex;gap:8px;align-items:center;margin-bottom:6px}.search-result-meta b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta time{margin-left:auto;font-size:10px;color:var(--muted);flex-shrink:0}.search-result-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.7}.search-result-file{display:block;margin-top:5px;font-size:11px;overflow-wrap:anywhere;color:var(--muted)}.message-search-result mark{background:#fff0aa;color:#57471a;border-radius:2px}.search-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:14px;font-size:12px;color:var(--green)}.message-row.search-highlight .bubble{outline:3px solid var(--green);outline-offset:3px;box-shadow:0 0 0 7px var(--cream)}.history-newer{display:flex;justify-content:center;margin:15px 0}.history-newer button,.return-latest{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--green);background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:8px 14px}.return-latest{align-self:center;flex-shrink:0;margin:4px 0}@media(max-width:700px){.message-search-panel{top:66px;right:8px;width:calc(100% - 16px);max-height:calc(100% - 80px);padding:13px}.chat-header{gap:8px}}