* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: system-ui, sans-serif;
    background:#000; color:white; height:100vh; overflow:hidden;
}
.tiktok-app { height:100vh; display:flex; flex-direction:column; }
.video-feed {
    flex:1; overflow-y:scroll; scroll-snap-type:y mandatory;
}
.video-container {
    height:100vh; position:relative; scroll-snap-align:start;
}
.video-container video {
    width:100%; height:100%; object-fit:cover;
}
.video-info {
    position:absolute; bottom:100px; left:15px; right:80px; z-index:10;
}
.bottom-nav {
    position:fixed; bottom:0; left:0; right:0; height:60px;
    background:rgba(0,0,0,0.9); display:flex; justify-content:space-around;
    align-items:center; z-index:100;
}
.bottom-nav a { color:white; font-size:28px; text-decoration:none; }

.auth-container {
    max-width:400px; margin:80px auto; padding:30px;
    background:#111; border-radius:12px; text-align:center;
}
input, button {
    width:100%; padding:14px; margin:10px 0; border:none; border-radius:8px;
}
button {
    background:#ff0050; color:white; font-weight:bold; font-size:16px;
}


.right-actions {
    position: absolute;
    right: 15px;
    bottom: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 10;
}

.action-btn {
    text-align: center;
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
    cursor: pointer;
}

.action-btn .icon {
    font-size: 32px;
    display: block;
    margin-bottom: 4px;
}

.action-btn .count {
    font-size: 13px;
    display: block;
}