:root{--ink:#244152;--muted:#78909f;--line:#dce8ee;--sky:#e8f3f8;--blue:#5188a5;--blue-dark:#346781;--paper:#fff;--bubble:#d6eaf5;--red:#d86664;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font);color:var(--ink);font-size:14px;background:#eef5f8}body{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a2cce1;outline-offset:3px}a{color:var(--blue-dark)}button{border:0;background:none}img{display:block;max-width:100%}[hidden]{display:none!important}.boot{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.brand-mark{font-family:Arial,sans-serif;font-size:49px;color:var(--blue-dark);line-height:1}.boot p{font-size:13px}.loading-error{max-width:520px;margin:15vh auto;padding:30px;background:#fff;border-radius:16px;line-height:1.9}.loading-error pre{white-space:pre-wrap;font-size:12px;color:#856b6b}.shell{height:100%;height:100dvh;max-width:1680px;margin:auto;display:grid;grid-template-columns:74px 296px minmax(0,1fr);background:#f0f5f8}.rail{background:#e3f0f6;border-right:1px solid #d8e6ed;display:flex;align-items:center;flex-direction:column;padding:24px 0 18px;gap:19px;z-index:4}.rail .brand-mark{font-size:37px;margin-bottom:15px}.rail-button{width:56px;height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;border-radius:11px;position:relative;color:#7294a6}.rail-button.active{color:var(--blue-dark);background:#ffffffaa}.rail-icon{font-size:22px;line-height:1}.rail-profile{margin-top:auto;position:relative}.avatar{height:42px;width:42px;flex:0 0 42px;border-radius:10px;object-fit:cover;object-position:center 22%;background:#d4e4eb;display:flex;align-items:center;justify-content:center;font-family:"SimSun",serif;color:#64859a;font-size:18px;overflow:hidden}.avatar.small{height:34px;width:34px;flex-basis:34px;font-size:15px;border-radius:8px}.avatar.large{height:104px;width:104px;flex-basis:104px;border-radius:24px;font-size:37px}.avatar img{height:100%;width:100%;object-fit:cover;object-position:center 22%}.dot{height:7px;width:7px;border-radius:50%;background:var(--red);position:absolute;right:6px;top:7px;box-shadow:0 0 0 2px #e3f0f6}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:10px;padding:0 4px;background:var(--red);color:#fff;font-size:9px}.sidebar{background:#f9fcfd;border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column}.side-head{padding:28px 21px 18px}.side-head h1{font-family:"SimSun","Songti SC",serif;font-size:25px;letter-spacing:1px;margin:0 0 5px;font-weight:600}.side-head p{font-size:10px;color:var(--muted);margin:0}.side-head .search{width:100%;margin-top:18px;padding:8px 11px;border:0;border-radius:7px;background:#ebf2f6;outline-offset:1px;color:var(--ink);font-size:11px}.contact-list{overflow:auto;min-height:0;flex:1;padding:0 9px 12px}.contact-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border-radius:9px;text-align:left;margin:2px 0}.contact-row:hover{background:#eef5f9}.contact-row.active{background:#e1eef5}.contact-row.locked{opacity:.66}.contact-row .contact-info{flex:1;min-width:0}.contact-row strong{font-size:13px;font-weight:500;display:block}.contact-row small{font-size:10px;color:var(--muted);display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contact-row .count-badge{align-self:flex-start;margin-top:2px}.contact-row .lock-label{font-size:9px;color:#8b9fab}.section-label{padding:13px 13px 4px;color:#92a8b4;font-size:9px;letter-spacing:1px}.side-foot{padding:12px 20px;font-size:9px;color:#91a5b1;border-top:1px solid var(--line)}.save-failed{color:#b76960!important}.main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#eff5f8;position:relative}.main-head{height:85px;flex:0 0 85px;border-bottom:1px solid var(--line);background:#f7fbfdbb;padding:20px 31px;display:flex;align-items:center;gap:12px}.main-head .title-text{flex:1;min-width:0}.main-head h2{font-size:17px;font-weight:500;margin:0;line-height:1.5}.main-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.main-head .header-button{color:#7c95a4;font-size:13px;min-height:35px;padding:4px 7px}.mobile-back{display:none}.content-scroll{flex:1;min-height:0;overflow:auto;padding:24px 32px 18px;scrollbar-width:thin;scrollbar-color:#c9dce5 transparent}.chat-day{font-size:10px;text-align:center;color:#97aab6;margin:5px 0 24px}.chapter-divider{text-align:center;font-size:10px;letter-spacing:1px;color:#819eaf;margin:30px auto 20px;display:flex;align-items:center;gap:18px;max-width:420px}.chapter-divider:before,.chapter-divider:after{content:"";height:1px;flex:1;background:#dce7ee}.message{display:flex;align-items:flex-start;gap:11px;margin:0 0 17px;max-width:85%;animation:appear .25s ease-out both}.message.own{margin-left:auto;justify-content:flex-end}.message.system{max-width:100%;justify-content:center}.message-content{min-width:0;max-width:560px}.bubble{padding:10px 14px;background:#fff;border-radius:0 11px 11px 11px;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #29475505}.own .bubble{background:var(--bubble);border-radius:11px 0 11px 11px}.speaker-name{font-size:10px;color:#91a7b5;margin:0 0 5px}.system .bubble{padding:6px 12px;background:#e4edf2;color:#809aaa;font-size:10px;border-radius:6px;box-shadow:none}.message-grid{margin-top:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:370px}.message-grid.one{display:block;width:240px;max-width:100%}.message-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-button{padding:0;display:block;border-radius:9px;overflow:hidden;background:#d8e6ee;position:relative;aspect-ratio:1;width:100%}.photo-button img{height:100%;width:100%;object-fit:cover}.message-grid.one .photo-button{aspect-ratio:3/4}.photo-button:after{content:"";position:absolute;inset:0;border:1px solid #2b4e6410;border-radius:inherit;pointer-events:none}.broken-media{padding:10px;color:#8e7272;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;gap:7px}.video-button{margin-top:9px;display:block;position:relative;border-radius:9px;overflow:hidden;width:250px;max-width:100%;aspect-ratio:16/10;background:#d6e5ed;padding:0}.video-button img{height:100%;width:100%;object-fit:cover}.video-play{position:absolute;inset:0;display:grid;place-content:center;color:#fff;background:#14344722;font-size:28px}.voice-button{min-width:130px;margin-top:8px;padding:10px 14px;border-radius:0 9px 9px 9px;background:#fff;display:flex;align-items:center;gap:11px;color:#628da5;font-size:11px}.own .voice-button{background:var(--bubble);border-radius:9px 0 9px 9px}.wave{height:15px;display:flex;gap:3px;align-items:center}.wave i{width:2px;height:6px;border-radius:2px;background:#779eb5}.wave i:nth-child(even){height:12px}.wave i:nth-child(3n){height:9px}.voice-button.playing .wave i{animation:voice-wave .7s ease-in-out infinite alternate}.voice-button.playing .wave i:nth-child(even){animation-delay:.25s}.voice-button small{font-size:9px;color:#8fa5b2;margin-left:auto}.voice-subtitle{font-size:10px;color:#8aa0ae;line-height:1.8;margin:6px 0 0;max-width:300px}.new-message{font-size:10px;background:#e0edf5;color:#5d8399;padding:7px 11px;border-radius:20px;display:block;margin:0 auto 18px}.new-message .count-badge{margin-left:5px}.chat-controls{flex-shrink:0;background:#f7fbfddb;border-top:1px solid var(--line);padding:15px 29px 18px}.choice-hint{font-size:10px;color:#8ba2af;margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.choice-hint strong{font-weight:400;color:#587f97}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.choice-button{padding:8px 12px;border:1px solid #cedfe9;background:#fff;border-radius:8px;color:#50758c;text-align:left;font-size:11px;line-height:1.7;max-width:100%;transition:background .15s}.choice-button:hover{background:#eaf4fa;border-color:#a8c8da}.choice-button.emphasis{background:#deedf7;border-color:#abc9dc}.composer{display:flex;align-items:flex-end;gap:10px}.composer textarea{resize:none;min-height:40px;height:40px;max-height:92px;flex:1;min-width:0;border:0;background:#e9f1f6;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6;color:var(--ink);outline-offset:1px}.send-button{height:40px;min-width:58px;border-radius:8px;background:var(--blue);color:#fff;padding:0 13px;font-size:12px}.send-button:hover{background:var(--blue-dark)}.small-note{margin:9px 0 0;font-size:9px;color:#9badb7;line-height:1.7}.empty-state{display:grid;place-content:center;text-align:center;max-width:540px;margin:auto;padding:35px;color:#8aa2b0}.empty-state h2{font-family:"SimSun",serif;font-size:29px;color:#4e748c;font-weight:500;margin:14px 0}.empty-state p{font-size:12px;line-height:1.9;margin:0}.empty-state .brand-mark{font-size:61px;opacity:.65}.primary{background:var(--blue);color:#fff;padding:11px 20px;border-radius:8px;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:7px}.secondary{border:1px solid #d0e0e9;padding:9px 15px;background:#fff;border-radius:8px;color:#5f8399;font-size:11px}.danger-text{color:#b67d70}.ending-card{margin:25px auto 12px;background:#f8fcfe;border:1px solid #d4e4ed;padding:26px;max-width:530px;border-radius:13px}.ending-card .eyebrow{font-size:9px;letter-spacing:2px;color:#8ca2b0;margin:0}.ending-card h3{font-family:"SimSun",serif;font-size:25px;font-weight:500;margin:10px 0;color:#496e84}.ending-card>p{font-size:12px;line-height:1.95;color:#768e9d;margin:0 0 18px}.ending-card .buttons{display:flex;gap:8px;flex-wrap:wrap}.feed-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:21px}.filter-pill{font-size:10px;padding:7px 12px;border:1px solid #d9e6ed;border-radius:20px;color:#809aa9;background:#f8fcfd}.filter-pill.active{background:#e1eef7;border-color:#b7d0df;color:#46748f}.feed-wrap{max-width:760px;margin:0 auto}.feed-intro{font-size:11px;color:#8a9fab;margin:0 0 25px;line-height:1.8}.post{padding:20px 0;border-bottom:1px solid #dee9ef;display:flex;gap:13px}.post-body{flex:1;min-width:0}.post-heading{display:flex;align-items:center;gap:9px}.post-heading strong{font-weight:500;color:#568099;font-size:13px}.post-heading small{margin-left:auto;color:#9ab0bc;font-size:9px}.post-body>p{font-size:13px;line-height:1.9;color:#4f6f83;margin:7px 0 11px;white-space:pre-wrap;overflow-wrap:anywhere}.post .message-grid{max-width:420px}.post .message-grid.one{width:255px}.post .message-grid.one .photo-button{aspect-ratio:4/3}.post-actions{margin-top:10px;display:flex;align-items:center;gap:12px;color:#8ea5b4;font-size:10px}.post-actions button{font-size:10px;color:#7695aa;padding:3px 0}.post-actions .liked{color:#b87579}.comments{background:#e6eef4;margin-top:9px;padding:8px 10px;border-radius:5px;font-size:11px;line-height:1.9;color:#718c9d}.comments b{font-weight:500;color:#577e97}.load-more{display:block;margin:22px auto;padding:9px 16px;color:#7192a6;border:1px solid #d3e3ec;border-radius:7px;font-size:11px;background:#f8fcfe}.profile-hero{display:flex;align-items:center;gap:23px;margin-bottom:25px}.profile-hero h2{font-family:"SimSun",serif;font-size:29px;font-weight:500;margin:0 0 7px}.profile-hero p{font-size:11px;color:#8097a5;margin:3px 0;line-height:1.7}.profile-section{margin:25px 0;border-top:1px solid var(--line);padding-top:20px}.profile-section h3{font-size:12px;color:#597e94;font-weight:500;margin:0 0 13px}.profile-section p{font-size:12px;color:#7f95a4;line-height:1.9;white-space:pre-wrap}.memory-list{list-style:none;margin:0;padding:0}.memory-list li{font-size:11px;color:#7c93a2;line-height:1.8;border-bottom:1px solid #e8eff4;padding:10px 0}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.history-list{display:grid;gap:10px}.history-item{border:1px solid #dbe8ef;background:#f9fcfe;padding:13px 15px;border-radius:8px;display:flex;align-items:center;gap:14px;text-align:left;width:100%;font-size:11px;color:#7293a7}.history-item span{flex:1}.history-item small{font-size:9px;color:#93a9b7}.settings{max-width:660px;margin:0 auto}.settings h3{font-size:13px;font-weight:500;margin:24px 0 12px}.settings-row{background:#f8fcfe;border-bottom:1px solid #e1ebf1;display:flex;align-items:center;gap:12px;padding:15px 17px;font-size:12px;line-height:1.7}.settings-row:first-child{border-radius:10px 10px 0 0}.settings-row:last-child{border-bottom:0;border-radius:0 0 10px 10px}.settings-row>span{flex:1}.settings-row small{display:block;font-size:10px;color:#90a5b2;margin-top:4px}.settings-row select{border:1px solid #d4e2eb;border-radius:6px;background:#fff;color:#638297;padding:4px 7px;font-size:11px}.text-button{font-size:11px;color:#6c8da3;padding:7px 0}.account-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%}.account-row strong{font-weight:500}.account-row .account-arrow{margin-left:auto;color:#94aab7}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.gallery .photo-button{aspect-ratio:3/4}.gallery-caption{font-size:9px;color:#8ba1af;margin-top:5px}.auth-page{height:100%;height:100dvh;overflow:auto;display:grid;place-content:center;background:radial-gradient(ellipse at 15% 5%,#ffffff 0,#f1f7fa 45%,#e5f0f6 100%);padding:35px}.auth-layout{max-width:860px;width:100%;display:grid;grid-template-columns:1fr 360px;gap:72px;align-items:center}.auth-intro h1{font-family:"SimSun",serif;font-size:44px;font-weight:500;letter-spacing:2px;margin:23px 0 15px;color:#456c83}.auth-intro p{font-size:13px;color:#7e96a5;line-height:2;margin:0;max-width:310px}.auth-intro .auth-sub{font-size:10px;color:#a1b3bd;margin-top:33px}.auth-card{padding:30px 31px;background:#ffffffb8;border:1px solid #d6e6ef;border-radius:17px;box-shadow:0 18px 55px #416b8010}.auth-card h2{font-size:19px;font-weight:500;margin:0 0 23px}.auth-card label{display:block;font-size:10px;color:#7994a5;margin:15px 0 7px}.auth-card input[type=text]{width:100%;border:1px solid #d9e6ee;background:#f8fbfd;border-radius:7px;padding:10px 12px;font-size:12px;color:var(--ink)}.avatar-choices{display:flex;gap:11px;margin:10px 0 15px}.avatar-choice{flex:1;padding:8px;border:1px solid #deebf1;border-radius:10px;color:#829aa8;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;min-width:0}.avatar-choice .avatar{height:62px;width:62px;flex-basis:62px;border-radius:15px}.avatar-choice.selected{border-color:#8db8cf;background:#eaf5fb;color:#5184a1}.upload-plus{font-size:27px;line-height:1}.auth-card .primary{width:100%;margin-top:21px}.auth-card .small-note{font-size:9px}.account-picker{display:grid;gap:11px}.slot-button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d8e7ef;border-radius:9px;background:#f9fcfe;padding:13px;font-size:12px}.slot-button strong{font-weight:500}.slot-button small{display:block;color:#8ea5b4;font-size:9px;margin-top:4px}.slot-button .slot-id{margin-left:auto;color:#a3b5bf;font-size:10px}.overlay{position:fixed;inset:0;z-index:20;background:#173d5366;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:25px}.dialog{position:relative;background:#f7fbfd;border:1px solid #d3e6f0;border-radius:15px;width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 90px #17384c24}.dialog.wide{width:min(790px,100%)}.dialog-head{padding:19px 23px;border-bottom:1px solid #dfeaf1;display:flex;align-items:center;gap:16px}.dialog-head h2{font-size:15px;font-weight:500;flex:1;margin:0}.close-button{font-size:25px;color:#8aa3b2;line-height:1;padding:2px 5px}.dialog-body{padding:23px;overflow:auto;font-size:12px;line-height:1.9;color:#6d8b9e}.dialog-body p:first-child{margin-top:0}.dialog-footer{padding:16px 23px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.dialog input[type=text],.dialog textarea{width:100%;padding:10px 12px;border:1px solid #d3e3ec;border-radius:7px;background:#fff;font-size:12px}.dialog textarea{height:90px;resize:vertical}.photo-viewer{position:fixed;inset:0;z-index:30;background:#14364ce8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.photo-viewer img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:7px}.viewer-head{color:#d1e4ef;display:flex;align-items:center;gap:20px;width:min(880px,90vw);margin:0 0 10px;font-size:11px}.viewer-head span{flex:1}.viewer-head .close-button{color:#d1e4ef}.viewer-controls{display:flex;align-items:center;gap:22px;margin-top:13px;font-size:11px;color:#aac7d8}.viewer-controls button{padding:5px 14px;color:#c8dde9;font-size:20px}.video-dialog{width:min(950px,95vw);position:relative}.video-dialog video{width:100%;max-height:82vh;background:#101e27;border-radius:10px}.video-dialog .close-button{position:absolute;right:7px;top:5px;background:#102d4480;color:#fff;border-radius:50%;height:35px;width:35px;z-index:1}.video-error{background:#eef5f9;color:#907969;font-size:12px;line-height:1.8;padding:30px;border-radius:10px}.badge-chip{display:inline-block;padding:4px 8px;border-radius:4px;background:#e4eef5;color:#7694a8;font-size:9px;margin-right:5px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:80;background:#315d75e8;color:#fff;border-radius:8px;max-width:90vw;padding:11px 18px;font-size:11px;line-height:1.75;box-shadow:0 9px 25px #294d6320}.account-error{font-size:11px;color:#b5726b;line-height:1.8;margin-top:14px}.mobile-nav-label{display:none}.locked-intro{border:1px solid #d9e8f0;background:#f8fcfe;padding:20px;border-radius:10px;font-size:12px;line-height:1.9;color:#849cab;margin-top:20px}.permission-note{font-size:10px;color:#8ba4b3;margin-bottom:20px}.help-card{padding:17px 19px;background:#f8fcfe;border:1px solid #dbe8ef;border-radius:10px;margin:15px 0;font-size:11px;line-height:1.9;color:#86a0b0}
@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes voice-wave{from{transform:scaleY(.5)}to{transform:scaleY(1.1)}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro-screen{position:fixed;inset:0;z-index:100;background:#050a0c;display:flex;align-items:center;justify-content:center}.intro-screen video{width:100%;height:100%;object-fit:contain}.intro-skip{position:absolute;right:28px;bottom:25px;border:1px solid #ffffff42;border-radius:6px;background:#12222c99;color:#e0ebf1;padding:8px 16px;font-size:11px}.intro-skip:focus-visible{outline-color:#d0e4ef}
@media(min-width:1450px){.content-scroll{padding-left:55px;padding-right:55px}.chat-controls{padding-left:55px;padding-right:55px}}
@media(max-width:1080px){.shell{grid-template-columns:64px 248px minmax(0,1fr)}.rail{padding-top:21px}.side-head{padding:25px 16px 17px}.side-head h1{font-size:23px}.main-head{padding-left:22px;padding-right:22px}.content-scroll{padding:20px 22px 16px}.chat-controls{padding:13px 20px 16px}.message{max-width:91%}.contact-row{padding:12px 8px;gap:10px}.message-grid.one{width:210px}.bubble{font-size:12px}.post-body>p{font-size:12px}}
@media(max-width:760px){body{overflow:hidden}.shell{display:block;position:relative;padding-bottom:66px}.rail{height:66px;position:absolute;bottom:0;left:0;right:0;border-right:0;border-top:1px solid #d0e2ec;padding:5px 9px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#e5f0f6}.rail>.brand-mark{display:none}.rail-button{width:100%;height:50px;border-radius:8px;font-size:9px;gap:3px}.rail-icon{font-size:19px}.rail-profile{margin-top:0}.rail-profile .avatar{display:none}.rail-profile .mobile-nav-label{display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar{height:100%;border:0;display:flex}.side-head{padding:24px 23px 17px}.side-head h1{font-size:29px}.side-head p{font-size:10px}.side-head .search{font-size:12px;padding:10px 12px}.contact-list{padding-left:11px;padding-right:11px}.contact-row{padding:15px 12px;gap:13px}.contact-row .avatar{width:47px;height:47px;flex-basis:47px;border-radius:12px}.contact-row strong{font-size:14px}.contact-row small{font-size:11px}.section-label{padding:15px 16px 4px}.main{height:100%;position:absolute;inset:0 0 66px;background:#eff5f8;z-index:2;display:none}.shell.chat-open .sidebar{display:none}.shell.chat-open .main,.shell.page-open .main{display:flex}.shell.page-open .sidebar{display:none}.main-head{height:76px;flex-basis:76px;padding:15px 15px;gap:10px}.main-head h2{font-size:16px}.main-head p{font-size:9px}.main-head .avatar{width:34px;height:34px;flex-basis:34px}.mobile-back{display:block;font-size:26px;color:#7594a8;width:23px;padding:0 3px 0 0}.main-head .header-button{font-size:12px;padding:4px 5px}.content-scroll{padding:18px 16px 13px}.message{max-width:92%;gap:8px;margin-bottom:15px}.message .avatar{width:32px;height:32px;flex-basis:32px;font-size:14px;border-radius:8px}.bubble{font-size:12px;padding:9px 11px;border-radius:0 9px 9px 9px}.own .bubble{border-radius:9px 0 9px 9px}.message-grid.one{width:190px}.message-grid{max-width:260px}.voice-button{padding:9px 11px;min-width:125px}.voice-subtitle{font-size:9px}.chat-controls{padding:11px 14px 13px}.choices{gap:6px;margin-bottom:10px;max-height:144px;overflow:auto}.choice-button{font-size:10px;padding:7px 10px}.choice-hint{font-size:9px;margin-bottom:8px}.composer{gap:8px}.composer textarea{font-size:11px;height:38px;min-height:38px;padding:9px 11px}.send-button{height:38px;min-width:51px;font-size:11px;padding:0 12px}.small-note{font-size:8px;margin-top:7px}.chat-day{font-size:9px;margin-bottom:19px}.chapter-divider{font-size:9px;margin:25px auto 17px}.feed-wrap{max-width:600px}.feed-toolbar{gap:6px;margin-bottom:17px}.filter-pill{font-size:9px;padding:6px 10px}.post{gap:10px;padding:17px 0}.post>.avatar{width:36px;height:36px;flex-basis:36px;border-radius:9px}.post-heading strong{font-size:12px}.post-body>p{font-size:12px}.post .message-grid.one{width:228px}.feed-intro{font-size:10px;margin-bottom:15px}.comments{font-size:10px}.profile-hero{gap:17px}.profile-hero .avatar.large{height:84px;width:84px;flex-basis:84px;border-radius:20px}.profile-hero h2{font-size:25px}.profile-hero p{font-size:10px}.settings-row{padding:13px 12px;font-size:11px}.settings-row small{font-size:9px}.auth-page{padding:27px 23px;display:flex;align-items:center;justify-content:center}.auth-layout{display:block;width:100%;max-width:380px}.auth-intro{margin:0 5px 27px}.auth-intro .brand-mark{font-size:38px}.auth-intro h1{font-size:33px;margin:15px 0 7px}.auth-intro p{font-size:11px;line-height:1.8;max-width:100%}.auth-intro .auth-sub{display:none}.auth-card{padding:24px}.auth-card h2{font-size:17px;margin-bottom:17px}.auth-card label{margin-top:13px}.avatar-choices{gap:8px}.avatar-choice .avatar{height:53px;width:53px;flex-basis:53px;border-radius:13px}.overlay{padding:16px}.dialog{max-height:88vh}.dialog-head{padding:16px 18px}.dialog-body{padding:18px;font-size:11px}.dialog-footer{padding:13px 18px}.photo-viewer{padding:15px}.photo-viewer img{max-width:94vw;max-height:81vh}.viewer-head{width:94vw;font-size:10px}.gallery{gap:7px}.ending-card{padding:21px}.ending-card h3{font-size:22px}.ending-card>p{font-size:11px}.toast{bottom:80px;font-size:10px}.side-foot{padding:10px 23px;font-size:8px}.help-card{font-size:10px}.empty-state{padding:26px}.empty-state h2{font-size:26px}.empty-state p{font-size:11px}}
@media(max-height:690px) and (min-width:761px){.main-head{height:70px;flex-basis:70px;padding-top:14px;padding-bottom:14px}.side-head{padding-top:22px}.chat-controls{padding-top:11px;padding-bottom:13px}.choices{margin-bottom:9px}.message-grid.one{width:180px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable chat typography and complete composer visibility. */
:root{--muted:#627b8a}
.message{animation:none}
.bubble,.post-body>p{font-size:15px}
.contact-row strong{font-size:15px}
.contact-row small,.side-head p,.main-head p,.feed-intro,.profile-hero p{font-size:12px;color:#627b8a}
.side-head .search,.composer textarea,.choice-button,.send-button{font-size:14px}
.main-head h2{font-size:19px}
.rail-button,.filter-pill,.voice-subtitle,.post-actions,.post-actions button,.choice-hint,.small-note,.section-label,.side-foot,.chat-day{font-size:11px}
.choice-button,.text-button,.filter-pill{color:#41667d}
.voice-subtitle,.small-note,.section-label,.side-foot,.chat-day,.post-heading small{color:#627b8a}
.voice-button small{font-size:11px;color:#627b8a}
.post-heading strong{font-size:14px}
@media(max-width:760px){
 .shell{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 .rail{height:calc(66px + env(safe-area-inset-bottom))}
 .main{height:auto;inset:0 0 calc(66px + env(safe-area-inset-bottom))}
 .bubble,.post-body>p{font-size:14px}
 .main-head p{font-size:11px}
 .choice-button{font-size:12px;min-height:40px}
 .composer textarea,.send-button{font-size:13px}
 .voice-subtitle,.small-note{font-size:10px}
 .small-note{margin-top:6px}
 .rail-button{font-size:10px}
}
.avatar.avatar--lead-face{position:relative}.avatar.avatar--lead-face img{position:absolute;left:50%;top:50%;width:calc(var(--face-zoom)*100%);height:auto;max-width:none;object-fit:initial;object-position:initial;transform:translate(calc(-1*var(--face-x)),calc(-1*var(--face-y)))}

/* Arrivals, drafts and receipts are separate chat states. */
.message-receipt{display:block;text-align:right;font-size:10px;color:#627b8a;margin-top:5px}.typing-indicator{display:flex;align-items:center;gap:9px;min-height:34px;margin:12px 0 20px;color:#627b8a;font-size:12px}.typing-indicator>span{display:flex;align-items:center;gap:3px;padding:9px 12px;background:#e3edf3;border-radius:0 9px 9px 9px}.typing-indicator i{display:inline-block;width:3px;height:3px;background:currentColor;border-radius:50%;animation:typing-pulse 1.1s infinite}.typing-indicator i:nth-of-type(2){animation-delay:.15s}.typing-indicator i:nth-of-type(3){animation-delay:.3s}.draft-choice-note{font-size:11px;color:#41667d;margin:0 0 9px;line-height:1.6}.draft-choice-note .text-button{font-size:11px}.send-button:disabled{opacity:.55;cursor:default}.settings-row input[type=range]{width:110px;accent-color:#608fa8}@keyframes typing-pulse{0%,70%,100%{opacity:.3}35%{opacity:1}}