@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050c16;--bg-card: rgba(8,22,42,.5);--bg-card-hover: rgba(8,22,42,.7);--bg-header: rgba(5,12,22,.85);--bg-input: rgba(8,22,42,.6);--bg-dropdown: rgba(8,18,35,.97);--bg-img: #0a1628;--bg-ad: rgba(12,28,52,.3);--text: #dce8f2;--text-muted: rgba(150,190,220,.55);--text-dim: rgba(150,190,220,.4);--text-label: rgba(150,190,220,.3);--border: rgba(80,140,200,.06);--border-input: rgba(80,140,200,.15);--border-hover: rgba(0,160,240,.25);--accent: #00d4ff;--accent-bg: rgba(0,160,240,.08);--accent-border: rgba(0,160,240,.2);--accent2: #00ff82;--accent2-bg: rgba(0,255,130,.06);--warn: rgba(255,200,60,.6);--warn-bg: rgba(255,180,0,.06);--tag-bg: rgba(80,140,200,.06);--tag-text: rgba(150,190,220,.45);--shadow: 0 8px 24px rgba(0,0,0,.4);--gradient-overlay: linear-gradient(transparent,rgba(5,10,20,.9));--footer-border: rgba(80,140,200,.05);--ad-border: rgba(80,140,200,.12);--ad-text: rgba(150,190,220,.15)}[data-theme=light]{--bg: #f0f4f8;--bg-card: rgba(255,255,255,.92);--bg-card-hover: #fff;--bg-header: rgba(255,255,255,.95);--bg-input: #fff;--bg-dropdown: #fff;--bg-img: #dde4ed;--bg-ad: rgba(220,230,240,.6);--text: #111a28;--text-muted: #3d5068;--text-dim: #5a7088;--text-label: #6b8099;--border: rgba(50,90,130,.15);--border-input: rgba(50,90,130,.25);--border-hover: rgba(0,100,190,.4);--accent: #005fa3;--accent-bg: rgba(0,100,180,.1);--accent-border: rgba(0,100,180,.25);--accent2: #007a3d;--accent2-bg: rgba(0,130,60,.08);--warn: #8a6d00;--warn-bg: rgba(200,170,30,.1);--tag-bg: rgba(50,80,120,.1);--tag-text: #4a6278;--shadow: 0 4px 16px rgba(0,0,0,.1);--gradient-overlay: linear-gradient(transparent,rgba(240,244,248,.92));--footer-border: rgba(50,80,120,.12);--ad-border: rgba(50,80,120,.2);--ad-text: rgba(50,80,120,.35)}body{background:var(--bg);transition:background .3s,color .3s}input[type=search]{width:100%;padding:10px 16px;border-radius:10px;border:1px solid var(--border-input);background:var(--bg-input);color:var(--text);font-size:13px;outline:none;transition:background .3s,border-color .3s,color .3s}input[type=search]::placeholder{color:var(--text-label)}input[type=search]:focus{border-color:var(--border-hover)}.fb{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:8px;font-size:11px;cursor:pointer;font-family:monospace;transition:all .2s}.fb:hover{border-color:var(--border-hover);color:var(--text)}.fb.on{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);font-weight:700;box-shadow:0 0 8px #00a0f026}.wc{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s}.wc:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.wc.sel{border-color:var(--accent-border);background:var(--accent-bg)}.hcard{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .25s ease;overflow:hidden}.hcard:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow)}a{transition:opacity .2s}a:hover{opacity:.85}.nb{background:none;border:1px solid transparent;color:var(--text-muted);padding:6px 14px;border-radius:8px;font-size:12px;cursor:pointer;font-family:system-ui,sans-serif;transition:all .2s}.nb:hover{color:var(--text)}.nb.on{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text)}.img-shimmer{background:linear-gradient(90deg,var(--bg-img) 25%,rgba(120,160,200,.08) 50%,var(--bg-img) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.hamburger{display:none;background:none;border:1px solid var(--border);color:var(--text-muted);width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:18px;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.hamburger:hover{border-color:var(--border-hover);color:var(--text)}.mobile-menu{display:none;position:fixed;inset:56px 0 0;background:var(--bg-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:99;flex-direction:column;padding:20px;gap:4px;animation:fadeUp .2s ease-out}.mobile-menu.open{display:flex}.mobile-menu button{background:none;border:1px solid var(--border);color:var(--text-muted);padding:14px 20px;border-radius:10px;font-size:15px;cursor:pointer;text-align:left;transition:all .2s;font-family:system-ui,sans-serif}.mobile-menu button:hover,.mobile-menu button.on{border-color:var(--accent-border);color:var(--accent)}.mobile-menu button.on{background:var(--accent-bg)}.grid-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-fish-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-fish-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:768px){.grid-detail,.grid-fish-detail{grid-template-columns:1fr}.map-container{height:300px!important}.global-search{display:none}.desktop-nav{display:none!important}.hamburger{display:flex}}@media(max-width:480px){.grid-fish-stats{grid-template-columns:1fr}.map-container{height:250px!important}}