:root{--primary:#2d6a4f;--primary-light:#40916c;--primary-dark:#14342a;--accent:#d4a017;--accent-light:#e9b949;--bg:#eef6f1;--card:#fff;--text:#14342a;--text-light:#5a7a6f;--correct:#2d6a4f;--wrong:#c1121f;--border:#dcebe3;--gold:#d4a017;--radius:10px;--radius-sm:6px;--radius-xs:4px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--shadow-sm:0 2px 8px #14342a0f;--shadow:0 14px 34px -18px #14342a66, 0 2px 8px #14342a0d;--shadow-lg:0 30px 70px -28px #14342a80;--grad:linear-gradient(135deg, #40916c 0%, #2d6a4f 55%, #1b4332 100%);--grad-gold:linear-gradient(135deg, #e9b949, #d4a017);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(1100px 560px at 8% -12%,#d8f3dc 0%,#0000 58%),radial-gradient(900px 520px at 102% -6%,#fdf3d8 0%,#0000 48%),linear-gradient(#f4fbf7 0%,#e9f3ed 55%,#e2efe8 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;line-height:1.5}a{color:var(--primary);text-decoration:none}@media (hover:hover){a:hover{text-decoration:underline}}button{font-family:inherit}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{flex-direction:column;min-height:100vh;display:flex}.skip-link{z-index:2000;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--primary);color:#fff;padding:8px 14px;font-size:.85rem;font-weight:700;transition:top .15s;position:fixed;top:-52px;left:16px}.skip-link:focus{text-decoration:none;top:0}.route-progress{z-index:3000;background:linear-gradient(90deg, var(--primary), var(--primary-light), var(--primary));background-size:200% 100%;height:2px;animation:1s linear infinite route-progress-slide;position:fixed;top:0;left:0;right:0}@keyframes route-progress-slide{0%{background-position:0 0}to{background-position:-200% 0}}.route-error{z-index:3001;color:#8a6d00;background:#fdf3d8;border-bottom:1px solid #f0d9a0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:8px 12px;font-size:.82rem;display:flex;position:fixed;top:0;left:0;right:0}.route-error-actions{gap:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){.route-progress{animation:none}}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:1000px;box-shadow:var(--shadow-sm);background:#ffffffb8;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 12px;padding:5px 6px 5px 10px;display:flex;position:sticky;top:8px}.brand{align-items:center;gap:7px;display:inline-flex}@media (hover:hover){.brand:hover{text-decoration:none}}.brand-icon{color:var(--primary)}.brand-name{letter-spacing:.5px;background:linear-gradient(120deg,#14342a 0%,#2d6a4f 42%,#40916c 68%,#d4a017 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800}.app-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.nav-line{display:contents}.nav-i-image{order:1}.nav-i-audio{order:2}.nav-i-stats{order:3}.nav-i-birding{order:4}.nav-i-identify{order:6}.nav-i-reports{order:7}.nav-i-profile{order:8}.nav-i-settings{order:9}.nav-ambience{order:10}.app-nav a{border-radius:var(--radius-sm);color:var(--text-light);white-space:nowrap;padding:5px 11px;font-size:.82rem;font-weight:600;transition:all .2s}@media (hover:hover){.app-nav a:hover{color:var(--primary);background:#eaf4ef;text-decoration:none}}.app-nav a.router-link-active{background:var(--grad);color:#fff;box-shadow:0 10px 20px -10px #2d6a4fd9}.ambience-btn{border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px 9px;transition:all .2s;display:inline-flex}@media (hover:hover){.ambience-btn:hover{color:var(--primary);background:#eaf4ef}}.ambience-btn.on{color:var(--primary);animation:1.8s ease-in-out infinite ambience-pulse}@keyframes ambience-pulse{0%{transform:scale(1.15)}50%{transform:scale(1)}to{transform:scale(.85)}}@media (width<=699px){.app-topbar{flex-wrap:wrap;gap:6px 4px;padding-left:8px}.app-nav{display:contents}.brand{order:0;margin-right:8px}.nav-line2{display:contents}.nav-i-identify{margin-left:auto}.nav-line1{flex-wrap:wrap;flex-basis:100%;order:20;justify-content:center;align-items:center;gap:4px;display:flex}.app-nav a{padding:5px 7px;font-size:.78rem}.nav-line1{row-gap:4px}}@media (width<=430px){.brand-name{font-size:1.2rem}.app-nav a{padding:5px 6px}}@media (width<=400px){.app-nav a{font-size:.74rem}}@media (width<=380px){.brand-name{display:none}}@media (pointer:coarse){.btn-sm{padding:6px 11px}}.app-main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:0 16px 12px}.app-footer{text-align:center;color:var(--text-light);padding:10px 16px 40px;font-size:.76rem;line-height:1.5}.app-footer .footer-links{justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:.76rem;font-weight:700;display:flex}.app-footer .footer-links a{color:var(--text-light)}@media (hover:hover){.app-footer .footer-links a:hover{color:var(--primary)}}.app-footer .footer-links .dot{color:var(--border)}.app-footer .noncommercial{opacity:.85;margin:2px 0 6px;font-size:.68rem}.app-footer .links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:2px 0 8px;display:flex}.app-footer .social{border:1px solid var(--border);font:inherit;color:var(--text-light);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.app-footer .social:hover{color:var(--primary);border-color:var(--primary)}}.app-footer .links .src{color:var(--text-light);font-size:.72rem}.app-footer .tagline{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px;display:flex}.app-footer .tag-brand{color:var(--text);font-weight:700}@media (width<=600px){.app-footer .tagline{font-size:.7rem}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #dcebe3e6;padding:22px;position:relative;overflow:hidden}.card:before{content:"";background:var(--grad);height:4px;position:absolute;inset:0 0 auto}.card.center{text-align:center}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:.88rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-sm{border-radius:var(--radius-xs);gap:4px;padding:5px 10px;font-size:.78rem;font-weight:600}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 24px -14px #2d6a4ff2}@media (hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 30px -16px #2d6a4ff2}}.btn-secondary{color:var(--primary);border:1px solid var(--border);background:#eaf4ef}@media (hover:hover){.btn-secondary:hover{background:#dceee4;transform:translateY(-2px)}}.muted{color:var(--text-light);font-size:.85rem;line-height:1.85}.ic{vertical-align:-.16em;flex-shrink:0}.tag{border-radius:var(--radius-xs);padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.tag-green{color:var(--primary);background:#d8f3dc}.tag-gold{color:#8a6d00;background:#fdf3d8}.placeholder{padding:48px 22px}.placeholder .emoji{font-size:3rem;animation:3s ease-in-out infinite float}.placeholder h2{margin:14px 0 8px;font-size:1.15rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pick-title[data-v-348e3f61]{margin-bottom:6px;font-size:1.15rem}.lead[data-v-348e3f61]{margin-bottom:12px;font-size:.85rem}.bank-stats[data-v-348e3f61]{color:var(--primary);border-radius:var(--radius-sm);background:#eaf4ef;margin-bottom:12px;padding:5px 12px;font-size:.78rem;display:inline-block}.stats-slot[data-v-348e3f61]{justify-content:center;min-height:34px;display:flex}.bank-error[data-v-348e3f61]{color:#8a6d00;border-radius:var(--radius-sm);background:#fdf3d8;margin-bottom:12px;padding:5px 12px;font-size:.78rem}.modes[data-v-348e3f61]{grid-template-columns:1fr 1fr;gap:10px;max-width:760px;margin:0 auto;display:grid}@media (width<=520px){.modes[data-v-348e3f61]{grid-template-columns:1fr}}.mode-card[data-v-348e3f61]{border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;transition:all .2s;display:flex}@media (hover:hover){.mode-card[data-v-348e3f61]:hover{border-color:var(--primary-light);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-3px)}}.mode-icon[data-v-348e3f61]{color:var(--primary);margin-bottom:2px}.mode-title[data-v-348e3f61]{font-size:1rem;font-weight:800}.mode-sub[data-v-348e3f61]{color:var(--text-light);font-size:.73rem}.region-wrap[data-v-348e3f61]{justify-content:center;max-width:760px;margin:10px auto 0;display:flex}.birding-card[data-v-348e3f61]{border:2px solid var(--border);border-radius:var(--radius-sm);width:calc(50% - 5px);color:var(--text);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:9px;padding:14px 12px;display:flex}.region-head[data-v-348e3f61]{align-items:center;gap:7px;display:inline-flex}.region-wrap .ic[data-v-348e3f61]{color:var(--primary);flex-shrink:0}.region-title[data-v-348e3f61]{font-size:.9rem;font-weight:800}.birding-actions[data-v-348e3f61]{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.birding-action[data-v-348e3f61]{border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 4px;transition:all .18s;display:flex}@media (hover:hover){.birding-action[data-v-348e3f61]:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);text-decoration:none}}.birding-action .act-ic[data-v-348e3f61]{color:var(--primary);flex-shrink:0}.birding-action .bulb[data-v-348e3f61]{color:#c98a00}.birding-action .act-label[data-v-348e3f61]{white-space:nowrap;font-size:.78rem;font-weight:700}@media (width<=520px){.birding-card[data-v-348e3f61]{width:100%}.birding-action .act-label[data-v-348e3f61]{font-size:.72rem}}