.theme-toggle[data-astro-cid-x3pjskd3]{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:999px;transition:transform .2s ease}.theme-toggle[data-astro-cid-x3pjskd3]:hover{transform:scale(1.05)}.theme-toggle[data-astro-cid-x3pjskd3]:active{transform:scale(.95)}.toggle-track[data-astro-cid-x3pjskd3]{width:52px;height:28px;background:linear-gradient(135deg,#87ceeb,gold);border-radius:999px;padding:3px;position:relative;transition:background .4s ease;box-shadow:inset 0 2px 4px #0000001a}[data-theme=dark] .toggle-track[data-astro-cid-x3pjskd3]{background:linear-gradient(135deg,#1a1d23,#2d3748)}.toggle-thumb[data-astro-cid-x3pjskd3]{width:22px;height:22px;background:#fff;border-radius:50%;position:relative;transform:translate(0);transition:transform .4s cubic-bezier(.68,-.15,.32,1.15);box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}[data-theme=dark] .toggle-thumb[data-astro-cid-x3pjskd3]{transform:translate(24px);background:#374151}.sun-icon[data-astro-cid-x3pjskd3],.moon-icon[data-astro-cid-x3pjskd3]{width:14px;height:14px;position:absolute;transition:opacity .3s ease,transform .4s ease}.sun-icon[data-astro-cid-x3pjskd3]{color:#f59e0b;opacity:1;transform:rotate(0)}.moon-icon[data-astro-cid-x3pjskd3]{color:#fbbf24;opacity:0;transform:rotate(-90deg)}[data-theme=dark] .sun-icon[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(90deg)}[data-theme=dark] .moon-icon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0)}.sun-rays[data-astro-cid-x3pjskd3] line[data-astro-cid-x3pjskd3]{transform-origin:center;animation:pulse-rays 2s ease-in-out infinite}@keyframes pulse-rays{0%,to{opacity:1}50%{opacity:.6}}[data-theme=dark] .sun-rays[data-astro-cid-x3pjskd3] line[data-astro-cid-x3pjskd3]{animation:none}.star[data-astro-cid-x3pjskd3]{opacity:0;transition:opacity .3s ease}[data-theme=dark] .star[data-astro-cid-x3pjskd3]{opacity:1;animation:twinkle 1.5s ease-in-out infinite}[data-theme=dark] .star-1[data-astro-cid-x3pjskd3]{animation-delay:0s}[data-theme=dark] .star-2[data-astro-cid-x3pjskd3]{animation-delay:.5s}[data-theme=dark] .star-3[data-astro-cid-x3pjskd3]{animation-delay:1s}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.toggle-label[data-astro-cid-x3pjskd3]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;position:relative;width:36px;height:16px}.label-light[data-astro-cid-x3pjskd3],.label-dark[data-astro-cid-x3pjskd3]{position:absolute;left:0;transition:opacity .3s ease,transform .3s ease}.label-light[data-astro-cid-x3pjskd3]{opacity:1;transform:translateY(0)}.label-dark[data-astro-cid-x3pjskd3]{opacity:0;transform:translateY(8px)}[data-theme=dark] .label-light[data-astro-cid-x3pjskd3]{opacity:0;transform:translateY(-8px)}[data-theme=dark] .label-dark[data-astro-cid-x3pjskd3]{opacity:1;transform:translateY(0)}.theme-toggle[data-astro-cid-x3pjskd3]:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}@media (max-width: 768px){.toggle-label[data-astro-cid-x3pjskd3]{display:none}.toggle-track[data-astro-cid-x3pjskd3]{width:48px;height:26px}.toggle-thumb[data-astro-cid-x3pjskd3]{width:20px;height:20px}[data-theme=dark] .toggle-thumb[data-astro-cid-x3pjskd3]{transform:translate(22px)}.sun-icon[data-astro-cid-x3pjskd3],.moon-icon[data-astro-cid-x3pjskd3]{width:12px;height:12px}}:root{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #e74c3c;--accent-hover: #c0392b;--background-color: #ecf0f1;--text-color: #2c3e50;--text-muted: #7f8c8d;--card-bg: #ffffff;--card-border: #e0e0e0;--header-bg: #2c3e50;--footer-bg: #2c3e50;--surface-elevated: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--fun-green: #27ae60;--fun-blue: #3498db;--fun-orange: #f39c12;--fun-purple: #9b59b6;--font-main: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--primary-color: #e8e6e3;--secondary-color: #b8b5b1;--accent-color: #e74c3c;--accent-hover: #ff6b5b;--background-color: #1a1d23;--text-color: #e8e6e3;--text-muted: #9ca3af;--card-bg: #252830;--card-border: #3d4250;--header-bg: #12141a;--footer-bg: #12141a;--surface-elevated: #2d3139;--shadow-color: rgba(0, 0, 0, .3);--fun-green: #34d399;--fun-blue: #60a5fa;--fun-orange: #fbbf24;--fun-purple: #a78bfa}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-main);background:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}html,body,header,footer,main,nav,.creature-card,.category-card,.timeline-card,h1,h2,h3,h4,h5,h6,a,p,span,div{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:700;color:var(--primary-color)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-color)}.main-header{background:var(--header-bg);padding:1rem 2rem;color:#fff}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:600;transition:color .2s ease}.nav-links a:hover{color:var(--accent-color)}.nav-links a:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:2px}main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}footer{background:var(--footer-bg);color:#fff;text-align:center;padding:1rem;margin-top:auto}a{color:var(--accent-color);transition:color .2s ease}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:2px}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}.nav-links{flex-direction:column;align-items:center;gap:1rem}.nav-links a{font-size:1.1rem}}[data-theme=dark] .creature-card,[data-theme=dark] .category-card,[data-theme=dark] .period-card,[data-theme=dark] .timeline-card,[data-theme=dark] .search-card,[data-theme=dark] .fact-card,[data-theme=dark] .info-card,[data-theme=dark] .detailed-description,[data-theme=dark] .no-creatures,[data-theme=dark] .content-section,[data-theme=dark] .stats-section,[data-theme=dark] .result-card,[data-theme=dark] .search-result,[data-theme=dark] .comment-card,[data-theme=dark] .about-card,[data-theme=dark] .quick-facts,[data-theme=dark] .creature-meta{background:var(--card-bg)!important;border-color:var(--card-border)!important}[data-theme=dark] .creature-info,[data-theme=dark] .card-content,[data-theme=dark] .info-section,[data-theme=dark] .detail-section{background:var(--card-bg)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--surface-elevated)!important;color:var(--text-color)!important;border-color:var(--card-border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)!important}[data-theme=dark] .creature-image,[data-theme=dark] .card-image{background:var(--surface-elevated)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}