.iphone-frame{position:relative;width:320px;height:660px;margin:0 auto;background:linear-gradient(180deg,#2c2c2e,#1c1c1e);border-radius:56px;padding:14px;box-shadow:0 0 0 2px #0a0a0c,0 30px 60px -20px rgba(0,0,0,.55),0 8px 30px -8px rgba(0,0,0,.4),inset 0 0 0 4px #3b3b3d,inset 0 0 0 6px #1c1c1e;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.iphone-side{position:absolute;width:3px;background:#1a1a1c;border-radius:2px}.iphone-side-left{left:-2px;top:130px;height:40px;box-shadow:0 60px 0 #1a1a1c,0 110px 0 #1a1a1c}.iphone-side-right{right:-2px;top:170px;height:70px}.iphone-screen{position:relative;width:100%;height:100%;background:#ece5dd;border-radius:44px;overflow:hidden;display:flex;flex-direction:column;background-image:radial-gradient(circle at 20% 20%,rgba(0,0,0,.03) 0 1px,transparent 2px),radial-gradient(circle at 60% 70%,rgba(0,0,0,.025) 0 1px,transparent 2px),radial-gradient(circle at 80% 30%,rgba(0,0,0,.02) 0 1px,transparent 2px);background-size:40px 40px,50px 50px,60px 60px;transition:opacity .7s ease}.iphone-screen.is-fading>.wa-chat,.iphone-screen.is-fading>.wa-header,.iphone-screen.is-fading>.wa-input{opacity:0;transition:opacity .7s ease}.wa-chat,.wa-header,.wa-input{transition:opacity .28s ease}.status-bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 28px 8px;background:#128c7e;color:#fff;font-size:13px;font-weight:600;height:50px;box-sizing:border-box}.status-time{letter-spacing:.5px;font-variant-numeric:tabular-nums}.status-right{display:flex;align-items:center;gap:6px;color:#fff}.dynamic-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:90px;height:26px;background:#000;border-radius:16px;z-index:10}.wa-header{display:flex;align-items:center;gap:10px;padding:8px 14px 10px;background:#128c7e;color:#fff;border-bottom:1px solid rgba(0,0,0,.15)}.wa-back{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;padding:0;cursor:default}.wa-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.wa-meta{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.wa-name{font-size:14px;font-weight:600}.wa-status{display:flex;align-items:center;gap:4px;font-size:10px;color:hsla(0,0%,100%,.85);height:12px}.wa-status-text{transition:opacity .2s ease}.wa-status-typing{font-style:italic;letter-spacing:.1px}.wa-chat{flex:1;overflow:hidden;padding:8px 10px 4px;position:relative}.wa-chat-fade-top{position:absolute;top:0;left:0;right:0;height:22px;pointer-events:none;background:linear-gradient(180deg,#ece5dd 30%,hsla(32,28%,90%,0));z-index:2}.wa-track{display:flex;flex-direction:column;gap:6px;transition:transform .48s cubic-bezier(.2,.8,.2,1);will-change:transform}.wa-row{display:flex;animation:bubbleIn .32s cubic-bezier(.2,.8,.2,1) both}.wa-row.in{justify-content:flex-start}.wa-row.out{justify-content:flex-end}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.wa-bubble{max-width:80%;padding:6px 9px 7px;border-radius:10px;font-size:12.5px;line-height:16px;color:#1c1c1e;box-shadow:0 1px .5px rgba(0,0,0,.13);position:relative;display:inline-flex;flex-direction:column;gap:2px}.wa-row.in .wa-bubble{background:#fff;border-top-left-radius:4px}.wa-row.out .wa-bubble{background:#dcf8c6;border-top-right-radius:4px}.wa-bubble-text{display:block}.wa-meta-row{align-self:flex-end;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;color:rgba(0,0,0,.45);margin-top:1px}.wa-time{font-variant-numeric:tabular-nums}.wa-ticks{display:inline-flex;align-items:center;color:rgba(0,0,0,.35);transition:color .22s ease;margin-left:1px}.wa-ticks svg{display:block}.wa-ticks svg+svg{margin-left:-7px}.wa-ticks.is-delivered{color:#34b7f1}.wa-typing-bubble{flex-direction:row;gap:3px;padding:8px 10px;background:#fff;border-top-left-radius:4px;align-items:center;min-height:22px}.wa-typing-bubble .wa-typing-dot{width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.35);animation:typing-bounce 1.1s ease-in-out infinite}.wa-typing-bubble .wa-typing-dot:nth-child(2){animation-delay:.15s}.wa-typing-bubble .wa-typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}.wa-input{gap:8px;padding:8px 10px 14px;background:#f3eeea;border-top:1px solid rgba(0,0,0,.06)}.wa-input,.wa-input-pill{display:flex;align-items:center}.wa-input-pill{flex:1;height:36px;background:#fff;border-radius:20px;padding:0 14px}.wa-input-placeholder{font-size:13px;color:#8a8a8e}.wa-mic{width:38px;height:38px;border-radius:50%;background:#25d366;color:#fff;border:0;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:134px;height:5px;background:#1c1c1e;border-radius:100px;opacity:.85}@media (prefers-reduced-motion:reduce){.iphone-frame,.wa-row,.wa-typing-bubble .wa-typing-dot{animation:none!important}.iphone-screen,.wa-chat,.wa-header,.wa-input,.wa-track{transition:none!important}}.iphone-screen.is-reduced .wa-track{transform:none!important}