.text-demo{min-height:75vh;padding:52px 22px 64px}.text-demo-setup{max-width:450px;margin:auto}.text-demo-setup h1{margin:16px 0;font-size:clamp(38px,5vw,52px);font-weight:800}.text-demo-setup>p{color:var(--muted);margin-bottom:28px}.text-demo-setup form{gap:22px;display:grid}.text-demo-name{font-size:14px;font-weight:700}.text-demo-name input{width:100%;color:var(--ink);background:#fff;border:1px solid #bfc5cc;border-radius:6px;margin-top:8px;padding:14px 16px;display:block}.text-demo-toggle{cursor:pointer;align-items:center;gap:16px;display:flex;position:relative}.text-demo-toggle>span:first-child{flex:1}.text-demo-toggle strong{font-size:15px;display:block}.text-demo-toggle small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.text-demo-toggle input{opacity:0;cursor:pointer;width:46px;height:28px;position:absolute;right:0}.text-demo-switch{pointer-events:none;background:#bec4cc;border-radius:20px;width:46px;height:28px;padding:4px}.text-demo-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0002}.text-demo-toggle input:checked+.text-demo-switch{background:#164bea}.text-demo-toggle input:checked+.text-demo-switch:after{transform:translate(18px)}.text-demo-toggle input:focus-visible+.text-demo-switch{outline-offset:4px;outline:3px solid #164bea}.text-demo-sample{background:#fffdf7;border:1px solid #dfe2dd;border-radius:8px;padding:18px}.text-demo-sample>span{letter-spacing:1px;color:var(--muted);font-size:9px;font-weight:700}.text-demo-sample p{margin-top:10px;font-size:14px}.text-demo-note{text-align:center;color:var(--muted);font-size:11px;line-height:1.7;margin:18px 0 0!important}.text-demo-playback{max-width:400px;margin:auto}.text-demo-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.text-demo-topline button{background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:flex}.text-demo-topline>span{letter-spacing:1px;color:#747d89;font-size:9px;font-weight:700}.race-phone{background:#fff;border:7px solid #171d27;border-radius:46px;flex-direction:column;height:620px;display:flex;overflow:hidden;box-shadow:10px 14px #171d2708,0 18px 45px #171d2712}.race-phone-status{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:12px 22px 0;font-size:12px;font-weight:700;display:flex}.race-phone-status>span:last-child{align-items:center;gap:5px;display:flex}.race-phone-island{background:#171d27;border-radius:20px;width:94px;height:24px}.race-phone-contact{text-align:center;background:#fbfcfd;border-bottom:1px solid #ebedef;padding:16px 10px 14px}.race-phone-avatar{color:#fff;background:#164bea;border-radius:50%;place-items:center;width:43px;height:43px;margin:auto auto 7px;font-size:12px;font-weight:800;display:grid}.race-phone-contact strong{font-size:13px;display:block}.race-phone-contact small{color:#79818e;font-size:9px}.race-phone-conversation{scrollbar-width:thin;flex:1;min-height:0;padding:18px 18px 24px;overflow-y:auto}.race-phone-day{text-align:center;color:#7c8491;margin-bottom:18px;font-size:10px}.race-phone-message{margin-bottom:17px;animation:.25s ease-out text-arrives}.race-phone-message time{text-align:center;color:#9298a2;margin-bottom:7px;font-size:9px;display:block}.race-phone-message p{overflow-wrap:anywhere;background:#eceef1;border-radius:17px 17px 17px 4px;width:fit-content;max-width:92%;padding:12px 15px;font-size:14px;line-height:1.5}.race-phone-waiting{color:#969da7;padding:0 5px;font-size:10px}.race-phone-bottom{text-align:center;color:#9198a2;border-top:1px solid #eef0f2;flex-shrink:0;padding:12px 10px 7px;font-size:9px}.race-phone-bottom i{background:#171d27;border-radius:4px;width:105px;height:4px;margin:12px auto 0;display:block}.text-demo-timeline{margin:24px 0 12px}.text-demo-timeline>div{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.text-demo-timeline strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px}.text-demo-timeline progress{accent-color:#164bea;border:0;border-radius:5px;width:100%;height:5px;margin-top:10px;display:block;overflow:hidden}.text-demo-timeline progress::-webkit-progress-bar{background:#dfe3e9}.text-demo-timeline progress::-webkit-progress-value{background:#164bea}.text-demo-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.text-demo-controls button,.text-demo-controls select{color:var(--ink);background:#fffdf8;border:1px solid #d6dae0;border-radius:5px;align-items:center;gap:6px;padding:9px;font-size:11px;display:flex}.text-demo-cta{color:#164bea;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:13px;font-weight:700;display:flex}.text-demo-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes text-arrives{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.race-phone-message{animation:none}.text-demo-switch:after{transition:none}}@media (max-width:480px){.text-demo{padding:30px 18px 40px}.race-phone{border-width:6px;border-radius:38px;height:560px}.race-phone-status{padding-inline:17px}.text-demo-controls{gap:5px}.text-demo-controls button,.text-demo-controls select{padding:8px;font-size:10px}}