:root{color:#111;font-synthesis:none;background:#d5d5d5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}button,input{font:inherit}button{color:inherit;background:0 0;border:0}.access-screen{background:#ededed;place-items:center;width:min(100%,760px);height:100dvh;margin:auto;padding:24px;display:grid}.access-card{text-align:center;background:#fff;border-radius:12px;width:min(100%,330px);padding:34px 28px 30px;box-shadow:0 10px 40px #00000012}.lock-mark{color:#fff;background:#07c160;border-radius:14px;place-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:34px;display:grid;transform:rotate(-25deg)}.access-card h1{margin:0;font-size:20px;font-weight:600}.access-card p{color:#888;margin:8px 0 24px;font-size:13px}.access-card input{text-align:center;letter-spacing:3px;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;height:44px;padding:0 12px;font-size:16px}.access-card input:focus{border-color:#07c160;box-shadow:0 0 0 3px #07c16018}.access-card small{color:#d33;margin:8px 0 -3px;font-size:12px;display:block}.access-card button{color:#fff;cursor:pointer;background:#07c160;border-radius:6px;width:100%;height:44px;margin-top:16px;font-size:16px}.phone-shell{background:#ededed;grid-template-rows:auto auto 1fr auto;width:min(100%,760px);height:100dvh;margin:auto;display:grid;overflow:hidden;box-shadow:0 0 40px #0002}.chat-header{min-height:56px;padding:max(8px, env(safe-area-inset-top)) 8px 7px;z-index:5;background:#edededf5;border-bottom:1px solid #d7d7d7;align-items:center;display:flex}.icon-btn{cursor:pointer;place-items:center;width:42px;height:40px;font-size:20px;display:grid}.back{justify-content:start;padding-left:4px;font-size:38px;font-weight:200}.dots{letter-spacing:2px;font-weight:700;transform:translateY(-3px)}.calendar-button{font-size:23px;font-weight:300}.chat-title{flex-direction:column;flex:1;align-items:center;min-width:0;line-height:1.25;display:flex}.chat-title strong{font-size:17px;font-weight:600}.chat-title small{color:#888;font-size:10px}.search-icon{border:2px solid;border-radius:50%;width:17px;height:17px;display:inline-block;position:relative}.search-icon:after{content:"";background:currentColor;border-radius:2px;width:7px;height:2px;position:absolute;bottom:-3px;right:-6px;transform:rotate(45deg)}.search-bar{color:#aaa;background:#fff;border-radius:6px;align-items:center;gap:12px;height:38px;margin:8px 12px;padding:0 13px;display:flex}.search-bar .search-icon{width:14px;height:14px}.search-bar input{color:#222;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.search-bar button{color:#999;font-size:21px}.message-list{overscroll-behavior:contain;overflow-anchor:none;min-height:0;padding:10px 14px 20px;overflow-y:auto}.archive-note{text-align:center;color:#888;flex-direction:column;gap:3px;margin:7px 0 16px;font-size:12px;display:flex}.date-filter-bar{z-index:3;color:#666;background:#e1e1e1;justify-content:space-between;align-items:center;margin:-10px -14px 14px;padding:9px 14px;font-size:12px;display:flex;position:sticky;top:0}.date-filter-bar button{color:#576b95;cursor:pointer}.archive-note small{font-size:10px}.load-earlier{color:#5b6f82;cursor:pointer;background:#dde1e5;border-radius:5px;margin:0 auto 18px;padding:7px 13px;font-size:12px;display:block}.time-separator{text-align:center;color:#999;margin:18px 0 12px;font-size:11px}.system-message{color:#999;text-align:center;background:#dedede;border-radius:3px;width:fit-content;max-width:82%;margin:12px auto;padding:3px 7px;font-size:11px}.message-row{align-items:flex-start;gap:9px;margin:9px 0;display:flex}.message-row.sent{flex-direction:row-reverse}.avatar{object-fit:cover;border-radius:4px;flex:none;width:40px;height:40px}.message-content{min-width:0;max-width:calc(78% - 50px);position:relative}.bubble{white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:5px;padding:9px 11px;font-size:16px;line-height:1.45;position:relative;box-shadow:0 .5px 1px #0000000d}.sent .bubble{background:#95ec69}.bubble:before{content:"";border:6px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:13px;left:-6px}.sent .bubble:before{border-left:6px solid #95ec69;border-right:0;left:auto;right:-6px}.quote-box{color:#777;background:#0000000e;border-radius:3px;margin:-3px -3px 6px;padding:5px 7px;font-size:12px;line-height:1.35}.quote-box b{font-weight:500}.image-message img{object-fit:contain;cursor:zoom-in;border-radius:5px;max-width:min(230px,56vw);max-height:310px;display:block}.missing-media{color:#999;background:#ddd;border-radius:5px;place-items:center;width:140px;height:100px;font-size:12px;display:grid}.emoji-message{place-items:center;width:88px;height:88px;display:grid;position:relative}.emoji-message span{filter:grayscale(.25);font-size:54px}.emoji-message small{color:#aaa;font-size:10px;position:absolute;bottom:0}.voice{cursor:pointer;justify-content:space-between;align-items:center;min-width:90px;display:flex}.sent .voice{flex-direction:row-reverse}.voice-waves{letter-spacing:-3px;font-family:serif;font-weight:700;transform:scaleX(.7)}.video-message{color:#fff;background:#333;border-radius:6px;width:min(210px,54vw);height:270px;position:relative;overflow:hidden}.video-message img{object-fit:cover;opacity:.88;width:100%;height:100%}.video-fallback{background:linear-gradient(145deg,#555,#222);width:100%;height:100%}.video-message .play{border:2px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;margin:auto;padding-left:3px;display:grid;position:absolute;inset:0}.video-message small{opacity:.8;position:absolute;bottom:9px;right:9px}.link-card{width:min(290px,67vw);color:inherit;padding:12px;text-decoration:none;display:block;background:#fff!important}.link-card strong{font-size:15px;line-height:1.3;display:block}.link-card p{color:#777;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 9px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.link-card small{color:#aaa;border-top:1px solid #eee;padding-top:6px;display:block}.transfer-card{color:#fff;background:#f89b32;border-radius:5px;width:min(260px,65vw);overflow:hidden}.transfer-card>div{align-items:center;gap:12px;padding:15px 13px 12px;display:flex}.transfer-icon{border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.transfer-card section{flex-direction:column;display:flex}.transfer-card section strong{font-size:18px}.transfer-card section small{margin-top:2px}.transfer-card footer{color:#aaa;background:#fff;padding:5px 10px;font-size:10px}.phone{margin-right:7px}.search-count{text-align:center;color:#777;margin-bottom:15px;font-size:12px}.state-card,.empty{text-align:center;color:#888;margin:20vh auto;font-size:13px}.spinner{vertical-align:-3px;border:2px solid #ccc;border-top-color:#07c160;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.error{color:#b44}@keyframes spin{to{transform:rotate(360deg)}}.composer{min-height:56px;padding:7px 9px max(7px, env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #d5d5d5;align-items:center;gap:9px;display:flex}.calendar-mask{z-index:20;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.calendar-sheet{width:min(100%,760px);padding:0 18px max(24px, env(safe-area-inset-bottom));background:#fff;border-radius:14px 14px 0 0;animation:.2s ease-out sheet-in}.calendar-sheet>header{border-bottom:1px solid #eee;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;display:grid}.calendar-sheet>header button{color:#576b95;justify-self:start}.calendar-sheet>header strong{font-size:16px}.month-nav{text-align:center;grid-template-columns:50px 1fr 50px;align-items:center;height:58px;display:grid}.month-nav button{color:#222;height:40px;font-size:30px}.month-nav button:disabled{color:#ddd}.weekdays,.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.weekdays{color:#999;padding-bottom:8px;font-size:12px}.calendar-grid{row-gap:7px}.calendar-grid button{color:#ccc;border-radius:50%;justify-self:center;width:36px;height:36px}.calendar-grid button.active{color:#222;cursor:pointer}.calendar-grid button.active:after{content:"";background:#07c160;border-radius:50%;width:4px;height:4px;margin:-2px auto 0;display:block}.calendar-grid button.selected{color:#fff;background:#07c160}.calendar-grid button.selected:after{background:#fff}.calendar-sheet>p{color:#aaa;text-align:center;margin:16px 0 0;font-size:11px}@keyframes sheet-in{0%{opacity:.6;transform:translateY(30px)}}.input-placeholder{color:#bbb;background:#fff;border-radius:5px;flex:1;height:39px;padding:10px 12px;font-size:14px}.round-icon{border:2px solid #222;border-radius:50%;width:30px;height:30px;padding:0;font-size:17px;line-height:1}.plus{font-size:24px;font-weight:300}.smile{font-size:21px}@media (width>=761px){body{padding:20px 0}.phone-shell{border-radius:12px;height:calc(100dvh - 40px)}}@media (width<=360px){.message-list{padding-inline:10px}.avatar{width:36px;height:36px}.bubble{font-size:15px}}