*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:background .3s ease}body.dark-mode{background:#1a1a1a}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;padding:20px}.App-header{color:#333;margin-bottom:30px;padding:20px 0;text-align:center}.App-header h1{color:#2c3e50;font-size:2rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.username-display{color:#666;font-size:.95rem;font-weight:400}.App-main{margin:0 auto;max-width:800px}.username-prompt{align-items:center;display:flex;justify-content:center;min-height:100vh}.username-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;max-width:400px;padding:40px;text-align:center;width:100%}.username-card h1{color:#2c3e50;font-size:1.8rem;font-weight:500;margin-bottom:12px}.username-card p{color:#666;font-size:.95rem;font-weight:400;margin-bottom:25px}.username-card form{display:flex;flex-direction:column;gap:12px}.username-card input{background:#fafafa;border:1px solid #d0d0d0;border-radius:2px;font-size:.95rem;padding:12px;transition:border-color .2s}.username-card input:focus{background:#fff;border-color:#7a7a7a;outline:none}.username-card button{background:#4a5568;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:background .2s}.username-card button:hover{background:#2d3748}.meme-upload{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:24px;padding:24px}.meme-upload h2{color:#2c3e50;font-size:1.3rem;font-weight:500;margin-bottom:16px}.upload-container{display:flex;flex-direction:column;gap:12px}#file-input{display:none}.file-label{background:#fafafa;border:1px solid #d0d0d0;border-radius:2px;color:#555;cursor:pointer;font-size:.9rem;padding:12px;text-align:center;transition:all .2s}.file-label:hover{background:#f0f0f0;border-color:#a0a0a0}.preview{margin:8px 0}.preview img{border:1px solid #e0e0e0;border-radius:2px;max-height:250px;max-width:100%}.upload-button{background:#4a5568;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:background .2s}.upload-button:hover:not(:disabled){background:#2d3748}.upload-button:disabled{background:#a0a0a0;cursor:not-allowed;opacity:.5}.error-message{background:#fff5f5;border:1px solid #feb2b2;border-radius:2px;color:#c53030;font-size:.9rem;padding:10px;text-align:center}.meme-feed{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:24px}.meme-feed h2{color:#2c3e50;font-size:1.3rem;font-weight:500;margin-bottom:20px}.no-memes{color:#999;font-size:.95rem;padding:40px;text-align:center}.memes-container{display:flex;flex-direction:column;gap:20px}.meme-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden}.meme-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.meme-username{color:#2c3e50;font-size:.95rem;font-weight:500}.meme-timestamp{color:#999;font-size:.85rem}.meme-image-container{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;width:100%}.meme-image{display:block;max-height:500px;object-fit:contain;width:100%}.meme-comments{background:#fff;padding:16px}.meme-comments h4{color:#2c3e50;font-size:.95rem;font-weight:500;margin-bottom:12px}.comments-list{margin-bottom:12px;max-height:300px;overflow-y:auto}.comment{background:#f9f9f9;border:1px solid #efefef;border-radius:2px;margin-bottom:8px;padding:10px 12px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.comment-header strong{color:#2c3e50;font-size:.9rem;font-weight:500}.comment-timestamp{color:#999;font-size:.8rem}.comment-text{color:#555;font-size:.9rem;line-height:1.4}.comment-form{display:flex;gap:8px;margin-top:12px}.comment-form input{background:#fafafa;border:1px solid #d0d0d0;border-radius:2px;flex:1 1;font-size:.9rem;padding:10px 12px}.comment-form input:focus{background:#fff;border-color:#7a7a7a;outline:none}.comment-form button{background:#4a5568;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background .2s}.comment-form button:hover:not(:disabled){background:#2d3748}.comment-form button:disabled{background:#a0a0a0;cursor:not-allowed;opacity:.5}.header-content{align-items:center;display:flex;gap:16px;justify-content:center;position:relative}.dark-mode-toggle{background:#0000;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1;padding:6px 10px;transition:all .2s}.dark-mode-toggle:hover{background:#f0f0f0;border-color:#a0a0a0}.dark-mode-toggle-login{position:absolute;right:20px;top:20px}.dark-mode .App-header,.dark-mode .App-header h1{color:#e0e0e0}.dark-mode .username-display{color:#a0a0a0}.dark-mode .username-card{background:#2a2a2a;border-color:#404040}.dark-mode .username-card h1{color:#e0e0e0}.dark-mode .username-card p{color:#a0a0a0}.dark-mode .username-card input{background:#1a1a1a;border-color:#404040;color:#e0e0e0}.dark-mode .username-card input:focus{background:#222;border-color:#606060}.dark-mode .username-card button{background:#4a5568;color:#e0e0e0}.dark-mode .username-card button:hover{background:#5a6578}.dark-mode .meme-upload{background:#2a2a2a;border-color:#404040}.dark-mode .meme-upload h2{color:#e0e0e0}.dark-mode .file-label{background:#1a1a1a;border-color:#404040;color:#a0a0a0}.dark-mode .file-label:hover{background:#222;border-color:#606060}.dark-mode .preview img{border-color:#404040}.dark-mode .upload-button{background:#4a5568;color:#e0e0e0}.dark-mode .upload-button:hover:not(:disabled){background:#5a6578}.dark-mode .upload-button:disabled{background:#3a3a3a}.dark-mode .error-message{background:#2d1a1a;border-color:#5a2020;color:#f56565}.dark-mode .meme-feed{background:#2a2a2a;border-color:#404040}.dark-mode .meme-feed h2{color:#e0e0e0}.dark-mode .no-memes{color:#666}.dark-mode .meme-card{background:#1a1a1a;border-color:#404040}.dark-mode .meme-header{background:#2a2a2a;border-color:#404040}.dark-mode .meme-username{color:#e0e0e0}.dark-mode .meme-timestamp{color:#777}.dark-mode .meme-image-container{background:#0a0a0a;border-color:#404040}.dark-mode .meme-comments{background:#2a2a2a}.dark-mode .meme-comments h4{color:#e0e0e0}.dark-mode .comment{background:#1a1a1a;border-color:#404040}.dark-mode .comment-header strong{color:#e0e0e0}.dark-mode .comment-timestamp{color:#777}.dark-mode .comment-text{color:#b0b0b0}.dark-mode .comment-form input{background:#1a1a1a;border-color:#404040;color:#e0e0e0}.dark-mode .comment-form input:focus{background:#222;border-color:#606060}.dark-mode .comment-form button{background:#4a5568;color:#e0e0e0}.dark-mode .comment-form button:hover:not(:disabled){background:#5a6578}.dark-mode .comment-form button:disabled{background:#3a3a3a}.dark-mode .dark-mode-toggle{background:#0000;border-color:#404040}.dark-mode .dark-mode-toggle:hover{background:#333;border-color:#606060}@media (max-width:768px){.App{padding:10px}.App-header h1{font-size:1.5rem}.header-content{gap:12px}.dark-mode-toggle{font-size:1rem;padding:4px 8px}.meme-feed,.meme-upload{padding:16px}.username-card{padding:30px 20px}}
/*# sourceMappingURL=main.c5ba9fb8.css.map*/