:root{--bg:#fff;--panel:#f5f5f7;--line:#e5e5ea;--text:#000;--muted:#8e8e93;--incoming:#e9e9eb;--outgoing:#000;--green:#30d158;--red:#ff3b30;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:#fff;color:#000;overflow:hidden}button,input,textarea{font:inherit}.login-shell{min-height:100%;display:grid;place-items:center;background:#f5f5f7;padding:22px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e6e6e8;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.07)}.login-brand,.brand{display:flex;align-items:center;gap:10px}.login-brand{margin-bottom:46px}.login-brand img{height:48px;width:auto}.login-brand span{font-family:Ubuntu,sans-serif;font-size:34.56px;line-height:1;font-weight:700}.login-card h1{font-size:30px;letter-spacing:-.03em;margin:0 0 8px}.login-card p{color:#6e6e73;line-height:1.5;margin:0 0 26px}.login-card label{font-size:13px;font-weight:650;display:block;margin:0 0 7px}.login-card input{width:100%;border:1px solid #d1d1d6;border-radius:14px;padding:14px 15px;font-size:16px;outline:none}.login-card input:focus{border-color:#000}.primary-button{width:100%;border:0;background:#000;color:#fff;border-radius:14px;padding:14px;margin-top:14px;font-weight:700;cursor:pointer}.primary-button:disabled{opacity:.5}.link-button,.text-back{border:0;background:none;padding:12px 0;color:#000;cursor:pointer}.text-back{padding:0;margin-bottom:18px;color:#6e6e73}.otp-wrap input{text-align:center;font-size:30px;letter-spacing:10px;font-weight:650}.login-error{margin-top:16px;color:#b42318;background:#fff1f0;padding:11px 13px;border-radius:12px;font-size:13px}
.phone-app{height:100dvh;display:flex;flex-direction:column;background:#fff}.app-header{height:70px;flex:0 0 70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(18px)}.brand img{height:36px;width:auto}.brand span{font-family:Ubuntu,sans-serif;font-size:25.92px;line-height:1;font-weight:700;letter-spacing:-.025em}.circle-button,.compose-icon,.thread-call,.back-mobile{border:0;background:#f2f2f7;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#111}.circle-button{width:38px;height:38px}.circle-button.small{width:34px;height:34px}.circle-button svg{width:20px;height:20px;fill:currentColor;stroke:currentColor}.app-main{flex:1;min-height:0;position:relative}.messages-view,.calls-view{position:absolute;inset:0;display:none}.messages-view.active,.calls-view.active{display:flex}.conversation-pane{width:370px;flex:0 0 370px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff;min-width:0}.pane-title{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 18px 12px}.pane-title h1,.calls-title h1{font-size:34px;letter-spacing:-.04em;margin:0;font-weight:760}.account-number{font-size:12px;color:var(--muted);margin-top:3px}.compose-icon{width:38px;height:38px;background:#f2f2f7}.compose-icon svg,.thread-call svg,.back-mobile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.search{margin:0 14px 12px;height:36px;border-radius:11px;background:#efeff4;display:flex;align-items:center;padding:0 10px;gap:7px}.search svg{width:18px;fill:none;stroke:#8e8e93;stroke-width:2}.search input{border:0;background:transparent;outline:0;width:100%;font-size:16px}.conversation-list{overflow:auto;padding-bottom:18px}.conversation-row{width:100%;border:0;background:#fff;text-align:left;display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:10px 14px;cursor:pointer;position:relative}.conversation-row:after{content:"";position:absolute;left:74px;right:0;bottom:0;height:1px;background:#ececef}.conversation-row.active{background:#f2f2f7}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e5e5e8,#cfcfd4);font-weight:650;color:#555;font-size:18px;flex:0 0 auto}.avatar.large{width:42px;height:42px;font-size:16px}.conv-main{min-width:0}.conv-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.conv-name{font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{font-size:12px;color:var(--muted);white-space:nowrap}.conv-preview{font-size:14px;color:#6e6e73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.unread-badge{align-self:center;background:#000;color:#fff;min-width:21px;height:21px;padding:0 6px;border-radius:11px;font-size:11px;display:grid;place-items:center}.list-loading{color:#8e8e93;padding:25px;text-align:center;font-size:13px}.thread-pane{flex:1;min-width:0;position:relative;background:#fff}.empty-thread{height:100%;display:grid;place-content:center;text-align:center;color:#8e8e93}.empty-mark{margin:auto;width:72px;height:72px;border-radius:22px;background:#f2f2f7;display:grid;place-items:center}.empty-mark img{width:48px;height:auto}.empty-thread h2{margin:15px 0 3px;color:#111;font-size:18px}.empty-thread p{margin:0;font-size:13px}.thread-inner{height:100%;display:flex;flex-direction:column}.thread-head{height:68px;flex:0 0 68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;position:relative;background:rgba(255,255,255,.96);z-index:5}.back-mobile{display:none;width:36px;height:36px;background:transparent}.thread-person{display:flex;flex-direction:column;min-width:0}.thread-person strong{font-size:14px;text-align:left}.thread-person span{font-size:11px;color:var(--muted)}.thread-call{position:absolute;right:18px;width:36px;height:36px}.message-scroller{flex:1;overflow:auto;padding:20px max(20px,4vw) 12px;scroll-behavior:smooth}.day-separator{text-align:center;color:#8e8e93;font-size:11px;font-weight:600;margin:10px 0 16px}.message-row{display:flex;margin:2px 0 8px}.message-row.outbound{justify-content:flex-end}.bubble-wrap{max-width:min(68%,650px)}.bubble{font-size:16px;line-height:1.25;padding:9px 13px;border-radius:19px;white-space:pre-wrap;word-break:break-word}.inbound .bubble{background:var(--incoming);color:#000;border-bottom-left-radius:6px}.outbound .bubble{background:var(--outgoing);color:#fff;border-bottom-right-radius:6px}.message-meta{font-size:10px;color:#9a9aa0;margin:3px 6px 0}.outbound .message-meta{text-align:right}.message-composer{flex:0 0 auto;border-top:1px solid var(--line);padding:9px 14px 10px;display:flex;gap:8px;align-items:flex-end;background:#fff}.message-composer textarea{flex:1;max-height:120px;resize:none;border:1px solid #d1d1d6;border-radius:20px;padding:8px 13px;font-size:15px;outline:none;line-height:1.3}.message-composer button{border:0;background:#000;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.message-composer button svg{width:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.calls-view{overflow:auto;background:#fff}.calls-wrap{width:min(820px,100%);margin:0 auto;padding:24px 22px 110px}.calls-title{display:flex;justify-content:space-between;align-items:center}.calls-tabs{background:#f2f2f7;padding:3px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.calls-tabs button{border:0;background:transparent;border-radius:8px;padding:8px;font-weight:600;color:#555;cursor:pointer}.calls-tabs button.active{background:#fff;color:#000;box-shadow:0 1px 3px rgba(0,0,0,.08)}.call-group-label{font-size:12px;color:#8e8e93;margin:20px 10px 8px}.call-row,.voicemail-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:11px 8px;border-bottom:1px solid #ececef}.call-icon{width:42px;height:42px;border-radius:50%;background:#f2f2f7;display:grid;place-items:center}.call-icon svg{width:20px;fill:none;stroke:#111;stroke-width:1.8}.call-main strong,.vm-main strong{display:block;font-size:15px}.call-main span,.vm-main span{display:block;color:#8e8e93;font-size:12px;margin-top:2px}.call-right{text-align:right;color:#8e8e93;font-size:12px}.missed .call-main strong{color:var(--red)}.vm-play{width:36px;height:36px;border:0;border-radius:50%;background:#000;color:#fff;cursor:pointer}.bottom-nav{height:76px;padding-bottom:var(--safe-bottom);flex:0 0 calc(76px + var(--safe-bottom));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(20px);z-index:30}.nav-item{height:100%;border:0;background:none;color:#8e8e93;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.nav-item.active{color:#000}.nav-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-item span{font-size:11px;font-weight:550}.dial-main{height:92px;margin-top:-28px;border:0;background:none;display:flex;flex-direction:column;align-items:center;cursor:pointer}.dial-main>span{width:64px;height:64px;background:#000;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 22px rgba(0,0,0,.23),0 0 0 5px #fff}.dial-main svg{width:31px;height:31px;fill:currentColor}.dial-main em{font-style:normal;font-size:11px;font-weight:600;margin-top:8px;color:#000}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:60;backdrop-filter:blur(2px)}.bottom-sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);background:#fff;border-radius:24px 24px 0 0;z-index:70;padding:8px 20px calc(20px + var(--safe-bottom));box-shadow:0 -15px 60px rgba(0,0,0,.16)}.grabber{width:38px;height:5px;border-radius:3px;background:#d1d1d6;margin:0 auto 10px}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header h2{font-size:20px;margin:6px 0}.sheet-close{border:0;background:none;font-weight:650;cursor:pointer}.dial-display{text-align:center;padding:16px 0 10px}.dial-display input{border:0;outline:0;text-align:center;font-size:27px;width:100%;font-weight:550}.dial-display div{font-size:12px;color:#8e8e93;height:18px}.keypad{display:grid;grid-template-columns:repeat(3,68px);justify-content:center;gap:11px 28px;margin:6px 0 18px}.keypad button{width:68px;height:68px;border:0;border-radius:50%;background:#f2f2f7;font-size:25px;cursor:pointer}.dial-actions{display:flex;justify-content:center;gap:28px}.action-pill{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.action-pill svg{width:50px;height:50px;padding:13px;border-radius:50%;background:#f2f2f7;fill:none;stroke:#111;stroke-width:1.7}.action-pill.call svg{background:#000;stroke:#fff}.action-pill span{font-size:12px}.settings-sheet{padding-bottom:calc(28px + var(--safe-bottom))}.settings-user{display:flex;align-items:center;gap:12px;padding:18px 2px}.settings-user div:last-child{display:flex;flex-direction:column}.settings-user span{font-size:12px;color:#8e8e93;margin-top:2px}.setting-list{border-top:1px solid var(--line)}.setting-list button,.setting-list a,.setting-list>div{width:100%;border:0;background:#fff;text-decoration:none;color:#111;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 2px;border-bottom:1px solid var(--line);cursor:pointer}.setting-list span{display:flex;flex-direction:column}.setting-list b{font-size:14px}.setting-list small{color:#8e8e93;font-size:11px;margin-top:2px}.setting-list em{font-style:normal;font-size:23px;color:#b0b0b5}.danger-row b{color:#d70015}.toast{position:fixed;left:50%;bottom:105px;transform:translateX(-50%);z-index:100;background:#111;color:#fff;border-radius:999px;padding:10px 16px;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.2);white-space:nowrap}.thread-mobile-open .conversation-pane{display:none}.thread-mobile-open .thread-pane{display:block}
@media(max-width:700px){body{overflow:hidden}.app-header{height:62px;flex-basis:62px}.brand img{height:34px}.brand span{font-size:24.48px}.conversation-pane{width:100%;flex:1;border-right:0}.thread-pane{display:none;width:100%}.messages-view{display:flex}.messages-view.active .thread-pane{flex:1}.pane-title{padding-top:14px}.pane-title h1{font-size:32px}.back-mobile{display:grid;position:absolute;left:7px}.thread-head{height:64px;flex-basis:64px}.thread-call{right:12px}.bubble-wrap{max-width:82%}.message-scroller{padding:14px 10px 10px}.message-composer{padding:8px 9px}.bottom-nav{height:70px;flex-basis:calc(70px + var(--safe-bottom));grid-template-columns:1fr 110px 1fr}.dial-main{height:86px}.dial-main>span{width:60px;height:60px}.calls-wrap{padding:16px 14px 100px}.calls-title h1{font-size:32px}.bottom-sheet{border-radius:22px 22px 0 0}.keypad{grid-template-columns:repeat(3,64px);gap:9px 26px}.keypad button{width:64px;height:64px}.login-card{padding:26px 22px}.login-brand{margin-bottom:40px}}
@media(min-width:701px){.thread-mobile-open .conversation-pane{display:flex}.thread-mobile-open .thread-pane{display:block}}