*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#090b0f;--panel:#0c0e13;--line:#1c1f26;--bot:#1f2227;--blue:#2867f3;--text:#f1f2f4;--muted:#8a8f9a;--field:#16181d}body,html{height:100%;background:var(--bg)}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img{display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.shell{height:100dvh}.app{height:100%;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}@media (min-width:768px){.shell{padding:32px 16px}.app{border:1px solid var(--line);border-radius:16px}}.top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel);flex:none}.ib{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#c9ccd3}.ib:hover{background:#ffffff0d}.ava{width:34px;height:34px;border-radius:50%;object-fit:cover}.who{flex:1 1;min-width:0}.name{font-weight:600;font-size:15px}.seen{font-size:11.5px;color:var(--muted);margin-top:1px}.name,.seen{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acts{display:flex;gap:2px}@media (min-width:768px){.acts{gap:6px}}.feed{flex:1 1;overflow-y:auto;overscroll-behavior:contain}.prof{text-align:center;padding:22px 16px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.prof h1{font-size:21px;font-weight:700;letter-spacing:-.01em}.prof .h{margin-top:4px}.prof .bio,.prof .h{font-size:11.5px;color:var(--muted)}.prof .bio{margin-top:8px}.meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:14px;font-size:11.5px;color:var(--muted)}.enc,.meta span{display:inline-flex;align-items:center;gap:5px}.enc{font-size:10.5px;color:var(--muted);margin-top:8px}.msgs{padding:14px 14px 10px}.msgs,.row{display:flex;flex-direction:column}.row{align-items:flex-start;margin-bottom:14px;animation:pop .22s ease-out}.row.me{align-items:flex-end}.row time{font-size:10.5px;color:var(--muted);margin:5px 4px 0}.bubble{max-width:min(78%,520px);padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.4;background:var(--bot);word-wrap:break-word}.row.me .bubble{background:var(--blue);color:#fff}.pic{max-width:70%;border-radius:16px;overflow:hidden}.pic img{width:100%;height:auto}.typing{display:flex;gap:4px;padding:14px 15px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.card{display:block;width:min(100%,340px);border-radius:18px;overflow:hidden;background:var(--panel);border:1.5px solid var(--blue);color:var(--text);text-decoration:none;animation:pop .25s ease-out,glow 2s .5s infinite}.card:active{transform:scale(.99)}.cimg{position:relative;display:block;aspect-ratio:720/474}.cimg img{width:100%;height:100%;object-fit:cover}.live{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:600;color:#4ade80}.cbody{display:flex;align-items:center;gap:10px;padding:11px 12px}.ctxt{flex:1 1;min-width:0}.fv{flex:none;border-radius:9px;background:#3ee06e;display:grid;place-items:center}.card b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.cbtn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:999px;background:var(--blue);color:#fff;font-size:13.5px;font-weight:600}.bar{flex:none;border-top:1px solid var(--line);background:var(--panel);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.input input.hint{box-shadow:0 0 0 1.5px #2867f366}.ctabar{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:16px;background:var(--blue);color:#fff;text-decoration:none;font-size:16.5px;font-weight:700;animation:pop .25s ease-out,pulse 1.6s .5s infinite}.ctabar:active{opacity:.9}.input{display:flex;align-items:center;gap:10px}.input input{flex:1 1;min-width:0;height:40px;padding:0 16px;border-radius:999px;border:0;outline:0;background:var(--field);color:var(--text);font-size:16px}.input input::placeholder{color:var(--muted);font-size:14px}.send{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--field);color:var(--muted);flex:none;transition:.15s}.send.on{background:var(--blue);color:#fff}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 #2867f300}50%{box-shadow:0 0 18px 2px #2867f355}}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}