*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:#1c1c1e}body{-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a1a;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.app{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:20px 0}.phone{width:393px;height:852px;background:#000;border-radius:52px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff1f,0 0 0 10px #111,0 0 0 11px #ffffff0f,0 40px 80px #000c;position:relative}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 0;height:54px;flex-shrink:0}.sb-time{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.3px}.sb-right{display:flex;align-items:center;gap:2px}.nav-bar{display:flex;align-items:center;padding:6px 16px 10px;position:relative;border-bottom:.5px solid rgba(255,255,255,.12);flex-shrink:0}.nav-back{background:none;border:none;cursor:pointer;padding:6px 10px 6px 2px;display:flex;align-items:center}.nav-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.nav-avatar{width:36px;height:36px;background:#2c2c2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}.nav-name{font-size:12px;font-weight:500;color:#0a84ff}.nav-info{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.chat{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}.chat::-webkit-scrollbar{display:none}.unlocked-label{text-align:center;font-size:12px;color:#30d158;margin-top:4px}.chat-hint{margin:auto;text-align:center;color:#48484a;font-size:14px}.row{display:flex;max-width:75%}.row-sent{align-self:flex-end;justify-content:flex-end}.row-recv{align-self:flex-start;justify-content:flex-start}.bubble{padding:9px 14px;font-size:16px;line-height:1.35;word-break:break-word;position:relative;max-width:100%}.bubble-sent{background:#0a84ff;color:#fff;border-radius:20px 20px 5px}.bubble-recv{background:#1c1c1e;color:#fff;border-radius:20px 20px 20px 5px;border:.5px solid rgba(255,255,255,.08)}.typing-bubble{padding:12px 16px;display:flex;align-items:center;gap:5px}.dot{display:block;width:7px;height:7px;background:#636366;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.25)}}.bubble-recv.blurred{filter:blur(5px);-webkit-user-select:none;user-select:none;cursor:pointer}.lock-icon{display:block;font-size:12px;margin-top:4px;filter:none}.input-bar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px 14px 32px;background:#000;border-top:.5px solid rgba(255,255,255,.1)}.input-pill{flex:1;border:1.5px solid #38383a;border-radius:22px;padding:7px 14px;display:flex;align-items:center;min-height:36px}.input-field{width:100%;background:none;border:none;outline:none;color:#fff;font-size:16px;font-family:inherit;resize:none;line-height:1.35;max-height:90px;overflow-y:auto}.input-field::placeholder{color:#48484a}.input-field:disabled{opacity:.4}.send-circle{width:32px;height:32px;border-radius:50%;border:none;background:#38383a;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.send-circle.active{background:#0a84ff}.send-circle:disabled{cursor:not-allowed}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:0 0 32px}.paywall{background:#1c1c1e;border:.5px solid rgba(255,255,255,.12);border-radius:20px 20px 16px 16px;width:min(360px,92vw);padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}.pw-emoji{font-size:38px;margin-bottom:4px}.pw-title{font-size:22px;font-weight:700;color:#fff;text-align:center}.pw-sub{font-size:14px;color:#8e8e93;text-align:center;line-height:1.5;margin-bottom:8px}.pw-btn{display:block;width:100%;background:#0a84ff;color:#fff;font-size:17px;font-weight:600;text-align:center;text-decoration:none;padding:14px;border-radius:14px;margin-top:4px;transition:opacity .15s}.pw-btn:hover{opacity:.85}.pw-cancel{background:none;border:none;color:#636366;font-size:14px;cursor:pointer;padding:8px;text-decoration:underline;font-family:inherit}@media(max-width:430px){.app{padding:0;background:#000;align-items:stretch}.phone{width:100%;height:100svh;border-radius:0;box-shadow:none}.overlay{padding-bottom:20px}}