/* Archive browsing is independent of the live story room. */
.archive-list{display:flex;flex-direction:column;overflow:hidden;padding-bottom:29px;background:#fff}
.chat-list-heading{display:flex;align-items:baseline;gap:9px;padding:12px 20px 13px;flex-shrink:0}
.chat-list-heading h1{font-size:27px;letter-spacing:-1px;margin:0}.chat-list-heading>span{font-size:14px;color:#92979d}
.chat-list-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.room-row{padding:14px 18px;gap:12px;min-height:85px;background:transparent;color:#202327;border:0;line-height:1.4}
.room-row:hover{background:#f7f8f9}.room-row:active{background:#f0f2f4}
.room-row .room-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:18px}
.default-avatar{display:grid;place-items:center;font-size:20px;font-weight:500;color:#586374;background:#e4e9ed;flex-shrink:0}
.default-avatar.sage{background:#dee8df;color:#596e60}.default-avatar.slate{background:#e0e4ed;color:#596980}.default-avatar.peach{background:#f3e0d6;color:#986f59}.default-avatar.sky{background:#dceaf1;color:#527d91}.default-avatar.flower{background:#e7e5dc;color:#7b795a}.default-avatar.cooking{background:#ede2d7;color:#927358}
.group-avatar{position:relative;display:block;background:#f0f1f4;overflow:hidden}.group-avatar i{position:absolute;display:grid;place-items:center;width:24px;height:24px;border:1px solid #fff;border-radius:9px;font-size:11px;font-style:normal;color:#657281;background:#dee5ec}.group-avatar i:nth-child(1){left:3px;top:3px}.group-avatar i:nth-child(2){right:2px;top:10px;background:#dfe9df}.group-avatar i:nth-child(3){bottom:2px;left:6px;background:#efe3db}
.room-row .room-copy{flex:1;min-width:0}.room-copy b{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600}.room-copy .member-count{font-size:12px;color:#a0a5ad;font-weight:400}.room-row .room-copy p{font-size:12px;line-height:1.5;color:#858b92;margin:5px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-category{display:block;font-size:9px;color:#999fa5;margin-top:3px}
.room-row .room-meta{flex:0 0 45px;display:flex;align-items:flex-end;flex-direction:column;align-self:stretch;padding-top:4px;gap:8px}.room-meta time{font-size:10px;color:#9ba0a8;white-space:nowrap}.unread-count{background:#ff6154;color:#fff;display:inline-flex;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;font-size:11px}

.chat-tabbar{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;height:49px;background:#fafafa;border-top:1px solid #f0f0f2;color:#3b3030}.chat-tabbar b{font-size:10px;font-weight:500}.tab-chat-symbol{display:block;width:19px;height:15px;background:#3b3030;border-radius:7px;position:relative}.tab-chat-symbol:after{content:'';position:absolute;bottom:-3px;left:4px;width:5px;height:5px;background:#3b3030;transform:skewY(-30deg)}
.archive-chat .app-nav strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-members{font-size:12px;color:#617481}
.archive-scroll{min-height:0;scroll-behavior:auto;overflow-anchor:none}.archive-scroll .chat-date{margin:22px auto 25px;font-size:10px;line-height:1.5;background:#95aabc;color:#fff}.archive-scroll .chat-date:first-child{margin-top:0}
.archive-message{animation:none;margin-bottom:14px;gap:8px;align-items:flex-start}.archive-message.grouped{margin-top:-10px}.archive-message .room-avatar,.avatar-placeholder{width:32px;height:32px;flex:0 0 32px;border-radius:12px;font-size:13px}
.archive-message .message-body{min-width:0;max-width:calc(100% - 40px)}.archive-message.sent .message-body{max-width:88%}.archive-message .sender-name{font-size:11px;line-height:1.5;color:#3e505d;margin:0 0 5px}.archive-message .bubble-row{gap:5px;align-items:flex-end;min-width:0}.archive-message .bubble{font-size:14px;line-height:1.6;padding:9px 11px;max-width:100%;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.archive-message .bubble-row time{font-size:9px;white-space:nowrap;flex-shrink:0;color:#576c7c;padding-bottom:1px}.archive-message.grouped .bubble{border-radius:10px}
.archive-call-record{margin:20px auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#536a79}.archive-call-record time{font-size:9px}.archive-call-record>span:first-child{font-size:16px}

@media(max-width:600px){.archive-list{padding-bottom:calc(29px + env(safe-area-inset-bottom,0px))}}
@media(max-height:740px){.room-row{padding-top:11px;padding-bottom:11px;min-height:76px}.chat-list-heading{padding-top:5px;padding-bottom:7px}.chat-list-heading h1{font-size:25px}}

/* Keep scrolling pet content inside the area below the status bar and app title. */
.pet-app{display:flex;flex-direction:column;overflow:hidden}
.pet-app>.app-nav{position:relative;top:auto;flex:0 0 50px;background:#f8f7ed;z-index:1}
.pet-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;outline-offset:-3px;scroll-padding-block:14px}
.pet-scroll>.pet-reward{margin-bottom:24px}
.work-info h2{font-size:17px;margin:0 0 16px}.work-info p{font-size:14px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}