:root{--font:"Roboto",-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#0a0a0a;font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}@keyframes floatUp{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1}to{transform:translateY(-260px) scale(1.25) translateX(var(--drift,0));opacity:0}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.chatScroll::-webkit-scrollbar{display:none}.chatScroll{-ms-overflow-style:none;scrollbar-width:none}.stage{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#2b2b30,#161618)}.frame{position:relative;width:min(100vw,412px);height:100vh;height:100dvh;background:#0a0a0a;flex:none}.notch{display:none}.screen{position:relative;width:100%;height:100%;overflow:hidden;background:#0a0a0a;display:flex;flex-direction:column}@media (min-width:600px) and (min-height:760px){.stage{padding:24px}.frame{height:min(880px,calc(100dvh - 48px));border-radius:46px;padding:11px;box-shadow:0 0 0 2px #2a2a2c,0 30px 70px -20px rgba(0,0,0,.8)}.frame,.notch{background:#000}.notch{display:block;position:absolute;top:18px;left:50%;transform:translateX(-50%);width:118px;height:34px;border-radius:20px;z-index:60}.screen{border-radius:38px}}