:root{--bg-color: #FFFEF5;--text-main: #202020;--text-muted: #555555;--border-color: #000000;--border-thick: 3px solid var(--border-color);--shadow-hard: 4px 4px 0px 0px var(--border-color);--shadow-hover: 0px 0px 0px 0px var(--border-color);--accent-pink: #FF90E8;--accent-yellow: #FFC900;--accent-blue: #23A6F0;--primary-color: #333333;--primary-dark: #000000;--primary-light: #666666}body{background-color:var(--bg-color);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main)}.container{max-width:1200px;margin:0 auto;padding:1rem}@media(min-width:480px){.container{padding:1.5rem}}@media(min-width:768px){.container{padding:2rem}}h1{text-align:center;font-size:clamp(1.75rem,5vw,3rem);margin-bottom:1.5rem;font-weight:900;color:var(--text-main);text-shadow:2px 2px 0px var(--accent-yellow);letter-spacing:-1px;text-transform:uppercase;background:none;-webkit-text-fill-color:initial}@media(min-width:768px){h1{margin-bottom:2rem}}.controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);padding:1.25rem}@media(min-width:480px){.controls{padding:1.5rem;gap:1.25rem;margin-bottom:2.5rem}}@media(min-width:768px){.controls{flex-direction:row;justify-content:space-between;align-items:center;max-width:900px;margin-left:auto;margin-right:auto;gap:1.5rem;padding:2rem;margin-bottom:3rem}}.search-bar{position:relative;width:100%;max-width:100%}@media(min-width:768px){.search-bar{max-width:400px}}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.8rem;border-radius:0;border:var(--border-thick);background:#fff;font-size:1rem;font-weight:600;color:var(--text-main);box-shadow:none;transition:all .2s ease;box-sizing:border-box}@media(min-width:480px){.search-bar input{padding:.8rem 1rem .8rem 2.8rem}}.search-bar input:focus{outline:none;background:var(--accent-yellow);box-shadow:var(--shadow-hard)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);opacity:1;font-weight:700}@media(min-width:480px){.search-icon{left:1rem}}.filters{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}@media(min-width:480px){.filters{gap:1rem}}.filters button{background:#fff;color:var(--text-main)!important;border:var(--border-thick);border-radius:0;padding:.6rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;transition:all .2s ease;box-shadow:var(--shadow-hard);cursor:pointer;white-space:nowrap}@media(min-width:480px){.filters button{padding:.75rem 1.5rem;font-size:.9rem}}.filters button:hover{transform:translate(2px,2px);box-shadow:var(--shadow-hover);background:#f0f0f0}.filters button:active{transform:translate(3px,3px)}.filters button.active{background:var(--accent-pink);color:#000!important;box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.results-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding-bottom:2rem}@media(min-width:480px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}@media(min-width:768px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem;padding-bottom:4rem}}.card{background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer;position:relative;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 0 var(--border-color)}.card-image-wrapper{position:relative;height:200px;overflow:hidden;background-color:var(--bg-color);border-bottom:var(--border-thick)}@media(min-width:480px){.card-image-wrapper{height:220px}}@media(min-width:768px){.card-image-wrapper{height:240px}}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease;filter:grayscale(20%) contrast(1.1)}.card:hover .card-image{transform:scale(1.05);filter:grayscale(0%) contrast(1.2)}.card-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column;background:#fff}@media(min-width:480px){.card-content{padding:1.25rem}}@media(min-width:768px){.card-content{padding:1.5rem}}.card-id{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-main);margin-bottom:.5rem;padding:.25rem .5rem;background:var(--accent-blue);display:inline-block;border:2px solid black;align-self:flex-start}h2{margin:.5rem 0;font-size:clamp(1.25rem,4vw,1.5rem);line-height:1.1;font-weight:800}.scientific-name{font-style:italic;color:var(--text-muted);font-weight:500;font-size:1rem;margin-bottom:1rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.tags{margin-bottom:1rem}.risk-tag{display:inline-block;padding:.4rem .8rem;font-size:.8rem;font-weight:800;text-transform:uppercase;border:2px solid black;color:#000}.risk-tag[data-level="1"]{background:var(--accent-yellow);color:#000}.risk-tag[data-level="2"]{background:#ff6b6b;color:#000}.impact-text{font-size:.9rem;line-height:1.5;color:var(--text-main);border-left:4px solid var(--accent-pink);padding-left:1rem;margin-bottom:1rem;min-height:4.5rem;max-height:4.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.read-more-btn{background:var(--accent-blue);border:2px solid black;color:#000;font-size:.85rem;font-weight:800;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;align-self:flex-start;margin-top:auto;text-decoration:none;display:inline-block}.read-more-btn:hover{background:var(--accent-pink);transform:translate(-2px,-2px)}.detail-card{background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);border-radius:0;overflow:hidden}.detail-hero{height:400px;background-size:cover;background-position:center;position:relative;border-bottom:var(--border-thick)}.detail-hero h1{background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);display:inline-block;padding:1rem 2rem;font-size:2.5rem;margin:0;color:#000;text-shadow:none;-webkit-text-fill-color:initial;position:absolute;bottom:-30px;left:2rem}.detail-body{padding:4rem 2rem 3rem;background:#fff}.detail-section h3{border-bottom:var(--border-thick);padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.5rem;text-transform:uppercase;color:#000;background:var(--accent-yellow);display:inline-block;padding:.5rem 1rem;border:var(--border-thick);box-shadow:4px 4px #000}.source-credit{text-align:center;color:#000;margin-top:-1rem;margin-bottom:2.5rem;font-weight:600;background:#fff;display:inline-block;padding:.5rem 1rem;border:var(--border-thick);transform:rotate(-1deg)}.source-credit a{color:var(--accent-blue);text-decoration:underline;font-weight:800;border:none}.source-credit a:hover{background:var(--accent-blue);color:#fff;text-decoration:none}.skip-link{position:absolute;top:-60px;left:0;background:#000;color:var(--accent-yellow);padding:1rem;z-index:1000;font-weight:700;border:2px solid white}.skip-link:focus{top:0}:focus-visible{outline:4px solid black;outline-offset:2px;background-color:var(--accent-yellow);color:#000}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.detail-view{padding-top:2rem}.breadcrumb{margin-bottom:2rem}.back-button{display:inline-block;background:#fff;color:#000!important;border:var(--border-thick);box-shadow:var(--shadow-hard);padding:.75rem 1.5rem;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.9rem;transition:all .2s ease}.back-button:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000;background:var(--accent-yellow)}.detail-card{background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);overflow:hidden;display:grid;grid-template-columns:1fr 1.5fr;gap:0}@media(max-width:768px){.detail-card{grid-template-columns:1fr}}.detail-image-container{border-right:var(--border-thick);background:#f5f5f5;position:relative;min-height:500px}@media(max-width:768px){.detail-image-container{border-right:none;border-bottom:var(--border-thick);min-height:300px}}.detail-image{width:100%;height:100%;object-fit:cover;display:block}.detail-content{padding:3rem}.detail-header{border-bottom:var(--border-thick);padding-bottom:2rem;margin-bottom:2rem}.detail-id{display:inline-block;background:var(--accent-blue);color:#000;border:2px solid black;padding:.25rem .75rem;font-size:.75rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem}.detail-header h1{font-size:2.5rem;margin:.5rem 0;font-weight:900;color:#000;text-shadow:none;background:none;-webkit-text-fill-color:initial;text-align:left;text-transform:none}.detail-scientific{font-size:1.5rem;font-style:italic;color:var(--text-muted);margin:1rem 0;font-weight:500;border-left:4px solid var(--accent-pink);padding-left:1rem}.risk-tag-detail{display:inline-block;padding:.5rem 1rem;font-size:.9rem;font-weight:800;text-transform:uppercase;border:2px solid black;color:#000;margin-top:1rem}.risk-tag-detail[data-level="1"]{background:var(--accent-yellow)}.risk-tag-detail[data-level="2"]{background:#ff6b6b}.detail-body{display:flex;flex-direction:column;gap:2rem}.detail-section h3{font-size:1.25rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem;color:#000;border-bottom:3px solid black;padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.detail-section p{line-height:1.8;color:var(--text-main);font-size:1rem}.detail-section.highlight{background:var(--accent-yellow);border:var(--border-thick);padding:1.5rem;box-shadow:4px 4px #000}.detail-section.highlight h3{border-bottom-color:#000}.error-overlay{text-align:center;padding:4rem 2rem;background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard)}.skeleton-detail{background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);padding:3rem}.skeleton-hero{height:400px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border:var(--border-thick);margin-bottom:2rem}.skeleton-body{padding:2rem 0}.scroll-sentinel{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.loader-dots{display:flex;gap:8px}.loader-dots div{width:12px;height:12px;background-color:var(--primary-light);border-radius:50%;border:2px solid black;animation:bounce .6s infinite alternate}.loader-dots div:nth-child(2){animation-delay:.2s;background-color:var(--accent-pink)}.loader-dots div:nth-child(3){animation-delay:.4s;background-color:var(--accent-blue)}@keyframes bounce{to{transform:translateY(-10px)}}.end-message{color:var(--text-muted);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.skeleton-card{height:450px;background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);overflow:hidden;display:flex;flex-direction:column}.skeleton-image{height:240px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-bottom:var(--border-thick)}.skeleton-content{padding:1.5rem;flex:1}.skeleton-line{height:1rem;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:1rem;border:2px solid #ddd}.skeleton-line.sm{width:40%;height:1.5rem}.skeleton-line.md{width:70%}.skeleton-line.lg{width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}