*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1e3a5f;--primary-light: #2563eb;--primary-dark: #0f172a;--accent: #f59e0b;--success: #10b981;--error: #ef4444;--bg: #f8fafc;--card-bg: #ffffff;--text: #1e293b;--text-light: #64748b;--border: #e2e8f0;--input-bg: #f1f5f9}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);min-height:100vh;color:var(--text);line-height:1.5}#root{min-height:100vh}.form-container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 56px)}.form-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;padding:24px 20px 32px;text-align:center;position:sticky;top:0;z-index:100}.form-header h1{font-size:1.5rem;font-weight:700;margin-bottom:4px;letter-spacing:-.5px}.form-header .subtitle{font-size:.875rem;opacity:.85;font-weight:400}.logo-icon{width:48px;height:48px;margin-bottom:12px;filter:brightness(0) invert(1)}.form-body{padding:20px}.section-header{display:flex;align-items:center;gap:10px;margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--primary-light)}.section-header:first-child{margin-top:0}.section-header h2{font-size:1rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.section-icon{width:20px;height:20px;color:var(--primary-light)}.form-row{display:grid;gap:16px;margin-bottom:16px}.form-row.two-col{grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.form-group label .required{color:var(--error);margin-left:2px}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea{width:100%;padding:14px 16px;font-size:1rem;border:2px solid var(--border);border-radius:12px;background:var(--card-bg);color:var(--text);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2563eb26}input::placeholder,textarea::placeholder{color:var(--text-light)}input.error,select.error,textarea.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.75rem;margin-top:4px;display:flex;align-items:center;gap:4px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:44px;cursor:pointer}textarea{min-height:120px;resize:vertical;font-family:inherit}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary-light);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.tag button:hover{opacity:1}.tag-input-wrapper{display:flex;gap:8px}.tag-input-wrapper input{flex:1}.tag-input-wrapper button{padding:14px 20px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.tag-input-wrapper button:hover{background:var(--primary-dark)}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.suggestion-chip{padding:6px 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:16px;font-size:.75rem;color:var(--text-light);cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.fish-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fish-stat-card{background:var(--input-bg);border-radius:12px;padding:16px;text-align:center}.fish-stat-card label{display:block;font-size:.75rem;color:var(--text-light);margin-bottom:8px;text-transform:uppercase}.fish-stat-card input{text-align:center;font-size:1.5rem;font-weight:700;color:var(--primary);border:none;background:transparent;width:100%}.fish-stat-card input:focus{box-shadow:none}.submit-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.submit-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:14px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 14px #1e3a5f66}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f80}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn.loading{position:relative;color:transparent}.submit-btn.loading:after{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;margin-left:-12px;margin-top:-12px;border:3px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.success-card{background:#fff;border-radius:24px;padding:40px 32px;text-align:center;max-width:340px;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{width:72px;height:72px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-icon svg{width:40px;height:40px;color:#fff}.success-card h2{font-size:1.5rem;color:var(--text);margin-bottom:8px}.success-card p{color:var(--text-light);margin-bottom:24px}.success-card button{padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.success-card button:hover{background:var(--primary-dark)}.error-toast{position:fixed;bottom:100px;left:20px;right:20px;max-width:440px;margin:0 auto;background:var(--error);color:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideUp .3s ease;box-shadow:0 4px 20px #ef444466}.error-toast svg{flex-shrink:0}.error-toast button{margin-left:auto;background:none;border:none;color:#fff;cursor:pointer;padding:4px}.fly-selector{background:var(--input-bg);border-radius:12px;padding:16px}.fly-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.fly-select-item{display:flex;flex-direction:column;gap:4px}.fly-select-item label{font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;margin-bottom:0}.fly-select-item select{padding:10px 12px;font-size:.875rem;border-radius:8px}.fly-select-item select:disabled{opacity:.5;cursor:not-allowed}.add-fly-btn{width:100%;padding:12px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.add-fly-btn:hover:not(:disabled){background:var(--primary-dark)}.add-fly-btn:disabled{opacity:.4;cursor:not-allowed}.fly-selector .tags-container{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.fish-type-options{display:flex;flex-wrap:wrap;gap:8px}.fish-type-btn{padding:10px 16px;background:var(--input-bg);border:2px solid var(--border);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.fish-type-btn:hover{border-color:var(--primary-light);background:#2563eb1a}.fish-type-btn.selected{background:var(--primary-light);border-color:var(--primary-light);color:#fff}.fish-tag{background:#059669}.copyright-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bg);padding:14px 20px calc(env(safe-area-inset-bottom,0px) + 14px);text-align:center;z-index:50}.copyright-footer p{color:#9ca3af;font-size:.7rem;margin:0;line-height:1.5}@media (max-width: 380px){.form-row.two-col{grid-template-columns:1fr}.form-header h1{font-size:1.25rem}}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--card-bg: #1e293b;--text: #f1f5f9;--text-light: #94a3b8;--border: #334155;--input-bg: #1e293b;--primary: #3b82f6;--primary-light: #60a5fa}.form-container{background:var(--bg)}.fish-stat-card,.success-card{background:var(--card-bg)}.success-card h2{color:var(--text)}}