@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: #0a0a0f;--bg-panel: rgba(10, 10, 15, .85);--bg-card: rgba(20, 20, 35, .92);--text-primary: #e8e8ec;--text-secondary: #a0a0b8;--text-muted: #5a5a72;--color-arctic-fox: #00f0ff;--color-caribou: #a78bfa;--color-cod: #34d399;--color-whale: #60a5fa;--color-pika: #f472b6;--color-apollo: #fbbf24;--color-chapter-arctic: #00f0ff;--color-chapter-ocean: #34d399;--color-chapter-canada: #a78bfa;--color-warm: rgba(255, 100, 50, .06);--border-subtle: 1px solid rgba(255, 255, 255, .06);--font-family: "Inter Variable", system-ui, -apple-system, sans-serif;--transition-panel: opacity .6s ease-out, transform .6s ease-out;--transition-fast: .2s ease;--z-map: 1;--z-temperature: 2;--z-globe: 3;--z-particles: 4;--z-markers: 5;--z-canada-viz: 6;--z-scroll-content: 10;--z-text-panel: 11;--z-card: 20;--z-indicator: 25;--z-audio-toggle: 26}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{width:100%;min-height:100vh}.app{position:relative;width:100%;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.map-container{position:fixed;inset:0;z-index:var(--z-map);overflow:hidden}.map-container svg:nth-child(1){z-index:var(--z-temperature)}.map-container svg:nth-child(2){z-index:var(--z-globe)}.map-container canvas{z-index:var(--z-particles)}.map-container .species-markers{z-index:var(--z-markers)}.migration-flow{animation:dash-flow 1.5s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-20}}.marker-pulse{animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{r:14;opacity:.2}to{r:22;opacity:0}}.map-container--dimmed{opacity:.12;transform:scale(.92);transition:opacity .8s ease-out,transform .8s ease-out}@media(prefers-reduced-motion:reduce){.map-container--dimmed{transition:opacity .15s ease-out;transform:none}.migration-flow,.marker-pulse{animation:none}}.text-panel{position:fixed;top:50%;left:40px;transform:translate(-120%) translateY(-50%);opacity:0;width:min(440px,40vw);max-height:80vh;overflow-y:auto;padding:32px;background:var(--bg-panel);border:var(--border-subtle);border-left:2px solid var(--accent-color, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 0 20px #00000080,0 0 8px var(--accent-color, transparent);transition:var(--transition-panel);z-index:var(--z-text-panel);pointer-events:auto}.text-panel.visible{transform:translate(0) translateY(-50%);opacity:1}.text-panel__title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.text-panel__subtitle{font-size:1rem;font-style:italic;color:var(--text-secondary);margin-bottom:16px}.text-panel__body{font-size:.95rem;line-height:1.7;color:var(--text-secondary);white-space:pre-line}.text-panel__source{margin-top:16px;font-size:.8rem}.text-panel__source a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:#fff3;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease,color .2s ease}.text-panel__source a:hover{color:var(--text-primary);text-decoration-color:#ffffff80}@media(max-width:767px){.text-panel{inset:auto 0 0;width:100%;max-height:45vh;transform:translateY(100%);border-radius:16px 16px 0 0;border-left:none;border-top:2px solid var(--accent-color, rgba(255, 255, 255, .1));padding:24px}.text-panel.visible{transform:translateY(0)}}@media(min-width:768px)and (max-width:1023px){.text-panel{left:24px;width:min(400px,50vw)}}@media(prefers-reduced-motion:reduce){.text-panel{transition:opacity .15s ease-out}.text-panel:not(.visible){transform:translate(0) translateY(-50%)}}.scroll-container{position:relative;z-index:var(--z-scroll-content);pointer-events:none}.scroll-section{min-height:100vh;display:flex;align-items:center;position:relative}.scroll-section>*{pointer-events:auto}.intro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:100vh;padding:40px 24px}.intro-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--text-primary);text-shadow:0 2px 20px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.6)}.intro-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--text-secondary);margin-bottom:24px;text-shadow:0 2px 16px rgba(0,0,0,.8)}.intro-body{font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--text-secondary);max-width:540px;line-height:1.8;margin-bottom:48px;text-shadow:0 2px 12px rgba(0,0,0,.8)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:6px}.scroll-indicator__text{font-size:.85rem;color:var(--text-secondary);text-shadow:0 2px 12px rgba(0,0,0,.8)}.scroll-indicator__chevron{display:block;font-size:2rem;color:var(--text-muted);animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.conclusion-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:100vh;padding:60px 40px;max-width:680px;margin:0 auto;background:radial-gradient(ellipse 60% 70% at center,rgba(10,10,15,.85) 0%,rgba(10,10,15,.4) 60%,transparent 100%);border-radius:24px}.conclusion-headline{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:40px;color:var(--text-primary)}.conclusion-stats{display:flex;gap:48px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.conclusion-stat{display:flex;flex-direction:column;align-items:center}.conclusion-stat__value{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:var(--text-primary)}.conclusion-stat__label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.conclusion-closing{font-size:1rem;color:var(--text-secondary);max-width:480px;line-height:1.7;margin-bottom:48px}.conclusion-attribution{display:flex;flex-direction:column;gap:4px}.conclusion-attribution p{font-size:.8rem;color:var(--text-secondary)}.conclusion-attribution a{color:var(--text-primary);text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease}.conclusion-attribution a:hover{text-decoration-color:#fff9}.conclusion-personal{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:.85rem;color:var(--text-secondary);line-height:1.6;max-width:400px;text-align:center}.conclusion-personal a{color:var(--text-primary);text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease}.conclusion-personal a:hover{text-decoration-color:#fff9}@media(max-width:767px){.conclusion-stats{gap:24px}}@media(prefers-reduced-motion:reduce){.scroll-indicator__chevron{animation:none}}.section-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:var(--z-indicator)}.section-dot{width:44px;height:44px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);position:relative}.section-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#ffffff40;transition:all var(--transition-fast)}.section-dot.active:after{width:8px;height:8px;background:#fff;box-shadow:0 0 6px #ffffff80}.section-dot:hover:after{background:#fff9}.section-dot:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}.ambient-toggle{position:fixed;bottom:20px;left:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;padding:0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:var(--z-audio-toggle)}.ambient-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.ambient-toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media(max-width:767px){.section-indicator{right:4px;gap:2px}.section-dot{width:44px;height:44px}.section-dot:after{width:4px;height:4px}.section-dot.active:after{width:6px;height:6px}.ambient-toggle{bottom:12px;left:12px}}.chart-panel{position:fixed;top:50%;right:40px;transform:translate(120%) translateY(-50%);opacity:0;width:min(400px,38vw);padding:24px;background:var(--bg-panel);border:var(--border-subtle);border-radius:8px;box-shadow:0 0 20px #00000080;z-index:var(--z-text-panel);transition:var(--transition-panel);pointer-events:none}.chart-panel.visible{transform:translate(0) translateY(-50%);opacity:1;pointer-events:auto}.chart-panel__title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.chart-panel__title a{color:inherit;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease}.chart-panel__title a:hover{text-decoration-color:#fff9}.chart-panel__title a:after{content:" ↗";font-size:.7em;opacity:.5}.chart-panel__subtitle{font-size:.75rem;color:var(--text-muted);margin-bottom:12px}.sea-ice-chart,.ocean-heat-chart{display:block;width:100%;height:auto}.chart-reveal-rect{animation:chart-reveal 1.2s ease-out forwards}@keyframes chart-reveal{0%{width:0}to{width:316px}}.stat-highlight{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-highlight__card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left:2px solid var(--accent-color, rgba(255, 255, 255, .1));border-radius:8px;opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.stat-highlight__card--active{opacity:1;transform:translateY(0)}.stat-highlight__value{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.stat-highlight__label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.stat-highlight__detail{display:block;font-size:.75rem;color:var(--text-muted)}.species-info__name{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 2px;line-height:1.2}.species-info__latin{font-size:.8rem;color:var(--text-muted);margin:0 0 16px}.species-info__stat-line{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-bottom:16px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--accent-color, rgba(255, 255, 255, .2));border-radius:6px}.species-info__shift{font-size:1.25rem;font-weight:700;color:var(--accent-color, var(--text-primary))}.species-info__direction{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.species-info__period{font-size:.75rem;color:var(--text-muted);margin-left:auto}.species-info__insight{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0}.species-info__source{margin-top:12px;font-size:.75rem}.species-info__source a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:#fff3;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease,color .2s ease}.species-info__source a:hover{color:var(--text-primary);text-decoration-color:#ffffff80}@media(min-width:768px)and (max-width:1023px){.chart-panel{right:24px;width:min(360px,45vw)}}@media(max-width:767px){.chart-panel{top:auto;right:auto;bottom:46vh;left:5vw;width:90vw;transform:translateY(40px);padding:16px}.chart-panel.visible{transform:translateY(0)}.stat-highlight{gap:12px}.stat-highlight__value{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.chart-panel{transition:opacity .15s ease-out}.chart-panel:not(.visible){transform:translate(0) translateY(-50%)}.chart-reveal-rect{animation:none;width:316px}.stat-highlight__card{transition:opacity .15s ease-out;transform:translateY(0)}}.canada-viz{position:fixed;inset:0;z-index:var(--z-canada-viz, 6);opacity:0;transition:opacity .8s ease-out;pointer-events:none;display:flex;align-items:center;justify-content:center}.canada-viz--active{opacity:1}.canada-viz--dimmed{opacity:.15}.canada-viz svg{width:100%;height:100%;padding:60px 80px 80px}.canada-viz__label{font-size:12px;font-weight:600;font-family:var(--font-family);pointer-events:none;filter:drop-shadow(0 0 6px rgba(0,0,0,.9))}.canada-viz__cursor{stroke:#ffffff4d;stroke-width:1;stroke-dasharray:4,4}.canada-viz__cursor-year{font-size:13px;font-weight:700;font-family:var(--font-family);fill:var(--text-secondary);filter:drop-shadow(0 0 4px rgba(0,0,0,.9))}@media(min-width:768px)and (max-width:1023px){.canada-viz svg{padding:40px 40px 60px}}@media(max-width:767px){.canada-viz svg{padding:20px 16px 55vh}}@media(prefers-reduced-motion:reduce){.canada-viz{transition:opacity .15s ease-out}}