:root{--safe-top:var(--tg-safe-area-inset-top,0px);--safe-bottom:var(--tg-safe-area-inset-bottom,0px)}body,html{background:#000;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,system-ui,Roboto,sans-serif;overflow:hidden}.app-container{color:#fff;width:100vw;height:100vh;position:relative}.background-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.ui-layer{z-index:2;height:100%;padding:calc(var(--safe-top) + 15px) 15px calc(var(--safe-bottom) + 15px);box-sizing:border-box;pointer-events:none;background:linear-gradient(#0000004d 0%,#0000 20% 70%,#0006 100%);flex-direction:column;justify-content:space-between;display:flex;position:relative}.top-bar,.bottom-section{pointer-events:auto}.top-bar{justify-content:space-between;align-items:center;padding-top:30px;display:flex}.user-info{align-items:center;gap:10px;display:flex}.avatar-circle{background:#555;border:1.5px solid #fff;border-radius:50%;width:36px;height:36px}.username{text-shadow:0 1px 4px #00000080;font-weight:600}.status-badges{gap:5px;display:flex}.badge-live{background:#ff0050;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.badge-viewers{background:#00000080;border-radius:4px;padding:2px 8px;font-size:12px}.quick-emoji{gap:8px;margin-bottom:15px;display:flex}.emoji-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:none;border-radius:20px;padding:6px 12px;font-size:14px}.input-row{align-items:center;gap:15px;display:flex}.fake-input{color:#fffc;background:#0006;border:1px solid #ffffff4d;border-radius:25px;flex:1;justify-content:space-between;padding:10px 18px;display:flex}.icon-actions{gap:15px;display:flex}.nav-icon{fill:#fff;filter:drop-shadow(0 1px 2px #00000080);width:26px;height:26px}.hearts-emitter{width:50px;height:200px;position:absolute;bottom:80px;right:10px}.floating-heart{font-size:24px;animation:2s ease-out forwards floatUp;position:absolute;bottom:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-200px)scale(1.5)rotate(20deg)}}.badge-viewers{text-align:center;background:#00000080;border-radius:4px;min-width:45px;padding:2px 8px;font-size:12px;transition:all .3s}.badge-live:before{content:"";vertical-align:middle;background:#fff;border-radius:50%;width:6px;height:6px;margin-right:5px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.comments-list{pointer-events:none;flex-direction:column;justify-content:flex-end;gap:12px;max-height:250px;margin-bottom:15px;display:flex;overflow:hidden}.comment-list-enter-active,.comment-list-leave-active{transition:all .5s}.comment-list-enter-from{opacity:0;transform:translateY(20px)}.comment-list-enter-to{opacity:1;transform:translateY(0)}.mini-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:block}.comment-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.comment-content{text-shadow:0 1px 2px #000c;font-size:13px}.user-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:25px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.avatar-circle{background:#333;border:1.5px solid #fffc;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.avatar-circle img{object-fit:cover;width:100%;height:100%;display:block}.user-meta{flex-direction:column;display:flex}.username{color:#fff;text-shadow:0 1px 2px #00000080;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}