:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#273e35;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #8bbaa2;outline-offset:3px}input:focus,textarea:focus{outline:none;border-color:#527e65}button{border:0}.entry{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 22px;background:radial-gradient(ellipse at 20% 20%,#e7eee5,transparent 60%),#f5f7f4}.entry-card{width:100%;max-width:420px}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;color:#fff;background:#355e49;font-size:25px;box-shadow:0 6px 18px #355e4918}.eyebrow{margin:32px 0 12px;color:#7e8e80;font-size:10px;letter-spacing:2.2px}.entry h1{font-size:34px;letter-spacing:-1px;margin:0 0 12px;font-weight:650}.intro{font-size:14px;color:#6c7e71;line-height:1.8;margin:0 0 36px}label{display:block;font-size:13px;margin:20px 0 9px;font-weight:600}input{width:100%;height:50px;border:1px solid #d8e1d7;background:#ffffffa8;border-radius:12px;padding:0 15px;color:#273e35}input::placeholder,textarea::placeholder{color:#96a197}.primary{margin-top:26px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:12px;background:#355e49;color:#fff;font-size:15px}.primary:hover,.send:hover{background:#274e3b}.primary span{font-size:22px;line-height:1}.entry-note{font-size:11px;text-align:center;color:#859184;margin-top:27px}.entry-footer{font-size:10px;letter-spacing:2px;color:#a0aaa0;margin-top:55px}.error{min-height:20px;font-size:13px;color:#ac483f}.room{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:1000px;margin:0 auto;background:#fbfcf9;border-left:1px solid #e4e9df;border-right:1px solid #e4e9df}.room-header{flex:none;padding:23px 30px 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0e9;gap:12px}.heading{display:flex;align-items:center;gap:13px}.small{width:42px;height:42px;border-radius:14px;font-size:20px;box-shadow:none}.heading h1{font-size:20px;margin:0;font-weight:650}.heading h1 span{font-size:11px;font-weight:400;color:#8a968a;margin-left:10px}.heading p{display:flex;gap:6px;align-items:center;font-size:11px;color:#839181;margin:7px 0 0}.heading i{width:6px;height:6px;background:#aaa;border-radius:50%}.heading i.connected{background:#7da882}.user-menu{display:flex;align-items:center;gap:14px;font-size:12px;min-width:0}#my-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiet{background:transparent;color:#6b7e6d;border:1px solid #dfe6da;border-radius:8px;padding:7px 12px;font-size:12px}.quiet:hover{background:#f1f4ed}.room-note{display:flex;justify-content:space-between;flex:none;padding:11px 30px;font-size:11px;color:#8c9788;border-bottom:1px solid #edf0e7;background:#f8faf4}.timeline{flex:1;min-height:0;overflow:auto;padding:24px 30px;scrollbar-width:thin;scrollbar-color:#d1dbcd transparent}.older{display:block;margin:0 auto 26px;padding:8px 18px;font-size:12px;background:#eef3e9;color:#788b73;border-radius:20px}.empty{padding:60px 12px;text-align:center;color:#8d9a88}.empty>div{font-size:34px}.empty h2{font-size:17px;font-weight:500;color:#6a7e63;margin-top:24px}.empty p{font-size:12px}.message{display:flex;gap:10px;margin:0 0 23px;align-items:flex-start}.message.mine{flex-direction:row-reverse}.avatar{flex:none;display:grid;place-items:center;width:33px;height:33px;border-radius:12px;background:#e9eddf;color:#76816a;font-size:13px;margin-top:20px}.mine .avatar{background:#dce8d7;color:#52714d}.message-body{max-width:min(78%,640px);min-width:0}.meta{font-size:10px;color:#96a08e;display:flex;gap:9px;margin:0 3px 6px;align-items:center}.mine .meta{justify-content:flex-end}.meta strong{font-weight:500;color:#70816b;overflow-wrap:anywhere}.bubble{padding:12px 15px;border-radius:3px 15px 15px;background:#fff;border:1px solid #e6ebdf;box-shadow:0 2px 4px #2b402804}.mine .bubble{border-radius:15px 3px 15px 15px;background:#e8f0df;border-color:#dde7d3}.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:0}.file-card{display:flex;align-items:center;gap:12px;color:#354c30;text-decoration:none;min-width:150px}.file-icon{display:grid;place-items:center;background:#eef2e7;border-radius:9px;width:38px;height:44px;flex:none;font-size:20px}.file-name{font-size:13px;font-weight:500;overflow-wrap:anywhere}.file-size{margin-top:5px;font-size:11px;color:#8a9580}.file-arrow{margin-left:8px;font-size:18px}.image-preview{display:block;max-width:100%;max-height:280px;border-radius:8px;margin-bottom:12px;object-fit:contain}.remove{background:none;color:#a5afa0;font-size:10px;padding:3px;margin-top:4px}.mine .remove{display:block;margin-left:auto}.removed{font-size:12px;color:#a0aa98;font-style:italic}.composer{padding:16px 25px max(12px,env(safe-area-inset-bottom));flex:none;background:#fff;border-top:1px solid #e9eddf}.composer form{display:flex;align-items:flex-end;gap:10px}.attach{flex:none;background:#f2f5ed;color:#6f8567;width:40px;height:40px;border-radius:12px;font-size:25px;font-weight:300}.composer textarea{resize:none;flex:1;min-width:0;max-height:130px;border:1px solid #e4eadd;border-radius:12px;background:#fbfcf9;padding:10px 13px;line-height:22px;height:44px;font-size:14px}.send{flex:none;background:#355e49;color:#fff;font-size:13px;height:42px;border-radius:11px;padding:0 18px}.composer-tip{display:flex;justify-content:space-between;color:#a1ab99;font-size:10px;margin:10px 0 0;padding-left:50px}.notice{font-size:12px;color:#a74d40;margin:0 0 10px}.upload-progress{font-size:12px;color:#55754b;background:#f0f5e9;padding:10px 12px;border-radius:8px;margin-bottom:12px}.jump{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);border-radius:20px;background:#355e49;color:#fff;padding:10px 18px;font-size:12px;box-shadow:0 4px 18px #25432c22}dialog{border:1px solid #dfe7d9;border-radius:18px;padding:24px;max-width:360px;color:#354c30}dialog::backdrop{background:#1f352c55}dialog h2{font-size:18px}dialog p{font-size:13px;line-height:1.7;color:#7f8c76}dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.danger{background:#aa5148;color:#fff;border-radius:8px;padding:8px 17px;font-size:12px}@media(max-width:600px){.room{border:0}.room-header{padding:16px}.heading h1 span{display:none}.room-note{padding:10px 16px}.timeline{padding:18px 13px}.message{gap:7px}.message-body{max-width:80%}.composer{padding:12px 12px max(13px,env(safe-area-inset-bottom))}.composer form{gap:7px}.composer-tip{padding-left:0;font-size:9px}.composer-tip span{display:none}.send{padding:0 14px}.user-menu{gap:8px}#my-name{max-width:85px}.meta{font-size:9px}.bubble{padding:10px 12px}.entry h1{font-size:31px}input{font-size:16px}.composer textarea{font-size:16px}.entry{padding:30px 26px}.entry-footer{margin-top:32px}.jump{bottom:112px}}