.navbar[data-astro-cid-5blmo7yk]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--color-white);padding:var(--space-sm) 0;box-shadow:0 -2px 10px #3d30271a;z-index:100}.nav-item[data-astro-cid-5blmo7yk]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);color:var(--color-text-light);transition:color var(--transition-fast);text-decoration:none}.nav-item[data-astro-cid-5blmo7yk]:hover,.nav-item[data-astro-cid-5blmo7yk].active{color:var(--color-primary)}.nav-icon[data-astro-cid-5blmo7yk]{display:flex;align-items:center;justify-content:center}.nav-icon[data-astro-cid-5blmo7yk] svg[data-astro-cid-5blmo7yk]{width:24px;height:24px}.nav-label[data-astro-cid-5blmo7yk]{font-size:.7rem;font-weight:600}:root{--color-primary: #7B2CBF;--color-primary-light: #9D4EDD;--color-primary-dark: #5A189A;--color-secondary: #FF9E00;--color-secondary-light: #FFBE0B;--color-secondary-dark: #FF6B35;--color-accent-teal: #2EC4B6;--color-accent-rose: #E63946;--color-accent-sage: #8DB580;--color-bg: #FFFCF9;--color-bg-light: #F2E8DE;--color-text: #3D3027;--color-text-light: #74695C;--color-white: #FFFFFF;--era-prehistory: #8DB580;--era-ancient: #2EC4B6;--era-medieval: #5A189A;--era-renaissance: #FF9E00;--era-modern: #E63946;--era-contemporary: #F77F00;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(61, 48, 39, .08);--shadow-md: 0 4px 12px rgba(61, 48, 39, .12);--shadow-lg: 0 8px 24px rgba(61, 48, 39, .16);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover}.card-content{padding:var(--space-md)}.card-title{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--color-text)}.card-subtitle{font-size:.875rem;color:var(--color-text-light)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-secondary{background:var(--color-secondary);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg-light);color:var(--color-text)}.btn-secondary:hover{background:var(--color-secondary-light)}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-title{font-size:1.5rem;color:var(--color-text);position:relative}.section-title:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px}.section-link{color:var(--color-primary);font-weight:600;font-size:.875rem}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 480px){.grid-2,.grid-3{grid-template-columns:1fr}}.event-card{display:block}.event-card .card-image{aspect-ratio:4/3}.event-year{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-light);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:var(--color-text-light);margin-bottom:var(--space-sm)}.era-card{position:relative;padding:var(--space-lg);border-radius:var(--radius-lg);color:var(--color-white);overflow:hidden}.era-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#0000001a)}.era-card-content{position:relative;z-index:1}.era-emoji{font-size:2.5rem;margin-bottom:var(--space-sm)}.era-name{font-size:1.25rem;margin-bottom:var(--space-xs)}.era-period{font-size:.875rem;opacity:.9}.category-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.category-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.category-emoji{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.category-info{flex:1}.category-name{font-size:1rem;font-weight:700;margin-bottom:var(--space-xs)}.category-count{font-size:.75rem;color:var(--color-text-light)}.page-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-bg-light)}.page-title{font-size:2rem;margin-bottom:var(--space-sm)}.page-subtitle{color:var(--color-text-light)}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-light);font-size:.875rem;margin-bottom:var(--space-md);transition:color var(--transition-fast)}.back-button:hover{color:var(--color-primary)}.event-detail{margin-bottom:var(--space-2xl)}.event-hero{position:relative;margin:calc(-1 * var(--space-md));margin-bottom:var(--space-lg)}.event-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}.event-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-md) var(--space-md);background:linear-gradient(transparent,#000c);color:var(--color-white)}.event-meta{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.event-summary{font-size:1.1rem;line-height:1.8;margin-bottom:var(--space-xl)}.curiosity-box{background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.curiosity-title{font-size:1rem;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.curiosity-text{font-size:.95rem;line-height:1.7}.favorites-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-light)}.favorites-empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-sm)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-md)}.skeleton-image{aspect-ratio:16/9;width:100%}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-text-light)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;padding-bottom:80px}.app-container{max-width:600px;margin:0 auto;padding:16px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;line-height:1.2}
