:root{--moss-primary:#6b8e23;--moss-secondary:#556b2f;--moss-tertiary:#556b2f;--moss-primary-container:#8fbc8f;--moss-secondary-light:#adff2f;--moss-tertiary-light:#90ee90;--moss-bright:#9acd32;--orange-bird:#eb700a;--page-background:#141218;--search-field-bg:#e0f2e0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--page-background);-webkit-text-size-adjust:100%;min-height:100%;margin:0}body{color:#fff;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100dvh}button{font-family:inherit}.app-bar{height:56px;padding:0 8px;padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top));background:var(--moss-tertiary);align-items:center;gap:12px;display:flex}.app-bar-back{color:#fff;cursor:pointer;background:0 0;border:none;width:40px;height:40px;font-size:1.4rem}.app-bar-title{color:#fff;font-size:1.1rem;font-weight:600}.dropdown-filter{flex:1;position:relative}.dropdown-filter-trigger{background:var(--moss-primary);color:#fff;cursor:pointer;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;height:40px;font-size:.95rem;display:flex}.dropdown-filter-trigger.has-selection{border-color:var(--orange-bird);color:#000}.dropdown-arrow{font-size:.7rem}.dropdown-filter-menu{z-index:5;background:var(--moss-secondary);border:1px solid var(--moss-primary-container);border-radius:8px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 12px #00000080}.dropdown-filter-item{color:#fff;cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.dropdown-filter-item:hover{background:#ffffff14}.bird-card{background:var(--moss-primary-container);color:#000;border:2px solid var(--moss-tertiary);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;height:270px;margin:6px 4px;padding-top:5px;display:flex;overflow:hidden}.bird-card-header{align-items:flex-start;min-height:56px;padding:5px 4px 0 18px;display:flex}.bird-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:1.1rem;font-weight:700;display:-webkit-box;overflow:hidden}.bird-card-id-col{flex-direction:column;align-items:center;width:43px;display:flex}.bird-card-id{border-left:1.2px solid var(--moss-tertiary);border-bottom:1.2px solid var(--moss-tertiary);justify-content:center;align-items:center;width:33px;height:24px;font-size:.95rem;font-weight:700;display:flex}.bird-card-sound{margin-top:2px;font-size:1.1rem}.bird-card-image{object-fit:cover;border:.8px solid var(--moss-tertiary);border-radius:8px;width:calc(100% - 26px);height:150px;margin:5px 13px 0}.bird-card-observed{cursor:default;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:700;display:flex}.offline-panel{margin:4px 10px 0}.offline-panel-text{color:#fff;margin:0;font-size:.85rem;line-height:1.35}.offline-panel-done{color:var(--moss-primary-container);font-weight:600}.offline-panel-retry{flex-direction:column;gap:8px;display:flex}.offline-panel-warning{color:var(--orange-bird)}.offline-download-btn{color:#fff;background:var(--moss-tertiary);border:.7px solid var(--moss-primary-container);cursor:pointer;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:600}.offline-panel-progress{color:#fff;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.offline-progress-bar{background:#ffffff26;border-radius:999px;width:100%;height:8px;overflow:hidden}.offline-progress-fill{background:var(--orange-bird);height:100%;transition:width .15s}.error-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 16px;display:flex}.error-state-text{color:#fff;margin:0;font-size:.95rem}.error-state-retry{color:#fff;background:var(--moss-tertiary);border:.7px solid var(--moss-primary-container);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600}.birds-list-page{flex-direction:column;min-height:100dvh;display:flex}.birds-list-controls{padding:10px}.search-row{align-items:center;gap:8px;display:flex}.search-input{border:.8px solid var(--moss-tertiary);background:var(--search-field-bg);color:#000;border-radius:8px;flex:1;height:44px;padding:0 12px;font-size:1rem}.observation-toggle{color:var(--moss-primary);flex-direction:column;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.tri-state-checkbox{border:2px solid var(--moss-primary);color:#000;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:flex}.tri-state-on{background:var(--orange-bird);border-color:var(--orange-bird)}.tri-state-indeterminate{background:var(--moss-primary)}.filters-row{gap:8px;margin-top:12px;display:flex}.birds-list-loading{text-align:center;color:#fff;padding:40px}.birds-grid{grid-template-columns:repeat(2,1fr);padding:0 4px 24px;display:grid}.bird-detail-page{min-height:100dvh}.bird-detail-loading{text-align:center;color:#fff;padding:40px}.bird-detail-content{padding:16px}.names-row{gap:12px;display:flex}.bird-title{color:#fff;text-shadow:1px 1px 1px var(--orange-bird);flex:1;margin:0;font-size:1.5rem;font-weight:700}.bird-title-long{font-size:1.2rem}.names-row-right{text-align:right;flex-direction:column;flex:1;justify-content:center;align-items:flex-end;display:flex}.scientific-name,.english-name{text-shadow:1px 1px 1px var(--orange-bird);margin:2px 0;font-size:1.3rem;font-weight:700}.scientific-name{color:#fff;font-style:italic}.english-name{color:#fdd835}.name-long{font-size:1.05rem}.bird-detail-image{border:.8px solid var(--orange-bird);border-radius:8px;width:100%;margin-top:20px;display:block}.observed-row{margin-top:35px;display:flex}.observed-col{flex-direction:column;flex:1;align-items:center;display:flex}.observed-label{color:#fff;text-align:center;font-size:1.05rem;font-weight:700}.observed-label-accent{color:var(--moss-primary-container)}.observed-total{color:var(--moss-primary-container);margin-top:7px;font-size:1.6rem;font-weight:700}.observed-switch{width:52px;height:30px;margin-top:8px;display:inline-block;position:relative}.observed-switch input{opacity:0;width:0;height:0}.observed-switch-track{background:var(--moss-secondary);cursor:pointer;border-radius:999px;transition:background .15s;position:absolute;inset:0}.observed-switch-track:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:4px;left:4px}.observed-switch input:checked+.observed-switch-track{background:var(--moss-primary)}.observed-switch input:checked+.observed-switch-track:before{transform:translate(20px)}.attributes-row{margin-top:35px;display:flex}.attribute-col{text-align:center;color:#fff;flex-direction:column;flex:1;align-items:center;display:flex}.attribute-label{margin-bottom:8px;font-size:1.05rem;font-weight:700}.attribute-value{margin-bottom:6px;font-size:1.05rem;font-weight:700}.attribute-col svg{color:var(--moss-primary)}.attribute-divider{background:var(--orange-bird);width:1px}.frequency-bars{flex-direction:column;gap:4px;width:100%;padding:0 12px;display:flex}.frequency-bar{background:#fff;border-radius:8px;height:12px}.frequency-bar-filled{background:var(--moss-tertiary-light)}.height-location{width:100%;height:90px;position:relative}.height-location-icon{color:var(--moss-primary);opacity:.6;position:absolute;inset:0}.height-location-text{z-index:1;justify-content:center;align-items:center;padding:0 4px;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}.description-title{color:var(--moss-primary);margin-top:45px;font-size:1.05rem;font-weight:700}.description-text{color:#fff;text-align:justify;margin-top:10px;font-size:.95rem;line-height:1.4}.routes-page{min-height:100dvh}.routes-page-background{background-image:url(/routes/topographic-bg.webp);background-position:50%;background-size:cover;min-height:calc(100dvh - 56px);padding:36px 16px 16px}.routes-page-loading{text-align:center;color:#fff;padding:40px}.routes-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.route-card{text-align:center;color:#000;background:var(--moss-primary);opacity:.85;cursor:pointer;border:1px solid #fff;border-radius:8px;justify-content:center;align-items:center;height:70px;padding:8px;font-size:1.05rem;font-weight:700;display:flex}.route-detail-page{min-height:100dvh}.route-detail-loading{text-align:center;color:#fff;padding:40px}.route-detail-content{padding:16px}.route-detail-header{align-items:flex-start;gap:10px;display:flex}.route-detail-title{color:#fff;text-shadow:1px 1px 1px var(--orange-bird);flex:1;margin:0;font-size:1.4rem;font-weight:700}.route-maps-button{text-align:center;height:60px;color:var(--moss-primary);white-space:pre-line;background:#000;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.route-detail-image{border:.8px solid var(--orange-bird);border-radius:8px;width:100%;margin-top:8px;display:block}.route-description-title{color:var(--moss-primary);margin-top:30px;font-size:1.3rem;font-weight:700}.route-description-text{color:#fff;text-align:justify;white-space:pre-line;margin-top:15px;font-size:1.05rem;line-height:1.4}.credits-page{min-height:100dvh}.credits-content{flex-direction:column;gap:12px;padding:8px;display:flex}.credits-card{background:var(--moss-secondary);border:2px solid var(--moss-primary);border-radius:12px;overflow:hidden}.developer-card{padding:10px}.book-tabs{background:var(--moss-secondary);display:flex;overflow-x:auto}.book-tab{color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 14px;font-size:.85rem;font-weight:600}.book-tab-selected{color:var(--orange-bird);border-bottom-color:var(--orange-bird)}.book-tab-content{padding:12px}.book-tab-body{align-items:center;gap:10px;margin-top:8px;display:flex}.book-cover-image{border:.8px solid var(--orange-bird);border-radius:8px;flex-shrink:0;width:110px}.credits-row{align-items:center;gap:10px;padding:10px;display:flex}.credits-person-image{border:.8px solid var(--orange-bird);border-radius:8px;flex-shrink:0;width:110px}.credits-person-info{flex-direction:column;flex:1;gap:10px;display:flex}.credits-item-title{text-align:center;color:#000;margin:0;font-size:1.05rem;font-weight:700}.credits-item-text{text-align:justify;color:#000;margin:0;font-size:.85rem;line-height:1.35}.contact-button{color:var(--orange-bird);background:#000;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.quiz-page{min-height:100dvh}.quiz-content{flex-direction:column;align-items:center;padding:16px;display:flex}.quiz-title{letter-spacing:.05rem;color:#fff;text-shadow:1px 1px 2px var(--orange-bird);text-align:center;margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.1rem;font-weight:800}.quiz-score-row{align-items:center;width:100%;max-width:320px;margin-top:20px;display:flex}.quiz-score-col{flex-direction:column;flex:1;align-items:center;display:flex}.quiz-score-label{color:var(--moss-primary-container);text-align:center;font-size:1.05rem;font-weight:700}.quiz-score-value{color:var(--moss-primary-container);margin-top:7px;font-size:1.6rem;font-weight:700}.quiz-score-divider{background:var(--orange-bird);width:1px;height:60px}.quiz-loading{color:#fff;margin-top:40px}.quiz-image{object-fit:cover;border:2px solid var(--orange-bird);border-radius:32px;width:280px;max-width:85vw;height:280px;max-height:85vw;margin-top:20px;box-shadow:0 8px 24px #0009}.quiz-options{flex-direction:column;gap:16px;width:100%;max-width:320px;margin-top:40px;display:flex}.quiz-option{color:#fff;background:var(--moss-secondary);border:.7px solid var(--moss-secondary);cursor:pointer;border-radius:8px;padding:14px 12px;font-size:1.1rem;font-weight:500;transition:background-color 1s,transform .5s}.quiz-option:disabled{cursor:default}.quiz-option-correct{background:var(--moss-bright);border-color:var(--moss-bright);transform:scale(1.05)}.quiz-option-wrong{background:#d32f2f;border-color:#d32f2f;transform:scale(1.05)}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:16px;display:flex}.not-found-text{color:#fff;font-size:1.1rem}.not-found-link{color:var(--orange-bird);font-weight:600;text-decoration:underline}.home{min-height:100dvh;position:relative}.home-content{padding:16px 8px 96px;padding-top:calc(16px + env(safe-area-inset-top));text-align:center;flex-direction:column;align-items:center;display:flex}.title{letter-spacing:.35rem;color:#fff;text-shadow:1px 1px 2px var(--orange-bird);margin:15px 0 0;font-family:Georgia,Times New Roman,serif;font-size:3.6rem;font-weight:800;line-height:1}.subtitle{color:var(--orange-bird);text-shadow:1px 1px 2px var(--moss-tertiary);margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:700;line-height:1.2}.second-subtitle{color:#fff;text-shadow:1px 1px 2px var(--orange-bird);margin:5px 0 25px;font-size:1.1rem;font-weight:700;line-height:1.2}.home-image{object-fit:cover;border:1px solid var(--orange-bird);border-radius:32px;width:300px;max-width:80vw;height:300px;max-height:80vw;margin-top:20px;box-shadow:0 8px 24px #0009}.actions{flex-direction:column;width:250px;max-width:100%;margin-top:26px;display:flex}.btn{color:#fff;background:var(--moss-tertiary);border:.7px solid var(--moss-primary-container);cursor:pointer;border-radius:24px;width:100%;margin-top:15px;padding:14px 12px;font-size:1.1rem;font-weight:500}.btn:active{filter:brightness(.9)}.btn-orange{color:var(--orange-bird)}.routes-row{align-items:center;gap:5px;margin-top:18px;display:flex;position:relative}.routes-row .btn{flex:1;margin-top:0}.info-btn{background:var(--moss-primary-container);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.tooltip{background:var(--moss-primary);border:.5px solid var(--orange-bird);color:#000;text-align:left;border-radius:8px;width:220px;padding:10px 12px;font-size:.9rem;line-height:1.3;position:absolute;top:-8px;right:0;transform:translateY(-100%);box-shadow:0 4px 10px #0006}.share-fab{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--moss-secondary-light);color:#000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;display:flex;position:fixed;box-shadow:0 4px 10px #0006}