.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#121212d9;border-bottom:1px solid #222;width:100%;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 20px;display:flex}.logo-section{cursor:pointer;align-items:center;gap:12px;display:flex}.profile-image{object-fit:cover;background:linear-gradient(135deg,#ff4d6d,#7b61ff);border:2px solid #121212;border-radius:50%;width:42px;height:42px;padding:2px;transition:transform .25s,box-shadow .25s;box-shadow:0 0 12px #7b61ff99}.logo-section:hover .profile-image{transform:scale(1.07);box-shadow:0 0 18px #ff4d6de6}.navbar-title{background:linear-gradient(90deg,#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:18px;font-weight:600}.navbar-subtitle{color:#888;margin:0;font-size:12px}.navbar-right{align-items:center;gap:15px;display:flex}.navbar-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#7b61ff);border:none;border-radius:8px;padding:8px 14px;font-size:14px;transition:transform .2s,opacity .2s}.navbar-button:hover{opacity:.9;transform:scale(1.05)}@media (width<=600px){.navbar-container{padding:12px 16px}.profile-image{width:36px;height:36px}.navbar-title{font-size:16px}.navbar-subtitle{font-size:11px}}*{box-sizing:border-box}body{color:#fff;background-color:#0f0f0f;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.home-container{padding:20px}.title{text-align:center;margin-bottom:24px;font-size:26px;font-weight:600}.loader{text-align:center;color:#aaa;margin-top:60px;font-size:18px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.video-card{cursor:pointer;aspect-ratio:9/16;background:#1a1a1a;border-radius:14px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.video-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0009}.video-card video{background:#000;border-radius:14px;width:100%;height:100%;display:block}.video-card:after{content:"";opacity:0;background:linear-gradient(#0000 60%,#0006);border-radius:14px;transition:opacity .2s;position:absolute;inset:0}.video-card:hover:after{opacity:1}.modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{background:#1a1a1a;border-radius:16px;flex-direction:column;gap:14px;width:min(420px,100%);min-width:0;max-height:90vh;padding:16px;display:flex;position:relative;overflow-y:auto}.modal-video{object-fit:contain;border-radius:10px;width:100%;max-height:260px}.caption-input{color:#fff;resize:none;background:#111;border:1px solid #333;border-radius:10px;width:100%;min-height:70px;padding:10px;font-size:14px}.caption-input:focus{border-color:#7b61ff;outline:none}.modal-actions{gap:10px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;transition:transform .2s,opacity .2s;display:flex}.action-btn span{white-space:nowrap}.instagram{color:#fff;background:linear-gradient(135deg,#ff4d6d,#7b61ff)}.dropbox{color:#fff;background:#0061ff}.action-btn:hover{opacity:.9;transform:scale(1.05)}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:8px;right:10px}.close-btn:hover{color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@media (width<=600px){.home-container{padding:14px}.title{font-size:22px}.modal-content{padding:14px}}.loader-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ff6b6b;background:#2a0f0f;border:1px solid #5a1a1a;border-radius:8px;padding:10px;font-size:13px}.success-message{color:#4cd964;background:#0f2a1a;border:1px solid #1f5a2a;border-radius:8px;padding:10px;font-size:13px}