@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--bg:#faf9f6;--side:#eeece5;--ink:#393a32;--muted:#93938a;--line:#e7e5de;--accent:#bc7257}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:13px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--side);padding:32px 20px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:37px;display:flex;align-items:center;gap:9px;color:var(--accent);text-decoration:none;margin:0 14px 34px}.brand span{color:var(--ink);font-size:25px;font-weight:600;letter-spacing:-2px}.primary{background:var(--accent);color:white;border-radius:8px;padding:13px 18px}.new{width:100%;text-align:left;margin-bottom:32px}.label{font-size:10px;color:#929186;margin:0 12px 12px;letter-spacing:1px}.room{display:flex;width:100%;gap:12px;padding:15px 12px;border-radius:8px;text-align:left;align-items:center;font-size:18px;margin:4px 0}.room span{font-size:12px;flex:1}.room small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.room.active{background:#e2dfd4}.room i{font-size:10px;background:#c6c0ae;padding:2px 5px;border-radius:4px;font-style:normal}.side-note{margin:auto 12px 42px;padding-top:90px;color:#8b8b7e;font-size:12px;line-height:1.9}.doodle{font-size:36px;margin-top:18px;color:#b8b6a9}.profile{border-top:1px solid #dedcd2;display:flex;align-items:center;gap:10px;padding-top:20px}.profile>span:first-of-type{flex:1}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex-shrink:0}.a{background:#e8dccc;color:#8a7053}.b{background:#e0e4d9;color:#697b56}.c{background:#dedee9;color:#7b7394}.me{background:#dfd9ce;color:#7c7364}main{flex:1;min-width:0}header{height:107px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted)}h1{font-size:18px;font-weight:600;margin:8px 0 0}h1 span{font-size:12px;color:#aaa;margin-left:8px}.members{display:flex;align-items:center}.members .avatar{margin-left:-7px;border:3px solid var(--bg)}.members>span{font-size:11px;color:var(--muted);margin-left:10px}.main-body{display:flex;max-width:1300px;margin:auto}.conversation{flex:1;min-width:0;padding:42px 46px 20px}.intro{text-align:center;margin-bottom:36px}.spark{color:var(--accent);font-size:46px}.intro h2{font-family:Georgia,'Noto Sans KR',serif;font-weight:500;letter-spacing:-1px;font-size:28px;margin:12px 0}.intro p{font-size:12px;color:var(--muted)}.date-divider{display:flex;align-items:center;gap:15px;color:#aaa;font-size:10px;margin-bottom:27px}.date-divider:before,.date-divider:after{content:'';height:1px;background:var(--line);flex:1}.message{display:flex;gap:12px;margin:22px 0}.name{font-size:11px;font-weight:600}.name time{font-weight:400;color:#aaa;font-size:9px;margin-left:8px}.message p{font-size:12px;line-height:1.8;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.event{margin:26px 0 0 44px;background:#fffefa;border:1px solid #e1dcd0;border-radius:12px;padding:21px;box-shadow:0 3px 8px #302b1603}.event-top{display:flex;align-items:center;justify-content:space-between}.tag{color:#a8744d;font-size:10px}.status{font-size:9px;background:#eeeee4;color:#85876b;border-radius:20px;padding:4px 8px}.event-heading{display:flex;align-items:center;gap:13px;margin:20px 0}.event-icon{font-size:30px;background:#f3ecde;border-radius:10px;padding:8px}.event h3{font-size:16px;margin:0 0 7px;font-weight:600}.event-heading p{margin:0;color:var(--muted);font-size:10px}.event-details{display:grid;gap:10px;font-size:11px;color:#838377}.event-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#969486}.event-bottom b{color:#696e59}.event-bottom button{border:1px solid #dbd6c9;padding:7px 10px;border-radius:6px;font-size:10px;color:#756e5a}.hint{font-size:10px;text-align:center;color:#aaa799;margin:16px 0 32px}.composer{background:#fffefa;border:1px solid #dedbd2;border-radius:12px;padding:17px;box-shadow:0 3px 12px #00000004}.composer textarea{width:100%;border:0;outline:none;resize:vertical;background:transparent;min-height:44px;font-size:12px;color:var(--ink)}.composer textarea::placeholder{color:#a6a297}.composer>div{display:flex;align-items:center;justify-content:space-between}.composer span{font-size:9px;color:#b3b0a6}.composer button{background:var(--accent);color:white;font-size:20px;width:30px;height:30px;border-radius:7px}.local-note{text-align:center;color:#aaa69b;font-size:9px;margin-top:12px}.planning{width:306px;flex-shrink:0;border-left:1px solid var(--line);padding:30px 25px;min-height:calc(100vh - 107px)}.planning-title{display:flex;justify-content:space-between;font-size:11px;color:#8d8c80;margin-bottom:31px}.planning h2{font-size:19px;font-weight:500;margin:0 0 9px}.planning>p{font-size:11px;color:var(--muted);margin:0 0 25px}.day{display:flex;align-items:center;margin-bottom:20px;gap:8px}.day>span{font-size:8px;color:var(--accent);writing-mode:vertical-rl;letter-spacing:1px}.day>b{font-family:Georgia,serif;font-size:35px;font-weight:400;margin-right:9px}.day>div{font-size:11px}.day small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.slot{display:block;border:1px solid var(--line);border-radius:8px;padding:13px;margin:9px 0;cursor:pointer;background:#fdfcf9}.slot.selected{background:#f0e5dc;border-color:#c3987f}.slot-top{display:flex;align-items:center;gap:9px;font-size:11px}.slot input{accent-color:var(--accent);margin:0}.slot .count{margin-left:auto;color:#aaa;font-size:9px}.bar{height:3px;background:#ebe8df;margin:11px 0 1px 22px;border-radius:5px}.bar span{display:block;background:#c3c4b4;height:100%;border-radius:5px}.selected .bar span{background:#ba8b6e}.vote-meta{display:flex;justify-content:space-between;font-size:8px;color:#99978c;margin:17px 0}.vote-meta i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#99a27b;margin-right:4px}.vote{width:100%;font-size:11px}#vote-result{font-size:10px;color:#8c795e;margin-top:10px;line-height:1.7}.best{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.best>span{font-size:10px;color:#90917a}.best h3{font-size:23px;font-weight:500;margin:12px 0 7px}.best p{font-size:9px;color:#a29e91}.tiny-avatars{display:flex;align-items:center;margin-top:18px}.tiny-avatars .avatar{height:25px;width:25px;margin-right:-5px;border:2px solid var(--bg);font-size:8px}.tiny-avatars>span{font-size:9px;color:#9e9c8f;margin-left:13px}.memo{background:#f0eee6;border-radius:9px;padding:17px;margin-top:33px;display:flex;gap:10px;color:#a39b80}.memo>span{font-size:22px}.memo p{font-size:9px;line-height:1.9;margin:0}dialog{border:1px solid var(--line);border-radius:17px;padding:32px;background:var(--bg);width:420px;max-width:90vw;color:var(--ink)}dialog::backdrop{background:#302e2766;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin:15px 0 25px}dialog label{display:block;font-size:11px;margin:17px 0}dialog input{display:block;width:100%;border:1px solid #dcd7cb;background:#fffefa;border-radius:7px;padding:12px;margin-top:8px;color:var(--ink)}dialog .primary{width:100%;margin-top:10px}.close{float:right;font-size:24px}@media(min-width:1450px){.conversation{padding:48px 65px}.planning{width:330px;padding:35px}}@media(max-width:1100px){.sidebar{width:205px;padding:27px 13px}.conversation{padding:30px 24px}.planning{width:265px;padding:27px 20px}header{padding:0 28px}.event{margin-left:0}.intro h2{font-size:25px}}@media(max-width:800px){.sidebar{width:70px;padding:20px 8px}.brand{font-size:32px;margin:0 auto 27px}.brand span,.label,.room span,.room i,.side-note,.profile,.new{display:none}.room{justify-content:center;padding:13px 0}.main-body{display:block}.planning{width:auto;border-left:0;border-top:1px solid var(--line);min-height:0;padding:25px}.conversation{padding:25px 20px}.members>span{display:none}header{height:85px;padding:0 20px}.intro{margin-bottom:28px}.intro h2{font-size:24px}.planning-title{margin-bottom:18px}.memo{display:none}.best{padding-bottom:15px}.event h3{font-size:14px}.eyebrow{font-size:8px}.main-body{max-width:650px}.hint{margin-bottom:22px}}
/* Conversation-first workspace presentation */
body{background:#f7f6f2}.sidebar{background:#eeede8;width:252px}.brand{margin:0 12px 30px;color:#37352f}.brand .brand-word{font-family:Georgia,serif;font-size:28px;letter-spacing:-1px}.new{background:transparent;border:1px solid #d6d3ca;color:#57534b;font-size:12px}.room{font-size:12px;margin:5px 0;padding:12px}.room.active{background:#e1dfd7}.room span{font-size:12px}.profile{margin-top:auto}.profile .avatar{background:#d9d6ca}header{height:77px;border-bottom:0;padding:0 35px}header .eyebrow{display:none}h1{font-size:14px;font-weight:500;margin:0}.members{gap:9px}.members button{border:1px solid #dedbd2;border-radius:7px;padding:7px 11px;font-size:10px;color:#7b766c}.main-body{max-width:1050px}.conversation{max-width:800px;width:100%;margin:0 auto;padding:44px 45px 24px}.intro{margin-bottom:43px}.intro h2{font-family:Georgia,'Noto Sans KR',serif;font-size:30px;font-weight:400}.intro p{font-size:11px}.intro .spark{font-size:51px}.date-divider{display:none}.message{gap:0;margin:24px 0}.message>.avatar{display:none}.message .name{font-size:10px;color:#aaa398;font-weight:400}.message p{font-size:14px;line-height:1.95}.message:nth-child(odd){background:#eeece5;border-radius:12px;padding:17px 21px;margin-left:45px}.message:nth-child(even){padding:8px 20px 8px 0}.message:nth-child(even) .name:before{content:'✳ ';color:#b87559}.event{display:none;margin:26px 0;background:#f3f1e9;box-shadow:none}.planning{display:none;width:290px;min-height:0;border:1px solid #e1ded5;border-radius:12px;margin:20px 20px 20px 0;background:#faf9f6}.plan-open .planning{display:block}.plan-open .event{display:block}.plan-open .conversation{padding:30px}.plan-open .intro{display:none}.hint{display:none}.composer{margin-top:52px;background:#fffefa;border-radius:17px;padding:18px 20px;box-shadow:0 4px 17px #2d26100a}.composer textarea{min-height:60px;font-size:13px}.composer>div>span{color:#898477;font-size:10px}.composer button{border-radius:8px}.local-note{font-size:9px}.focus-cover{display:none;text-align:center;padding:20vh 25px 50px;max-width:730px;margin:auto}.focus-cover h2{font-size:28px;font-weight:400}.focus-cover p{color:#999184;font-size:12px;line-height:1.8}.focus-examples{display:flex;justify-content:center;gap:10px;margin:35px 0}.focus-examples span{border:1px solid #dedbd1;padding:12px;border-radius:9px;font-size:11px;color:#7c7669}.focus-cover button{color:#a59c8c;font-size:10px}.focus-mode .main-body,.focus-mode header,.focus-mode .sidebar nav,.focus-mode .sidebar .new,.focus-mode .sidebar .label{display:none}.focus-mode .focus-cover{display:block}.focus-mode .sidebar{opacity:.55}@media(max-width:1100px){.sidebar{width:210px}.conversation{padding:35px 28px}.plan-open .conversation{padding:25px 20px}.planning{width:255px;margin-right:15px;padding:23px 18px}}@media(max-width:800px){.sidebar{width:62px;padding:20px 7px}.brand{margin:0 auto 20px}.brand .brand-word{font-size:0}.brand .brand-word:before{content:'W';font-size:25px}.sidebar .room span{display:block;font-size:0}.sidebar .room span:before{content:'≡';font-size:19px}.sidebar .new{display:block;font-size:0;padding:12px 0}.sidebar .new:before{content:'＋';font-size:19px}.profile{display:none}.conversation{padding:35px 19px}.intro h2{font-size:23px}.members{gap:5px}.members button{padding:6px 8px;font-size:9px}header{padding:0 17px;height:67px}.plan-open .planning{width:auto;margin:0 18px 25px}.message:nth-child(odd){margin-left:18px}.composer{margin-top:35px}.focus-examples{flex-wrap:wrap}}
.schedule-page{max-width:1100px;margin:auto;padding:35px 40px 60px}.schedule-page[hidden]{display:none!important}.schedule-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.schedule-heading h2{font-size:27px;font-weight:500;margin:10px 0}.schedule-heading p{font-size:12px;color:#999184;line-height:1.8}.schedule-heading button{font-size:12px;flex-shrink:0}.schedule-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.schedule-page .event{display:block;margin:0}.schedule-page .planning{display:block;width:100%;margin:0;min-height:0}.schedule-page .planning-title{margin-bottom:20px}.schedule-page .day[hidden],.schedule-page .tiny-avatars[hidden]{display:none}.schedule-page .best h3{font-size:18px;line-height:1.7}.schedule-active .main-body{display:none}.focus-mode .schedule-page{display:none!important}.edit-event{border:1px solid #d9d3c6;border-radius:6px;margin-top:15px;padding:7px 10px;font-size:10px;color:#827764}#candidate-editor{margin-top:23px;padding:22px;border:1px solid #e1ded5;border-radius:12px;background:#fffefa}#candidate-editor h3{font-size:15px;font-weight:500;margin:0 0 10px}#candidate-editor p{font-size:10px;color:#9a9182;line-height:1.8}.candidate-row{display:flex;gap:10px;align-items:end;margin:13px 0}.candidate-row label{font-size:10px;color:#8d8578;min-width:0;flex:1}.candidate-row input{display:block;margin-top:6px;width:100%;padding:9px 7px;border:1px solid #dcd7cd;border-radius:6px;background:#faf9f6;color:#524e45;font:inherit;min-height:35px;font-size:12px}.candidate-row button{padding:8px;font-size:18px;color:#a29480}#add-candidate{display:block;padding:10px 0;margin:5px 0 15px;font-size:11px;color:#9b725d}#candidate-editor>.primary{font-size:11px;width:100%}#candidate-status{font-size:10px;color:#948169;line-height:1.8;margin-top:12px}@media(max-width:1100px){.schedule-page{padding:25px}.schedule-columns{grid-template-columns:minmax(0,1fr) 260px;gap:18px}#candidate-editor{padding:15px}}@media(max-width:900px){.schedule-columns{grid-template-columns:1fr}.schedule-heading{align-items:flex-start}.schedule-page{padding:22px 18px}.schedule-heading h2{font-size:23px}.schedule-heading p{font-size:11px}.schedule-heading button{font-size:10px;padding:10px}.schedule-page .planning{padding:22px}.sidebar .schedule-tab span:before{content:'◷'}}
/* A single appointment with visible participants. */
#add-candidate[hidden],.candidate-row>button[hidden]{display:none}.participants-only> :not(.participation-panel){display:none!important}.participants-only{padding:27px!important}.participation-panel h2{font-size:20px;margin:15px 0 10px}.roster-caption{font-size:11px;line-height:1.8;color:#999184}.participant-person{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #e7e3d9}.participant-person>span{font-size:13px}.participant-person small{margin-left:auto;border:1px solid #ded8cb;border-radius:20px;padding:4px 9px;font-size:9px;color:#93846d}#participation-status{font-size:11px;line-height:1.9;color:#a1795e;margin-top:20px}.host-line{font-size:12px;font-weight:500;color:#8d7058;margin-top:19px}.meeting-line{font-size:17px;font-weight:500;margin-top:17px;padding:14px 0 0;border-top:1px solid #e4dfd4;color:#665d4c}.event-bottom{font-size:13px}.event-bottom>span{color:#70634f;font-weight:500}.event-bottom #join{font-size:12px;background:#bc7257;border-color:#bc7257;color:white;padding:11px 20px;border-radius:8px}.event-bottom #join.is-joined{background:#e7ebdf;border-color:#cdd4be;color:#63704f}.event-bottom #join:disabled{cursor:default}.candidate-row{gap:15px}.candidate-row label{font-size:11px}.candidate-row input{padding:12px;font-size:13px}.schedule-page .event-details>span:last-child{display:none}
.event-list-section{margin:0 0 28px}.list-caption{display:flex;gap:15px;align-items:center;margin-bottom:13px;color:#81796c;font-size:12px}.list-caption small{font-size:10px;color:#a59b8a}#event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-list-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;padding:17px;background:#fffefa;border:1px solid #e0dcd1;border-radius:10px;overflow-wrap:anywhere;min-width:0}.plan-list-card.selected{border-color:#bd7a5f;background:#f3eae2;box-shadow:0 0 0 1px #bd7a5f}.plan-list-card small{font-size:9px;color:#ad7a5b}.plan-list-card strong{font-size:13px;font-weight:500}.plan-list-card>span{font-size:10px;color:#9a8e7a}.plan-list-card>span:last-child{font-size:9px}.edit-event[hidden],#candidate-editor[hidden]{display:none!important}@media(max-width:1000px){#event-list{grid-template-columns:repeat(2,minmax(0,1fr))}.list-caption{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:550px){#event-list{grid-template-columns:1fr}}
.plan-card-wrapper{position:relative;min-width:0;display:flex}.plan-card-wrapper .plan-list-card{width:100%;padding-right:39px}.delete-plan{position:absolute;right:9px;top:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1;color:#9e8d7d;border-radius:6px}.delete-plan:hover{background:#eadacf;color:#9f583f}.schedule-columns[hidden]{display:none!important}.empty-plans{grid-column:1/-1;padding:35px;border:1px dashed #d8d1c4;border-radius:10px;text-align:center;font-size:12px;color:#978c7a}.delete-notice{font-size:11px;color:#9b8069;margin-top:12px;min-height:17px}.delete-notice button{font-size:11px;text-decoration:underline;color:#ab694d;margin-left:7px}
.profile-control{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:0}.profile-control>span{font-size:12px;overflow-wrap:anywhere}.profile-control small{display:block;font-size:9px;color:#9c9586;margin-top:5px}.nickname-help{font-size:12px;color:#958b7c;line-height:1.8}.nickname-local{text-align:center;color:#aaa18f;font-size:10px;margin:17px 0 0}#nickname-error{font-size:11px;color:#ac6750;line-height:1.7}.nickname-cancel{display:block;margin:13px auto 0;font-size:11px;color:#978d7c}.nickname-cancel[hidden]{display:none}@media(max-width:800px){.profile{display:flex;justify-content:center}.profile-control{justify-content:center}.profile-control>span{display:none}}
/* Keep the shared profile visible regardless of conversation length. */
.sidebar{position:sticky;top:0;height:100dvh;max-height:100dvh;overflow:hidden;align-self:flex-start}
.sidebar #rooms{min-height:0;overflow-y:auto;flex-shrink:1}
.sidebar .brand,.sidebar .new,.sidebar .label,.sidebar .profile{flex-shrink:0}
.sidebar .profile{margin-top:auto;padding-top:20px;padding-bottom:2px}
.sidebar .profile-control{min-height:36px}
.cloud-status{position:absolute;top:58px;right:35px;max-width:70%;font-size:10px;color:#a57860;overflow-wrap:anywhere}.share-room{font-size:10px}.invite-error{font-size:11px;color:#a4654b}dialog form>p{font-size:12px;line-height:1.8;color:#978b78}@media(max-width:800px){.cloud-status{top:55px;right:15px;font-size:8px}.members .share-room{font-size:8px;padding:6px}}
@media(max-width:800px){.brand .brand-word:before{content:'t'}}
.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.recent-heading button{font-size:21px;line-height:1;padding:3px;color:#807968;border-radius:5px}.recent-heading button:hover{background:#dedbd1}.thread-entry{position:relative}.thread-entry .room{padding-right:32px}.thread-entry .room span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-thread{position:absolute;right:5px;top:8px;width:27px;height:27px;font-size:19px;color:#a89987;border-radius:5px}.delete-thread:hover{background:#e7d8ce;color:#9e664b}.thread-cancel{display:block;margin:15px auto 0;font-size:12px;color:#948675}.thread-error{color:#ab6a50;font-size:11px}.composer .attach-photo{font-size:11px;background:transparent;color:#92816e;width:auto;height:30px;padding:3px 8px;white-space:nowrap;border:1px solid #ded7cb;border-radius:6px;margin-right:12px}.composer>div:has(.attach-photo)>span{flex:1}.composer .attachment-preview{display:flex;gap:12px;align-items:center;background:#f2efe7;border-radius:9px;padding:9px;margin:8px 0 15px}.attachment-preview[hidden]{display:none!important}.attachment-preview img{width:72px;height:60px;object-fit:contain;border-radius:5px;background:#e7e2d6}.composer .attachment-preview>span{font-size:10px;color:#8a7963;overflow-wrap:anywhere;flex:1}.composer .attachment-preview>button{background:transparent;color:#98765b;font-size:20px;width:25px;height:25px}.composer-status{font-size:10px;color:#a77f61;line-height:1.8;margin:8px 0 0;overflow-wrap:anywhere}.composer-status:empty{display:none}.chat-image{display:block;max-width:100%;margin-top:10px;padding:0;text-align:left;color:#98735b;font-size:11px}.chat-image img{display:block;max-width:min(100%,410px);max-height:350px;object-fit:contain;border-radius:9px;background:#eae5da}.message>div{min-width:0;max-width:100%}.photo-dialog{padding:38px 12px 12px;width:auto;max-width:94vw;max-height:94dvh;background:#faf9f6}.photo-dialog>button{position:absolute;top:6px;right:10px;font-size:25px}.photo-dialog img{display:block;max-width:88vw;max-height:80dvh;object-fit:contain}button:disabled{cursor:default;opacity:.5}@media(max-width:800px){.sidebar .recent-heading{display:flex;margin:0 0 10px;justify-content:center}.recent-heading>span{display:none}.recent-heading button{font-size:24px}.sidebar .thread-entry .room{padding:14px 12px 14px 0;min-height:47px}.sidebar .thread-entry .room span{display:none}.sidebar .thread-entry .room:before{content:attr(data-short);font-size:10px}.delete-thread{right:0;top:12px;width:17px;height:22px;font-size:16px}.composer .attach-photo{font-size:10px;margin-right:8px}.composer>div:has(.attach-photo)>span{font-size:8px}.chat-image img{max-height:260px}}
.online-presence{position:relative;font-size:10px;color:#758063}.online-presence summary{list-style:none;cursor:pointer;padding:7px 10px;border:1px solid #d8ddcd;border-radius:7px;white-space:nowrap}.online-presence summary::-webkit-details-marker{display:none}.online-popover{position:absolute;right:0;top:36px;z-index:20;background:#fffefa;border:1px solid #ded8cb;border-radius:10px;padding:17px;width:245px;box-shadow:0 8px 25px #40301912;color:#746b5a}.online-popover strong{font-size:12px;font-weight:500}.online-popover ul{list-style:none;padding:0;margin:12px 0;max-height:200px;overflow:auto}.online-popover li{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:11px;overflow-wrap:anywhere}.online-popover li i{width:6px;height:6px;border-radius:50%;background:#93a479;flex-shrink:0}.online-popover p{font-size:9px;color:#a39884;line-height:1.8;margin:8px 0 0}.presence-stale{color:#a58b70}.presence-stale summary{border-color:#ddd4c6}.members .online-presence{flex-shrink:0}@media(max-width:800px){.online-presence summary{padding:6px;font-size:8px}.online-popover{right:-85px;width:220px}.members .share-room{padding:5px;font-size:8px}.members{gap:4px}header h1{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}