*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;line-height:1.5;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;overflow:hidden}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}img,video,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}input,select,textarea{font-size:16px}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg:#1a1816;--surface:#2d2a26;--surface-raised:#3a3630;--border:#8b7e6a33;--text:#f5f1e8;--text-dim:#8b7e6a;--accent:#a8946a;--accent-fg:#1a1816;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:Georgia, "Times New Roman", serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-full:9999px;--t-fast:.15s ease;--t-normal:.2s ease;--catch-hot:#ff6b6b;--catch-good:#4ade80;--catch-fair:#6b7280}.page{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}@media (display-mode:standalone){.page{height:100vh}}.page-body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overscroll-behavior-x:none;padding-bottom:env(safe-area-inset-bottom,0px);flex:1;overflow-y:auto}.page-body::-webkit-scrollbar{display:none}.page-body{scrollbar-width:none}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page-enter{animation:.28s cubic-bezier(.32,.72,0,1) slide-in-from-right}.hero-band{background:linear-gradient(160deg, #1a2a3a 0%, #1a2218 60%, var(--bg) 100%);padding:calc(env(safe-area-inset-top,0px) + 20px) 20px 0;flex-shrink:0}.wordmark{font-family:var(--font-heading);color:var(--text);letter-spacing:.02em;margin-bottom:14px;font-size:1.25rem}.wordmark small{color:var(--text-dim);font-size:.9rem;font-style:italic;font-weight:400}.temp-row{gap:8px;margin-bottom:18px;display:flex}.temp-pill{border-radius:var(--radius-lg);cursor:pointer;color:var(--text-dim);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);background:#ffffff0f;border:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;padding:10px 6px;font-size:.875rem;font-weight:500;display:flex}.temp-pill.active{color:var(--accent);background:#a8946a2e;border-color:#a8946a80;box-shadow:0 0 16px #a8946a33}.temp-pill:active{opacity:.7}.top-pick-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);margin-bottom:16px;overflow:hidden;box-shadow:0 8px 32px #0006}.top-pick-inner{align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.top-pick-photo{border-radius:var(--radius-lg);background:var(--surface-raised);flex-shrink:0;width:100px;height:100px;overflow:hidden}.top-pick-photo img{object-fit:cover;object-position:center 40%;width:100%;height:100%}.top-pick-info{flex:1;min-width:0}.catch-label{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:6px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-block}.catch-label-hot{color:var(--catch-hot);background:#ff6b6b26}.catch-label-good{color:var(--catch-good);background:#4ade801f}.catch-label-fair{color:var(--catch-fair);background:#6b728026}.top-pick-lake{color:var(--text);font-size:1rem;font-weight:600;line-height:1.2}.top-pick-dist{color:var(--text-dim);margin-bottom:6px;font-size:.75rem}.top-pick-tactic{color:var(--accent);font-size:.8125rem;font-weight:500;line-height:1.4}.directions-bar{background:var(--surface-raised);border-top:1px solid var(--border);color:var(--text-dim);transition:color var(--t-fast), background var(--t-fast);justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.8125rem;display:flex}.directions-bar:active{color:var(--text);background:var(--surface)}.list-section{flex-direction:column;gap:6px;padding:4px 16px 32px;display:flex}.list-header{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:4px 4px 8px;font-size:.6875rem;font-weight:700}.water-row{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);transition:background var(--t-fast);align-items:stretch;display:flex;overflow:hidden}.water-row:active{background:var(--surface-raised)}.water-row-bar{flex-shrink:0;width:4px}.bar-hot{background:var(--catch-hot)}.bar-good{background:var(--catch-good)}.bar-fair{background:var(--catch-fair)}.water-row-body{flex:1;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.water-row-thumb{border-radius:var(--radius-md);background:var(--surface-raised);flex-shrink:0;width:44px;height:44px;overflow:hidden}.water-row-thumb img{object-fit:cover;object-position:center 40%;width:100%;height:100%}.water-row-info{flex:1;min-width:0}.water-row-name{color:var(--text);font-size:.9375rem;font-weight:600}.water-row-tactic{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.water-row-dist{color:var(--text-dim);flex-shrink:0;font-size:.6875rem}.empty-state{text-align:center;color:var(--text-dim);padding:48px 32px;font-size:.9375rem;line-height:1.6}.empty-state strong{color:var(--text);font-size:1.125rem;font-family:var(--font-heading);margin-bottom:8px;display:block}.detail-header{padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 14px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.back-btn{color:var(--accent);align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 0;font-size:.875rem;display:flex}.back-btn:active{opacity:.6}.detail-lake-name{font-family:var(--font-heading);color:var(--text);font-size:1.5rem;line-height:1.2}.detail-meta{color:var(--text-dim);margin-top:4px;font-size:.75rem}.detail-summary-banner{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-dim);flex-shrink:0;padding:12px 20px;font-size:.875rem}.detail-summary-banner strong{color:var(--accent)}.detail-body{flex-direction:column;gap:10px;padding:12px 16px 32px;display:flex}.setup-card{background:var(--surface);border-radius:var(--radius-xl);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-left:4px solid var(--catch-fair);overflow:hidden}.setup-card-hot{border-left-color:var(--catch-hot)}.setup-card-good{border-left-color:var(--catch-good)}.setup-card-fair{border-left-color:var(--catch-fair)}.setup-card-head{align-items:flex-start;gap:14px;padding:14px 16px 0;display:flex}.setup-fish-photo{border-radius:var(--radius-lg);background:var(--surface-raised);flex-shrink:0;width:80px;height:80px;overflow:hidden}.setup-fish-photo img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.setup-head-info{flex:1;min-width:0}.setup-fish-name{font-family:var(--font-heading);color:var(--text);margin-bottom:4px;font-size:1.125rem;line-height:1.2}.setup-best-time{color:var(--text-dim);font-size:.75rem}.setup-best-time strong{color:var(--text);font-weight:500}.setup-card-body{padding:12px 16px 16px}.setup-divider{background:var(--border);height:1px;margin:10px 0}.setup-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px;font-size:.625rem;font-weight:700}.setup-lure-name{color:var(--accent);margin-bottom:3px;font-size:.9375rem;font-weight:600}.setup-lure-desc{color:var(--text);font-size:.8125rem;line-height:1.45}.setup-lure-rig{color:var(--text-dim);margin-top:4px;font-size:.75rem;line-height:1.4}.setup-technique{color:var(--text);font-size:.8125rem;line-height:1.55}.regs-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin:4px 16px 0;overflow:hidden}.regs-toggle{color:var(--text-dim);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.8125rem;font-weight:600;display:flex}.regs-body{flex-direction:column;gap:6px;padding:0 16px 14px;display:flex}.reg-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:.8125rem;display:flex}.reg-species{color:var(--text-dim)}.reg-rule{color:var(--text);text-align:right;font-size:.75rem}.detail-dir-btn{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--accent);transition:background var(--t-fast);justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);margin:6px 16px 12px;padding:14px;font-size:.9375rem;font-weight:500;display:flex}.detail-dir-btn:active{background:var(--surface-raised)}