@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600&family=Lato:wght@400&display=swap";:root{--scrollbar-thumb: rgba(0, 0, 0, .25);--scrollbar-thumb-hover: rgba(0, 0, 0, .4);--scrollbar-track: transparent;--primary-blue: #479bf5;--primary-purple: #7e58f0;--primary-teal: #a8e8ea;--primary-green: #ccece5;--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--bg-tertiary: #f8f9ff;--bg-quaternary: #f2f8fc;--bg-overlay-soft: rgba(0, 0, 0, .75);--bg-overlay: rgba(0, 0, 0, .8);--surface-primary: #ffffff;--surface-secondary: #f9fbfd;--surface-tertiary: #e1effc;--surface-quaternary: #d4e8f8;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #555555;--text-quaternary: #666666;--text-muted: #999999;--text-light: #aaaaaa;--accent-blue: #0066cc;--accent-purple: #6b47d9;--accent-dark-blue: #25417d;--accent-navy: #063f8e;--border-primary: #000000;--border-secondary: #cccccc;--border-tertiary: #dddddd;--border-quaternary: #e0e0e0;--border-light: #eeeeee;--success: #4CAF50;--info: #2196F3;--warning: #FF9800;--error: #f44336;--hover-bg: #f5f5f5;--active-bg: #e8f0ff;--focus-ring: rgba(66, 153, 225, .5);--shadow-xs: 0 2px 4px rgba(0, 0, 0, .05);--shadow-sm: 0 3px 8px rgba(0, 0, 0, .06);--shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 3px 8px rgba(0, 0, 0, .15);--shadow-xl: 0 4px 12px rgba(0, 0, 0, .2);--navbar-bg: #041533;--navbar-text: #ffffff;--navbar-text-hover: #ffb41d;--navbar-text-active: #fff41d;--version-toggle: #c1ffec;--version-bg: #a8e6cf33;--version-shadow: 0 2px 6px rgba(0, 119, 190, .4);--version-hover-shadow: 0 4px 12px rgba(0, 143, 223, .6);--reef-hover-text: #3a1e19;--reef-hover-bg: #f5927a;--reef-hover-border: #f07a56;--reef-active-bg: #f7b7a3;--reef-active-border: #f5a089;--reef-shadow: 0 0 10px rgba(247, 183, 163, .9);--current-hover-text: #223613;--current-hover-bg: #88bb5a;--current-hover-border: #6fa23f;--current-active-bg: #a8d5a3;--current-active-border: #94c57a;--current-shadow: 0 0 10px rgba(168, 213, 163, .9);--conservation-bg: #ffeaea;--fact-card-bg: #e0f7ff;--shark-id-bg: #dbd9f7;--shark-id-border: #7a7de0;--shark-nicknames-bg: #e0f7fa;--shark-nicknames-border: #2093a2;--shark-traits-bg: #e3f4cf;--shark-traits-border: #66bb6a;--shark-records-bg: #fefcd5;--shark-records-border: #f2d251;--shark-regions-bg: #fff3e0;--shark-regions-border: #ff7043;--shark-section-title: #25417d;--shark-section-text: #444;--timeline-text: #333;--timeline-circle: #eaa089;--timeline-circle-border: #fff;--timeline-line: #eaa089;--build-form-bg: #f5fffd;--build-form-border: #ccc;--build-label-bg: #e1f9e7;--build-label-border: #a5b4fc;--build-label-subtext: #444;--build-input-border: #d4d4d8;--build-image-container-bg: #f0f0f0;--build-image-text: #888;--data-calendar-bg-start: #ffe8ec;--data-calendar-bg-end: #f9f0ff;--data-calendar-header-bg: #f7d8e1;--data-continent-bg-start: #e0fff7;--data-continent-bg-end: #d0f0ff;--data-continent-header-bg: #ccefee;--data-country-bg-start: #fff5e1;--data-country-bg-end: #fce8d8;--data-country-header-bg: #f5dbba;--data-publishing-bg-start: #e2f3ff;--data-publishing-bg-end: #d9e8ff;--data-publishing-header-bg: #cbe2ff;--data-filter-border: #bbb;--data-card-border: #ccc;--data-overview-border: #d0e3f0;--data-overview-bg-start: #b7f4e2;--data-overview-bg-end: #d0c2fc;--data-overview-row-bg: #f8fbff;--data-overview-row-border: #1da1f2;--data-overview-label-text: #444;--data-overview-value-text: #1a73e8;--globe-glow: #FFD700;--globe-points: rgba(255, 255, 0, .8);--globe-rings: rgba(255, 255, 0, .9);--coordinate-text: rgba(0, 255, 255, .9);--animation-container-bg: rgba(0, 0, 0, .7);--animation-text: #fff;--animation-add-button-bg: #4ecdc4;--animation-add-button-text: #000;--animation-remove-button-text: #fff;--research-text: #e3f7ff;--research-hero-border: #42a9d1;--research-hero-bottom-border: #acdcfc;--research-hero-text: #fffeab;--research-intro-text: #000;--research-card-bg-start: rgba(0, 59, 95, .98);--research-card-bg-end: rgba(0, 80, 128, .98);--research-card-shadow: rgba(0, 64, 128, .4);--research-card-text: #e0f7ff;--research-card-hover-bg-start: rgba(0, 80, 128, 1);--research-card-hover-bg-end: rgba(0, 105, 160, 1);--research-card-hover-shadow: rgba(0, 128, 192, .5);--research-card-border: #3fa8d4;--research-card-title: #bba9ef;--research-card-content: #d6f8ff;--logbook-button-bg: #eee;--logbook-button-border: #ccc;--logbook-button-hover-bg: #ffbb00;--logbook-close-button-text: #333;--logbook-close-button-hover: #000;--logbook-container-bg: #fff;--logbook-container-border: #ccc;--logbook-container-shadow: rgba(0, 0, 0, .2);--logbook-header-border: #ccc;--logbook-title: #222;--logbook-body-text: #333;--logbook-section-title: #222;--logbook-page-name: #005f8f;--logbook-page-name-bg: #eef6fb;--logbook-nav-border: #ccc;--logbook-nav-link: #005f8f;--logbook-nav-link-active: #1385ff;--logbook-nav-separator: #999;--overview-box-bg-start: #fdfdfd;--overview-box-bg-end: #f4faff;--overview-box-border: #4da6ff;--overview-box-hover-start: #f8fbff;--overview-box-hover-end: #eaf4ff;--overview-box-text: #2a2a2a;--faq-item-bg: #f5faff;--faq-item-border: #cce6ff;--faq-item-shadow: rgba(0, 0, 0, .04);--faq-item-hover-bg: #d0e6ff;--faq-item-open-bg: #d0e6ff;--faq-toggle-text: #003f5f;--faq-answer-text: #444;--clear-button-border: #888;--clear-button-text: #444;--clear-button-hover-bg: #eee;--clear-button-hover-text: #000;--stamp-text: #222;--stamp-blob-bg: white;--condensed-card-bg: #f9fbfd;--condensed-card-shadow: rgba(0, 0, 0, .1);--condensed-media-bg-start: #e6efff;--condensed-media-bg-end: #cbd6e7;--condensed-media-stripe-light: #dde6f1;--condensed-media-stripe-dark: #cbd6e7;--condensed-id-bg: #f0f4fa;--condensed-id-text: #25417d;--no-media-text: #222;--favorite-button: #f39c12;--favorite-button-hover-bg: #fbe5b0;--condensed-traits-bg: #e6f2ea;--condensed-traits-border: #4a9d6e;--condensed-traits-text: #2e553e;--condensed-records-bg: #e3eff7;--condensed-records-border: #4a7f9d;--condensed-records-text: #2e4355;--condensed-places-bg: #f0e9f7;--condensed-places-border: #7a4a9d;--condensed-places-text: #422e55;--toggle-light-bg: #87ceeb;--toggle-dark-bg: #1c1c1c;--toggle-sun: #ffdf00;--toggle-moon: #f1f1f1;--toggle-cloud: #fff;--toggle-star: #fff}[data-theme=dark]{--scrollbar-thumb: rgba(255, 255, 255, .25);--scrollbar-thumb-hover: rgba(255, 255, 255, .4);--scrollbar-track: transparent;--primary-blue: #5aa7f7;--primary-purple: #9370f2;--primary-teal: #7dd3d6;--primary-green: #a8d4c8;--bg-primary: #1a1a1a;--bg-secondary: #5f5e5e;--bg-tertiary: #1e1e2e;--bg-quaternary: #2a2a3a;--bg-overlay-soft: rgba(0, 0, 0, .75);--bg-overlay: rgba(0, 0, 0, .9);--surface-primary: #2d2d2d;--surface-secondary: #3a3a3a;--surface-tertiary: #5e5e5e;--surface-quaternary: #4a4a4a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #cccccc;--text-quaternary: #b0b0b0;--text-muted: #888888;--text-light: #666666;--accent-blue: #4da6ff;--accent-purple: #8b6df4;--accent-dark-blue: #809fe0;--accent-navy: rgb(147, 186, 241);--border-primary: #555555;--border-secondary: #444444;--border-tertiary: #333333;--border-quaternary: #2a2a2a;--border-light: #222222;--success: #66bb6a;--info: #42a5f5;--warning: #ffa726;--error: #ef5350;--hover-bg: #3a3a3a;--active-bg: #2a2a4a;--focus-ring: rgba(138, 180, 248, .5);--shadow-xs: 0 2px 4px rgba(0, 0, 0, .3);--shadow-sm: 0 3px 8px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 3px 8px rgba(0, 0, 0, .5);--shadow-xl: 0 4px 12px rgba(0, 0, 0, .6);--navbar-bg: #1a1a2e;--navbar-text: #ffffff;--navbar-text-hover: #7dd3d6;--navbar-text-active: #c192fe;--version-toggle: #c1ffec;--version-bg: #a8e6cf33;--version-shadow: 0 2px 6px rgba(0, 119, 190, .4);--version-hover-shadow: 0 4px 12px rgba(0, 143, 223, .6);--reef-hover-text: #3a1e19;--reef-hover-bg: #f5927a;--reef-hover-border: #f07a56;--reef-active-bg: #f7b7a3;--reef-active-border: #f5a089;--reef-shadow: 0 0 10px rgba(247, 183, 163, .9);--current-hover-text: #223613;--current-hover-bg: #88bb5a;--current-hover-border: #6fa23f;--current-active-bg: #a8d5a3;--current-active-border: #94c57a;--current-shadow: 0 0 10px rgba(168, 213, 163, .9);--conservation-bg: #3a2d2d;--fact-card-bg: #2d3a3a;--shark-id-bg: #3a3a4a;--shark-id-border: #8b6df4;--shark-nicknames-bg: #2d4042;--shark-nicknames-border: #4da6ff;--shark-traits-bg: #354538;--shark-traits-border: #66bb6a;--shark-records-bg: #4a4a2a;--shark-records-border: #d4a850;--shark-regions-bg: #4a3a2a;--shark-regions-border: #cc5533;--shark-section-title: #5aa7f7;--shark-section-text: #cccccc;--timeline-text: #cccccc;--timeline-circle: #cc8866;--timeline-circle-border: #444444;--timeline-line: #cc8866;--build-form-bg: #2a3a2a;--build-form-border: #555555;--build-label-bg: #2d4032;--build-label-border: #7a7de0;--build-label-subtext: #cccccc;--build-input-border: #666666;--build-image-container-bg: #3a3a3a;--build-image-text: #aaaaaa;--data-calendar-bg-start: #856262;--data-calendar-bg-end: #6b5977;--data-calendar-header-bg: #714848;--data-continent-bg-start: #39644f;--data-continent-bg-end: #375f61;--data-continent-header-bg: #315353;--data-country-bg-start: #747442;--data-country-bg-end: #695037;--data-country-header-bg: #6f573e;--data-publishing-bg-start: #364b60;--data-publishing-bg-end: #414178;--data-publishing-header-bg: #3b3b65;--data-filter-border: #555555;--data-card-border: #444444;--data-overview-border: #4a5a6a;--data-overview-bg-start: #3a5a4a;--data-overview-bg-end: #4a3a5a;--data-overview-row-bg: #2a3a4a;--data-overview-row-border: #4da6ff;--data-overview-label-text: #cccccc;--data-overview-value-text: #5aa7f7;--globe-glow: #FFE135;--globe-points: rgba(255, 255, 50, .9);--globe-rings: rgba(255, 255, 50, 1);--coordinate-text: rgba(0, 255, 255, 1);--animation-container-bg: rgba(0, 0, 0, .8);--animation-text: #ffffff;--animation-add-button-bg: #3a9b94;--animation-add-button-text: #ffffff;--animation-remove-button-text: #ffffff;--research-text: #b8e6ff;--research-hero-border: #5aa7d1;--research-hero-bottom-border: #7db8dc;--research-hero-text: #fff5aa;--research-intro-text: #c2d8ff;--research-card-bg-start: rgba(30, 79, 115, .98);--research-card-bg-end: rgba(30, 100, 148, .98);--research-card-shadow: rgba(30, 84, 148, .6);--research-card-text: #c0e7ff;--research-card-hover-bg-start: rgba(30, 100, 148, 1);--research-card-hover-bg-end: rgba(30, 125, 180, 1);--research-card-hover-shadow: rgba(30, 148, 212, .7);--research-card-border: #5fa8d4;--research-card-title: #cbb9ef;--research-card-content: #e6f8ff;--logbook-button-bg: #4a4a4a;--logbook-button-border: #666666;--logbook-button-hover-bg: #e7b213;--logbook-close-button-text: #cccccc;--logbook-close-button-hover: #ffffff;--logbook-container-bg: #2d2d2d;--logbook-container-border: #555555;--logbook-container-shadow: rgba(0, 0, 0, .4);--logbook-header-border: #555555;--logbook-title: #dddddd;--logbook-body-text: #cccccc;--logbook-section-title: #dddddd;--logbook-page-name: #4da6ff;--logbook-page-name-bg: #2a3a4a;--logbook-nav-border: #555555;--logbook-nav-link: #4da6ff;--logbook-nav-link-active: #5aa7f7;--logbook-nav-separator: #777777;--overview-box-bg-start: #3a3a3a;--overview-box-bg-end: #2a3a4a;--overview-box-border: #5aa7f7;--overview-box-hover-start: #3a3a4a;--overview-box-hover-end: #3a4a5a;--overview-box-text: #dddddd;--faq-item-bg: #3a3a4a;--faq-item-border: #4a5a6a;--faq-item-shadow: rgba(0, 0, 0, .2);--faq-item-hover-bg: #4a5a6a;--faq-item-open-bg: #4a5a6a;--faq-toggle-text: #b8d8ff;--faq-answer-text: #cccccc;--clear-button-border: #777777;--clear-button-text: #cccccc;--clear-button-hover-bg: #4a4a4a;--clear-button-hover-text: #ffffff;--stamp-text: #dddddd;--stamp-blob-bg: #3a3a3a;--condensed-card-bg: #2d3a3d;--condensed-card-shadow: rgba(0, 0, 0, .3);--condensed-media-bg-start: #2a3a4a;--condensed-media-bg-end: #2a2a3a;--condensed-media-stripe-light: #3a4a5a;--condensed-media-stripe-dark: #2a3a4a;--condensed-id-bg: #3a4a5a;--condensed-id-text: #5aa7f7;--no-media-text: #dddddd;--favorite-button: #cc7a00;--favorite-button-hover-bg: #7d6c44;--condensed-traits-bg: #2a4a3a;--condensed-traits-border: #6a9d7e;--condensed-traits-text: #aaddaa;--condensed-records-bg: #2a3a4a;--condensed-records-border: #6a9fbd;--condensed-records-text: #aaddff;--condensed-places-bg: #3a2a4a;--condensed-places-border: #9a6abd;--condensed-places-text: #ddaaff;--toggle-light-bg: #87ceeb;--toggle-dark-bg: #1c1c1c;--toggle-sun: #ffdf00;--toggle-moon: #f1f1f1;--toggle-cloud: #fff;--toggle-star: #fff}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-transitioning *{transition:none!important}.theme-switcher-grid{--light-background: var(--toggle-light-bg);--dark-background: var(--toggle-dark-bg);--sun: var(--toggle-sun);--moon: var(--toggle-moon);--cloud: var(--toggle-cloud);--star: var(--toggle-star);display:grid;place-items:center;position:relative;width:48px;height:30px;margin-right:5px;border-radius:40px;border:1px solid var(--moon);background:var(--light-background);cursor:pointer;transition:background .5s ease;overflow:hidden;transform:rotate(90deg);transform-origin:center;min-width:44px;min-height:22px;max-width:80px;max-height:50px}.theme-switcher-grid.night-theme{background:var(--dark-background)}.theme-switcher-grid .sun{position:absolute;width:42%;height:66%;background:var(--sun);border-radius:50%;top:17%;left:20%;z-index:2;transition:transform .6s ease,opacity .6s ease}.theme-switcher-grid.night-theme .sun{background:var(--moon);transform:translate(50%);opacity:.6}.theme-switcher-grid .moon-overlay{position:absolute;width:42%;height:66%;background:var(--dark-background);border-radius:50%;top:17%;left:20%;z-index:3;opacity:0;transform:translate(-60%);transition:transform .6s ease,opacity .6s ease}.theme-switcher-grid.night-theme .moon-overlay{transform:translate(25%);opacity:1}.theme-switcher-grid .cloud-ball{position:absolute;bottom:35%;background:var(--cloud);border-radius:50%;opacity:1;transition:transform .6s ease,opacity .6s ease}.cloud-ball-left{left:12%;width:21%;height:33%}.cloud-ball-middle{left:36%;width:33%;height:53%}.cloud-ball-right{left:58%;width:21%;height:33%}.cloud-ball-top{left:76%;bottom:40%;width:13%;height:20%}.theme-switcher-grid.night-theme .cloud-ball{opacity:0;transform:translateY(33%)}.theme-switcher-grid .star{position:absolute;width:6%;height:6%;background:var(--star);border-radius:50%;opacity:0;transform:scale(0);transition:transform .6s ease,opacity .6s ease;z-index:10}.theme-switcher-grid .star:nth-child(8){top:33%;left:12%}.theme-switcher-grid .star:nth-child(9){top:73%;left:25%}.theme-switcher-grid .star:nth-child(10){top:22%;left:34%}.theme-switcher-grid.night-theme .star{opacity:1;transform:scale(1)}.logbook-button{width:60px!important;height:45px!important;min-width:40px!important;padding:0!important;margin-right:15px;border-radius:50%;border:1px solid var(--logbook-button-border);background-color:var(--logbook-button-bg);font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background-color .2s ease,transform .2s ease}.logbook-button:hover,.logbook-button:focus,.logbook-button.active{background-color:var(--logbook-button-hover-bg);transform:scale(1.05)}.logbook-button img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .2s ease}.logbook-button:hover img,.logbook-button:focus img,.logbook-button.active img{transform:scale(.85)}.logbook-close-button{all:unset;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--logbook-close-button-text);width:auto!important;height:auto!important;padding:4px!important;margin:0!important}.logbook-close-button:hover,.logbook-close-button:focus{color:var(--logbook-close-button-hover);outline:none;border-radius:6px}.logbook-container{position:fixed;top:90px;left:20px;width:320px;height:240px;min-width:280px;min-height:200px;max-width:35vw;max-height:75vh;resize:both;overflow:auto;display:flex;flex-direction:column;background-color:var(--logbook-container-bg);border:1px solid var(--logbook-container-border);border-radius:8px;padding:16px;box-shadow:0 8px 20px var(--logbook-container-shadow);z-index:9999}.logbook-inner{display:flex;flex-direction:column;height:100%}.logbook-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--logbook-header-border)}.logbook-title{font-size:1.25rem;font-weight:700;color:var(--logbook-title);margin:0}.logbook-body{flex:1;margin-top:12px;overflow-y:auto;font-size:1rem;color:var(--logbook-body-text)}.logbook-body h4{font-size:1.2rem;font-weight:500;margin-bottom:0;color:var(--logbook-section-title)}.logbook-body .logbook-page-name{font-weight:600;color:var(--logbook-page-name);background-color:var(--logbook-page-name-bg);padding:2px 6px;border-radius:4px;white-space:nowrap}.logbook-nav{display:flex;justify-content:center;align-items:center;padding-top:12px;border-top:1px solid var(--logbook-nav-border);margin-top:auto;font-size:.8rem;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none!important;-ms-overflow-style:none!important}.logbook-nav::-webkit-scrollbar{display:none!important}.logbook-nav h4{margin:0;font-size:.8rem;font-weight:600;flex:0 0 auto}.logbook-nav a{color:var(--logbook-nav-link);text-decoration:none;cursor:pointer;transition:color .2s ease;white-space:nowrap}.logbook-nav a:hover{text-decoration:underline}.logbook-nav a.active{color:var(--logbook-nav-link-active);text-decoration:underline;font-weight:700}.logbook-nav span{color:var(--logbook-nav-separator);font-size:.8rem;padding:0 2px;flex:0 0 auto}.logbook-section{padding:12px 0;font-size:1rem;color:var(--text-secondary);line-height:1.5}.page-overview{overflow-y:auto}.overview-box{background:linear-gradient(to bottom right,var(--overview-box-bg-start),var(--overview-box-bg-end));border-left:5px solid var(--overview-box-border);padding:14px 16px;border-radius:8px;box-shadow:var(--shadow-xs);position:relative;transition:background-color .3s ease}.overview-box:hover{background:linear-gradient(to bottom right,var(--overview-box-hover-start),var(--overview-box-hover-end))}.overview-box p{margin:0;font-size:1rem;line-height:1.6;color:var(--overview-box-text)}.page-faq{overflow-y:auto}.faqBox{display:flex;flex-direction:column;gap:16px}.faqItem{background:var(--faq-item-bg);border:1px solid var(--faq-item-border);border-radius:8px;padding:16px 14px;box-shadow:0 1px 4px var(--faq-item-shadow);transition:background-color .3s ease}.faqItem:hover:not(.open){background-color:var(--faq-item-hover-bg)}.faqItem.open{background-color:var(--faq-item-open-bg)}.faq-toggle{all:unset;display:flex;justify-content:flex-start;align-items:center;width:100%;font-weight:600;color:var(--faq-toggle-text);font-size:1rem;cursor:pointer;border-radius:8px;transition:background-color .3s ease;background:transparent!important;box-shadow:none!important}.faq-toggle:hover,.faq-toggle:focus{background:transparent!important;box-shadow:none!important;outline:none!important;border:none!important;transform:none!important}.faq-answer-container{max-height:0;overflow:hidden;padding:0 14px;transition:max-height .35s ease,padding .35s ease}.faqItem.open .faq-answer-container{max-height:500px;padding:12px 14px 0}.faq-answer{margin:0;font-size:.95rem;color:var(--faq-answer-text);line-height:1.4}.visited-stamps{height:100%;width:100%;padding:12px;display:flex;flex-direction:column}.visited-saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.visited-saved-header h3{margin:0;font-weight:600;color:var(--logbook-section-title);-webkit-user-select:none;user-select:none;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clear-button{all:unset;display:inline-block;border:1.5px solid var(--clear-button-border);border-radius:6px;font-size:.9rem;color:var(--clear-button-text);padding:4px 8px;line-height:1;min-width:30px;max-width:100px;width:auto;flex-shrink:1;white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .25s ease,color .25s ease}.clear-button:hover{background-color:var(--clear-button-hover-bg);color:var(--clear-button-hover-text)}.stamp-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;justify-items:center;align-items:center;height:100%;width:100%;margin:12px auto}.stamp{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.stamp-insignia{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:hsl(var(--hue),70%,40%);-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.15));z-index:2}.stamp:hover{animation:wobble .4s ease-in-out}.stamp-blob{position:relative;width:100px;height:100px;background-color:var(--stamp-blob-bg);background-size:14px 14px;border:2px dashed hsla(var(--hue),40%,70%,.7);background-image:linear-gradient(to right,hsl(var(--hue),40%,85%) 2px,transparent 2px),linear-gradient(to bottom,hsl(var(--hue),40%,85%) 2px,transparent 2px);box-shadow:1px 1px hsla(var(--hue),40%,70%,.3),-1px -1px hsla(var(--hue),40%,70%,.3);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;filter:drop-shadow(2px 4px 3px rgba(0,0,0,.15))}.stamp.stamped .stamp-blob{background-color:hsl(var(--hue),40%,75%);background-image:none;border:2px solid hsla(var(--hue),60%,50%,.8);box-shadow:2px 2px 6px hsla(var(--hue),60%,50%,.5),inset 0 0 10px hsla(var(--hue),60%,50%,.4);filter:drop-shadow(3px 6px 5px rgba(0,0,0,.25))}.stamp-label{margin:10px auto;font-size:.85rem;font-weight:500;color:var(--stamp-text);text-align:center;max-width:130px}.stamp-link{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;pointer-events:none;cursor:default}.stamp.stamped .stamp-link{pointer-events:auto;cursor:pointer}.stamp-link:hover .stamp-blob{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(0,0,0,.35))}@keyframes wobble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(1.5deg) scale(1.03)}50%{transform:rotate(-1.5deg) scale(1)}75%{transform:rotate(1deg) scale(1.02)}to{transform:rotate(0) scale(1)}}.condensed-shark-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;justify-items:center;align-items:center;height:100%;width:100%;margin:12px auto}.condensed-shark-card{background:var(--condensed-card-bg);border-radius:8px;box-shadow:0 2px 8px var(--condensed-card-shadow);display:flex;flex-direction:column;gap:5px;padding:8px;width:100%;height:280px;overflow-y:auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.condensed-shark-card::-webkit-scrollbar{display:none!important}.condensed-media{flex-shrink:0;border-radius:6px;height:85px;font-weight:600;display:flex;justify-content:center;align-items:center;overflow:hidden;background:repeating-linear-gradient(45deg,var(--condensed-media-stripe-light),var(--condensed-media-stripe-light) 5px,var(--condensed-media-stripe-dark) 5px,var(--condensed-media-stripe-dark) 10px),linear-gradient(135deg,var(--condensed-media-bg-start),var(--condensed-media-bg-end))}.condensed-media img{width:100%;height:100%;object-fit:cover}.condensed-media .no-image{color:var(--no-media-text)}.condensed-id-row{display:flex;justify-content:space-between;align-items:center;background:var(--condensed-id-bg);padding:4px 8px;border-radius:6px;font-size:1rem;font-weight:600;color:var(--condensed-id-text)}.shark-banner{background:var(--condensed-card-bg);border-radius:8px;box-shadow:0 2px 8px var(--condensed-card-shadow);display:flex;justify-content:space-between;align-items:center;width:100%;height:70px;gap:5px;padding:8px;margin-bottom:4px;cursor:pointer}.tiny-banner-media{flex-shrink:0;border-radius:6px;height:50px;width:60px;font-weight:600;display:flex;justify-content:center;align-items:center;overflow:hidden;background:repeating-linear-gradient(45deg,var(--condensed-media-stripe-light),var(--condensed-media-stripe-light) 5px,var(--condensed-media-stripe-dark) 5px,var(--condensed-media-stripe-dark) 10px),linear-gradient(135deg,var(--condensed-media-bg-start),var(--condensed-media-bg-end))}.tiny-banner-media img{width:100%;height:100%;object-fit:cover}.tiny-id-row{display:flex;justify-content:space-between;align-items:center;background:var(--condensed-id-bg);width:100%;height:50px;padding:4px 8px;border-radius:6px;font-size:.9rem;font-weight:600;color:var(--condensed-id-text)}.favorite-button{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--favorite-button);text-align:center;width:50px;padding:4px 0!important}.favorite-button:hover{background:var(--favorite-button-hover-bg);border-radius:50px}.condensed-traits,.condensed-records,.condensed-places{font-size:.8rem;padding:8px 12px;border-radius:4px}.condensed-traits{background-color:var(--condensed-traits-bg);border-left:6px solid var(--condensed-traits-border);color:var(--condensed-traits-text)}.condensed-records{background-color:var(--condensed-records-bg);border-left:6px solid var(--condensed-records-border);color:var(--condensed-records-text)}.condensed-places{background-color:var(--condensed-places-bg);border-left:6px solid var(--condensed-places-border);color:var(--condensed-places-text)}.about-page-wrapper{font-family:Lato,sans-serif;letter-spacing:.02em;padding-top:30px!important}.about-page-wrapper h1,.about-page-wrapper h2{color:var(--accent-dark-blue);font-family:Barlow Semi Condensed,sans-serif;font-weight:600;letter-spacing:.03em}.section-layout{display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:90vw;margin:0 auto;padding:3rem 1.5rem 1rem;text-align:center}.section-layout>.section-text{text-align:justify;text-justify:inter-word;flex:1}.section-text h2{color:var(--accent-dark-blue);font-size:2rem;margin-bottom:1.2rem}.section-text p{font-size:1.1rem;margin-bottom:1.2rem;line-height:1.7}.section-layout>.section-image{flex:1.2}.section-layout img{max-width:100%;height:auto;border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-xl)}@media (min-width: 768px){.section-layout{flex-direction:row;text-align:left}.section-layout.reverse{flex-direction:row-reverse}.section-layout.reverse .section-text{text-align:right}.section-layout>.section-text,.section-layout>.section-image{padding:0 1rem}}@media (max-width: 767px){.section-text h2{text-align:left!important;font-size:1.5rem}}.hero-intro{margin-top:0}.hero{width:100vw;height:40vh;overflow-x:hidden;display:flex;text-align:center;justify-content:center;align-items:flex-end;padding-bottom:.1rem;border-bottom:4px solid var(--primary-blue)}.hero-content{padding:2rem}.hero-content h1,.hero-content p{color:var(--research-hero-text);text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}.hero-content h1{font-size:6rem;font-weight:700;margin-bottom:.7rem}.hero-content p{font-size:1.7rem;font-weight:500}@media (max-width: 768px){.hero{height:35vh}.hero-content h1{font-size:3.5rem}.hero-content p{font-size:1.3rem}}.conservation-status{padding:3rem 1.5rem;background-color:var(--conservation-bg);text-align:center;color:var(--text-secondary)}.fun-facts{padding:3rem 1.5rem;text-align:center}.facts-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.fact-card{padding:1rem;background:var(--fact-card-bg);border-radius:8px;color:var(--text-secondary)}@media (min-width: 768px){.facts-list{flex-direction:row;justify-content:center}.fact-card{width:250px}}.faq-accordion{padding:3rem 1.5rem}.faq-item{margin-bottom:1rem}.faq-item button{background:none;border:none;font-weight:700;cursor:pointer;text-align:left;width:100%;color:var(--text-primary)}.faq-item p{margin-top:.5rem}.research-creative-wrapper{font-family:Lato,sans-serif;color:var(--research-text);padding-top:30px}.research-creative-hero{width:100%;height:40vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;border-bottom:4px solid var(--research-hero-border);text-align:center}.research-creative-hero-content{background:linear-gradient(to right,#f9c4b466,#f9c4b426 10%,#a7d6c199 25%,#6ab7c9,#a7d6c199 75%,#f9c4b426 90%,#f9c4b466);padding:1.5rem 2rem;width:100%;border-bottom:4px solid var(--research-hero-bottom-border)}.research-creative-hero-content h1,.research-creative-hero-content p{color:var(--research-hero-text);text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}.research-creative-hero-content h1{font-family:Barlow Semi Condensed,sans-serif;font-size:5rem;font-weight:600;margin-bottom:.7rem}.research-creative-hero-content p{font-size:1.7rem;font-weight:500}.research-creative-intro{max-width:85vw;margin:1.5rem auto 3rem;font-size:1.5rem;line-height:1.6;color:var(--research-intro-text);padding:.8rem 1.8rem 1.3rem;text-align:center;background:linear-gradient(to bottom right,var(--overview-box-bg-start),var(--overview-box-bg-end));border-left:5px solid var(--overview-box-border);border-right:5px solid var(--overview-box-border)}.research-creative-intro .tagline{margin-bottom:1.5rem;font-size:1.7rem;color:var(--accent-dark-blue)}.research-creative-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;padding:0 1rem 3rem;max-width:95vw;margin:0 auto}.research-creative-card{height:430px;background:linear-gradient(145deg,var(--research-card-bg-start),var(--research-card-bg-end));border-radius:18px;overflow:hidden;box-shadow:0 8px 24px var(--research-card-shadow);text-decoration:none;color:var(--research-card-text);display:block;scrollbar-width:none!important;-ms-overflow-style:none!important}.research-creative-card::-webkit-scrollbar{display:none!important}.research-creative-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px var(--research-card-hover-shadow);background:linear-gradient(145deg,var(--research-card-hover-bg-start),var(--research-card-hover-bg-end))}.research-creative-image{height:60%;width:100%;object-fit:cover;border-bottom:2px solid var(--research-card-border);display:block}.research-creative-card-content{height:40%;padding:1rem;overflow-y:auto;box-sizing:border-box}.research-creative-card h3{font-family:Barlow Semi Condensed,sans-serif;font-size:1.7rem;color:var(--research-card-title);text-shadow:1px 1px 4px rgba(0,0,0,.4);margin:0 0 .5rem}.research-creative-card p{font-size:1.2rem;line-height:1.6;color:var(--research-card-content);margin:0}.globeviews-wrapper{padding-top:100px!important}.globe-views-container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;height:80vh;width:100%;gap:1rem;padding:0 1rem;box-sizing:border-box}.info-sidebar,.shark-selector{flex:0 0 17rem;height:100%;display:flex;flex-direction:column;box-sizing:border-box}@media (max-width: 960px){.globe-views-container{flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;gap:.5rem}.globe-container{order:-1;flex:1 1 100%;height:20rem!important;margin-bottom:1rem}.info-sidebar,.shark-selector{order:0;flex:1 1 45%;max-width:100%;height:auto}}.shark-selector-list{display:flex;flex-direction:column;width:100%;height:100%;border:1px solid var(--border-secondary);border-radius:6px;padding:.5rem;box-sizing:border-box;overflow:hidden}.scrollable-filters{max-height:250px;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem}.show-all-button,.toggle-filter-button{font-size:1.1rem!important;line-height:1.4!important;font-weight:600!important;width:100%;height:2.8rem;border:2px solid var(--border-primary);cursor:pointer;padding:.25rem .5rem;box-sizing:border-box;border-radius:4px;transition:all .2s ease;color:var(--text-primary);background-color:var(--bg-tertiary)}.show-all-button{margin-bottom:.5rem}.toggle-filter-button{margin-bottom:1rem}.show-all-button:hover,.toggle-filter-button:hover,.show-all-button:focus,.toggle-filter-button:focus{background-color:var(--primary-teal)}.show-all-button.active,.toggle-filter-button.active{color:var(--bg-primary);background-color:var(--primary-purple)}.continent-dropdown{margin-bottom:.5rem;border:1px solid var(--border-secondary);border-radius:6px;background-color:var(--bg-quaternary);box-shadow:var(--shadow-xs);overflow:hidden}.continent-header{font-weight:700;font-size:1rem;padding:.5rem .75rem;background-color:var(--surface-tertiary);border-bottom:1px solid var(--border-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;color:var(--text-secondary);display:flex;align-items:center;min-height:1.9rem;line-height:1.1;flex-shrink:0}.continent-header:hover{background-color:var(--surface-quaternary)}.scrollable-shark-list{flex:1;min-height:0;overflow-y:auto;padding:.5rem}.shark-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.25rem;padding-bottom:1rem;margin-bottom:.5rem}.filter-group{background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:8px;padding:.3rem .5rem .7rem}.filter-group legend{font-weight:600;font-size:.95rem;padding:0 .5rem;margin:-.5rem;color:var(--accent-navy)}.filter-label{display:block;margin-top:.75rem;font-size:.85rem}.filter-input,.filter-select{width:100%;margin-top:.3rem;padding:.4rem .5rem;border-radius:4px;border:1px solid var(--border-secondary);font-size:.85rem;box-sizing:border-box;background-color:var(--surface-primary);color:var(--text-secondary)}.range-inputs{display:flex;align-items:center}.filter-label input[type=checkbox]{margin-right:.5rem}.scrollable-sharks-list{border-top:3px solid var(--border-primary);padding-top:1rem;max-height:calc(100% - 3rem);overflow-y:auto}.no-sharks-message{font-style:italic;font-size:1rem;padding:1rem;color:var(--text-tertiary)}.shark-selector-item{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);height:1.5rem;border-radius:3px;border-bottom:1px solid var(--border-tertiary);padding:8px 10px;-webkit-user-select:none;user-select:none;overflow:hidden}.shark-selector-item img.flag-icon{width:24px;height:18px;border-radius:2px;object-fit:cover}.flag-and-code{display:flex;align-items:center;gap:.25rem}.flag-icon{width:24px;height:18px;border-radius:2px;object-fit:cover}.country-code{font-size:.8rem;color:var(--text-quaternary)}.shark-selector-item:hover:not(.selected){cursor:pointer;background-color:var(--primary-teal);transition:background-color .2s ease,color .2s ease}.shark-selector-item.selected{font-weight:600;color:var(--bg-primary);background-color:var(--primary-blue)}.shark-info-panel{height:100%;padding:10px;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-xs);overflow-y:scroll}.shark-info-panel,.shark-info-panel *{word-break:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.shark-info-panel h2{color:var(--accent-dark-blue);display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:700;margin:.5rem}.shark-panel-details{display:flex;flex-direction:column;background-color:var(--surface-secondary);border-radius:5px;box-shadow:var(--shadow-sm);color:var(--text-secondary);gap:7px;overflow-y:auto;transition:box-shadow .3s ease}.shark-panel-details .timeline-header,.shark-panel-details .timeline-date{font-size:16px;margin-bottom:.3rem}.shark-panel-details .timeline-label{font-weight:600;color:var(--accent-dark-blue)}.timeline-item>div{margin-bottom:.5rem}.timeline-item>div:last-child{margin-bottom:0}.shark-images-container{display:flex;flex-direction:column;border-top:3px solid var(--text-primary);gap:.5rem;margin-top:.5rem;margin-bottom:.7rem}.shark-images-container h3{font-weight:700;margin-top:.8rem;margin-bottom:.4rem}.shark-image-card{border:1px solid var(--border-tertiary);border-radius:6px;overflow:hidden;background-color:var(--bg-secondary);padding:.5rem;text-align:center}.shark-image-card img{max-width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:4px}.shark-image-meta{font-size:.8rem;color:var(--text-tertiary);margin-top:.2rem;margin-bottom:.1rem}.image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay-soft);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.overlay-content{position:relative;display:flex;align-items:center;gap:1rem;max-width:90vw;max-height:90vh;overflow:hidden}.overlay-image-wrapper{display:inline-block;max-width:80vw;max-height:80vh;position:relative;text-align:center}.overlay-image-wrapper img{display:block;height:auto;max-height:70vh;width:auto;max-width:100%;object-fit:contain;overflow:hidden;border-radius:6px 6px 0 0;margin:0 auto}.overlay-meta{display:block;background-color:var(--bg-primary);padding:.3rem .5rem;color:var(--shark-section-text);font-size:.85rem;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-top:0;width:100%}@media (max-width: 1200px){.overlay-content{flex-direction:column;max-width:auto;max-height:100vh}.overlay-image-wrapper{padding-top:1rem;overflow:auto}.overlay-image-wrapper img{max-width:100%;max-height:100%;border-radius:6px 6px 0 0}}.carousel-button{font-size:3rem;color:var(--bg-secondary);background:transparent;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;width:3rem;height:3rem;padding:0 8px 6px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.carousel-button:hover{background-color:var(--text-quaternary)!important}.carousel-button:disabled{opacity:.3;cursor:not-allowed}.close-button{position:absolute;top:.5rem;right:.5rem;font-size:2rem;background-color:var(--bg-secondary);border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:normal;padding:0;-webkit-user-select:none;user-select:none}.close-button:hover{background-color:var(--text-quaternary)!important}.sharktracker-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;box-sizing:border-box;overflow-y:auto;text-align:center;padding-top:30px}.globe-cards-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;height:80vh;width:100%;max-width:1600px;gap:1rem;padding:1rem;box-sizing:border-box}.side-column{flex:0 0 200px;display:flex;flex-direction:column;justify-content:space-between;height:80vh;padding:0;gap:0}.side-column>.shark-grid{flex:1 1 auto;display:grid;grid-template-columns:1fr;justify-items:center;align-content:space-between;row-gap:1rem;width:100%;height:auto;padding:0;box-sizing:border-box}.globe-container{flex:1 1 auto;height:80vh;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;aspect-ratio:1.3;border:1px solid var(--border-secondary);border-radius:16px;overflow:hidden}@media (max-width: 900px){.sharktracker-wrapper{padding-bottom:20px}.globe-cards-container{flex-direction:column;align-items:center;justify-content:center;height:auto}.side-column{height:auto;flex:none;width:100%;justify-content:flex-start}.side-column>.shark-grid{align-content:start;height:auto;padding:0 1rem}.globe-container{height:300px;width:90%;flex:none;margin-bottom:1.5rem}}@media (min-width: 900px) and (max-width: 1250px){.globe-cards-container{padding:0 .5rem!important;gap:.5rem!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:stretch!important;height:80vh!important}.side-column{flex:0 0 200px!important;max-width:200px!important;height:80vh!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:0!important}.side-column>.shark-grid{padding:0!important;width:100%!important}.globe-container{flex:1 1 auto!important;height:80vh!important;display:flex!important;justify-content:center!important;align-items:center!important}.shark-card{min-width:unset!important;margin:0 auto}}.shark-card{background-color:var(--surface-secondary);border:2px solid var(--border-secondary);border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;height:auto;width:90%;min-width:280px;margin-bottom:0;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.shark-card.expanded{margin:.5rem 0;position:relative}.shark-card:hover:not(.anyPlaying),.shark-card.expanded:not(.anyPlaying){transform:scale(1.05);box-shadow:var(--shadow-lg)}.shark-card.anyPlaying:hover,.shark-card.expanded.anyPlaying{transform:scale(1.03);box-shadow:var(--shadow-lg)}.shark-card.currentlyPlaying{border:2px solid var(--border-primary);transform:scale(1.03);box-shadow:var(--shadow-lg)}.play-story-button{border-radius:8px;border:1px solid var(--border-primary);padding:6px 8px;color:var(--text-primary);font-size:15px;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);width:100%;cursor:pointer;transition:background-color .3s ease}.play-story-button:hover:not(.anyPlaying){background-color:var(--primary-teal);border:2px solid var(--border-primary);color:var(--text-primary)}.play-story-button:focus:not(.anyPlaying),.play-story-button:focus-visible:not(.anyPlaying){background-color:var(--primary-teal);border:1px solid var(--border-primary);outline:4px auto var(--focus-ring)}.play-story-button.currentlyPlaying{background-color:var(--primary-teal);border:1.5px solid var(--border-primary);color:var(--accent-dark-blue);font-weight:700}.shark-country-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;grid-column:span 2;justify-content:center}.country-tag{background-color:var(--surface-tertiary);color:var(--accent-dark-blue);font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px;white-space:nowrap;box-shadow:0 0 0 1px var(--border-secondary);transition:background-color .2s ease}.country-tag:hover{background-color:var(--primary-teal)}.shark-card-image{width:100%;height:95px;background-color:var(--bg-secondary);display:flex;justify-content:center;align-items:center;border-radius:6px;margin-bottom:8px}.shark-card-image span{font-size:16px;color:var(--text-muted)}.shark-card-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.shark-card.anyPlaying:not(.currentlyPlaying) .shark-card-image img{filter:grayscale(100%) brightness(80%);opacity:.6;transition:filter .3s ease,opacity .3s ease}.shark-card-content{margin-bottom:0}.shark-card-details{background:var(--surface-secondary);padding:0;border-radius:5px;box-shadow:var(--shadow-xs);margin-top:16px;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:7px;max-height:300px;overflow-y:auto;transition:box-shadow .3s ease}.shark-card-details:hover{box-shadow:var(--shadow-lg)}.shark-id{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;margin:0;padding:8px 12px;background-color:var(--shark-id-bg);border-left:6px solid var(--shark-id-border)}.shark-nicknames{padding:8px 12px;background-color:var(--shark-nicknames-bg);border-left:6px solid var(--shark-nicknames-border)}.shark-traits{padding:8px 12px;background-color:var(--shark-traits-bg);border-left:6px solid var(--shark-traits-border)}.shark-records{padding:8px 12px;background-color:var(--shark-records-bg);border-left:6px solid var(--shark-records-border)}.shark-regions{padding:8px 12px;background-color:var(--shark-regions-bg);border-left:6px solid var(--shark-regions-border)}.shark-nicknames h3,.shark-traits h3,.shark-records h3,.shark-observation h3,.shark-regions h3{font-size:14px;font-weight:600;color:var(--shark-section-title);margin-bottom:6px}.shark-nicknames p,.shark-traits p,.shark-records p,.shark-observation p,.shark-regions p{font-size:13px;color:var(--shark-section-text);margin:0}.shark-nicknames p,.shark-traits p,.shark-records p,.shark-observation p,.shark-regions p,.shark-nicknames h3,.shark-traits h3,.shark-records h3,.shark-observation h3,.shark-regions h3{text-align:left;margin:0 0 8px}.shark-regions ul{list-style-type:none;padding:0;margin:0}.timeline-list{padding-left:30px;position:relative}.timeline-item{padding-left:25px;position:relative;text-align:left;font-size:13px;color:var(--timeline-text);margin-bottom:8px}.timeline-item:before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;background-color:var(--timeline-circle);border-radius:50%;border:2px solid var(--timeline-circle-border)}.timeline-list:after{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background-color:var(--timeline-line)}.timeline-item:before,.timeline-list:after{box-sizing:content-box}.shark-grid{display:grid;gap:16px;padding:0 16px;justify-items:center;align-items:start;width:90%;height:90%;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (min-width: 640px){.shark-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width: 1024px){.shark-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.view-mode-toggle{background-color:var(--primary-purple);border:2px solid var(--active-bg);border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:var(--surface-primary);cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;width:100%;text-align:center}.view-mode-toggle:hover{background-color:var(--accent-purple)}.saved-sharks-display{display:flex;flex-direction:column;flex:1;min-height:0}.saved-sharks-header{flex-shrink:0}.saved-shark-card-wrapper.selected .shark-banner{background-color:var(--primary-green)}.story-controls-container{margin-bottom:.75rem;border:1px solid var(--border-tertiary);border-radius:10px;background-color:var(--bg-tertiary);overflow:visible;transition:all .3s ease}.story-controls-container .play-story-section{margin:0;padding:0}.geo-labs-step-button{border-radius:8px;border:1px solid var(--accent-purple);padding:.75rem 1rem;color:var(--text-secondary);font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--active-bg);cursor:pointer;width:100%;text-align:left;transition:all .2s ease;box-sizing:border-box}.geo-labs-step-button:hover{background-color:var(--surface-quaternary);color:var(--accent-blue);font-weight:700}.geo-labs-step-button.step-mode-active{border-radius:8px 8px 0 0;background-color:var(--primary-purple);color:var(--surface-primary);border-bottom:1px solid var(--accent-purple)}.geo-labs-step-button.step-mode-active:hover{background-color:var(--accent-purple)}.story-step-container{padding:1rem;border-radius:0 0 8px 8px;border:1px solid var(--border-tertiary);background-color:var(--bg-tertiary);border-top:none;min-height:auto;overflow:visible}.story-slider-section h4{margin:0 0 1rem;font-size:.9rem;color:var(--text-tertiary);font-weight:600;text-align:center}.step-date-header{font-style:italic;color:var(--primary-purple);font-weight:400}.slider-controls{display:flex;align-items:center;gap:.5rem}.step-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--primary-purple);background-color:var(--surface-primary);color:var(--primary-purple);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0 0 .1rem;margin:0}.step-button:hover:not(:disabled){background-color:var(--primary-purple);color:var(--surface-primary)}.step-button:disabled{opacity:.4;cursor:not-allowed}.story-slider{flex:1;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.story-slider::-webkit-slider-track{height:6px;background:linear-gradient(to right,var(--success) 0%,var(--info) 50%,var(--primary-purple) 100%);border-radius:3px}.story-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:var(--surface-primary);border:2px solid var(--primary-purple);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s ease}.story-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.story-slider::-moz-range-track{height:6px;background:linear-gradient(to right,var(--success) 0%,var(--info) 50%,var(--primary-purple) 100%);border-radius:3px;border:none}.story-slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:var(--surface-primary);border:2px solid var(--primary-purple);cursor:pointer;box-shadow:var(--shadow-xs)}.saved-shark-card-wrapper.selected-for-lab .shark-banner{background-color:var(--primary-green)}.multi-select-info{padding:1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-tertiary);border-radius:8px;margin-bottom:1rem}.multi-select-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.multi-select-info h4{color:var(--primary-purple);font-size:1rem;text-align:left;margin:0}.select-all-container{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-tertiary);cursor:pointer}.select-all-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary-purple)}.selected-sharks-list{flex:none;display:block;min-width:0;max-width:100%;height:2rem;font-family:monospace;background-color:var(--bg-primary);padding:.5rem;border:1px solid var(--border-secondary);border-radius:4px;font-size:.9rem;line-height:.95rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;contain:layout size!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.selected-sharks-list::-webkit-scrollbar{display:none!important}.overview-container{background-color:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:12px;overflow:hidden}.overview-container .data-overview-panel{margin-top:0;border-radius:12px}.heatmap-container{width:100%;height:280px;margin-top:10px;background-color:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:12px;overflow:hidden}.radial-heatmap-container{width:100%;height:260px;margin-top:10px;background-color:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:12px;overflow:hidden}.timeline-controls-container{width:100%;margin-bottom:.75rem;border:1px solid var(--border-tertiary);border-radius:10px;background-color:var(--bg-tertiary);overflow:visible;transition:all .3s ease}.timeline-mode-section{margin:0;padding:0}.geo-labs-timeline-button{border-radius:8px;border:1px solid var(--accent-purple);padding:.75rem 1rem;color:var(--text-secondary);font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--active-bg);cursor:pointer;width:100%;text-align:left;transition:all .2s ease;box-sizing:border-box}.geo-labs-timeline-button:hover{background-color:var(--surface-quaternary);color:var(--accent-blue);font-weight:700}.geo-labs-timeline-button.timeline-mode-active{border-radius:8px 8px 0 0;background-color:var(--primary-purple);color:var(--surface-primary);border-bottom:1px solid var(--accent-purple)}.geo-labs-timeline-button.timeline-mode-active:hover{background-color:var(--accent-purple)}.timeline-selector-container{width:100%;padding:1rem;border-radius:0 0 8px 8px;border:1px solid var(--border-tertiary);background-color:var(--bg-tertiary);border-top:none;min-height:auto;overflow:hidden}.timeline-navigation{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.timeline-nav-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--primary-purple);background-color:var(--surface-primary);color:var(--primary-purple);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0;margin:0}.timeline-nav-button:hover:not(:disabled){background-color:var(--primary-purple);color:var(--surface-primary)}.timeline-nav-button:disabled{opacity:.4;cursor:not-allowed}.timeline-date-display{flex:1;text-align:center;font-size:1.1rem;font-weight:600;color:var(--primary-purple)}.timeline-slider-section{margin-bottom:1rem}.timeline-slider{width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.timeline-slider::-webkit-slider-track{height:6px;background:linear-gradient(to right,var(--success) 0%,var(--info) 50%,var(--primary-purple) 100%);border-radius:3px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:var(--surface-primary);border:2px solid var(--primary-purple);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s ease}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.timeline-slider::-moz-range-track{height:6px;background:linear-gradient(to right,var(--success) 0%,var(--info) 50%,var(--primary-purple) 100%);border-radius:3px;border:none}.timeline-slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:var(--surface-primary);border:2px solid var(--primary-purple);cursor:pointer;box-shadow:var(--shadow-xs)}.timeline-info{color:var(--primary-purple);font-size:.85rem;text-align:center;font-style:italic}.timeline-sharks-display{width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-quaternary);overflow:hidden}.sharks-list-title{font-size:.85rem;font-weight:600;color:var(--text-tertiary);margin-bottom:.5rem;text-align:center;flex:none;width:100%;box-sizing:border-box}.full-data-grid{width:100%}.grid-section{width:100%;padding:2rem;margin-bottom:2rem;box-sizing:border-box;border-radius:12px;box-shadow:var(--shadow-md);color:var(--text-secondary)}.section-calendar{background:linear-gradient(to bottom right,var(--data-calendar-bg-start),var(--data-calendar-bg-end))}.section-continent{background:linear-gradient(to bottom right,var(--data-continent-bg-start),var(--data-continent-bg-end))}.section-country{background:linear-gradient(to bottom right,var(--data-country-bg-start),var(--data-country-bg-end))}.section-publishing{background:linear-gradient(to bottom right,var(--data-publishing-bg-start),var(--data-publishing-bg-end))}.section-calendar .section-header{background-color:var(--data-calendar-header-bg)}.section-continent .section-header{background-color:var(--data-continent-header-bg)}.section-country .section-header{background-color:var(--data-country-header-bg)}.section-publishing .section-header{background-color:var(--data-publishing-header-bg)}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;margin:0rem 1rem;border-radius:8px}.section-title{font-size:2rem;font-weight:700;text-align:left;margin:0rem 1rem}.data-metric-filter-label{font-weight:700;display:block;margin-bottom:.25rem;color:var(--text-primary)}.data-metric-filter-select{min-width:250px;max-width:100%;font-size:1.05rem;font-weight:500;background-color:var(--bg-primary);border:1px solid var(--data-filter-border);border-radius:8px;margin:0rem 1rem;box-shadow:var(--shadow-xs);color:var(--text-secondary)}#heatmap-decade-select{color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--data-filter-border);border-radius:8px}@media (max-width: 600px){.section-header{flex-direction:column;align-items:center;margin:.5rem;padding:1rem;box-sizing:border-box}.section-title{text-align:center;width:auto}.data-metric-filter-select{width:100%;max-width:calc(100% - 2rem);min-width:140px;box-sizing:border-box;font-size:.9rem}}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem;height:100%;width:100%;box-sizing:border-box;overflow:auto}.data-grid>*{border:1px solid var(--data-card-border);border-radius:8px;background-color:var(--bg-secondary);box-shadow:var(--shadow-xs);width:100%;aspect-ratio:1;box-sizing:border-box}.card-data-wrapper{flex:1 1 auto;overflow:auto;padding:1rem;width:100%;height:100%;min-width:300px;min-height:300px;scrollbar-width:none!important;-ms-overflow-style:none!important}.card-data-wrapper::-webkit-scrollbar{display:none!important}.data-overview-panel{font-family:Segoe UI,Tahoma,Verdana,sans-serif;border:1px solid var(--data-overview-border);border-radius:12px;background:linear-gradient(to bottom right,var(--data-overview-bg-start),var(--data-overview-bg-end));box-shadow:var(--shadow-md);padding:1rem;margin-top:.75rem;max-height:100%;overflow:auto}.data-overview-row{display:flex;flex-direction:column;margin-bottom:.5rem;border-left:5px solid var(--data-overview-row-border);padding:.3rem;background-color:var(--data-overview-row-bg);border-radius:6px}.data-overview-row.last{margin-bottom:0}.data-overview-row-label{font-size:1rem;font-weight:600;color:var(--data-overview-label-text)}.data-overview-row-value{font-size:1.1rem;font-weight:500;color:var(--data-overview-value-text);line-height:1.2;padding:6px}@media (max-width: 768px){.section-title{font-size:1.7rem;padding:.75rem}.data-overview-row-label{font-size:.9rem}.data-overview-row-value{font-size:1rem}.data-overview-panel{padding:.75rem}.grid-section{padding:1rem}.data-grid{gap:.75rem;padding:.5rem}}.chart-placeholder{display:flex;flex-direction:column;align-items:center;height:100%;text-align:center;padding:2rem 1rem;box-sizing:border-box}.chart-placeholder-image-wrapper{height:70%;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.chart-placeholder-image{height:100%;width:auto;max-width:100%;object-fit:contain;opacity:.7}.chart-placeholder-message{height:30%;display:flex;align-items:center;justify-content:center;opacity:.9;text-align:center}.chart-placeholder-message p{margin:0;font-size:.9rem}.chart-title{font-size:14px;font-weight:700;fill:var(--text-secondary)}.chart-legend{font-size:12px;fill:var(--text-secondary)}.environment-wrapper{padding-top:90px!important}.copernicus-visual{width:90%;height:600px;padding-top:20px}.shark-vision-wrapper{font-family:Lato,sans-serif;letter-spacing:.02em;padding-top:30px!important}.shark-vision-wrapper h1,.shark-vision-wrapper h2{font-family:Barlow Semi Condensed,sans-serif;font-weight:600;letter-spacing:.03em}.cv-hero-intro{margin-top:0}.image-wrapper-large{position:relative;width:100%;height:auto;border-radius:8px;overflow:hidden}.image-wrapper-large img{width:100%;height:auto;object-fit:cover;display:block;border-radius:8px}.image-wrapper-large .shark-image-meta{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.9rem;background:#0009;color:#fff;padding:6px 10px;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-wrapper-large:hover .shark-image-meta{opacity:1}.cv-pipeline{background:linear-gradient(-145deg,var(--bg-primary) 0%,var(--conservation-bg) 100%);border-radius:16px;margin:3rem 1.5rem;padding:3rem 1.5rem}.pipeline-steps{margin-top:2rem}.pipeline-step{background:var(--fact-card-bg);border-radius:12px;margin-bottom:1rem;box-shadow:var(--shadow-md);border-left:4px solid var(--primary-blue);overflow:hidden;transition:all .3s ease}.pipeline-step:hover{box-shadow:var(--shadow-lg)}.step-header{display:flex;align-items:center;gap:1rem;padding:.8rem;margin:0;cursor:pointer;transition:all .3s ease}.step-header.clickable:hover{background:rgba(var(--primary-blue-rgb, 59, 130, 246),.05)}.step-header.clickable:active{background:rgba(var(--primary-blue-rgb, 59, 130, 246),.1)}.step-icon{font-size:2rem;background:var(--primary-blue);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:3.5rem;height:3.5rem;flex-shrink:0}.pipeline-step h3{color:var(--accent-dark-blue);margin:0;font-size:1.4rem;flex:1}.expand-icon{color:var(--primary-blue);font-size:1.2rem;transition:transform .3s ease;flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.step-content{padding:0 1.5rem 1.5rem;border-top:1px solid var(--border-primary);animation:slideDown .3s ease}.step-content p{color:var(--text-secondary);line-height:1.6;margin:1rem 0 0;font-size:1.1rem}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:200px;padding-top:1rem;padding-bottom:1.5rem}}.interactive-demo{background-color:var(--conservation-bg);border-radius:16px;margin:2rem 1.5rem;padding:3rem 2rem;text-align:center}.interactive-demo h2{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-dark-blue)}.interactive-demo>p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.image-selector{margin-bottom:3rem}.image-selector h3{color:var(--accent-dark-blue);margin-bottom:1.5rem;font-size:1.5rem}.image-thumbnails{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center}.thumbnail{display:flex;flex-direction:column;align-items:center;background:var(--fact-card-bg);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;border:3px solid transparent;max-width:300px;box-shadow:var(--shadow-md)}.thumbnail:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.thumbnail.active{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.image-wrapper{position:relative;width:100%;height:150px;border-radius:8px;margin-bottom:1rem;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.image-wrapper .shark-image-meta{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.7rem;background:#0009;color:#fff;padding:4px 8px;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-wrapper:hover .shark-image-meta{opacity:1}.thumbnail-info h4{margin:0 0 .5rem;font-size:1.1rem}.thumbnail-info p{margin:0;font-size:.9rem;opacity:.8}.thumbnail.active .thumbnail-info h4,.thumbnail.active .thumbnail-info p{color:#fff}.view-controls{margin-bottom:2.5rem}.view-controls h3{color:var(--accent-dark-blue);margin-bottom:1.5rem;font-size:1.5rem}.control-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.control-buttons button{background:var(--fact-card-bg);border:2px solid var(--border-primary);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:var(--text-secondary);min-width:150px}.control-buttons button:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.control-buttons button.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;box-shadow:var(--shadow-lg)}.demo-display{display:flex;flex-direction:column;gap:2rem;align-items:center;background:var(--fact-card-bg);border-radius:16px;padding:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-primary)}.image-container{width:100%;max-width:600px}.demo-image{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-lg);border:2px solid var(--border-primary)}.analysis-info{text-align:left;width:100%;max-width:600px}.analysis-info h3{color:var(--accent-dark-blue);margin:0 0 1rem;font-size:1.4rem}.view-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;font-style:italic}.image-details{background:var(--bg-primary);padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-blue)}.image-details p{margin:.5rem 0;color:var(--text-secondary);line-height:1.5}.image-details strong{color:var(--accent-dark-blue)}.cv-applications{padding:3rem 1.5rem;text-align:center}.cv-applications h2{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-dark-blue)}.cv-applications>p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.applications-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.application-card{background:var(--fact-card-bg);border-radius:12px;padding:2rem;text-align:left;transition:all .3s ease;border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.application-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.app-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.app-icon{font-size:2.5rem;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-dark-blue) 100%);padding:.8rem;border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem}.application-card h3{color:var(--accent-dark-blue);margin:0;font-size:1.4rem}.app-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:1rem}.app-impact{background:var(--bg-primary);padding:1rem;border-radius:8px;border-left:4px solid var(--primary-blue);font-size:.95rem}.app-impact strong{color:var(--accent-dark-blue)}.research-impact{background:var(--conservation-bg);padding:2rem;border-radius:12px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.research-impact h3{color:var(--accent-dark-blue);font-size:1.8rem;margin-bottom:1rem}.research-impact p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;font-size:1.1rem}@media (min-width: 768px){.image-thumbnails{flex-direction:row;flex-wrap:wrap}.control-buttons{flex-direction:row}.demo-display{flex-direction:row;text-align:left}.image-container{flex:1.2}.analysis-info{flex:1;padding-left:2rem}.applications-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.applications-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.interactive-demo h2,.cv-applications h2{font-size:2rem}.pipeline-step{padding:1rem}.step-icon{font-size:1.5rem;min-width:3rem;height:3rem}.demo-display{padding:1rem}.analysis-info{padding-left:0}}.buildashark-wrapper{padding-top:90px!important}.shark-generator{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:20px;margin:10px 0;padding:16px}.shark-generator-form{width:55%;padding:24px;background-color:var(--build-form-bg);border:2px solid var(--build-form-border);border-radius:12px;font-family:Inter,Segoe UI,sans-serif;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;min-height:80px;max-height:600px;overflow-y:auto}.shark-generator-form label{display:flex;justify-content:space-between;align-items:flex-start;font-size:18px;font-weight:500;color:var(--text-secondary);background-color:var(--build-label-bg);padding:16px 20px;border-radius:8px;border-left:5px solid var(--build-label-border);width:100%;text-align:left;box-sizing:border-box;gap:20px}.label-text{display:flex;flex-direction:column}.label-subtext{font-size:.9rem;font-weight:400;color:var(--build-label-subtext);margin-top:4px}.shark-generator-form label>input,.shark-generator-form label>select{flex-shrink:0;margin:0;padding:10px 14px;border:1px solid var(--build-input-border);border-radius:6px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-secondary);width:50%;box-sizing:border-box}.shark-generator-form .button-container{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.shark-generator-form button{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;border:2px solid transparent;border-radius:8px;box-sizing:border-box;cursor:pointer;flex-grow:1;transition:background-color .3s}.shark-generator-form button:hover{background-color:var(--primary-purple)!important;border:2px solid var(--border-primary)}.shark-generator-form button[type=button]{background-color:var(--error)}.shark-generator-form button[type=submit]{background-color:var(--success)}#generated-image-container{width:45%;height:auto;min-height:80px;max-height:600px;background-color:var(--build-image-container-bg);border-radius:32px;padding:10px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden}#generated-image-container img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:24px;object-fit:contain}#generated-image-container p{text-align:center;color:var(--build-image-text);font-size:1.2rem;font-weight:600;line-height:2.6}.spinner{width:75px;height:75px;border-radius:50%;background:conic-gradient(#f4a8c1,#fcbfa1,#ffe99c,#bfe7a4,#a7dcf0,#bfaef2,#f4a8c1);-webkit-mask:radial-gradient(farthest-side,transparent 43%,black 44%);mask:radial-gradient(farthest-side,transparent 43%,black 44%);animation:spin .9s linear infinite;margin:30px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.shark-generator{flex-direction:column}.shark-generator-form,#generated-image-container{width:100%;height:auto;max-height:400px;overflow-y:auto}}.animation-controls{width:100vw;height:100vh;position:relative}.animation-controls h3{margin:0 0 10px;font-size:1rem}.animation-controls p{margin:10px 0 0;font-size:.8rem;opacity:.8}.animation-points-container{position:absolute;top:85px!important;left:15px!important;z-index:100;background:var(--animation-container-bg);padding:15px;border-radius:8px;color:var(--animation-text);font-family:Arial,sans-serif}.add-point-button,.remove-point-button,.run-points-button{font-size:.8rem;padding:8px 12px;border:none;border-radius:4px}.add-point-button{margin-right:10px;background:var(--animation-add-button-bg);color:var(--animation-add-button-text);cursor:pointer}.remove-point-button{margin-right:10px;color:var(--animation-remove-button-text)}.run-points-button{font-weight:600;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{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}body{color:var(--text-primary);background-color:var(--bg-primary);margin:0;min-width:320px;min-height:100vh}#root{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;left:0;right:0;bottom:0}*,*:before,*:after{box-sizing:border-box}html:before,body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary);z-index:-9999;pointer-events:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}a{font-weight:500;color:var(--primary-blue);text-decoration:inherit}a:hover{color:var(--accent-blue)}nav{display:flex;justify-content:center;align-items:center;background-color:var(--navbar-bg);padding:10px 5px;position:fixed;top:0;width:100%;z-index:10;overflow-x:auto;white-space:nowrap}nav a{margin:0 15px;font-size:18px;text-decoration:none;color:var(--navbar-text);font-weight:400;transition:color .2s ease}nav a:hover{color:var(--navbar-text-hover);transform:scale(1.05)!important}nav a.active{color:var(--navbar-text-active);font-weight:700}.version-toggle{display:flex;margin-right:auto;padding-right:10px;gap:16px}.version-toggle a{display:flex;align-items:center;justify-content:center;padding:6px 16px;margin:0;font-size:1rem;font-weight:600;color:var(--version-toggle);background-color:var(--version-bg);border-radius:16px;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:var(--version-shadow);cursor:pointer;-webkit-user-select:none;user-select:none}.version-toggle a:hover{box-shadow:var(--version-hover-shadow)}.reef{border:2px solid var(--reef-active-border)}.reef:hover{color:var(--reef-hover-text);background-color:var(--reef-hover-bg);border-color:var(--reef-hover-border)}.reef.active-version{color:var(--reef-hover-text);background-color:var(--reef-active-bg);border-color:var(--reef-active-border);box-shadow:var(--reef-shadow)}.current{border:2px solid var(--current-active-border)}.current:hover{color:var(--current-hover-text);background-color:var(--current-hover-bg);border-color:var(--current-hover-border)}.current.active-version{color:var(--current-hover-text);background-color:var(--current-active-bg);border-color:var(--current-active-border);box-shadow:var(--current-shadow)}@media (max-width: 768px){nav{justify-content:flex-start;padding:10px}nav a{margin:0 10px;font-size:14px}.version-toggle a{padding:4px 14px;font-size:12px}}.page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;text-align:center;padding-top:60px;padding-bottom:30px}h1{font-size:3.2em;line-height:1.1}.globe-container{position:relative;display:flex;flex:1 1 auto;justify-content:center;align-items:center;width:100%;height:100%;min-width:300px;border-radius:16px;margin-bottom:10px;border:1px solid var(--border-secondary);overflow:hidden}.globe-container canvas{background-color:var(--bg-primary);display:block;width:100%;height:100%}