*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#ff6b35;--text:#2c3e50;--text-mid:#555;--text-light:#888;--bg:#fff;--bg-alt:#f5f5f5;--bg-card:#f9f9f9;--border:#e0e0e0}html{scroll-behavior:smooth}body{background:#fff;color:#2c3e50;font-family:DM Sans,sans-serif;overflow-x:hidden}#page-loader{position:fixed;inset:0;z-index:9999;background:linear-gradient(180deg,#fff8f5,#fff 55%,#f5f5f5);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}#page-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}html.dark #page-loader{background:linear-gradient(180deg,#020c1b,#0d1117 60%,#161b22)}.loader-snow{position:absolute;inset:0;pointer-events:none;overflow:hidden}.loader-snow span{position:absolute;top:-8%;color:#2c3e5059;font-size:1.1rem;animation:snowfall linear infinite;user-select:none}html.dark .loader-snow span{color:#ffffff73;text-shadow:0 0 6px rgba(0,210,255,.35)}.loader-snow span:nth-child(1){left:5%;font-size:1rem;animation-duration:6s;animation-delay:-.2s}.loader-snow span:nth-child(2){left:13%;font-size:.8rem;animation-duration:8s;animation-delay:-1.2s}.loader-snow span:nth-child(3){left:21%;font-size:1.3rem;animation-duration:7s;animation-delay:-2.4s}.loader-snow span:nth-child(4){left:29%;font-size:.9rem;animation-duration:9s;animation-delay:-.6s}.loader-snow span:nth-child(5){left:37%;font-size:1.1rem;animation-duration:5.5s;animation-delay:-3.1s}.loader-snow span:nth-child(6){left:45%;font-size:.85rem;animation-duration:7.5s;animation-delay:-1.8s}.loader-snow span:nth-child(7){left:53%;font-size:1.2rem;animation-duration:6.3s;animation-delay:-.9s}.loader-snow span:nth-child(8){left:61%;font-size:.95rem;animation-duration:8.8s;animation-delay:-2.7s}.loader-snow span:nth-child(9){left:69%;font-size:1rem;animation-duration:6.8s;animation-delay:-3.6s}.loader-snow span:nth-child(10){left:77%;font-size:1.15rem;animation-duration:5.8s;animation-delay:-1.4s}.loader-snow span:nth-child(11){left:85%;font-size:.8rem;animation-duration:7.2s;animation-delay:-.4s}.loader-snow span:nth-child(12){left:93%;font-size:1.05rem;animation-duration:9.4s;animation-delay:-2.2s}.loader-snow span:nth-child(13){left:17%;font-size:.75rem;animation-duration:10s;animation-delay:-4s}.loader-snow span:nth-child(14){left:57%;font-size:.9rem;animation-duration:9.6s;animation-delay:-3.3s}.loader-snow span:nth-child(15){left:81%;font-size:.7rem;animation-duration:11s;animation-delay:-5s}.loader-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.2rem;z-index:2}.loader-ice{position:absolute;bottom:4px;width:180px;height:22px;border-radius:50%;background:radial-gradient(ellipse at center,#2c3e502e,#2c3e5000 70%);animation:ice-pulse 1.4s ease-in-out infinite;z-index:1}html.dark .loader-ice{background:radial-gradient(ellipse at center,#00d2ff40,#00d2ff00 70%)}.loader-fish{position:absolute;top:40%;left:-10%;width:48px;height:28px;z-index:1;animation:fish-arc 4.5s cubic-bezier(.4,0,.6,1) infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.loader-gif{width:220px;height:220px;object-fit:contain;display:block;position:relative;z-index:2;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}html.dark .loader-gif{filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)) brightness(.95)}.loader-text{font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:#2c3e50;letter-spacing:.02em;display:flex;align-items:baseline;gap:.15rem;min-height:1.6rem}.loader-msg{transition:opacity .2s ease}html.dark .loader-text{color:#e6edf3}.loader-dots{display:inline-flex;margin-left:.1rem}.loader-dots span{animation:dot-bounce 1.1s ease-in-out infinite}.loader-dots span:nth-child(2){animation-delay:.15s}.loader-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-6px);opacity:1}}@keyframes ice-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(.75);opacity:.4}}@keyframes snowfall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(110vh) translate(30px) rotate(360deg);opacity:0}}@keyframes fish-arc{0%{left:-10%;top:45%;transform:rotate(-40deg)}20%{top:15%;transform:rotate(-15deg)}50%{left:50%;top:5%;transform:rotate(0)}80%{top:15%;transform:rotate(15deg)}to{left:110%;top:45%;transform:rotate(40deg)}}@media (prefers-reduced-motion: reduce){.loader-dots span,.loader-ice,.loader-snow span,.loader-fish{animation:none!important}}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);transition:background .4s,box-shadow .4s}nav.scrolled{background:#fffffff7;box-shadow:0 2px 16px #00000014}.logo{font-family:Fraunces,serif;font-weight:900;font-size:1.4rem;letter-spacing:-.03em;color:#2c3e50;text-decoration:none;cursor:pointer}.nav-links a.is-active{color:var(--accent)}.nav-links a.is-active:after{width:100%;left:0}html.dark .nav-links a.is-active{color:#fff}.side-rail{position:fixed;top:50%;right:16px;transform:translateY(-50%);z-index:90;pointer-events:none}.side-rail ul{list-style:none;display:flex;flex-direction:column;gap:4px;padding:.4rem;background:#ffffffbf;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 4px 16px #0000000f;pointer-events:auto}.side-rail a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#2c3e508c;text-decoration:none;transition:all .22s ease}.side-rail a .icon{width:20px;height:20px;display:block;transition:transform .22s ease}.side-rail a:hover{color:var(--accent);background:#ff6b3514}.side-rail a:hover .icon{transform:scale(1.15)}.side-rail a.is-active{color:var(--accent);background:#ff6b351f;box-shadow:inset 0 0 0 1px #ff6b354d}html.dark .side-rail ul{background:#020c1bbf;border-color:#00d2ff26;box-shadow:0 4px 20px #0009,0 0 0 1px #00d2ff0f}html.dark .side-rail a{color:#e6edf399}html.dark .side-rail a:hover{color:#ff6b35;background:#ff6b351f}html.dark .side-rail a.is-active{color:#ff6b35;background:#ff6b3526;box-shadow:inset 0 0 0 1px #ff6b3566}.has-dropdown{position:relative}.has-dropdown .dropdown-trigger{display:inline-flex;align-items:center;gap:.25rem}.has-dropdown.is-active>.dropdown-trigger{color:var(--accent)}.chev{font-size:.6rem;transition:transform .25s ease;transform:translateY(1px)}.has-dropdown:hover .chev,.has-dropdown.is-open .chev{transform:translateY(1px) rotate(-180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-6px);min-width:180px;list-style:none;padding:.6rem 0;margin:0;background:#fffffffa;backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 12px 32px #0000001f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,transform .22s ease;display:flex;flex-direction:column}.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu,.has-dropdown.is-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-menu:before{content:"";position:absolute;top:-18px;left:0;right:0;height:22px}.dropdown-menu li{border:none}.dropdown-menu a{display:block;padding:.55rem 1.1rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#2c3e50b3;text-decoration:none;transition:background .18s,color .18s}.dropdown-menu a:hover{background:#ff6b3514;color:var(--accent)}.dropdown-menu a:after{display:none}html.dark .dropdown-menu{background:#020c1bfa;border-color:#00d2ff26;box-shadow:0 12px 32px #0009,0 0 0 1px #00d2ff14}html.dark .dropdown-menu a{color:#e6edf3b3}html.dark .dropdown-menu a:hover{background:#ff6b351f;color:#ff6b35}html.dark .has-dropdown.is-active>.dropdown-trigger{color:#fff}.logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#2c3e508c;text-decoration:none;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:#ff6b35}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px}.menu-toggle span{display:block;width:22px;height:2px;background:#2c3e50;border-radius:2px;transition:transform .3s,opacity .3s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#hero{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;pointer-events:none;transition:transform .7s cubic-bezier(.4,0,.2,1)}#hero.pinned{transform:none;inset:0 0 auto;height:auto;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}#hero.pinned .hero-bg{display:none}#hero.pinned .hero-content{padding:.6rem 2rem}#hero.pinned .hero-tag,#hero.pinned .hero-sub,#hero.pinned .scroll-hint{display:none}#hero.pinned h1.hero-title{font-size:clamp(1rem,2.5vw,1.4rem);margin-bottom:0;opacity:1;animation:none;line-height:1.3;text-shadow:none}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#fff8f5f7,#ffffffe0 35%,#f5f5f58c 65%,#f0f0f01a)}.hero-content{position:relative;z-index:2;text-align:center;padding:6rem 2rem 2rem}.hero-tag{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .3s forwards}h1.hero-title{font-family:Fraunces,serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:.95;margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .5s forwards;color:#2c3e50}h1.hero-title span{color:var(--accent);display:block}.hero-sub{font-size:1.1rem;color:#2c3e5099;max-width:480px;margin:0 auto 2.5rem;opacity:0;animation:fadeUp .8s .7s forwards;line-height:1.6}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fadeUp .8s 1.2s forwards;margin-top:1.5rem}.scroll-hint span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#2c3e5066}.scroll-arrow{width:24px;height:24px;border-right:2px solid rgba(44,62,80,.3);border-bottom:2px solid rgba(44,62,80,.3);transform:rotate(45deg);animation:bounce 2s infinite}section{padding:6rem 2rem;position:relative;overflow:hidden}.section-label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.section-title{font-family:Fraunces,serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#2c3e50;opacity:0;transition:opacity .8s .1s,transform .8s .1s;transform:translateY(25px)}.section-intro{font-size:1.05rem;color:#2c3e5099;max-width:600px;line-height:1.7;margin-bottom:3.5rem;opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(25px)}.in-view .section-label,.in-view .section-title,.in-view .section-intro{opacity:1;transform:translateY(0)}#map{padding:56px 0 0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}#app{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden;font-family:DM Sans,sans-serif;color:#2c3e50}#map-area{flex:1;position:relative;min-height:0}#map-svg{width:100%;height:100%;display:block;cursor:grab}#map-svg:active{cursor:grabbing}.land{fill:#e8e8e8;stroke:silver;stroke-width:.3}.graticule{fill:none;stroke:#0000000a;stroke-width:.4}.sphere{fill:#fff}@keyframes penguin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.penguins-g use{transform-box:fill-box;transform-origin:center center;animation:penguin-float 3.5s ease-in-out infinite;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.penguins-g use:hover{transform:scale(1.3) translateY(-3px)!important;animation-play-state:paused}.land.penguin-land{cursor:pointer;transition:fill-opacity .2s}.land.penguin-land:hover{fill-opacity:1!important}.land.active-land{stroke:#ffffff4d!important;stroke-width:.8!important;fill-opacity:1!important}.controls{display:flex;align-items:center;gap:6px;padding:9px 13px;background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08);flex-wrap:wrap;position:relative;z-index:10}.ctrl-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7f8c8d;margin-right:2px}.chip{padding:4px 10px;border-radius:14px;font-size:11px;border:.5px solid rgba(44,62,80,.22);background:transparent;color:#2c3e5099;cursor:pointer;transition:all .18s}.chip:hover{color:#2c3e50;border-color:#2c3e5073}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.tf.active{background:#e67e22;border-color:#e67e22;color:#fff}.counter{margin-left:auto;font-size:10px;color:#2c3e5066}.counter b{color:#2c3e50}.zoom-btns{position:absolute;bottom:12px;left:12px;display:flex;flex-direction:column;gap:3px}.zbtn{width:26px;height:26px;background:#fffffff2;border:.5px solid rgba(0,0,0,.15);border-radius:6px;color:#555;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.zbtn:hover{background:#00000012}.hint{position:absolute;bottom:12px;right:12px;font-size:10px;color:#2c3e5066;pointer-events:none}.mobile-hint{display:none}.map-panel{position:absolute;top:12px;right:12px;width:270px;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:16px;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .25s,scale .4s cubic-bezier(.34,1.56,.64,1);color:#2c3e50;box-shadow:0 4px 24px #0000001f;transform-origin:top right;scale:1}.map-panel.hidden{transform:translate(290px);opacity:0;pointer-events:none;scale:.85}.panel-header{padding:14px 15px 11px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:flex-start}.panel-name{font-size:15px;font-weight:700;color:#2c3e50;line-height:1.3}.panel-region{font-size:10px;color:#ff6b35;margin-top:3px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.panel-close{width:24px;height:24px;border-radius:50%;background:#2c3e5014;border:none;color:#555;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.panel-close:hover{background:#ff6b352e;color:#ff6b35}.species-list{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.sp-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#f5f7fa;border:1px solid #e4e8ee}.sp-info{flex:1;min-width:0}.sp-name{font-size:12.5px;font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-latin{font-size:10px;color:#888;font-style:italic;margin-top:1px}.sp-badge{font-size:10px;padding:3px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;font-weight:500}.badge-ok{background:#27ae6024;color:#1e9e55}.badge-nt{background:#e67e2226;color:#c96a0a}.badge-en{background:#c0392b24;color:#a93226}.panel-fact{padding:10px 14px 14px;border-top:1px solid #eee;font-size:11.5px;color:#555;line-height:1.6;font-style:italic}#intro{background:#f5f5f5;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:900px;margin:0 auto}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:2rem;opacity:0;transform:translateY(30px) scale(.96);transition:opacity .7s,transform .7s;box-shadow:0 2px 12px #0000000a}.in-view .stat-card:nth-child(1){opacity:1;transform:none;transition-delay:.1s}.in-view .stat-card:nth-child(2){opacity:1;transform:none;transition-delay:.2s}.in-view .stat-card:nth-child(3){opacity:1;transform:none;transition-delay:.3s}.in-view .stat-card:nth-child(4){opacity:1;transform:none;transition-delay:.4s}.stat-num{font-family:Fraunces,serif;font-size:3.5rem;font-weight:900;color:var(--accent);line-height:1}.stat-label{font-size:.85rem;color:#888;margin-top:.5rem;text-transform:uppercase;letter-spacing:.1em}#continents{background:#fff}.continent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.continent-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:20px;padding:2rem;position:relative;overflow:hidden;cursor:pointer;opacity:0;transform:translate(-40px);transition:opacity .7s,transform .7s,box-shadow .3s,border-color .3s}.continent-card:hover{box-shadow:0 16px 40px #0000001a;border-color:#ff6b3566}.continent-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,107,53,.04) 0%,transparent 60%);pointer-events:none}.in-view .continent-card:nth-child(1){opacity:1;transform:none;transition-delay:.05s}.in-view .continent-card:nth-child(2){opacity:1;transform:none;transition-delay:.15s}.in-view .continent-card:nth-child(3){opacity:1;transform:none;transition-delay:.25s}.in-view .continent-card:nth-child(4){opacity:1;transform:none;transition-delay:.35s}.in-view .continent-card:nth-child(5){opacity:1;transform:none;transition-delay:.45s}.continent-flag{font-size:2.5rem;margin-bottom:1rem}.continent-name{font-family:Fraunces,serif;font-size:1.6rem;font-weight:700;margin-bottom:.5rem;color:#2c3e50}.continent-species{display:inline-block;background:#ff6b351a;color:var(--accent);padding:.3rem .8rem;border-radius:2rem;font-size:.8rem;font-weight:500;margin-bottom:1rem;border:1px solid rgba(255,107,53,.2)}.continent-desc{font-size:.9rem;color:#666;line-height:1.6}.continent-penguin{position:absolute;right:1.5rem;bottom:1.5rem;opacity:.2;font-size:2rem;transition:opacity .3s,transform .3s}.continent-card:hover .continent-penguin{opacity:.6;transform:scale(1.2) rotate(-5deg)}#species{background:#f5f5f5}.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.species-card{border-radius:24px;overflow:hidden;position:relative;cursor:pointer;opacity:0;transform:translateY(50px) scale(.95);transition:opacity .8s,transform .8s;box-shadow:0 2px 16px #0000000f}.species-card:hover{box-shadow:0 12px 36px #0000001f}.in-view .species-card:nth-child(1){opacity:1;transform:none;transition-delay:.1s}.in-view .species-card:nth-child(2){opacity:1;transform:none;transition-delay:.2s}.in-view .species-card:nth-child(3){opacity:1;transform:none;transition-delay:.3s}.in-view .species-card:nth-child(4){opacity:1;transform:none;transition-delay:.4s}.in-view .species-card:nth-child(5){opacity:1;transform:none;transition-delay:.5s}.in-view .species-card:nth-child(6){opacity:1;transform:none;transition-delay:.6s}.species-visual{height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#ececec,#e0e0e0)!important}.species-card:hover .species-penguin-art{transform:scale(1.08) translateY(-8px)}.species-info{padding:1.5rem;background:#fff;border-top:1px solid #e8e8e8}.species-name{font-family:Fraunces,serif;font-size:1.3rem;font-weight:700;margin-bottom:.3rem;color:#2c3e50}.species-latin{font-style:italic;font-size:.8rem;color:#aaa;margin-bottom:.7rem}.species-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.badge{font-size:.7rem;padding:.25rem .65rem;border-radius:2rem;font-weight:500}.badge-habitat{background:#2c3e5012;color:#555;border:1px solid rgba(44,62,80,.15)}.badge-size{background:#ff6b3514;color:#ff6b35;border:1px solid rgba(255,107,53,.2)}.badge-status{background:#ff6b351a;color:#c0392b;border:1px solid rgba(192,57,43,.2)}.species-fact{font-size:.85rem;color:#666;line-height:1.5;margin-bottom:.8rem}.species-more{display:inline-block;font-size:.78rem;font-weight:500;color:var(--accent);text-decoration:none;letter-spacing:.04em;transition:gap .2s}.species-more:hover{text-decoration:underline}.species-penguin-art{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}#books{background:#fff}.book-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:opacity .7s .3s,transform .7s .3s}.in-view .book-filters{opacity:1;transform:none}.book-chip{padding:.45rem 1rem;border-radius:2rem;font-size:.78rem;font-weight:500;letter-spacing:.03em;border:1px solid rgba(44,62,80,.18);background:transparent;color:#2c3e50a6;cursor:pointer;transition:all .2s;font-family:inherit}.book-chip:hover{color:#2c3e50;border-color:#2c3e5073}.book-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px #ff6b3540}.chip-count{display:inline-block;margin-left:.3rem;padding:0 .4rem;border-radius:1rem;font-size:.68rem;background:#2c3e5014;color:inherit;opacity:.75}.book-chip.active .chip-count{background:#ffffff40;opacity:1}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.book-card.is-hidden{display:none}.book-card{display:flex;gap:1.2rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:18px;padding:1.5rem;opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s,box-shadow .3s,border-color .3s}.book-card:hover{box-shadow:0 14px 34px #00000014;border-color:#ff6b3559}.in-view .book-card{opacity:1;transform:none}.in-view .book-card:nth-child(1){transition-delay:.05s}.in-view .book-card:nth-child(2){transition-delay:.1s}.in-view .book-card:nth-child(3){transition-delay:.15s}.in-view .book-card:nth-child(4){transition-delay:.2s}.in-view .book-card:nth-child(5){transition-delay:.25s}.in-view .book-card:nth-child(6){transition-delay:.3s}.in-view .book-card:nth-child(n+7){transition-delay:.35s}.book-cover{flex-shrink:0;width:80px;height:120px;border-radius:4px;object-fit:cover;background:#e8e8e8;box-shadow:2px 2px 10px #0000002e,inset -3px 0 #00000014;display:block}.book-body{flex:1;min-width:0}.book-title{font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem;line-height:1.25}.book-author{font-size:.8rem;color:#888;margin-bottom:.6rem;font-style:italic}.book-tag{display:inline-block;background:#ff6b351a;color:var(--accent);padding:.2rem .65rem;border-radius:2rem;font-size:.7rem;font-weight:500;margin-bottom:.7rem;border:1px solid rgba(255,107,53,.2);letter-spacing:.04em}.book-desc{font-size:.88rem;color:#666;line-height:1.55}#documentaries{background:#f5f5f5}.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.doc-card{background:#fff;border:1px solid #e0e0e0;border-radius:20px;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s,box-shadow .3s}.doc-card:hover{box-shadow:0 14px 34px #0000001a}.in-view .doc-card:nth-child(1){opacity:1;transform:none;transition-delay:.05s}.in-view .doc-card:nth-child(2){opacity:1;transform:none;transition-delay:.15s}.in-view .doc-card:nth-child(3){opacity:1;transform:none;transition-delay:.25s}.in-view .doc-card:nth-child(4){opacity:1;transform:none;transition-delay:.35s}.in-view .doc-card:nth-child(5){opacity:1;transform:none;transition-delay:.45s}.in-view .doc-card:nth-child(6){opacity:1;transform:none;transition-delay:.55s}.doc-thumb{position:relative;height:220px;background:linear-gradient(135deg,#1a2a40,#0a1428);overflow:hidden}.doc-poster{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.doc-card:hover .doc-poster{transform:scale(1.05)}.doc-year{position:absolute;top:12px;right:12px;background:#0000008c;color:#fff;padding:.25rem .65rem;border-radius:2rem;font-size:.7rem;letter-spacing:.06em;backdrop-filter:blur(6px);z-index:2}.doc-body{padding:1.4rem 1.5rem 1.5rem}.doc-title{font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem;line-height:1.25}.doc-meta{font-size:.8rem;color:#888;margin-bottom:.6rem}.doc-tag{display:inline-block;background:#2c3e500f;color:#555;padding:.22rem .7rem;border-radius:2rem;font-size:.7rem;font-weight:500;margin-bottom:.7rem;border:1px solid rgba(44,62,80,.12);letter-spacing:.04em}.doc-desc{font-size:.88rem;color:#666;line-height:1.55}footer{background:#f0f0f0;text-align:center;padding:4rem 2rem;border-top:1px solid #e0e0e0}footer p{color:#999;font-size:.85rem}footer strong{color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}.logo span{display:inline-block;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent);transition:width .3s ease,left .3s ease;border-radius:1px}.nav-links a:hover:after{width:100%;left:0}.continent-card{filter:blur(6px)}.in-view .continent-card{filter:blur(0);transition:filter .8s ease,opacity .7s,transform .7s}@keyframes waddle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.species-card:hover .species-penguin-art{animation:waddle .4s ease 2}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}main,#map{animation:pageIn .5s ease-out}.footprint{position:fixed;pointer-events:none;z-index:9999;font-size:12px;opacity:.5;transition:opacity .8s;transform:rotate(var(--rot,0deg))}.footprint.fade{opacity:0}html.dark{--bg:#0d1117;--bg-alt:#161b22;--bg-card:#1c2230;--text:#e6edf3;--text-mid:#8b949e;--text-light:#6e7681;--border:#30363d}html.dark body{background:#0d1117;color:#e6edf3}html.dark nav{background:#020c1be6;border-bottom:1px solid rgba(0,210,255,.1)}html.dark nav.scrolled{background:#020c1bfa;box-shadow:0 2px 20px #0009,0 1px #00d2ff1f}html.dark .logo{color:#e6edf3;text-shadow:0 0 16px rgba(0,210,255,.3)}html.dark .logo span{color:#ff6b35;text-shadow:0 0 12px rgba(255,107,53,.5)}html.dark .nav-links a{color:#ff6b35;font-weight:700}html.dark .nav-links a:hover{color:#fff;text-shadow:0 0 8px rgba(0,210,255,.6)}html.dark .menu-toggle span{background:#00d2ffcc}html.dark .nav-links{background:#020c1bfa;border-bottom-color:#00d2ff1a}html.dark .hero-bg{background:linear-gradient(180deg,#020c1bf7,#020c1be0 35%,#020c1b80 65%,#020c1b0d)}html.dark h1.hero-title{color:#e6edf3;text-shadow:0 0 40px rgba(0,210,255,.2)}html.dark h1.hero-title span{color:#ff6b35}html.dark #hero.pinned{background:#020c1be0;border-bottom:1px solid rgba(0,210,255,.1)}html.dark #hero.pinned h1.hero-title{text-shadow:none;color:#e6edf3}html.dark .hero-sub{color:#00d2ff8c}html.dark .hero-tag{color:#00d2ff}html.dark .scroll-hint span{color:#00d2ff66}html.dark .scroll-arrow{border-right-color:#00d2ff59;border-bottom-color:#00d2ff59}html.dark .section-title{color:#e6edf3}html.dark .section-intro{color:#e6edf38c}html.dark #app,html.dark #map-area{background:#020c1b}html.dark .sphere{fill:#020c1b}html.dark .land{fill:#071828;stroke:#0e3555;stroke-width:.35}html.dark .graticule{stroke:#00d2ff0d;stroke-width:.5}html.dark .land.penguin-land{stroke-width:.7;filter:drop-shadow(0 0 .6px rgba(0,229,255,.15))}html.dark .land.active-land{filter:drop-shadow(0 0 12px rgba(0,229,255,.95)) drop-shadow(0 0 28px rgba(0,229,255,.4))!important}html.dark .penguins-g use{filter:brightness(.18) drop-shadow(0 0 5px rgba(255,180,60,.8))}html.dark .controls{background:#020c1bf5;border-bottom:1px solid rgba(0,210,255,.12);box-shadow:0 1px #00d2ff0f}html.dark .ctrl-label{color:#fff}html.dark .controls .chip{border-color:#ffffff80;color:#fff!important;background:transparent;font-weight:600;border-width:1px}html.dark .chip:hover{color:#fff;border-color:#ffffff80;box-shadow:0 0 8px #ffffff1a}html.dark .chip.active,html.dark .chip.tf.active{background:#ff6b3526;border-color:#ff6b35;color:#ff6b35;box-shadow:0 0 10px #ff6b3559}html.dark .counter,html.dark .counter b{color:#fff}html.dark .count{color:#ff6b35!important}html.dark .zbtn{background:#020c1beb;border-color:#ffffff2e;color:#ffffffb3}html.dark .zbtn:hover{background:#ffffff14;border-color:#fff6;color:#fff}html.dark .hint{color:#fff}html.dark .map-panel{background:#030e1ef7;border-color:#00d2ff38;box-shadow:0 0 0 1px #00d2ff14,0 8px 32px #0009,0 0 24px #00d2ff14}html.dark .panel-header{border-bottom:1px solid rgba(255,255,255,.08)}html.dark .panel-name{color:#fff}html.dark .panel-region{color:#ff6b35}html.dark .panel-close{background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.12)}html.dark .panel-close:hover{background:#ff6b3526;color:#ff6b35;border-color:#ff6b35}html.dark .sp-row{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}html.dark .sp-name{color:#fff}html.dark .sp-latin{color:#ffffff80}html.dark .panel-fact{color:#ffffffa6;border-top:1px solid rgba(255,255,255,.07)}html.dark .badge-ok{background:#39ff141a;color:#39ff14;border-color:#39ff1440}html.dark .badge-nt{background:#ffa5001a;color:orange;border-color:#ffa50040}html.dark .badge-en{background:#ff33661a;color:#f36;border-color:#ff336640}html.dark #intro{background:#161b22}html.dark .stat-card{background:#1c2230;border-color:#30363d;box-shadow:0 2px 12px #0000004d}html.dark .stat-label{color:#6e7681}html.dark #continents{background:#0d1117}html.dark .continent-card{background:#161b22;border-color:#30363d}html.dark .continent-card:hover{border-color:#ff6b3580;box-shadow:0 16px 40px #00000080}html.dark .continent-card:before{background:radial-gradient(circle at 80% 20%,rgba(255,107,53,.07) 0%,transparent 60%)}html.dark .continent-name{color:#e6edf3}html.dark .continent-desc{color:#8b949e}html.dark #species{background:#161b22}html.dark .species-info{background:#1c2230;border-top-color:#30363d}html.dark .species-name{color:#e6edf3}html.dark .species-latin{color:#6e7681}html.dark .species-fact{color:#8b949e}html.dark .species-more{color:#ff6b35}html.dark .badge-habitat{background:#e6edf312;color:#8b949e;border-color:#e6edf31f}html.dark .badge-size{background:#ff6b351a;color:#ff6b35;border-color:#ff6b3533}html.dark .badge-status{background:#f851491a;color:#f85149;border-color:#f8514933}html.dark #books{background:#0d1117}html.dark .book-card{background:#161b22;border-color:#30363d}html.dark .book-card:hover{border-color:#ff6b3580;box-shadow:0 14px 34px #00000080}html.dark .book-title{color:#e6edf3}html.dark .book-author{color:#6e7681}html.dark .book-desc{color:#8b949e}html.dark .book-cover{background:#1c2230;box-shadow:2px 2px 12px #0009,inset -3px 0 #00000059}html.dark .book-chip{border-color:#ffffff40;color:#ffffffb3}html.dark .book-chip:hover{color:#fff;border-color:#ffffff80}html.dark .book-chip.active{background:#ff6b352e;border-color:#ff6b35;color:#ff6b35;box-shadow:0 0 10px #ff6b354d}html.dark .chip-count{background:#ffffff14}html.dark .book-chip.active .chip-count{background:#ff6b354d}html.dark #documentaries{background:#161b22}html.dark .doc-card{background:#1c2230;border-color:#30363d}html.dark .doc-card:hover{box-shadow:0 14px 34px #00000080}html.dark .doc-thumb{background:linear-gradient(135deg,#0a1f3a,#020a18)}html.dark .doc-title{color:#e6edf3}html.dark .doc-meta{color:#6e7681}html.dark .doc-tag{background:#e6edf312;color:#8b949e;border-color:#e6edf31f}html.dark .doc-desc{color:#8b949e}html.dark footer{background:#161b22;border-top-color:#30363d}html.dark footer p{color:#6e7681}.theme-toggle{background:none;border:1px solid rgba(44,62,80,.2);border-radius:2rem;padding:.35rem .75rem;cursor:pointer;font-size:.8rem;color:#2c3e5099;display:flex;align-items:center;gap:.4rem;transition:all .2s;white-space:nowrap}.theme-toggle:hover{border-color:#2c3e5066;color:#2c3e50}html.dark .theme-toggle{border-color:#00d2ff40;color:#00d2ffa6}html.dark .theme-toggle:hover{border-color:#00d2ff;color:#00d2ff;box-shadow:0 0 8px #00d2ff40}@media (max-width:768px){nav{padding:.85rem 1.2rem}.menu-toggle{display:flex}.theme-toggle{font-size:.72rem;padding:.28rem .6rem}#theme-label{display:none}.nav-links{display:none;position:fixed;top:50px;left:0;right:0;z-index:99;background:#fffffffa;backdrop-filter:blur(12px);flex-direction:column;gap:0;padding:.4rem 0;border-bottom:1px solid #e0e0e0;box-shadow:0 6px 20px #0000001a}.nav-links.open{display:flex}.nav-links li{border-bottom:1px solid rgba(0,0,0,.04)}.nav-links>li>a{display:block;width:100%;box-sizing:border-box;padding:.95rem 1.5rem;font-size:.9rem;letter-spacing:.08em;color:#2c3e50bf;text-transform:uppercase}html.dark .nav-links>li>a{color:#e6edf3d9}.has-dropdown .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#2c3e50bf}html.dark .has-dropdown .dropdown-trigger{color:#ff6b35}.trigger-label{flex:1 1 auto;text-align:left}.has-dropdown .dropdown-trigger .chev{display:inline-block;font-size:.55rem;opacity:.7;flex:0 0 auto;transition:transform .25s ease;transform:none}.has-dropdown.is-open .dropdown-trigger .chev{transform:rotate(180deg)}.has-dropdown.is-open>.dropdown-trigger{color:var(--accent)}html.dark .has-dropdown.is-open>.dropdown-trigger{color:var(--accent)}.dropdown-menu{position:static;transform:none;min-width:0;padding:0;margin:0;background:#00000006;border:none;border-top:1px solid rgba(0,0,0,.04);box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;pointer-events:auto;max-height:0;overflow:hidden;transition:max-height .28s ease;display:block}.has-dropdown:hover .dropdown-menu{max-height:0;transform:none}.has-dropdown.is-open .dropdown-menu{max-height:400px;transform:none}.has-dropdown:focus-within .dropdown-menu{transform:none}html.dark .dropdown-menu{background:#ffffff08;border-top-color:#ffffff0f}.dropdown-menu:before{display:none}.dropdown-menu li{border-bottom:none}.dropdown-menu a{display:block;padding:.65rem 2.5rem;font-size:.78rem;color:#2c3e50a6;text-transform:uppercase;letter-spacing:.08em}.dropdown-menu a.is-active{color:var(--accent)}html.dark .dropdown-menu a{color:#e6edf399}html.dark .dropdown-menu a.is-active{color:#ff6b35}.side-rail{right:8px;top:auto;bottom:16px;transform:none}.side-rail ul{padding:.3rem;gap:2px;border-radius:14px}.side-rail a{width:34px;height:34px;border-radius:9px}.side-rail a .icon{width:17px;height:17px}#map{padding-top:50px}.controls{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:5px;padding:7px 10px;scrollbar-width:none}.controls::-webkit-scrollbar{display:none}.ctrl-label,.chip,.counter{flex-shrink:0;white-space:nowrap}.map-panel{position:fixed;inset:auto 0 0;width:100%;max-height:55vh;overflow-y:auto;border-radius:16px 16px 0 0;border:none;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 24px #0000001f;z-index:50;transform:translateY(0)}.map-panel.hidden{transform:translateY(110%);opacity:0}.panel-header:before{content:"";display:block;width:36px;height:4px;background:#00000026;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.panel-header{position:relative;padding-top:22px}.zbtn{width:34px;height:34px;font-size:18px}.desktop-hint{display:none}.mobile-hint{display:block}.hero-content{padding:1rem}h1.hero-title{font-size:clamp(2.2rem,9vw,4rem)}.hero-sub{font-size:.9rem;max-width:90vw}.scroll-hint{display:none}section{padding:4rem 1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.continent-grid{grid-template-columns:1fr;gap:1rem}.species-grid{grid-template-columns:1fr;gap:1.5rem}.book-grid{grid-template-columns:1fr;gap:1rem}.doc-grid{grid-template-columns:1fr;gap:1.5rem}.book-card{padding:1.2rem;gap:1rem}.book-cover{width:70px;height:105px}.continent-card{transform:translateY(20px);filter:none}.in-view .continent-card:nth-child(1),.in-view .continent-card:nth-child(2),.in-view .continent-card:nth-child(3),.in-view .continent-card:nth-child(4),.in-view .continent-card:nth-child(5){transform:none}.species-visual{height:180px}.stat-card{padding:1.5rem 1rem}.stat-num{font-size:2.8rem}}