*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-family:inherit;padding:8px 12px;transition:all .2s ease}button:hover{background:#f0f0f0}button:disabled{cursor:not-allowed;opacity:.6}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:8px}input:focus,select:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.spinner{animation:spin 1s linear infinite;border:3px solid #3498db;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;vertical-align:middle;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){body,button{font-size:14px}button{padding:10px 12px}}.App{background-color:#fff;min-height:100vh;text-align:center}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;margin:20px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px}.voting-controls{gap:10px;justify-content:center;margin:10px 0}.vote-btn,.voting-controls{align-items:center;display:flex}.vote-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;gap:5px;padding:6px 12px;transition:all .2s ease}.vote-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.upvote-btn:hover{background:#d4edda;border-color:#28a745}.downvote-btn:hover{background:#f8d7da;border-color:#dc3545}.report-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:6px 8px;transition:all .2s ease}.report-btn:hover{background:#fff3cd;border-color:#ffc107}.fish-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin:10px;padding:15px;transition:all .2s ease}.fish-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.fish-image{border-radius:4px;height:auto;max-width:100%}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin:10px 0;padding:10px}.loading-message{color:#007bff;padding:20px;text-align:center}@media (max-width:768px){.modal-content{margin:10px;padding:15px}.voting-controls{flex-wrap:wrap;gap:8px}.fish-card{margin:5px;padding:10px}}