*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #15130f;--panel: #1e1b16;--panel-2: #28241d;--border: #38322a;--accent: #e2691e;--accent-2: #ffb454;--wmu-line: #ffb454;--text: #f2ede4;--text-dim: #a49b8d;--warn: #e0483f;--radius: 10px;color-scheme:dark}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app-header{display:flex;justify-content:space-between;align-items:center;padding:env(safe-area-inset-top,14px) 16px 14px;background:#0c0a08;border-bottom:1px solid var(--border)}#brand{display:flex;align-items:center;gap:8px;color:var(--accent)}#brand h1{font-size:19px;font-weight:800;letter-spacing:.02em;color:var(--text);display:flex;align-items:baseline;gap:6px}#brand-bc{font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--accent);color:#1a1108;padding:2px 6px;border-radius:4px;transform:translateY(-1px)}.status-pill{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim)}#tabs{display:flex;background:#0c0a08;border-bottom:1px solid var(--border)}#auth-bar{padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--border);font-size:13px}#auth-bar input{padding:6px 8px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:13px;width:180px}#auth-bar button{padding:6px 12px;background:var(--accent);color:#1a1108;font-weight:600;border:none;border-radius:6px;font-size:13px;margin-left:6px}#auth-status{margin-left:8px;color:var(--text-dim)}.tab{flex:1;padding:13px 0;background:none;border:none;color:var(--text-dim);font-weight:600;letter-spacing:.03em;font-size:13px;text-transform:uppercase}.tab.active{color:var(--accent-2);border-bottom:2px solid var(--accent);margin-bottom:-1px}main{height:calc(100% - 114px);overflow:hidden}.tab-panel{display:none;height:100%;overflow-y:auto}.tab-panel.active{display:block}#tab-map{display:none;flex-direction:column}#tab-map.active{display:flex}#map{flex:1;min-height:0}#offline-controls{display:flex;gap:8px;padding:10px;background:var(--panel);border-top:1px solid var(--border)}#offline-controls button{flex:1;padding:10px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600}#download-progress{position:absolute;bottom:60px;left:10px;right:10px;background:#0c0a08eb;border:1px solid var(--border);padding:10px;border-radius:var(--radius);font-size:13px}.hidden{display:none!important}.dash-section{margin:12px 14px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.dash-section h2{padding:10px 14px;background:var(--panel-2);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}.dash-section>div{padding:14px;background:var(--panel);font-size:15px;line-height:1.7;color:var(--text)}.dash-section a{color:var(--accent-2);text-decoration:underline}.dash-section button{margin-top:10px;padding:8px 14px;background:var(--accent);color:#1a1108;font-weight:700;border:none;border-radius:6px;font-size:13px}#seasons-mu-select{padding:4px 14px 14px;background:var(--bg)}#seasons-mu-select label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:6px}#seasons-mu-select select{width:100%;padding:10px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:15px}.species-card{margin:0 14px 10px;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius)}.species-card h3{font-size:16px;margin-bottom:4px;color:var(--text)}.species-card .legal{color:var(--text-dim);font-size:14px}.species-card .dates{color:var(--text-dim);font-size:12px;margin-top:6px;opacity:.8}.species-card.caution{border-left-color:var(--warn)}.species-card.caution h3:before{content:"⚠️ "}#mu-popup{position:absolute;bottom:70px;left:10px;right:10px;background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);padding:14px;max-height:45%;overflow-y:auto;box-shadow:0 8px 24px #00000080}#mu-popup button{margin-top:8px;padding:6px 12px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:13px}
