:root{--app-viewport-height:100vh;--app-viewport-top:0px;--app-viewport-left:0px;color:#15314b;font-synthesis:none;text-rendering:optimizelegibility;background:#f7fbff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{background:radial-gradient(circle at 12% 8%,#8fcdff47,#0000 32rem),#f7fbff;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.app-shell{--shell-top-padding:max(24px, env(safe-area-inset-top));--shell-bottom-padding:max(20px, env(safe-area-inset-bottom));width:min(100%,1024px);min-height:var(--app-viewport-height);padding:var(--shell-top-padding) max(24px, env(safe-area-inset-right)) var(--shell-bottom-padding) max(24px, env(safe-area-inset-left));margin:0 auto}.center-screen{min-height:calc(var(--app-viewport-height) - 48px);text-align:center;place-content:center;justify-items:center;display:grid}.logo-mark{color:#fff;background:#1769aa;border-radius:22px;place-items:center;width:76px;height:76px;font-size:40px;font-weight:850;display:grid;box-shadow:0 14px 35px #1769aa33}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(30px,5vw,46px);line-height:1.05}.setup-card{background:#fffffff0;border:1px solid #d6e5f1;border-radius:28px;width:min(100%,520px);padding:38px;box-shadow:0 24px 65px #30587721}.setup-card .logo-mark{margin:0 auto 22px}.setup-card p{color:#5a7185;font-size:18px}.setup-card form{text-align:left;gap:12px;display:grid}.setup-card label{margin-top:8px;font-size:15px;font-weight:750}input,textarea{color:#15314b;background:#fff;border:2px solid #b9cedf;border-radius:14px;width:100%}input{text-align:center;letter-spacing:.15em;text-transform:uppercase;min-height:58px;padding:12px 16px;font-size:24px;font-weight:800}input:focus,textarea:focus{border-color:#2483cc;outline:4px solid #2483cc2e}.primary-button,.send-button,.danger-button,.quiet-button,.back-button{border:0;border-radius:14px;font-weight:800}.primary-button{color:#fff;background:#1769aa;min-height:58px;margin-top:14px;font-size:19px}.primary-button:disabled,.send-button:disabled{opacity:.55;cursor:wait}.error-message{min-height:24px;font-weight:700;color:#a52828!important;margin:16px 0 0!important}.top-bar,.chat-header{border-bottom:1px solid #dbe8f1;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.eyebrow{color:#567086;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:850}.quiet-button{color:#36566e;background:#e8f1f7;min-height:44px;padding:10px 16px}.status-line{color:#5a7185;min-height:24px;margin:14px 0;font-weight:650}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding:18px 0;display:grid}.contact-card{color:#17354d;background:#fff;border:1px solid #2d4f681f;border-radius:24px;align-content:center;place-items:center;gap:14px;min-height:210px;display:grid;box-shadow:0 12px 32px #3a5b741a}.contact-name{font-size:27px;font-weight:850}.contact-hint{color:#597286;font-size:16px}.contact-card:disabled{opacity:.55;cursor:default}.avatar,.small-avatar{color:#17354d;place-items:center;font-weight:900;display:grid}.avatar{border-radius:28px;width:92px;height:92px;font-size:42px}.small-avatar{border-radius:16px;width:54px;height:54px;font-size:24px}.color-sky{background:#bfe3ff}.color-coral{background:#ffd0c5}.color-sunshine{background:#ffe99c}.color-mint{background:#c8f0d8}.color-lavender{background:#ded5ff}.color-rose{background:#ffd0df}.chat-screen{height:calc(var(--app-viewport-height) - var(--shell-top-padding) - var(--shell-bottom-padding));min-height:0;transform:translate3d(var(--app-viewport-left), var(--app-viewport-top), 0);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.chat-header{grid-template-columns:52px 54px minmax(0,1fr) 52px;justify-content:normal;display:grid}.chat-heading{min-width:0}.chat-header h1{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:30px;overflow:hidden}.back-button{color:#1769aa;background:#e3f1fb;width:52px;height:52px;font-size:28px}.chat-video-call{color:#1769aa;background:#e3f1fb;border:0;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.chat-video-call svg{fill:currentColor;width:28px;height:28px}.chat-video-call:active{transform:scale(.96)}.chat-video-call:focus-visible{outline:4px solid #2483cc38}.chat-video-call:disabled{opacity:.45;cursor:default}.message-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;min-height:0;padding:18px 4px;display:flex;overflow-y:auto}.empty-chat{color:#647b8e;text-align:center;max-width:340px;margin:auto;font-size:18px}.message-row{flex-direction:column;max-width:min(78%,620px);display:flex}.message-row.outgoing{align-self:flex-end;align-items:flex-end}.message-row.incoming{align-self:flex-start;align-items:flex-start}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:19px;padding:13px 17px;font-size:18px;line-height:1.38}.incoming .message-bubble{background:#e6f0f7;border-bottom-left-radius:6px}.outgoing .message-bubble{color:#fff;background:#1769aa;border-bottom-right-radius:6px}.message-meta{color:#7890a2;margin-top:4px;font-size:12px}.failed .message-meta{color:#a52828;font-weight:750}.message-form{border-top:1px solid #dbe8f1;grid-template-columns:1fr auto;gap:10px;padding-top:14px;display:grid}.message-form textarea{resize:none;min-height:52px;max-height:140px;padding:13px 15px;font-size:18px;line-height:1.35}.send-button{color:#fff;background:#1769aa;min-width:96px}.call-screen{height:calc(var(--app-viewport-height) - var(--shell-top-padding) - var(--shell-bottom-padding));grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;display:grid}.video-stage{background:#dbeaf4;border-radius:24px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2045601a}.remote-video{object-fit:cover;background:#dbeaf4;width:100%;height:100%}.remote-placeholder{color:#23475f;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.remote-placeholder p{margin:0;font-size:27px;font-weight:850}.call-avatar{border-radius:30px;place-items:center;width:112px;height:112px;font-size:52px;font-weight:900;display:grid}.local-video{aspect-ratio:3/4;object-fit:cover;background:#b9cedf;border:3px solid #fff;border-radius:18px;width:min(27%,210px);position:absolute;bottom:16px;right:16px;box-shadow:0 8px 28px #1631453d}.call-panel{text-align:center}.call-status{color:#36566e;min-height:24px;margin:0 0 12px;font-size:18px;font-weight:800}.call-controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.call-control,.end-call,.call-recovery{border:0;border-radius:14px;min-height:56px;padding:10px 14px;font-weight:850}.call-control{color:#244b67;background:#e3edf4}.end-call{color:#fff;background:#b62d2d}.end-call:disabled{opacity:.55}.call-recovery{color:#15314b;background:#ffe59a;width:100%;margin-bottom:10px}.call-done{width:100%;margin:0}dialog{color:#15314b;border:0;border-radius:22px;width:min(100% - 32px,460px);padding:28px;box-shadow:0 24px 80px #1e374c47}dialog::backdrop{background:#182b3a57}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.danger-button{color:#fff;background:#a52b2b;min-height:44px;padding:10px 18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.app-shell{padding-left:16px;padding-right:16px}.setup-card{padding:28px 22px}.top-bar{align-items:flex-start}.quiet-button{font-size:14px}.contact-grid{grid-template-columns:1fr}.call-controls{grid-template-columns:1fr 1fr}.end-call{grid-column:1/-1}}