.phone-demo-module__O2wISW__page{background:var(--color-paper-muted);color:var(--color-ink);min-height:100svh;overflow-x:clip}.phone-demo-module__O2wISW__messageApp{background:var(--color-paper-raised);grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;min-height:100svh;display:grid}.phone-demo-module__O2wISW__recordingMode .phone-demo-module__O2wISW__messageApp{min-height:calc(100svh - 3.25rem)}.phone-demo-module__O2wISW__recordingBar{background:var(--color-ink);color:var(--color-paper-raised);align-items:center;gap:var(--space-4);min-height:3.25rem;padding:var(--space-2) var(--space-4);justify-content:space-between;display:flex}.phone-demo-module__O2wISW__recordingBar>div,.phone-demo-module__O2wISW__recordingBar nav{align-items:center;gap:var(--space-3);min-width:0;display:flex}.phone-demo-module__O2wISW__recordingBar>div>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-demo-module__O2wISW__recordingBar>div>span:last-child{color:var(--color-paper-muted);font-size:var(--text-xs);white-space:nowrap}.phone-demo-module__O2wISW__recordingDot{background:var(--color-signal);border-radius:var(--radius-pill);height:var(--space-2);width:var(--space-2);flex:none}.phone-demo-module__O2wISW__recordingBar button,.phone-demo-module__O2wISW__recordingBar a{background:var(--color-paper-overlay);border:var(--rule-thin) solid var(--color-steel);border-radius:var(--radius-sm);color:inherit;cursor:pointer;font-size:var(--text-xs);min-height:var(--touch-target);min-width:var(--touch-target);padding-inline:var(--space-3);transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;font-weight:750;text-decoration:none;display:inline-flex}.phone-demo-module__O2wISW__recordingBar button:active,.phone-demo-module__O2wISW__recordingBar a:active{transform:translateY(1px)}.phone-demo-module__O2wISW__recordingBar button:disabled{cursor:not-allowed;opacity:.4}.phone-demo-module__O2wISW__recordingBar svg{height:var(--space-5);width:var(--space-5)}.phone-demo-module__O2wISW__appHeader{border-block-end:var(--rule-thin) solid var(--color-rule);align-items:center;gap:var(--space-4);min-height:5rem;padding:var(--space-3) var(--space-4);justify-content:flex-start;display:flex}.phone-demo-module__O2wISW__businessIdentity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.phone-demo-module__O2wISW__businessIdentity>div{min-width:0;display:grid}.phone-demo-module__O2wISW__businessIdentity strong{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.phone-demo-module__O2wISW__businessIdentity>div>span{color:var(--color-ink-soft);font-size:var(--text-xs)}.phone-demo-module__O2wISW__logo{background:var(--color-signal);border-radius:var(--radius-sm);color:var(--color-signal-ink);flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.phone-demo-module__O2wISW__logo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:2.1rem;height:2.1rem}.phone-demo-module__O2wISW__logo circle{fill:currentColor;stroke:none}.phone-demo-module__O2wISW__customerBar{background:var(--color-paper-muted);border-block-end:var(--rule-thin) solid var(--color-rule);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.phone-demo-module__O2wISW__avatar{background:var(--color-message-business);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-sm);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:flex}.phone-demo-module__O2wISW__customerBar>div{min-width:0;display:grid}.phone-demo-module__O2wISW__customerBar strong,.phone-demo-module__O2wISW__customerBar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-demo-module__O2wISW__customerBar>div>span,.phone-demo-module__O2wISW__service{color:var(--color-ink-soft);font-size:var(--text-xs)}.phone-demo-module__O2wISW__service{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3)}.phone-demo-module__O2wISW__thread{min-height:0;padding:var(--space-5) var(--space-4) var(--space-10);scrollbar-color:var(--color-rule) var(--color-paper-raised);overflow-y:auto}.phone-demo-module__O2wISW__dayMarker{color:var(--color-steel);font-size:var(--text-xs);margin:0 auto var(--space-6);text-align:center;font-weight:700}.phone-demo-module__O2wISW__timeline{gap:var(--space-3);flex-direction:column;max-width:47rem;margin-inline:auto;display:flex}.phone-demo-module__O2wISW__businessMessage,.phone-demo-module__O2wISW__customerMessage{border-radius:var(--radius-md);max-width:min(38rem,86%);padding:var(--space-3) var(--space-4)}.phone-demo-module__O2wISW__businessMessage{background:var(--color-message-business);border-end-start-radius:var(--radius-sm);align-self:flex-start}.phone-demo-module__O2wISW__customerMessage{background:var(--color-message-customer);color:var(--color-message-customer-ink);border-end-end-radius:var(--radius-sm);align-self:flex-end}.phone-demo-module__O2wISW__businessMessage p,.phone-demo-module__O2wISW__customerMessage p,.phone-demo-module__O2wISW__systemEvent p{overflow-wrap:anywhere;margin:0}.phone-demo-module__O2wISW__businessMessage footer,.phone-demo-module__O2wISW__customerMessage footer{font-size:var(--text-xs);align-items:center;gap:var(--space-1) var(--space-2);opacity:.72;flex-wrap:wrap;justify-content:flex-end;margin-block-start:var(--space-2);display:flex}.phone-demo-module__O2wISW__businessMessage footer svg,.phone-demo-module__O2wISW__customerMessage footer svg{height:var(--space-4);width:var(--space-4)}.phone-demo-module__O2wISW__systemEvent{border-block:var(--rule-thin) solid var(--color-rule);align-self:center;align-items:start;gap:var(--space-3);margin-block:var(--space-3);max-width:34rem;padding:var(--space-3);grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.phone-demo-module__O2wISW__systemEvent>span{background:var(--color-signal-soft);border-radius:var(--radius-pill);color:var(--color-signal-strong);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.phone-demo-module__O2wISW__systemEvent svg{height:var(--space-5);width:var(--space-5)}.phone-demo-module__O2wISW__systemEvent strong{font-size:var(--text-sm)}.phone-demo-module__O2wISW__systemEvent p,.phone-demo-module__O2wISW__systemEvent time{color:var(--color-ink-soft);font-size:var(--text-xs)}.phone-demo-module__O2wISW__emptyState{margin:min(16vh, var(--space-24)) auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:30rem;display:flex}.phone-demo-module__O2wISW__emptyState>span{background:var(--color-message-business);border-radius:var(--radius-pill);height:3.5rem;justify-content:center;align-items:center;width:3.5rem;margin-block-end:var(--space-5);display:flex}.phone-demo-module__O2wISW__emptyState svg{height:var(--space-6);width:var(--space-6)}.phone-demo-module__O2wISW__emptyState h1{font-size:var(--text-xl);margin-block-end:var(--space-3)}.phone-demo-module__O2wISW__emptyState p{color:var(--color-ink-soft);margin:0}.phone-demo-module__O2wISW__composer,.phone-demo-module__O2wISW__demoAction{background:var(--color-paper-raised);border-block-start:var(--rule-thin) solid var(--color-rule);min-height:6.5rem;padding:var(--space-3) var(--space-4)}.phone-demo-module__O2wISW__composer{align-items:end;gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.phone-demo-module__O2wISW__composer label{min-width:0}.phone-demo-module__O2wISW__composer textarea{background:var(--color-paper-muted);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-ink);min-height:3.5rem;padding:var(--space-3);resize:none;width:100%;display:block}.phone-demo-module__O2wISW__composer>button,.phone-demo-module__O2wISW__demoAction>button{background:var(--color-signal);border:var(--rule-thin) solid var(--color-signal);border-radius:var(--radius-sm);color:var(--color-signal-ink);cursor:pointer;align-items:center;gap:var(--space-2);min-height:3.5rem;padding-inline:var(--space-5);transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);white-space:nowrap;justify-content:center;font-weight:800;display:inline-flex}.phone-demo-module__O2wISW__composer>button{min-width:3.5rem;padding:0}.phone-demo-module__O2wISW__composer>button:disabled{cursor:not-allowed;opacity:.5}.phone-demo-module__O2wISW__composer>button:active,.phone-demo-module__O2wISW__demoAction>button:active{transform:translateY(1px)}.phone-demo-module__O2wISW__composer>button svg,.phone-demo-module__O2wISW__demoAction>button svg{height:var(--space-5);width:var(--space-5)}.phone-demo-module__O2wISW__composer small{color:var(--color-ink-soft);font-size:var(--text-xs);grid-column:1/-1}.phone-demo-module__O2wISW__demoAction{align-items:center;gap:var(--space-4);justify-content:space-between;display:flex}.phone-demo-module__O2wISW__demoAction>div{min-width:0;display:grid}.phone-demo-module__O2wISW__demoAction>div>span{color:var(--color-ink-soft);font-size:var(--text-xs)}.phone-demo-module__O2wISW__demoAction strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-demo-module__O2wISW__srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.phone-demo-module__O2wISW__recordingBar button:hover:not(:disabled),.phone-demo-module__O2wISW__recordingBar a:hover{opacity:.78}}@media (min-width:48rem){.phone-demo-module__O2wISW__messageApp{border-inline:var(--rule-thin) solid var(--color-rule);max-width:64rem;margin-inline:auto}.phone-demo-module__O2wISW__appHeader,.phone-demo-module__O2wISW__customerBar,.phone-demo-module__O2wISW__thread,.phone-demo-module__O2wISW__composer,.phone-demo-module__O2wISW__demoAction{padding-inline:var(--space-8)}}@media (max-width:35rem){.phone-demo-module__O2wISW__service,.phone-demo-module__O2wISW__recordingBar>div>strong{display:none}.phone-demo-module__O2wISW__demoAction{flex-direction:column;align-items:stretch}.phone-demo-module__O2wISW__demoAction>button{width:100%}}@media (max-width:22.5rem){.phone-demo-module__O2wISW__appHeader,.phone-demo-module__O2wISW__customerBar,.phone-demo-module__O2wISW__thread,.phone-demo-module__O2wISW__composer,.phone-demo-module__O2wISW__demoAction{padding-inline:var(--space-3)}.phone-demo-module__O2wISW__businessIdentity strong{font-size:var(--text-base)}.phone-demo-module__O2wISW__businessMessage,.phone-demo-module__O2wISW__customerMessage{max-width:92%}.phone-demo-module__O2wISW__recordingBar{padding-inline:var(--space-2)}}@media (prefers-reduced-motion:reduce){.phone-demo-module__O2wISW__recordingBar button,.phone-demo-module__O2wISW__recordingBar a,.phone-demo-module__O2wISW__composer>button,.phone-demo-module__O2wISW__demoAction>button{transition-duration:var(--dur-micro)}}