#root,body,html{background:#000!important;box-sizing:border-box;font-family:Inter,Arial,sans-serif;height:100dvh;margin:0!important;min-height:100dvh;min-width:100vw;overflow-x:hidden;padding:0!important;scrollbar-width:none;touch-action:manipulation;width:100vw}#root,*,body,html{-webkit-tap-highlight-color:transparent}*{outline:none}button,input,select,svg,textarea,video{-webkit-tap-highlight-color:transparent!important;background:none;border:none;outline:none}button:focus,input:focus{box-shadow:none;outline:none}::-webkit-scrollbar{display:none}.video-details-and-comments{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;padding:20px 18px 28px;position:absolute;right:0;z-index:6}@media (min-width:768px){.video-details-and-comments{align-items:flex-end;flex-direction:row;justify-content:space-between;padding:30px 40px}.video-details-section{flex-grow:1;margin-right:20px}}.video-details-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-info-container{align-items:center;background:#1c1d2296;border-radius:18px;box-shadow:0 1px 5px #0015;display:flex;gap:10px;padding:7px 15px}.user-name{font-size:16px;font-weight:600}.logout-btn{background:none;color:#ff6b6b;font-size:14px;padding:0}.back-to-feed-btn,.login-prompt-btn{background:#1c1d2296;border:none;border-radius:18px;box-shadow:0 1px 5px #0015;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:7px 19px}.comments-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border-radius:12px;margin-top:20px;max-width:400px;padding:15px;width:100%}@media (min-width:768px){.comments-section{margin-top:0}}.comments-section h3{border-bottom:1px solid #ffffff1a;font-size:1.2rem;font-weight:700;margin-bottom:15px;padding-bottom:10px}.comments-list{max-height:200px;overflow-y:auto;padding-right:10px;scrollbar-color:#333 #0000;scrollbar-width:thin}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.comment-item{word-wrap:break-word;background:#ffffff0d;border-radius:8px;font-size:.9rem;line-height:1.4;margin-bottom:8px;padding:10px}.comment-form{display:flex;gap:10px;margin-top:15px}.comment-input{background:#282828;border:1px solid #444;border-radius:20px;color:#fff;flex-grow:1;font-size:.95rem;padding:10px 15px}.comment-submit-btn{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:0 15px;transition:background-color .2s}.comment-submit-btn:hover{background:#0056b3}.comment-login-message{color:#aaa;font-size:.95rem;margin-top:15px;text-align:center}.comment-login-message span{color:#007bff;cursor:pointer;font-weight:600;text-decoration:underline}.comment-error{color:#ff6b6b;font-size:.85rem;margin-top:5px;text-align:center}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0;top:0;z-index:1000}.header-brand{color:#fff;cursor:pointer;font-size:2rem;font-weight:800;letter-spacing:-.05em;text-shadow:0 0 10px #007bff80}.header-nav{align-items:center;display:flex;gap:15px}.user-greeting{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap}.header-btn{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.header-btn:hover{background-color:#0056b3}.feed-container{grid-gap:20px;background-color:#0d0d0d;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.video-card{aspect-ratio:9/16;border-radius:12px;box-shadow:0 4px 15px #0000004d;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.video-card:hover{box-shadow:0 8px 25px #00000080;transform:translateY(-5px)}.video-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.video-info{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:15px;position:absolute;right:0}.video-caption{font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px #000;white-space:nowrap}.video-likes{align-items:center;background:#ffffff26;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:5px;padding:5px 10px;transition:transform .1s ease}.video-likes:hover{transform:scale(1.1)}.no-videos-message{color:#aaa;font-size:1.2rem;padding:50px 0;text-align:center;width:100%}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.sexy-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121ca6;border:1px solid #ffffff1a;border-radius:99px;box-shadow:0 4px 20px #00000059;display:inline-flex;gap:16px;justify-content:space-between;left:50%;padding:6px 10px;position:fixed;top:1.25rem;transform:translateX(-50%);width:auto;z-index:50}.logo,.sexy-nav{align-items:center}.logo{cursor:pointer;display:flex;gap:8px;padding-left:8px}.logo img{border-radius:8px;height:28px;width:28px}.logo-text{color:#fff;font-size:18px;font-weight:600;transition:all .3s ease}.nav-items{display:flex;gap:20px}.nav-item{background:none;border:none;color:#a9a9c4;cursor:pointer;font-size:15px;font-weight:500;padding:5px;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:before{background:#fff;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;width:100%}.nav-item.active:before,.nav-item:hover:before{transform:scaleX(1)}.nav-item.active,.nav-item:hover{color:#fff}.logout-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2e86de);border:none;border-radius:99px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 18px;transition:all .2s ease;white-space:nowrap}.logout-btn:hover{box-shadow:0 4px 15px #3498db66;transform:scale(1.05)}.hamburger{background:#0000;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px;transition:background .3s ease;z-index:1001}.hamburger-line{background:#fff;border-radius:3px;height:3px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6);width:28px}.hamburger:hover{background:#ffffff1a}.mobile-menu{background:#0d1117;border-left:1px solid #30363d;box-shadow:-10px 0 40px #00000080;display:flex;flex-direction:column;height:100%;position:fixed;right:-100%;top:0;transition:right .5s cubic-bezier(.25,1,.5,1);width:300px;z-index:1000}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:12px 15px}.close-menu{align-items:center;background:none;border:none;border-radius:50%;color:#a9a9c4;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background-color .2s,color .2s;width:40px}.close-menu:hover{background-color:#ffffff1a;color:#fff}.mobile-nav-links{display:flex;flex-direction:column;gap:10px;padding:15px}.mobile-nav-item{align-items:center;animation:fadeIn .5s ease backwards;background:none;border:none;border-radius:8px;color:#a9a9c4;cursor:pointer;display:flex;font-size:18px;gap:15px;padding:12px 15px;text-decoration:none;transition:all .2s ease}.mobile-nav-links .mobile-nav-item:first-of-type{animation-delay:.1s}.mobile-nav-links .mobile-nav-item:nth-of-type(2){animation-delay:.15s}.mobile-nav-links .mobile-nav-item:nth-of-type(3){animation-delay:.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item i{font-size:20px;text-align:center;width:24px}.mobile-nav-item:hover{background-color:#ffffff1a;color:#fff}.mobile-nav-item.active{background-color:#3498db33;color:#fff}.menu-divider{border:none;border-top:1px solid #30363d;margin:10px 15px}.mobile-logout{align-items:center;background:linear-gradient(135deg,#3498db,#2e86de);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin:15px;padding:14px;transition:all .3s ease}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s ease;width:100%;z-index:999}.overlay.open{opacity:1;pointer-events:auto}.hamburger.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,6px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}@media (min-width:769px){.logo-text{display:none}}@media (max-width:768px){.logout-btn,.nav-items{display:none}.sexy-nav{gap:8px;padding:6px}.hamburger{display:flex}}@media (max-width:480px){.logo-text{display:none}.mobile-menu{width:100%}}.nav-item.active,.nav-item:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#89f7fe,#66a6ff);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 5px #66a6ffcc,0 0 10px #66a6ff99,0 0 20px #66a6ff66}.nav-item.active:before,.nav-item:hover:before{background:linear-gradient(90deg,#89f7fe,#66a6ff);box-shadow:0 0 8px #66a6ffb3;filter:blur(.5px)}.nav-item{transition:all .3s ease}
/*# sourceMappingURL=main.3dfbf4f0.css.map*/