:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1f1f3a;--bg-hover: #252550;--accent-primary: #7c3aed;--accent-secondary: #a78bfa;--accent-glow: #a855f7;--accent-soft: rgba(124, 58, 237, .2);--text-primary: #ffffff;--text-secondary: #c9c9c9;--text-muted: #888888;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--border-color: #374151;--border-light: #4b5563;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:4rem;display:block;margin-bottom:1rem}.auth-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-muted);margin-top:.5rem}.auth-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color)}.form-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input::placeholder{color:var(--text-muted)}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.success-message{background:#22c55e1a;border:1px solid var(--success);color:var(--success);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem;text-align:center}.submit-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-glow) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .3s,opacity .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.switch-auth{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.875rem}.switch-btn{background:none;border:none;color:var(--accent-secondary);font-size:inherit;cursor:pointer;font-weight:500}.switch-btn:hover{text-decoration:underline}.form-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-group-header label{margin-bottom:0}.forgot-link{background:none;border:none;color:var(--accent-secondary);font-size:.8rem;cursor:pointer;padding:0;transition:color .2s}.forgot-link:hover{color:var(--text-primary);text-decoration:underline}.forgot-hint{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.5}.reset-state-center{text-align:center;padding:1rem 0}.reset-state-icon{font-size:3rem;display:block;margin-bottom:1rem}.reset-state-text{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.app-header{background:var(--bg-secondary);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.app-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:.5rem}.user-email{font-size:.75rem;color:var(--text-muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all .2s}.logout-btn:hover{border-color:var(--error);color:var(--error)}.app-content{flex:1;padding-bottom:70px;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:.5rem 0;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;text-decoration:none;color:var(--text-muted);transition:all .2s}.nav-item.active{color:var(--accent-secondary)}.nav-item:hover{color:var(--text-primary)}.nav-icon{font-size:1.5rem}.nav-label{font-size:.625rem;margin-top:.25rem}.home-page{padding:1rem}.countdown-section{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);text-align:center}.countdown-title{font-size:1rem;color:var(--text-secondary);margin-bottom:.25rem}.countdown-tz{font-size:.625rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.countdown-display{display:flex;justify-content:center;align-items:center;gap:.25rem}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:50px}.countdown-value{font-size:2rem;font-weight:700;color:var(--accent-secondary);line-height:1}.countdown-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:2rem;color:var(--accent-primary);font-weight:700;margin-top:-.5rem}.champion-section{margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.champion-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:0 0 30px #7c3aed33}.champion-image-container{aspect-ratio:1;overflow:hidden}.champion-image{width:100%;height:100%;object-fit:cover}.champion-info{padding:1rem}.champion-author{font-size:1rem;margin-bottom:.5rem}.champion-author .label{color:var(--text-muted);font-size:.75rem;display:block}.champion-author .author-name{font-weight:700;color:var(--accent-secondary)}.champion-likes{display:flex;align-items:center;gap:.375rem;font-size:1.25rem;font-weight:600;color:var(--accent-primary);margin-bottom:.25rem}.champion-date{font-size:.75rem;color:var(--text-muted)}.no-champion{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px dashed var(--border-color)}.no-champion-icon{font-size:3rem;display:block;margin-bottom:1rem}.no-champion .sub-text{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.loading-card{display:flex;justify-content:center;padding:2rem;background:var(--bg-card);border-radius:var(--radius-lg)}.feed-page{padding:1rem}.feed-page.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.feed-page.loading-state p{margin-top:1rem;color:var(--text-muted)}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.feed-title{font-size:1.125rem;font-weight:600}.refresh-btn{background:var(--bg-tertiary);border:none;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1.25rem;transition:transform .3s}.refresh-btn:hover:not(:disabled){transform:rotate(180deg)}.refresh-btn:disabled{opacity:.5}.empty-feed{text-align:center;padding:2rem}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-feed .sub-text{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.memes-list{display:flex;flex-direction:column;gap:1rem}.meme-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.meme-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.meme-image-container{aspect-ratio:1;overflow:hidden}.meme-image{width:100%;height:100%;object-fit:cover}.meme-footer{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.meme-info{flex:1;min-width:0}.meme-info .author-name{font-size:.875rem;color:var(--text-secondary)}.meme-title{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.like-btn{display:flex;align-items:center;gap:.375rem;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s}.like-btn:hover{background:var(--bg-hover)}.like-btn.liked{background:var(--accent-soft);border-color:var(--accent-primary)}.like-icon{font-size:1.25rem}.like-count{font-weight:600;font-size:.875rem}.like-btn.liked .like-count{color:var(--accent-primary)}.archive-page{padding:1rem}.archive-page.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.archive-page.loading-state p{margin-top:1rem;color:var(--text-muted)}.archive-header{margin-bottom:1.5rem}.archive-title{font-size:1.125rem;font-weight:600}.archive-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.empty-archive{text-align:center;padding:2rem}.empty-archive .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-archive .sub-text{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.winners-list{display:flex;flex-direction:column;gap:1rem}.winner-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column}.winner-rank{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-glow) 100%);padding:.5rem 1rem}.rank-number{font-weight:700;font-size:.875rem;color:#fff}.winner-image-container{aspect-ratio:16/10;overflow:hidden}.winner-image{width:100%;height:100%;object-fit:cover}.winner-info{padding:.75rem 1rem}.winner-author{display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:600;margin-bottom:.375rem}.winner-author .author-name{color:var(--accent-secondary)}.winner-likes{display:flex;align-items:center;gap:.25rem;color:var(--accent-primary);font-size:.875rem;margin-bottom:.25rem}.winner-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.winner-title{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.upload-page{padding:1rem}.upload-page.loading-state{display:flex;align-items:center;justify-content:center;min-height:50vh}.upload-header{margin-bottom:1.5rem}.upload-title{font-size:1.125rem;font-weight:600}.upload-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.limit-info{background:var(--bg-card);border-radius:var(--radius-md);padding:1rem;text-align:center;margin-bottom:1rem;border:1px solid var(--border-color)}.limit-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.limit-used{font-size:2rem;font-weight:700;color:var(--accent-primary)}.limit-divider{font-size:1.5rem;color:var(--text-muted)}.limit-total{font-size:1.5rem;color:var(--text-secondary)}.limit-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.limit-warning{color:var(--warning);font-size:.875rem;font-weight:600;margin-top:.5rem}.limit-remaining{color:var(--success);font-size:.75rem;margin-top:.25rem}.limit-reached{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px dashed var(--warning);margin-bottom:1rem}.limit-icon{font-size:3rem;display:block;margin-bottom:1rem}.limit-reached h3{color:var(--warning);margin-bottom:.5rem}.limit-reached p{color:var(--text-muted);font-size:.875rem}.upload-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1rem}.file-input-container{margin-bottom:1rem}.file-input{display:none}.file-label{display:block;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;border:2px dashed var(--border-color);transition:border-color .2s}.file-label:hover{border-color:var(--accent-primary)}.preview-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.file-placeholder{padding:2rem;text-align:center;background:var(--bg-secondary)}.placeholder-icon{font-size:3rem;display:block;margin-bottom:.5rem}.file-placeholder p{color:var(--text-secondary);font-size:.875rem}.file-hint{color:var(--text-muted);font-size:.75rem;margin-top:.5rem!important}.upload-form .form-group{margin-bottom:1rem}.upload-form .form-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.upload-form .form-group input{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}.upload-form .form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.upload-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-glow) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed66}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-rules{background:var(--bg-card);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border-color)}.upload-rules h3{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.upload-rules ul{list-style:none;padding:0}.upload-rules li{font-size:.75rem;color:var(--text-muted);padding:.25rem 0 .25rem 1rem;position:relative}.upload-rules li:before{content:"•";position:absolute;left:0;color:var(--accent-primary)}@media (min-width: 640px){.app-container{max-width:480px;margin:0 auto;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);position:relative}.bottom-nav{max-width:480px;left:50%;transform:translate(-50%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.like-btn.liked .like-icon{animation:pulse .3s ease-out}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}