:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #ffffff;--bg-card: #ffffff;--bg-section: #f8f9fa;--bg-toggle: #ecf0f1;--bg-progress: #ecf0f1;--bg-error: #f8d7da;--bg-image: #111;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-muted: #95a5a6;--text-dark: #34495e;--text-error: #721c24;--border-light: #ecf0f1;--border-medium: #ddd;--border-divider: #e0e0e0;--link-color: #3498db;--link-hover: #2980b9;--focus-ring: #3498db;--shadow-card: 0 4px 6px rgba(0, 0, 0, .1);--shadow-popup: 0 4px 16px rgba(0, 0, 0, .15);--shadow-thumb: 0 2px 8px rgba(0, 0, 0, .15);--shadow-overlay: 0 10px 40px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .3);--celebration-bg: #ffffff;--mode-option-hover-bg: rgba(255, 255, 255, .5);--mode-option-active-bg: #ffffff;--mode-option-active-shadow: 0 2px 4px rgba(0, 0, 0, .1);--streak-bg: rgba(243, 156, 18, .15);--streak-text: #d68910;--score-reset-text: #bdc3c7;--score-reset-hover-bg: rgba(0, 0, 0, .05);--score-reset-hover-text: #7f8c8d;--score-reset-danger-text: #e8a7a7;--score-reset-danger-hover-bg: rgba(231, 76, 60, .1);--score-reset-danger-hover-text: #c0392b;--btn-bg: #f9f9f9;--flash-correct-bg: rgba(46, 204, 113, .2);--flash-incorrect-bg: rgba(231, 76, 60, .2);--high-score-item-bg: #ffffff;color:var(--text-primary);background-color:var(--bg-page)}[data-theme=dark]{--bg-page: #1a1b2e;--bg-card: #252640;--bg-section: #2d2e48;--bg-toggle: #2d2e48;--bg-progress: #2d2e48;--bg-error: #3d1f1f;--bg-image: #111;--text-primary: #e2e4f0;--text-secondary: #9a9cb8;--text-muted: #7e80a0;--text-dark: #c8cae0;--text-error: #f0b0b0;--border-light: #3a3b58;--border-medium: #4a4b68;--border-divider: #3a3b58;--link-color: #5dade2;--link-hover: #85c1e9;--focus-ring: #5dade2;--shadow-card: 0 4px 6px rgba(0, 0, 0, .3);--shadow-popup: 0 4px 16px rgba(0, 0, 0, .4);--shadow-thumb: 0 2px 8px rgba(0, 0, 0, .4);--shadow-overlay: 0 10px 40px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .5);--celebration-bg: #252640;--mode-option-hover-bg: rgba(255, 255, 255, .08);--mode-option-active-bg: #3a3b58;--mode-option-active-shadow: 0 2px 4px rgba(0, 0, 0, .2);--streak-bg: rgba(243, 156, 18, .25);--streak-text: #f5b041;--score-reset-text: #5a5b78;--score-reset-hover-bg: rgba(255, 255, 255, .08);--score-reset-hover-text: #9a9cb8;--score-reset-danger-text: #c07070;--score-reset-danger-hover-bg: rgba(231, 76, 60, .15);--score-reset-danger-hover-text: #e74c3c;--btn-bg: #2d2e48;--flash-correct-bg: rgba(46, 204, 113, .15);--flash-incorrect-bg: rgba(231, 76, 60, .15);--high-score-item-bg: #353658;color:var(--text-primary);background-color:var(--bg-page)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--btn-bg);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--link-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:1.5rem;text-align:center}.top-bar{position:relative;margin-bottom:1.5rem}.app-title{margin:0 0 .25rem;font-size:clamp(1.4rem,5vw,2rem);color:var(--text-primary)}.app-author-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 1rem}.app-author{margin:0;font-size:.9rem;color:var(--text-muted);font-style:italic}.author-name{position:relative;cursor:pointer}.author-thumbnail{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid var(--border-medium);box-shadow:var(--shadow-thumb);margin-bottom:4px}.author-name:hover .author-thumbnail{display:block}.theme-toggle{background:var(--bg-toggle);border:1px solid var(--border-light);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .2s,color .2s,border-color .2s;padding:0;flex-shrink:0}.theme-toggle:hover{background:var(--mode-option-hover-bg);color:var(--text-primary);border-color:var(--border-medium)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle svg{width:22px;height:22px}.mode-toggle{display:inline-flex;background:var(--bg-toggle);border-radius:10px;padding:4px;gap:4px;max-width:400px;width:100%}.mode-option{background:transparent;border:none;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:normal;min-height:3.5rem;display:flex;align-items:center;justify-content:center;text-align:center;flex:1}.mode-option:hover:not(.active){color:var(--text-primary);background:var(--mode-option-hover-bg)}.mode-option.active{background:var(--mode-option-active-bg);color:var(--text-primary);box-shadow:var(--mode-option-active-shadow)}.mode-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mode-toggle-container{display:flex;flex-direction:column;align-items:center;gap:.35rem}.mode-toggle.locked{position:relative;opacity:.7;cursor:not-allowed}.mode-toggle.locked .mode-option{cursor:not-allowed;pointer-events:none}.mode-lock-icon{margin-left:.5rem;font-size:.9rem}.mode-lock-text{margin:0;font-size:.8rem;color:var(--text-muted);font-style:italic}.card-area{margin-bottom:1rem;transition:all .15s ease}.card-area.flash-correct{animation:flashCorrect .4s ease}.card-area.flash-incorrect{animation:flashIncorrect .4s ease}@keyframes flashCorrect{0%,to{background:transparent}50%{background:var(--flash-correct-bg)}}@keyframes flashIncorrect{0%,to{background:transparent}50%{background:var(--flash-incorrect-bg)}}.celebration-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);z-index:1000;animation:fadeIn .3s ease}.celebration-content{background:var(--celebration-bg);padding:2rem 3rem;border-radius:16px;text-align:center;box-shadow:var(--shadow-overlay);animation:popIn .4s ease}.celebration-emoji{font-size:4rem;display:block;margin-bottom:.5rem}.celebration-text{font-size:1.5rem;font-weight:700;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.fireworks-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;z-index:1000;overflow:hidden}.fireworks-content{text-align:center;z-index:10;animation:fireworksTextPop .6s ease forwards}.fireworks-title{font-size:clamp(2rem,8vw,4rem);font-weight:800;background:linear-gradient(135deg,gold,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 2s ease infinite;margin:0 0 .5rem}.fireworks-subtitle{font-size:clamp(1.2rem,4vw,1.8rem);color:#fff;margin:0;opacity:0;animation:fadeInUp .5s ease .3s forwards}.fireworks-emoji{font-size:clamp(3rem,10vw,5rem);display:block;margin-bottom:1rem;animation:bounce .6s ease infinite alternate}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fireworksTextPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.firework-burst{position:absolute;width:200px;height:200px;pointer-events:none}.firework-burst .particle{position:absolute;width:8px;height:8px;border-radius:50%;left:50%;top:50%;animation:particleExplode 1.2s ease-out forwards}.firework-burst .particle:nth-child(1){--angle: 0deg;--color: #ff6b6b;animation-delay:0s}.firework-burst .particle:nth-child(2){--angle: 30deg;--color: #ffd700;animation-delay:.05s}.firework-burst .particle:nth-child(3){--angle: 60deg;--color: #4ecdc4;animation-delay:.1s}.firework-burst .particle:nth-child(4){--angle: 90deg;--color: #45b7d1;animation-delay:.15s}.firework-burst .particle:nth-child(5){--angle: 120deg;--color: #96ceb4;animation-delay:.05s}.firework-burst .particle:nth-child(6){--angle: 150deg;--color: #ff6b6b;animation-delay:.1s}.firework-burst .particle:nth-child(7){--angle: 180deg;--color: #ffd700;animation-delay:0s}.firework-burst .particle:nth-child(8){--angle: 210deg;--color: #4ecdc4;animation-delay:.15s}.firework-burst .particle:nth-child(9){--angle: 240deg;--color: #45b7d1;animation-delay:.1s}.firework-burst .particle:nth-child(10){--angle: 270deg;--color: #96ceb4;animation-delay:.05s}.firework-burst .particle:nth-child(11){--angle: 300deg;--color: #ff6b6b;animation-delay:0s}.firework-burst .particle:nth-child(12){--angle: 330deg;--color: #ffd700;animation-delay:.15s}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0);background:var(--color);box-shadow:0 0 6px var(--color),0 0 12px var(--color)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-120px);background:var(--color)}}.burst-1{top:20%;left:20%;animation:burstAppear .1s ease .2s forwards;opacity:0}.burst-2{top:15%;left:70%;animation:burstAppear .1s ease .5s forwards;opacity:0}.burst-3{top:60%;left:15%;animation:burstAppear .1s ease .8s forwards;opacity:0}.burst-4{top:55%;left:80%;animation:burstAppear .1s ease 1.1s forwards;opacity:0}.burst-5{top:30%;left:50%;animation:burstAppear .1s ease .3s forwards;opacity:0}.burst-6{top:70%;left:45%;animation:burstAppear .1s ease .7s forwards;opacity:0}.burst-7{top:10%;left:35%;animation:burstAppear .1s ease 1s forwards;opacity:0}.burst-8{top:80%;left:70%;animation:burstAppear .1s ease .4s forwards;opacity:0}@keyframes burstAppear{to{opacity:1}}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle .8s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.sparkle:nth-child(1){top:10%;left:10%;animation-delay:0s}.sparkle:nth-child(2){top:20%;left:85%;animation-delay:.2s}.sparkle:nth-child(3){top:80%;left:20%;animation-delay:.4s}.sparkle:nth-child(4){top:75%;left:90%;animation-delay:.1s}.sparkle:nth-child(5){top:40%;left:5%;animation-delay:.3s}.sparkle:nth-child(6){top:35%;left:95%;animation-delay:.5s}.sparkle:nth-child(7){top:90%;left:50%;animation-delay:.15s}.sparkle:nth-child(8){top:5%;left:40%;animation-delay:.35s}.deck-progress-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem auto;max-width:400px}.progress-bar{flex:1;height:8px;background:var(--bg-progress);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:4px;transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:.95rem;font-weight:500;min-width:60px}.score-widget{max-width:600px;margin:1rem auto 0;padding:1rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2rem;font-size:clamp(1rem,3vw,1.25rem);color:var(--text-secondary)}.score-widget-bests{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;font-size:clamp(1rem,3vw,1.2rem)}.score-best{color:var(--text-muted);transition:color .2s;font-weight:500}.score-best.active{color:var(--link-color);font-weight:600}.score-streak{background:var(--streak-bg);color:var(--streak-text);padding:.35rem .85rem;border-radius:12px;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600}.score-widget-controls{display:flex;gap:.5rem}.score-reset{background:transparent;color:var(--score-reset-text);border:none;padding:.4rem .75rem;border-radius:6px;font-size:clamp(.9rem,2.5vw,1.1rem);cursor:pointer;transition:all .2s}.score-reset:hover{background:var(--score-reset-hover-bg);color:var(--score-reset-hover-text)}.score-reset.danger{color:var(--score-reset-danger-text)}.score-reset.danger:hover{background:var(--score-reset-danger-hover-bg);color:var(--score-reset-danger-hover-text)}.score-reset.confirm{background:#e74c3c;color:#fff}.score-reset.confirm:hover{background:#c0392b}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.85rem}.app-footer p{margin:0}@media(max-width:480px){#root{padding:1rem}.mode-toggle{width:100%;max-width:320px}.mode-option{flex:1;padding:.5rem .75rem;font-size:.9rem}.score-widget{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.score-widget-bests{flex-direction:column;gap:.5rem;font-size:1rem}.score-widget-controls{margin-top:.25rem}.deck-progress{margin:.75rem 0}.theme-toggle{width:32px;height:32px}.theme-toggle svg{width:18px;height:18px}}.flashcard{max-width:600px;margin:0 auto;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden;animation:cardSlideIn .3s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.flashcard-content{padding:1.5rem}.flashcard-image{position:relative;width:100%;margin-bottom:1rem}.flashcard-image img{width:100%;height:auto;max-height:55vh;object-fit:contain;border-radius:8px;transition:filter .3s;display:block;margin:0 auto;background:var(--bg-image)}.flashcard-image img.blur{filter:blur(10px)}.flashcard-question{text-align:center;margin-bottom:1rem;min-height:60px}.flashcard-question h2{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.4rem,4vw,1.75rem)}.scientific-name{color:var(--text-secondary);font-style:italic;margin:0}.bird-name-wrapper{position:relative}.bird-name{margin:0 0 .5rem;color:var(--text-primary);font-size:clamp(1.4rem,4vw,1.75rem)}.field-notes-button{display:inline-block;background:#3498db;color:#fff;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem}.field-notes-button:hover{background:#2980b9}.field-notes-button:active{transform:scale(.97)}.field-notes-popover{position:absolute;left:50%;transform:translate(-50%);top:100%;z-index:10;width:min(90vw,340px);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-popup);padding:.9rem 1rem;text-align:left;animation:popoverFadeIn .15s ease}.field-notes-popover p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-dark);font-weight:400}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.flashcard-controls{margin-bottom:.75rem}.audio-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.audio-button{flex:1;background:#3498db;color:#fff;border:none;padding:.85rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s;font-weight:600}.audio-button:hover{background:#2980b9}.audio-button:active{transform:scale(.98)}.audio-button.replay{background:#16a085}.audio-button.replay:hover{background:#138d75}.audio-button:disabled{background:#95a5a6;cursor:not-allowed}.audio-button:disabled:hover{background:#95a5a6}.audio-error{padding:.85rem 1rem;background:var(--bg-error);color:var(--text-error);border-radius:8px;text-align:center;font-weight:500;margin-bottom:.5rem}.reveal-button{width:100%;background:#2ecc71;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s;font-weight:600}.reveal-button:hover{background:#27ae60}.reveal-button:active{transform:scale(.98)}.attribution-section{margin-top:1rem;border-top:1px solid var(--border-light);padding-top:.75rem}.attribution-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem;width:100%;text-align:left;transition:color .3s}.attribution-toggle:hover{color:var(--text-dark)}.attribution-details{margin-top:.75rem;padding:1rem;background:var(--bg-section);border-radius:6px;font-size:.85rem;color:var(--text-primary)}.attribution-item{margin-bottom:.75rem}.attribution-item:last-child{margin-bottom:0}.attribution-item a{color:var(--link-color);text-decoration:none}.attribution-item a:hover{text-decoration:underline}.photographer-link{color:var(--link-color);cursor:pointer}.photographer-link:hover{text-decoration:underline}.attribution-image-item{position:relative}.photographer-popup{margin-top:.5rem}.photographer-popup img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid var(--border-medium);box-shadow:var(--shadow-thumb)}.attribution-item.source-info{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-divider);color:var(--text-secondary)}.attribution-item strong{color:var(--text-dark)}.scoring-section{margin-top:1rem;padding:1rem;background:var(--bg-section);border-radius:8px;text-align:center}.scoring-prompt{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.scoring-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.score-button{flex:1;min-width:80px;max-width:120px;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.score-button.correct{background:#2ecc71;color:#fff}.score-button.correct:hover:not(:disabled){background:#27ae60}.score-button.incorrect{background:#e74c3c;color:#fff}.score-button.incorrect:hover:not(:disabled){background:#c0392b}.score-button.next{background:#3498db;color:#fff}.score-button.next:hover{background:#2980b9}.score-button:active{transform:scale(.98)}@media(max-width:480px){.flashcard-content{padding:1rem}.flashcard-image img{max-height:45vh}.flashcard-question{min-height:50px;margin-bottom:.75rem}.audio-button{padding:.75rem .5rem;font-size:.9rem}.scoring-section{padding:.75rem}.scoring-buttons{gap:.5rem}.score-button{min-width:70px;padding:.65rem .75rem;font-size:.95rem}}.deck-complete{max-width:600px;margin:0 auto;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}.deck-complete-content{padding:2rem;text-align:center}.deck-complete-header{margin-bottom:1.5rem}.deck-complete-header h2{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.deck-complete-header .mode-label{color:var(--text-secondary);font-size:1rem;margin:0}.score-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;color:#fff}.main-score{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-fraction{font-size:2rem;font-weight:700}.score-percentage{font-size:3rem;font-weight:800}.streak-info{margin-top:1rem}.streak-badge{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:600}.high-score-section{background:var(--bg-section);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.high-score-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.achievement{background:#f39c12;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;display:inline-block;margin-bottom:1rem;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.high-score-details{display:flex;flex-direction:column;gap:.5rem}.high-score-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--high-score-item-bg);border-radius:8px}.high-score-item .label{color:var(--text-secondary);font-weight:500}.high-score-item .value{color:var(--text-primary);font-weight:600}.deck-complete-actions{display:flex;flex-direction:column;gap:.75rem}.reshuffle-button{width:100%;background:#2ecc71;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.reshuffle-button:hover{background:#27ae60}.reshuffle-button:active{transform:scale(.98)}.review-mistakes-button{width:100%;background:#e74c3c;color:#fff;border:none;padding:.85rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.review-mistakes-button:hover{background:#c0392b}.review-mistakes-button:active{transform:scale(.98)}@media(max-width:480px){.deck-complete-content{padding:1.5rem}.deck-complete-header h2{font-size:1.5rem}.score-percentage{font-size:2.5rem}.score-fraction{font-size:1.5rem}}.bird-type-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.75rem 0}.bird-type-filter.disabled{opacity:.7;pointer-events:none}.type-chip{background:var(--bg-toggle);border:1px solid var(--border-light);border-radius:20px;padding:.35rem .85rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.type-chip:hover:not(.active){background:var(--mode-option-hover-bg);color:var(--text-primary);border-color:var(--border-medium)}.type-chip.active{background:var(--link-color);color:#fff;border-color:var(--link-color)}.type-chip.active:hover{background:var(--link-hover);border-color:var(--link-hover)}.type-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.type-chip.all-chip{font-weight:600}@media(max-width:480px){.bird-type-filter{gap:.3rem}.type-chip{padding:.3rem .65rem;font-size:.8rem}}