.navigation{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);height:64px;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);z-index:1000;box-shadow:var(--shadow-lg)}.nav-links-container{display:contents}.nav-logo{display:none}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);padding:var(--spacing-sm);flex:1;height:100%;transition:all var(--transition-fast);border-radius:var(--radius-lg)}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--color-text)}.nav-item svg{width:24px;height:24px;stroke-width:2.5px}.nav-label{display:none;font-size:.75rem;font-weight:var(--font-weight-medium);margin-top:4px}@media(min-width:768px){.navigation{width:240px;height:100vh;inset:0 auto auto 0;flex-direction:column;justify-content:flex-start;border:none;border-right:1px solid var(--color-border);border-radius:0;background-color:var(--color-background);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-lg);box-shadow:none}.nav-links-container{display:flex;flex-direction:column;width:100%;gap:var(--spacing-xs)}.nav-logo{display:block;width:100%;padding:0 var(--spacing-md);margin-bottom:var(--spacing-md)}.nav-logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.nav-item{flex:0;flex-direction:row;width:100%;height:auto;padding:var(--spacing-md);border-radius:var(--radius-md);justify-content:flex-start;gap:var(--spacing-md);color:var(--color-text-muted)}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.nav-item.active{background-color:var(--color-surface);color:var(--color-text)}.nav-item svg{width:24px;height:24px;stroke-width:2px}.nav-label{display:block;margin-top:0;font-size:.95rem;font-weight:600}}.main-layout{display:flex;flex-direction:column;min-height:100vh}.content-area{flex:1;padding-bottom:80px;width:100%}@media(min-width:768px){.main-layout{flex-direction:row}.content-area{margin-left:250px;padding-bottom:0;display:flex;justify-content:center;background-color:#000}}.reel-card{position:relative;width:100%;aspect-ratio:4/5;background-color:#000;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:rgba(var(--color-cards-background-rgb),.5);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.reel-media{width:100%;height:100%;object-fit:cover}.reel-overlay-top{position:absolute;top:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);color:#fff;z-index:2}.reel-overlay-bottom{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;display:flex;flex-direction:column;z-index:2}.reel-user{display:flex;align-items:center;gap:var(--spacing-sm)}.reel-avatar{width:32px;height:32px;background-color:var(--color-primary);border-radius:5px;display:flex;align-items:center;justify-content:center}.reel-user-text{display:flex;flex-direction:column}.reel-username{font-size:.9rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.reel-subtext{font-size:.75rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.reel-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.play-triangle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.reel-content-row{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:var(--spacing-sm)}.reel-description{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs);text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:85%}.reel-actions-vertical{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.action-btn{background:transparent;border:none;color:#fff;padding:0;cursor:pointer;transition:transform .1s;display:flex;flex-direction:column;align-items:center;gap:2px}.action-btn:hover{transform:scale(1.1)}.action-btn svg{width:28px;height:28px;stroke-width:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000081;z-index:1000;display:flex;justify-content:center;align-items:center}.video-modal-content{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 57px 15px #5d5d5dbf;overflow:hidden}@media(min-width:1024px){.video-modal-overlay{top:20px;width:100vw;height:95vh;background-color:#00000081}.video-modal-content{width:70%;height:85vh;max-width:1200px;aspect-ratio:auto;border-radius:12px;border:1px solid #333;box-shadow:0 0 57px 15px #5d5d5dbf;position:relative;overflow:visible}.video-player{object-fit:contain;background:#000;border-radius:12px}.video-player-wrapper{border-radius:12px;overflow:hidden}.video-actions-sidebar{position:absolute;bottom:65px;right:-80px;display:flex;flex-direction:column;gap:20px;z-index:40;align-items:center}.video-info-overlay{width:100%;right:0;border-radius:0 0 12px 12px;padding-right:120px}}.video-modal-close{position:absolute;top:20px;right:20px;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s}.video-modal-close:hover{background:#000c}.video-modal-back{position:absolute;top:20px;left:16px;background:transparent;border:none;cursor:pointer;z-index:20;padding:8px}.video-player-wrapper{width:100%;height:100%;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#000}.video-player{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7;pointer-events:none}.video-actions-sidebar{position:absolute;bottom:100px;right:10px;display:flex;flex-direction:column;gap:20px;z-index:20;align-items:center}.action-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff;padding:0}.action-text{font-size:12px;margin-top:4px;font-weight:600}.video-info-overlay{position:absolute;bottom:0;left:0;width:100%;padding:16px 16px 30px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:20;text-align:left;box-sizing:border-box}.user-info{display:flex;align-items:center;margin-bottom:8px;gap:8px}.user-avatar-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.green-logo-box{width:20px;height:20px;border:2px solid #a4fd2d;border-radius:4px;transform:rotate(45deg)}.user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.username{color:#fff;font-weight:600;font-size:15px}.video-title{color:#fff;font-size:14px;font-weight:400;margin:0 0 16px;max-width:85%;line-height:1.4}.progress-container{display:flex;align-items:center;gap:8px;width:100%}.time-display{color:#ddd;font-size:12px;font-family:monospace;min-width:35px}.progress-bar{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.progress-bar::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.reel-nav-buttons{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:16px;z-index:50;pointer-events:none}.reel-nav-btn{pointer-events:auto;width:50px;height:50px;border-radius:50%;background-color:#1e1e1e99;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.reel-nav-btn:hover:not(:disabled){background-color:#3c3c3ccc;transform:scale(1.05)}.reel-nav-btn:disabled{cursor:not-allowed}@media(min-width:1024px){.reel-nav-buttons{display:flex;right:-90px}.video-actions-sidebar{bottom:120px;right:-80px;flex-direction:column}}.stories-container{display:flex;overflow-x:auto;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.stories-container img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.stories-container.active{cursor:grabbing;cursor:-webkit-grabbing}.stories-container::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;min-width:72px}.story-ring{width:68px;height:68px;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.story-ring:active{transform:scale(.95)}.story-ring.unseen{background:linear-gradient(45deg,var(--color-primary),var(--color-secondary))}.story-ring.seen{background:var(--color-border)}.story-avatar-container{width:100%;height:100%;border-radius:50%;border:3px solid var(--color-background);position:relative;overflow:hidden}.story-avatar-container img.story-avatar{width:100%;height:100%;object-fit:cover;display:block}.story-add-icon{position:absolute;bottom:0;right:0;background:var(--color-primary);color:var(--color-background);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid var(--color-background)}.story-username{font-size:var(--font-size-xs);color:var(--color-text);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-container{width:100%;max-width:480px;margin:0 auto;padding-bottom:80px}.lottie-container{position:fixed;top:20px;right:20px;width:60px;height:60px;z-index:1001;pointer-events:none}.feed-header-mobile{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.feed-header-mobile h1{font-size:1.5rem;font-weight:800;color:var(--color-text)}.feed-reels-list{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:1rem}@media(min-width:768px){.feed-container{margin:0;max-width:480px;padding-top:var(--spacing-lg)}.feed-header-mobile{display:none}}.favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:0 var(--spacing-sm)}@media(min-width:768px){.favorites-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:0}}@media(min-width:1200px){.favorites-grid{grid-template-columns:repeat(3,1fr)}}.favorites-grid .reel-card{aspect-ratio:9/16;border-radius:var(--radius-md)}.favorites-grid .reel-card .reel-overlay-top,.favorites-grid .reel-card .reel-overlay-bottom{display:none}.favorites-grid .reel-card .reel-center-play svg{width:32px;height:32px}.profile-page-container{padding:var(--spacing-md);padding-bottom:80px;display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto}.profile-card{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-avatar-card{align-items:center;padding:var(--spacing-xl) var(--spacing-lg)}.avatar-placeholder-large{width:100px;height:100px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.btn-pill{background-color:#ffffff26;color:var(--color-text);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);border:none;cursor:pointer}.profile-display-name{font-size:1.25rem;font-weight:700;color:var(--color-text)}.card-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}.form-group{width:100%}.form-stack{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.profile-input{width:100%;padding:14px 16px;background-color:var(--color-background);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit}.profile-input:focus{outline:none;border-color:var(--color-primary)}.profile-input::placeholder{color:#ffffff4d}.btn-primary-full{width:100%;background-color:var(--color-secondary);color:#fff;padding:14px;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;border:none;cursor:pointer;margin-top:var(--spacing-xs)}@media(min-width:1024px){.profile-page-container{margin:0 auto;padding-top:var(--spacing-xl);max-width:1200px;width:100%;display:grid;grid-template-columns:350px 1fr;grid-template-rows:auto auto auto;gap:var(--spacing-lg);align-items:start}.profile-page-container>.profile-card:nth-child(2){grid-column:1;grid-row:1 / span 2}.profile-page-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.profile-page-container>div:last-child{grid-column:1 / -1}.profile-page-container>div:first-child:not(.profile-card){grid-column:1 / -1}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);position:relative;overflow:hidden;background:radial-gradient(circle at top right,var(--color-surface),var(--color-background))}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}.background-video.active{opacity:1}.login-card{background:rgba(var(--color-cards-background-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000080;animation:fadeInUp var(--transition-normal);position:relative;z-index:1;--backdrop-blur: 4px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.login-header{text-align:left;margin-bottom:var(--spacing-xl)}.login-logo{height:64px;margin-bottom:var(--spacing-xl);display:block;position:relative;z-index:10}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:0}.login-subtitle{color:#fff;font-size:var(--font-size-sm)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input{padding:var(--spacing-md);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;transition:border-color var(--transition-fast);font-weight:600;width:100%}input:-internal-autofill-selected{background-color:transparent!important}.form-input:focus{outline:none;border-color:rgba(var(--color-primary-dark-rgb),.5)}.password-container{position:relative;width:100%}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-primary)}.forgot-password-link{display:block;text-align:right;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--color-primary);text-decoration:underline}.btn-primary{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-cards-background);color:#fff;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submit-button{background:var(--color-secondary)}:root{--color-primary: #ccff00;--color-primary-dark: #b3e600;--color-primary-dark-rgb: 179, 230, 0;--color-secondary: #536284;--color-background: #050511;--color-cards-background-rgb: 17, 23, 41;--color-cards-background: rgb(var(--color-cards-background-rgb));--color-surface: #12121e;--color-surface-hover: #1c1c2e;--color-text: #ffffff;--color-text-muted: #8f90a6;--color-border: #232333;--color-success: #ccff00;--color-error: #ff4444;--font-family: "Montserrat", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--glass-bg: rgba(18, 18, 30, .85);--glass-border: rgba(255, 255, 255, .08);--backdrop-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.page-container{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md);padding-bottom:80px;display:flex;flex-direction:column;gap:var(--spacing-md)}.page-title{margin-bottom:var(--spacing-lg);text-align:center;font-size:1.2rem;font-weight:700;color:var(--color-text)}.page-header{margin-bottom:var(--spacing-lg);text-align:center}