.theme-toggle{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-secondary);background:transparent;transition:all var(--transition-base);position:relative;overflow:hidden}.theme-toggle-button:before{content:"";position:absolute;inset:0;background:var(--period-color-primary);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-full)}.theme-toggle-button:hover{color:var(--color-text-primary);background:var(--color-border-light)}.theme-toggle-button:hover:before{opacity:.08}.theme-toggle-button.active{color:var(--color-text-inverse);background:var(--period-color-primary);box-shadow:var(--shadow-sm)}.theme-toggle-button.active:before{opacity:1}.theme-toggle-button svg{position:relative;z-index:1;transition:transform var(--transition-base)}.theme-toggle-button:active svg{transform:scale(.9)}.theme-toggle-button:focus-visible{outline:2px solid var(--period-color-primary);outline-offset:2px}@media(max-width:768px){.theme-toggle-button{width:32px;height:32px}.theme-toggle-button svg{width:16px;height:16px}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);min-height:100px}.loading-spinner-container.fullscreen{position:fixed;inset:0;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;min-height:100vh}.loading-spinner{position:relative;display:inline-block}.loading-spinner.small{width:24px;height:24px}.loading-spinner.medium{width:40px;height:40px}.loading-spinner.large{width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--period-color-primary);border-radius:50%;animation:spin var(--duration-slowest) linear infinite}.spinner-ring:nth-child(2){border-top-color:rgba(var(--period-color-rgb),.5);animation-duration:calc(var(--duration-slowest) * 1.5);animation-direction:reverse}.spinner-ring:nth-child(3){border-top-color:rgba(var(--period-color-rgb),.25);animation-duration:calc(var(--duration-slowest) * 2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:center;animation:fadeIn var(--duration-base) var(--ease-standard)}@media(prefers-reduced-motion:reduce){.spinner-ring{animation-duration:2s}}.toast{display:flex;align-items:center;gap:var(--space-md);min-width:300px;max-width:500px;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn var(--duration-slow) var(--ease-bounce);position:relative;overflow:hidden}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor}.toast-success{color:var(--color-success);border-left-color:var(--color-success)}.toast-error{color:var(--color-error);border-left-color:var(--color-error)}.toast-warning{color:var(--color-warning);border-left-color:var(--color-warning)}.toast-info{color:var(--color-primary);border-left-color:var(--color-primary)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-snug)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:transparent;transition:all var(--transition-base)}.toast-close:hover{background:var(--color-border-light);color:var(--color-text-primary)}.toast-close:active{transform:scale(.9)}.toast-container{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:9999;display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none}.toast-container>*{pointer-events:all}.toast-exit{animation:slideOut var(--duration-slow) var(--ease-in) forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@media(max-width:768px){.toast-container{top:var(--space-md);right:var(--space-md);left:var(--space-md)}.toast{min-width:100%;max-width:100%}}@media(prefers-reduced-motion:reduce){.toast{animation:fadeIn var(--duration-base) var(--ease-standard)}.toast-exit{animation:fadeOut var(--duration-base) var(--ease-standard) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}}.swipe-hint{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-xl);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:999;cursor:pointer;transition:opacity var(--duration-slow) var(--ease-out);animation:swipePulse 2s var(--ease-in-out) infinite}.swipe-hint:hover{opacity:.7}.swipe-hint-left{left:var(--space-2xl);top:50%;transform:translateY(-50%)}.swipe-hint-right{right:var(--space-2xl);top:50%;transform:translateY(-50%)}.swipe-hint-up{top:var(--space-2xl);left:50%;transform:translate(-50%)}.swipe-hint-down{bottom:var(--space-2xl);left:50%;transform:translate(-50%)}.swipe-hint-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff1a;border-radius:var(--radius-full);margin-bottom:var(--space-sm);animation:swipeIconBounce 1.5s var(--ease-bounce) infinite}.swipe-hint-message{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;white-space:nowrap}@keyframes swipePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes swipeIconBounce{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.swipe-hint-left .swipe-hint-icon{animation:swipeIconBounceLeft 1.5s var(--ease-bounce) infinite}.swipe-hint-right .swipe-hint-icon{animation:swipeIconBounceRight 1.5s var(--ease-bounce) infinite}.swipe-hint-up .swipe-hint-icon{animation:swipeIconBounceUp 1.5s var(--ease-bounce) infinite}.swipe-hint-down .swipe-hint-icon{animation:swipeIconBounceDown 1.5s var(--ease-bounce) infinite}@keyframes swipeIconBounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes swipeIconBounceRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes swipeIconBounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes swipeIconBounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(max-width:768px){.swipe-hint{padding:var(--space-md) var(--space-lg)}.swipe-hint-left,.swipe-hint-right{inset:auto auto 120px 50%;transform:translate(-50%)}.swipe-hint-icon{width:48px;height:48px}.swipe-hint-message{font-size:var(--text-xs)}}@media(hover:hover)and (pointer:fine){.swipe-hint{display:none}}@media(prefers-reduced-motion:reduce){.swipe-hint,.swipe-hint-icon{animation:none}}:root.dark .swipe-hint{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.bottom-sheet-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.bottom-sheet-container{position:relative;width:100%;max-height:85vh;background:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.32,.72,0,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{display:flex;justify-content:center;padding:var(--space-sm) 0;cursor:grab;-webkit-tap-highlight-color:transparent}.bottom-sheet-handle-bar{width:40px;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.bottom-sheet-handle:active .bottom-sheet-handle-bar{background:var(--color-text-secondary);cursor:grabbing}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.bottom-sheet-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.bottom-sheet-close:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.bottom-sheet-close:active{transform:scale(.95)}.bottom-sheet-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-lg);-webkit-overflow-scrolling:touch}.bottom-sheet-content::-webkit-scrollbar{width:8px}.bottom-sheet-content::-webkit-scrollbar-track{background:transparent}.bottom-sheet-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.bottom-sheet-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:root.dark .bottom-sheet-backdrop{background:#000000b3}:root.dark .bottom-sheet-container{background:var(--color-surface);box-shadow:0 -8px 32px #00000080}:root.dark .bottom-sheet-handle-bar{background:var(--color-border)}:root.dark .bottom-sheet-close:hover{background:var(--color-surface-elevated)}@media(prefers-reduced-motion:reduce){.bottom-sheet-overlay,.bottom-sheet-backdrop,.bottom-sheet-container{animation:none}}@media(min-width:769px){.bottom-sheet-overlay{align-items:center;justify-content:center}.bottom-sheet-container{width:90%;max-width:600px;max-height:80vh;border-radius:var(--radius-2xl);animation:scaleIn .3s cubic-bezier(.32,.72,0,1)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.bottom-sheet-handle{display:none}}.bottom-sheet-close:focus-visible{outline:2px solid var(--period-color-primary);outline-offset:2px}.floating-action-button{position:fixed;bottom:var(--space-2xl);right:var(--space-lg);z-index:1000;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--period-color-primary) 0%,rgba(var(--period-color-rgb),.8) 100%);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;box-shadow:0 4px 16px #0003,0 8px 32px rgba(var(--period-color-rgb),.3);transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;animation:fabEntrance .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fabEntrance{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.floating-action-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040,0 12px 40px rgba(var(--period-color-rgb),.4)}.floating-action-button:active{transform:scale(.95)}.fab-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:#dc2626;color:#fff;font-size:.75rem;font-weight:var(--font-bold);border-radius:var(--radius-full);border:2px solid var(--color-background);box-shadow:0 2px 8px #0003;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1)}.floating-action-button:focus-visible{outline:3px solid rgba(var(--period-color-rgb),.5);outline-offset:4px}:root.dark .floating-action-button{box-shadow:0 4px 16px #00000080,0 8px 32px rgba(var(--period-color-rgb),.4)}:root.dark .floating-action-button:hover{box-shadow:0 6px 20px #0009,0 12px 40px rgba(var(--period-color-rgb),.5)}:root.dark .fab-badge{border-color:var(--color-surface)}@media(max-width:640px){.floating-action-button{bottom:var(--space-xl);right:var(--space-md);width:52px;height:52px}}@media(max-width:480px){.floating-action-button{bottom:var(--space-lg);right:var(--space-sm)}}@media(min-width:769px){.floating-action-button{display:none}}@media(prefers-reduced-motion:reduce){.floating-action-button{animation:none}.floating-action-button:hover{transform:none}.fab-badge{animation:none}}@media(hover:none)and (pointer:coarse){.floating-action-button:hover{transform:scale(1)}.floating-action-button:active{transform:scale(.92)}}.mobile-filter-toolbar{display:none;padding:0 var(--space-md) var(--space-sm);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-filter-pill{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:2px solid var(--period-color-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px rgba(var(--period-color-rgb),.15);-webkit-tap-highlight-color:transparent}.mobile-filter-pill:active{transform:scale(.98);box-shadow:0 1px 4px rgba(var(--period-color-rgb),.1)}.mobile-filter-icon{flex-shrink:0;color:var(--period-color-primary)}.mobile-filter-text{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0;overflow:hidden}.mobile-filter-query{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-filter-count{font-size:var(--text-xs);color:var(--period-color-primary);font-weight:var(--font-medium)}.mobile-filter-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--period-bg-light);border:none;border-radius:var(--radius-full);color:var(--period-color-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-filter-clear:hover{background:var(--period-bg-accent);transform:scale(1.05)}.mobile-filter-clear:active{transform:scale(.95)}@media(max-width:768px){.mobile-filter-toolbar{display:block}}:root.dark .mobile-filter-pill{background:var(--color-surface-elevated);box-shadow:0 2px 8px #0000004d}:root.dark .mobile-filter-pill:active{box-shadow:0 1px 4px #0003}:root.dark .mobile-filter-clear{background:var(--period-bg-accent)}.mobile-filter-pill:focus-visible{outline:3px solid rgba(var(--period-color-rgb),.5);outline-offset:2px}.mobile-filter-clear:focus-visible{outline:2px solid rgba(var(--period-color-rgb),.5);outline-offset:1px}@media(prefers-reduced-motion:reduce){.mobile-filter-toolbar{animation:none}.mobile-filter-pill:active,.mobile-filter-clear:hover,.mobile-filter-clear:active{transform:none}}.tab-navigation{position:relative;display:flex;background:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-xs);gap:var(--space-xs);isolation:isolate}.tab-button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);min-height:64px;-webkit-tap-highlight-color:transparent;z-index:1}.tab-button:active{transform:scale(.97)}.tab-button.active{color:var(--period-color-primary);font-weight:var(--font-semibold)}.tab-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:transform var(--transition-base)}.tab-button.active .tab-icon{transform:scale(1.1)}.tab-label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;transition:font-weight var(--transition-base)}.tab-button.active .tab-label{font-weight:var(--font-semibold)}.tab-badge{position:absolute;top:4px;right:8px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-xs);background:var(--period-color-primary);color:#fff;font-size:.625rem;font-weight:var(--font-bold);border-radius:var(--radius-full);animation:badgePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tab-indicator{position:absolute;bottom:var(--space-xs);left:var(--space-xs);height:calc(100% - var(--space-xs) * 2);background:var(--period-bg-light);border-radius:var(--radius-md);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:0;box-shadow:0 2px 8px rgba(var(--period-color-rgb),.15)}:root.dark .tab-navigation{background:var(--color-surface)}:root.dark .tab-indicator{background:var(--period-bg-accent);box-shadow:0 2px 8px rgba(var(--period-color-rgb),.25)}:root.dark .tab-badge{background:var(--period-color-primary)}.tab-button:focus-visible{outline:2px solid var(--period-color-primary);outline-offset:2px;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.tab-button,.tab-icon,.tab-indicator{transition:none}.tab-badge{animation:none}.tab-button:active{transform:none}}@media(hover:none)and (pointer:coarse){.tab-button:active{background:rgba(var(--period-color-rgb),.1)}}.keyboard-shortcuts-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl);animation:fadeIn var(--duration-base) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.keyboard-shortcuts-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:slideUp var(--duration-slow) var(--ease-bounce)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.keyboard-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-background)}.keyboard-shortcuts-title-container{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-primary)}.keyboard-shortcuts-title-container h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold)}.keyboard-shortcuts-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;transition:all var(--transition-base)}.keyboard-shortcuts-close:hover{background:var(--color-border-light);color:var(--color-text-primary)}.keyboard-shortcuts-close:active{transform:scale(.95)}.keyboard-shortcuts-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.shortcut-category{margin-bottom:var(--space-2xl)}.shortcut-category:last-child{margin-bottom:0}.shortcut-category h3{margin:0 0 var(--space-md) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);font-family:var(--font-display)}.shortcut-list{display:flex;flex-direction:column;gap:var(--space-md)}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.shortcut-item:hover{border-color:var(--period-color-primary);background:var(--period-bg-subtle)}.shortcut-keys{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:2px solid var(--color-border);border-bottom-width:4px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.shortcut-or{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 var(--space-xs);font-weight:var(--font-medium)}.shortcut-description{color:var(--color-text-secondary);font-size:var(--text-base);text-align:right}.keyboard-shortcuts-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-background);text-align:center}.keyboard-shortcuts-footer p{margin:0;font-size:var(--text-sm);color:var(--color-text-tertiary)}.keyboard-shortcuts-footer kbd{margin:0 var(--space-xs)}@media(max-width:768px){.keyboard-shortcuts-overlay{padding:var(--space-md)}.keyboard-shortcuts-modal{max-height:90vh}.keyboard-shortcuts-header{padding:var(--space-lg)}.keyboard-shortcuts-title-container h2{font-size:var(--text-xl)}.keyboard-shortcuts-content{padding:var(--space-lg)}.shortcut-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.shortcut-description{text-align:left}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-background)}.error-boundary-content{max-width:600px;width:100%;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3xl) var(--space-2xl);box-shadow:var(--shadow-xl)}.error-icon{color:var(--color-error);margin-bottom:var(--space-xl);display:flex;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-boundary-content h1{margin-bottom:var(--space-md);color:var(--color-text-primary);font-size:var(--text-3xl)}.error-message{margin-bottom:var(--space-xl);color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.error-details{margin:var(--space-xl) 0;text-align:left;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer}.error-details summary{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);-webkit-user-select:none;user-select:none}.error-details[open] summary{margin-bottom:var(--space-lg)}.error-stack{font-family:Monaco,Courier New,monospace;font-size:var(--text-sm);color:var(--color-text-secondary)}.error-stack strong{display:block;margin-bottom:var(--space-md);color:var(--color-error)}.error-stack pre{white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.error-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.error-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--transition-base);border:2px solid transparent}.error-button.primary{background:var(--color-primary);color:#fff}.error-button.primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.error-button.secondary{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.error-button.secondary:hover{background:var(--color-background);border-color:var(--color-primary);transform:translateY(-2px)}.error-button:active{transform:translateY(0)}@media(max-width:768px){.error-boundary-content{padding:var(--space-2xl) var(--space-lg)}.error-boundary-content h1{font-size:var(--text-2xl)}.error-message{font-size:var(--text-base)}.error-actions{flex-direction:column}.error-button{width:100%;justify-content:center}}*{box-sizing:border-box}:root{--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--touch-target-min: 44px;--touch-target-comfortable: 48px;--color-background: #fafbfc;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #525252;--color-text-tertiary: #737373;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--period-color-primary: #6366f1;--period-color-rgb: 99, 102, 241;--period-bg-subtle: rgba(99, 102, 241, .03);--period-bg-light: rgba(99, 102, 241, .08);--period-accent: rgba(99, 102, 241, .15);transition:--period-color-primary 2s cubic-bezier(.4,0,.2,1),--period-color-rgb 2s cubic-bezier(.4,0,.2,1),--period-bg-subtle 2s cubic-bezier(.4,0,.2,1),--period-bg-light 2s cubic-bezier(.4,0,.2,1),--period-accent 2s cubic-bezier(.4,0,.2,1);--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-accent: #f59e0b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-cool: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .8s;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .825rem + .25vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;font-family:var(--font-body);line-height:var(--leading-normal);font-weight:var(--font-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--color-background: #0a0a0b;--color-surface: #141416;--color-surface-elevated: #1c1c1f;--color-text-primary: #e5e5e7;--color-text-secondary: #a3a3a6;--color-text-tertiary: #737376;--color-text-inverse: #1a1a1a;--color-border: #2a2a2d;--color-border-light: #1f1f22;--period-bg-subtle: rgba(var(--period-color-rgb), .05);--period-bg-light: rgba(var(--period-color-rgb), .12);--period-accent: rgba(var(--period-color-rgb), .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}:root.dark .timeline-header{background:#0a0a0bf2;border-image:linear-gradient(90deg,transparent 0%,var(--period-color-primary) 50%,transparent 100%) 1;box-shadow:0 4px 20px #00000080}body{margin:0;padding:0;min-width:320px;max-width:100vw;min-height:100vh;color:var(--color-text-primary);background:var(--color-background);overflow-x:hidden;min-height:-webkit-fill-available;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(var(--period-color-rgb, 99, 102, 241),.1)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-semibold)}h6{font-size:var(--text-base);font-weight:var(--font-semibold)}p{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}button{font-family:var(--font-body);font-weight:var(--font-medium);cursor:pointer;border:none;background:none;transition:all var(--transition-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-x-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.p-x-md{padding-left:var(--space-md);padding-right:var(--space-md)}.p-x-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.p-x-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.p-y-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.p-y-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.p-y-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.p-y-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-x-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.m-y-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.overlay-light{background-color:#0000004d}.overlay-medium{background-color:#00000080}.overlay-dark{background-color:#000000b3}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary-light);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){*{max-width:100%}html,body,#root{max-width:100vw}button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.leaflet-popup-close-button),a:not(.leaflet-popup-content a):not(.leaflet-control-attribution a),[role=button],[onclick]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:rgba(var(--period-color-rgb, 99, 102, 241),.15);-webkit-user-select:none;user-select:none}input,textarea,select{font-size:16px;min-height:var(--touch-target-comfortable);padding:var(--space-md);line-height:1.5}body{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}h1{font-size:clamp(2rem,8vw + .5rem,3rem);line-height:1.1}h2{font-size:clamp(1.5rem,6vw + .5rem,2.25rem);line-height:1.2}h3{font-size:clamp(1.25rem,5vw + .25rem,1.875rem);line-height:1.3}p{font-size:clamp(.9375rem,2.5vw,1.0625rem);line-height:1.65;margin-bottom:var(--space-md)}.p-md{padding:var(--space-sm)}.p-lg{padding:var(--space-md)}.p-xl{padding:var(--space-lg)}.p-x-md{padding-left:var(--space-md);padding-right:var(--space-md)}.p-x-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.p-y-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.p-y-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.gap-md{gap:var(--space-sm)}.gap-lg{gap:var(--space-md)}.gap-xl{gap:var(--space-lg)}}@media(max-width:374px){:root{--space-xs: .25rem;--space-sm: .375rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}body{font-size:14px}h1{font-size:clamp(1.75rem,10vw,2.5rem)}}@media(max-height:500px)and (orientation:landscape){:root{--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem}h1,h2,h3{line-height:1.1;margin-bottom:var(--space-sm)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom))}}@media(max-width:768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--period-color-rgb, 99, 102, 241),.3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--period-color-rgb, 99, 102, 241),.5)}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.5}.timeline-header,.theme-toggle,.timeline-axis,.scroll-progress,.timeline-minimap,.search-bar,.category-filter,.filter-controls,.horizontal-period-nav,.timeline-navigation,.keyboard-shortcuts-overlay,button,[role=button]{display:none!important}.timeline-container{max-width:100%!important;background:#fff!important;padding:0!important;margin:0!important}.timeline-container:before{display:none!important}.timeline-main-content{padding:0!important;max-width:100%!important;margin:0!important}.timeline-container:before{content:"🇸🇩 Sudan Timeline - Complete History"!important;display:block!important;font-size:24pt;font-weight:700;text-align:center;padding:20pt 0;border-bottom:3pt solid #000;margin-bottom:20pt;page-break-after:avoid}.timeline-period{page-break-inside:avoid;margin-bottom:30pt;border:2pt solid #000;padding:15pt;background:#fff!important}.period-header{page-break-after:avoid;background:#f0f0f0!important;border:none!important;padding:10pt!important;margin:-15pt -15pt 15pt}.period-title{font-size:18pt!important;font-weight:700;color:#000!important;margin-bottom:5pt}.period-years{font-size:12pt!important;color:#333!important}.period-description{font-size:11pt;color:#333!important;margin:10pt 0;line-height:1.6}.timeline-sub-period{margin:15pt 0;padding:10pt;border-left:3pt solid #666;background:#fafafa!important}.sub-period-header{background:transparent!important;border:none!important}.sub-period-title{font-size:14pt!important;font-weight:700;color:#000!important}.timeline-event{page-break-inside:avoid;margin:10pt 0;padding:10pt;border-left:3pt solid #333!important;background:#fff!important;box-shadow:none!important;transform:none!important}.timeline-event:before,.timeline-event:after{display:none!important}.event-year{font-weight:700;font-size:10pt;color:#000!important}.event-title{font-size:13pt!important;font-weight:700;color:#000!important;margin:5pt 0}.event-description{font-size:10pt;color:#333!important;margin:5pt 0;line-height:1.5}.event-tag{display:inline-block;padding:2pt 8pt;border:1pt solid #333;border-radius:3pt;font-size:8pt;font-weight:700;color:#000!important;background:#f0f0f0!important;text-transform:uppercase}.timeline-footer{margin-top:20pt;padding-top:10pt;border-top:2pt solid #000;text-align:center;page-break-inside:avoid}.timeline-footer p{font-size:10pt;color:#666!important}.timeline-period{page-break-before:auto}.timeline-period:first-of-type{page-break-before:avoid}a{color:#000!important;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:9pt;color:#666}@page{margin:2cm;size:A4;@top-right{content:counter(page) " of " counter(pages);font-size:9pt;color:#666}@top-left{content:"Sudan Timeline";font-size:9pt;color:#666}}@page :first{margin-top:1cm;@top-left{content:none}@top-right{content:none}}p,.timeline-event,.event-description{orphans:3;widows:3}.print-toc{display:block!important;page-break-after:always;margin:20pt 0}.period-header,.event-tag,.timeline-event{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media print{.print-hide{display:none!important}.print-show{display:block!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.page-break-inside-avoid{page-break-inside:avoid}}.smart-search{position:relative;width:100%}.smart-search-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.smart-search.focused .smart-search-input-wrapper{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a,var(--shadow-md);background:var(--color-surface-elevated)}.smart-search-icon{color:var(--color-text-tertiary);flex-shrink:0;transition:color var(--transition-base)}.smart-search.focused .smart-search-icon{color:#06c}.smart-search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text-primary);font-family:var(--font-body);font-weight:var(--font-medium);outline:none;width:100%}.smart-search-input::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-normal)}.smart-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:var(--radius-full);background:var(--color-border-light);color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.smart-search-clear:hover{background:var(--color-border);color:var(--color-text-secondary);transform:scale(1.1)}.smart-search-clear:active{transform:scale(.95)}.smart-search-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:50;animation:slideDownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);max-height:400px;overflow-y:auto}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.smart-search-dropdown-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-background)}.smart-search-dropdown-header span{flex:1}.smart-search-clear-recent{font-size:var(--text-xs);color:#06c;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.smart-search-clear-recent:hover{background:#0066cc1a;color:#05a}.smart-search-dropdown-list{display:flex;flex-direction:column}.smart-search-dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;text-align:left;font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.smart-search-dropdown-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#06c;transform:scaleY(0);transition:transform var(--transition-base)}.smart-search-dropdown-item:hover:before{transform:scaleY(1)}.smart-search-dropdown-item:hover{background:var(--color-border-light);padding-left:calc(var(--space-md) + 3px)}.smart-search-dropdown-item:active{background:var(--period-bg-light)}.smart-search-dropdown-item svg{flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.smart-search-dropdown-item.recent:hover svg{color:#06c}.smart-search-dropdown-item.suggestion:hover svg{color:#fc0}.smart-search-dropdown-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-search-dropdown-item mark{background:#06c3;color:#06c;font-weight:var(--font-semibold);border-radius:2px;padding:1px 2px}:root.dark .smart-search-input-wrapper{background:var(--color-surface);border-color:var(--color-border)}:root.dark .smart-search.focused .smart-search-input-wrapper{background:var(--color-surface-elevated);box-shadow:0 0 0 3px #0066cc26,var(--shadow-xl)}:root.dark .smart-search-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 20px 40px #0009}:root.dark .smart-search-dropdown-header{background:var(--color-surface-elevated);border-bottom-color:var(--color-border)}:root.dark .smart-search-dropdown-item mark{background:#0066cc4d;color:#66b3ff}@media(prefers-reduced-motion:reduce){.smart-search-dropdown{animation:none}.smart-search-dropdown-item:before,.smart-search-clear{transition:none}}@media(max-width:768px){.smart-search-dropdown{max-height:300px}.smart-search-input{font-size:var(--text-base)}}.category-dropdown{position:relative}.category-dropdown-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-sm);height:42px}.category-dropdown-trigger:hover{border-color:#fc0;box-shadow:0 0 0 3px #ffcc001a,var(--shadow-md);background:var(--color-surface-elevated)}.category-dropdown.open .category-dropdown-trigger{border-color:#fc0;box-shadow:0 0 0 3px #ffcc0026,var(--shadow-md);background:var(--color-surface-elevated)}.category-dropdown-trigger svg{color:var(--color-text-tertiary);transition:all var(--transition-base)}.category-dropdown.open .category-dropdown-trigger svg{color:#fc0;transform:rotate(180deg)}.category-dropdown-label{flex:1}.category-dropdown-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#fc0,#ffd633);color:#1a1a1a;font-size:11px;font-weight:var(--font-bold);border-radius:var(--radius-full);box-shadow:0 2px 4px #ffcc004d;animation:badgePop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.category-dropdown-menu{position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:320px;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);overflow:hidden;z-index:50;animation:slideDownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.category-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:2px solid var(--color-border-light);background:var(--color-background)}.category-dropdown-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.01em}.category-dropdown-actions{display:flex;gap:var(--space-xs)}.category-dropdown-action{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.category-dropdown-action.select{color:#093;background:#0099331a}.category-dropdown-action.select:hover{background:#0933;transform:translateY(-1px)}.category-dropdown-action.clear{color:#ef4444;background:#ef44441a}.category-dropdown-action.clear:hover{background:#ef444433;transform:translateY(-1px)}.category-dropdown-list{max-height:400px;overflow-y:auto;padding:var(--space-xs)}.category-dropdown-list::-webkit-scrollbar{width:8px}.category-dropdown-list::-webkit-scrollbar-track{background:var(--color-background);border-radius:var(--radius-sm)}.category-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.category-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.category-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.category-dropdown-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fc0;transform:scaleY(0);transition:transform var(--transition-base);border-radius:0 2px 2px 0}.category-dropdown-item:hover:before{transform:scaleY(1)}.category-dropdown-item:hover{background:var(--color-border-light);padding-left:calc(var(--space-md) + 3px)}.category-dropdown-item.selected{background:#ffcc001a}.category-dropdown-item.selected:hover{background:#ffcc0026}.category-dropdown-item-content{display:flex;align-items:center;gap:var(--space-sm);flex:1}.category-dropdown-item-icon{font-size:18px;line-height:1;flex-shrink:0}.category-dropdown-item-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.category-dropdown-item-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.category-dropdown-item:hover .category-dropdown-item-checkbox{border-color:#fc0}.category-dropdown-item-checkbox.checked{background:linear-gradient(135deg,#fc0,#ffd633);border-color:#fc0;color:#1a1a1a;animation:checkboxPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkboxPop{0%{transform:scale(0) rotate(-45deg)}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.category-dropdown-footer{padding:var(--space-sm) var(--space-md);border-top:2px solid var(--color-border-light);background:var(--color-background);text-align:center}.category-dropdown-count{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);letter-spacing:.02em}:root.dark .category-dropdown-trigger{background:var(--color-surface);border-color:var(--color-border)}:root.dark .category-dropdown-trigger:hover,:root.dark .category-dropdown.open .category-dropdown-trigger{background:var(--color-surface-elevated);box-shadow:0 0 0 3px #fc03,var(--shadow-xl)}:root.dark .category-dropdown-menu{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 25px 50px #000c}:root.dark .category-dropdown-header,:root.dark .category-dropdown-footer{background:var(--color-surface-elevated);border-color:var(--color-border)}:root.dark .category-dropdown-item.selected{background:#ffcc0026}:root.dark .category-dropdown-item.selected:hover{background:#fc03}@media(prefers-reduced-motion:reduce){.category-dropdown-menu,.category-dropdown-badge,.category-dropdown-item-checkbox.checked{animation:none}.category-dropdown-trigger svg,.category-dropdown-item:before{transition:none}}@media(max-width:768px){.category-dropdown-trigger{height:36px;padding:var(--space-xs) var(--space-sm);font-size:12px;gap:var(--space-xs)}.category-dropdown-trigger svg{width:14px;height:14px}.category-dropdown-badge{min-width:18px;height:18px;padding:0 5px;font-size:10px}.category-dropdown-menu{min-width:280px;max-width:calc(100vw - 32px)}.category-dropdown-list{max-height:300px}.category-dropdown-header{padding:var(--space-sm)}.category-dropdown-title{font-size:12px}.category-dropdown-action{padding:4px var(--space-xs);font-size:10px}.category-dropdown-item{padding:var(--space-xs) var(--space-sm)}.category-dropdown-item-label{font-size:12px}.category-dropdown-item-checkbox{width:18px;height:18px}}@media(max-width:480px){.category-dropdown-trigger{height:34px;padding:6px var(--space-xs);font-size:11px}.category-dropdown-trigger svg{width:12px;height:12px}.category-dropdown-badge{min-width:16px;height:16px;padding:0 4px;font-size:9px}}.quick-actions-menu{position:relative}.quick-actions-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#093,#0b4);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 2px 8px #0099334d;height:42px}.quick-actions-trigger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0936;background:linear-gradient(135deg,#00aa3b,#00cc4d)}.quick-actions-trigger:active{transform:translateY(0)}.quick-actions.open .quick-actions-trigger{box-shadow:0 0 0 3px #0933,0 4px 12px #0936}.quick-actions-trigger svg{color:#fff;flex-shrink:0}.quick-actions-label{flex:1}.quick-actions-dropdown{position:fixed;top:auto;bottom:auto;right:var(--space-xl);min-width:360px;max-width:90vw;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);overflow-y:auto;overflow-x:hidden;z-index:1000;animation:slideDownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);max-height:80vh;scrollbar-width:thin;scrollbar-color:var(--period-color-primary) transparent}.quick-actions-dropdown::-webkit-scrollbar{width:6px}.quick-actions-dropdown::-webkit-scrollbar-track{background:transparent}.quick-actions-dropdown::-webkit-scrollbar-thumb{background:var(--period-color-primary);border-radius:var(--radius-full)}.quick-actions-dropdown::-webkit-scrollbar-thumb:hover{background:var(--period-color-rgb)}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-actions-section{padding:var(--space-sm)}.quick-actions-section-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.quick-actions-section-header svg{color:#093}.quick-actions-list{display:flex;flex-direction:column;gap:var(--space-xs)}.quick-actions-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;text-align:left}.quick-actions-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#06c,#fc0,#093);transform:scaleY(0);transition:transform var(--transition-base);border-radius:0 2px 2px 0}.quick-actions-item:hover:before{transform:scaleY(1)}.quick-actions-item:hover{background:var(--color-border-light);padding-left:calc(var(--space-md) + 3px)}.quick-actions-item:active{background:var(--period-bg-light);transform:scale(.98)}.quick-actions-item.preset{min-height:72px}.quick-actions-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--period-bg-light);border-radius:var(--radius-md);color:var(--period-color-primary);flex-shrink:0;transition:all var(--transition-base)}.quick-actions-item:hover .quick-actions-item-icon{transform:rotate(5deg) scale(1.1);background:var(--period-accent)}.quick-actions-item-content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.quick-actions-item-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.2}.quick-actions-item-description{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-tertiary);line-height:1.3}.quick-actions-item.action{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.quick-actions-item.action svg{color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.quick-actions-item.action:hover svg{color:#093;transform:translate(2px)}.quick-actions-item.action.reset:hover svg{color:#ef4444;transform:rotate(-180deg)}.quick-actions-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 50%,transparent 100%);margin:var(--space-sm) 0}:root.dark .quick-actions-trigger{background:linear-gradient(135deg,#093,#00aa3b);box-shadow:0 2px 8px #0936}:root.dark .quick-actions-trigger:hover{background:linear-gradient(135deg,#00aa3b,#0b4);box-shadow:0 4px 12px #00993380}:root.dark .quick-actions-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 25px 50px #000c}@media(prefers-reduced-motion:reduce){.quick-actions-dropdown{animation:none}.quick-actions-item:before,.quick-actions-item-icon,.quick-actions-trigger{transition:none}}@media(max-width:768px){.quick-actions-dropdown{min-width:300px;max-width:calc(100vw - 32px);right:16px!important;left:16px!important;width:calc(100vw - 32px)}.quick-actions-label{display:none}.quick-actions-trigger{padding:var(--space-sm);width:42px;justify-content:center}}.active-filter-chips{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.active-filter-chips-header{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.active-filter-chips-header svg{color:var(--period-color-primary)}.active-filter-chips-header span{flex:1}.active-filter-chips-clear-all{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ef4444;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.active-filter-chips-clear-all:hover{background:#ef44441a;transform:translateY(-1px)}.active-filter-chips-clear-all:active{transform:translateY(0)}.active-filter-chips-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.active-filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);position:relative;overflow:hidden;animation:chipPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes chipPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.active-filter-chip:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#06c,#fc0,#093);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.active-filter-chip:hover:before{opacity:1}.active-filter-chip.search{background:#0066cc1a;border:2px solid rgba(0,102,204,.3);color:#06c}.active-filter-chip.search:hover{background:#0066cc26;border-color:#06c;transform:translateY(-2px);box-shadow:0 4px 8px #06c3}.active-filter-chip.category{background:#ffcc001a;border:2px solid rgba(255,204,0,.3);color:var(--color-text-primary)}.active-filter-chip.category:hover{background:#ffcc0026;border-color:#fc0;transform:translateY(-2px);box-shadow:0 4px 8px #fc03}.active-filter-chip svg{flex-shrink:0}.active-filter-chip.search svg{color:#06c}.active-filter-chip-icon{font-size:14px;line-height:1;flex-shrink:0}.active-filter-chip-label{display:flex;align-items:center;gap:var(--space-xs);line-height:1}.active-filter-chip-type{font-weight:var(--font-semibold);opacity:.7;font-size:var(--text-xs)}.active-filter-chip-value{font-weight:var(--font-bold);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-filter-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:var(--radius-full);background:#0000001a;color:currentColor;opacity:.6;transition:all var(--transition-fast);flex-shrink:0}.active-filter-chip-remove:hover{opacity:1;background:#ef444433;color:#ef4444;transform:rotate(90deg) scale(1.2)}.active-filter-chip-remove:active{transform:rotate(90deg) scale(.9)}:root.dark .active-filter-chips{background:var(--color-surface-elevated);border-color:var(--color-border)}:root.dark .active-filter-chip.search{background:#0066cc26;border-color:#06c6;color:#66b3ff}:root.dark .active-filter-chip.search:hover{background:#06c3;border-color:#66b3ff}:root.dark .active-filter-chip.search svg{color:#66b3ff}:root.dark .active-filter-chip.category{background:#ffcc0026;border-color:#fc06}:root.dark .active-filter-chip.category:hover{background:#fc03;border-color:#ffd633}:root.dark .active-filter-chip-remove{background:#ffffff1a}:root.dark .active-filter-chip-remove:hover{background:#ef44444d;color:#ff6b6b}@media(prefers-reduced-motion:reduce){.active-filter-chips,.active-filter-chip{animation:none}.active-filter-chip:before,.active-filter-chip-remove{transition:none}}@media(max-width:768px){.active-filter-chips{padding:var(--space-sm)}.active-filter-chip{font-size:var(--text-xs)}.active-filter-chip-value{max-width:120px}}.timeline-command-center{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl);animation:fadeInSlideDown .4s ease-out}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.command-center-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-md);align-items:stretch;padding:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.command-center-bar:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,#06c,#fc0,#093 66%,#06c);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-slow);animation:gradientSlide 8s linear infinite;background-size:200% 100%}@keyframes gradientSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}.command-center-bar:hover:before{opacity:1}.command-center-bar:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,102,204,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,153,51,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.command-center-search,.command-center-filters,.command-center-actions{position:relative;z-index:1}.command-center-search{display:flex;align-items:center}.command-center-filters{display:flex;align-items:center;justify-content:center}.command-center-actions{display:flex;align-items:center;justify-content:flex-end}@media(max-width:1024px){.command-center-bar{grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-sm);padding:var(--space-md)}}.mobile-only{display:none}.desktop-only{display:flex}@media(max-width:768px){.mobile-only{display:flex}.desktop-only{display:none}}.command-center-search-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.command-center-search-toggle:hover{background:var(--period-bg-light);border-color:var(--period-color-primary);color:var(--period-color-primary)}.command-center-search-toggle:active{transform:scale(.95)}@media(max-width:768px){.timeline-command-center{display:none}}:root.dark .command-center-bar{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 10px 20px #00000080}:root.dark .command-center-bar:after{background:radial-gradient(circle at 20% 50%,rgba(0,102,204,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,153,51,.08) 0%,transparent 50%)}@media(prefers-reduced-motion:reduce){.timeline-command-center{animation:none}.command-center-bar:before{animation:none}}@media(prefers-contrast:high){.command-center-bar{border-width:3px}.command-center-bar:before,.command-center-bar:after{display:none}}.command-center-accordion-bar{display:flex;align-items:center;gap:var(--space-sm);justify-content:center}.accordion-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:40px;position:relative;overflow:hidden}.accordion-action-btn svg{flex-shrink:0;transition:transform var(--transition-base)}.accordion-action-btn.expand-btn:hover{background:linear-gradient(135deg,#0099331a,#0099330d);border-color:#093;color:#007a29;transform:translateY(-1px);box-shadow:0 4px 12px #00993326}.accordion-action-btn.expand-btn:hover svg{transform:translateY(2px)}.accordion-action-btn.expand-btn:active{transform:translateY(0)}.accordion-action-btn.collapse-btn:hover{background:linear-gradient(135deg,#0066cc1a,#0066cc0d);border-color:#06c;color:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc26}.accordion-action-btn.collapse-btn:hover svg{transform:translateY(-2px)}.accordion-action-btn.collapse-btn:active{transform:translateY(0)}.accordion-action-btn:focus-visible{outline:3px solid var(--period-color-primary);outline-offset:2px}.command-center-results{padding:var(--space-md) var(--space-lg);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:center}.result-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.result-text strong{color:var(--period-color-primary);font-weight:var(--font-semibold)}:root.dark .command-center-results{background:var(--color-surface-elevated);border-color:var(--color-border)}:root.dark .accordion-action-btn{background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text-secondary)}:root.dark .accordion-action-btn.expand-btn:hover{background:linear-gradient(135deg,#0933,#0099331a);border-color:#0b4;color:#0d5}:root.dark .accordion-action-btn.collapse-btn:hover{background:linear-gradient(135deg,#06c3,#0066cc1a);border-color:#38f;color:#59f}@media(hover:none)and (pointer:coarse){.accordion-action-btn:hover{transform:none;box-shadow:none}.accordion-action-btn:hover svg{transform:none}.accordion-action-btn:active{transform:scale(.98);opacity:.9}}@media(max-width:768px){.command-center-accordion-bar{gap:var(--space-sm);padding:0}.accordion-action-btn{flex:1;justify-content:center;padding:var(--space-md) var(--space-lg);min-height:48px;font-size:var(--text-sm);border-width:1.5px}.accordion-action-btn svg{width:20px;height:20px}}@media(max-width:480px){.command-center-accordion-bar{gap:var(--space-xs)}.accordion-action-btn{padding:var(--space-sm) var(--space-md);min-height:44px;gap:var(--space-xs)}.accordion-action-btn span{font-size:.75rem}.accordion-action-btn svg{width:18px;height:18px}}.search-overlay{position:fixed;inset:0;z-index:9999;animation:searchOverlayFadeIn .3s ease-out}@keyframes searchOverlayFadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdropFadeIn .3s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-content{position:relative;background:var(--color-background);height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:searchContentSlideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes searchContentSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.search-overlay-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);padding-top:calc(var(--space-md) + var(--safe-area-inset-top));background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:10}.search-overlay-back,.search-overlay-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;-webkit-tap-highlight-color:transparent}.search-overlay-back:active,.search-overlay-close:active{background:var(--color-border-light);transform:scale(.95)}.search-overlay-input-wrapper{flex:1;min-width:0}.search-overlay-input-wrapper .smart-search{width:100%}.search-overlay-input-wrapper .smart-search-dropdown{max-height:60vh;overflow-y:auto}.search-overlay-filters{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}.search-overlay-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.search-overlay-filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.search-overlay-filter-chip{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--period-bg-light);border:1px solid var(--period-color-primary);border-radius:var(--radius-md);color:var(--period-color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.search-overlay-filter-chip:active{transform:scale(.95);background:var(--period-accent)}.search-overlay-quick-actions{padding:var(--space-lg) var(--space-md)}.search-overlay-quick-action{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:all var(--transition-base);min-height:56px;-webkit-tap-highlight-color:transparent}.search-overlay-quick-action svg{color:var(--period-color-primary);flex-shrink:0}.search-overlay-quick-action:active{background:var(--color-border-light);transform:scale(.98)}.search-overlay-quick-action:last-child{margin-bottom:0}:root.dark .search-overlay-content{background:var(--color-background)}:root.dark .search-overlay-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}:root.dark .search-overlay-filters{background:var(--color-surface);border-bottom:1px solid var(--color-border)}:root.dark .search-overlay-quick-action{background:var(--color-surface-elevated);border-color:var(--color-border)}:root.dark .search-overlay-quick-action:active{background:var(--color-surface)}@media(prefers-reduced-motion:reduce){.search-overlay,.search-overlay-backdrop,.search-overlay-content{animation:none}}@media(min-width:769px){.search-overlay{display:none}}.filter-tab{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-sm)}.filter-tab-active{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-tab-active-header{display:flex;align-items:center;justify-content:space-between}.filter-tab-active-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.filter-tab-clear{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--period-color-primary);background:none;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.filter-tab-clear:active{background:var(--period-bg-light);transform:scale(.95)}.filter-tab-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--period-bg-light);border:1px solid rgba(var(--period-color-rgb),.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary)}.filter-chip-icon{font-size:.875rem;line-height:1}.filter-chip-label{font-weight:var(--font-medium);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:rgba(var(--period-color-rgb),.2);border:none;border-radius:var(--radius-full);color:var(--period-color-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;-webkit-tap-highlight-color:transparent}.filter-chip-remove:active{background:rgba(var(--period-color-rgb),.3);transform:scale(.9)}.filter-tab-categories{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-tab-categories-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.filter-tab-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-sm)}.category-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);min-height:72px;-webkit-tap-highlight-color:transparent}.category-chip:active{transform:scale(.97)}.category-chip.selected{background:var(--period-bg-light);border-color:var(--period-color-primary);box-shadow:0 2px 8px rgba(var(--period-color-rgb),.2)}.category-chip-icon{font-size:1.5rem;line-height:1}.category-chip.selected .category-chip-icon{transform:scale(1.1)}.category-chip-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:center;line-height:1.2}.category-chip.selected .category-chip-label{color:var(--period-color-primary);font-weight:var(--font-semibold)}.filter-tab-results{padding:var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.filter-tab-results strong{color:var(--period-color-primary);font-weight:var(--font-semibold)}:root.dark .filter-chip{background:var(--period-bg-accent);border-color:rgba(var(--period-color-rgb),.4)}:root.dark .category-chip{background:var(--color-surface);border-color:var(--color-border)}:root.dark .category-chip.selected{background:var(--period-bg-accent);border-color:var(--period-color-primary);box-shadow:0 2px 8px rgba(var(--period-color-rgb),.3)}:root.dark .filter-tab-results{background:var(--color-surface-elevated)}.filter-tab-clear:focus-visible,.filter-chip-remove:focus-visible,.category-chip:focus-visible{outline:2px solid var(--period-color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.category-chip:active,.filter-chip-remove:active,.filter-tab-clear:active{transform:none}}.actions-tab{display:flex;flex-direction:column;gap:var(--space-xl);padding-top:var(--space-sm)}.actions-tab-section{display:flex;flex-direction:column;gap:var(--space-sm)}.actions-tab-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.actions-tab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.actions-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);min-height:96px;-webkit-tap-highlight-color:transparent}.actions-tab-btn svg{flex-shrink:0;opacity:.8;transition:all var(--transition-base)}.actions-tab-btn:active{transform:scale(.97)}.actions-tab-btn.expand-btn:active{background:linear-gradient(135deg,#0099331a,#0099330d);border-color:#093;color:#007a29}.actions-tab-btn.expand-btn:active svg{transform:translateY(3px);opacity:1}.actions-tab-btn.collapse-btn:active{background:linear-gradient(135deg,#0066cc1a,#0066cc0d);border-color:#06c;color:#0052a3}.actions-tab-btn.collapse-btn:active svg{transform:translateY(-3px);opacity:1}:root.dark .actions-tab-btn{background:var(--color-surface);border-color:var(--color-border)}:root.dark .actions-tab-btn.expand-btn:active{background:linear-gradient(135deg,#0933,#0099331a);border-color:#0b4;color:#0d5}:root.dark .actions-tab-btn.collapse-btn:active{background:linear-gradient(135deg,#06c3,#0066cc1a);border-color:#38f;color:#59f}.actions-tab-btn:focus-visible{outline:2px solid var(--period-color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.actions-tab-btn:active,.actions-tab-btn svg{transform:none}}@media(hover:none)and (pointer:coarse){.actions-tab-btn:active{opacity:.9}}.map-tab{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-sm)}.map-tab-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-md);text-align:center}.map-tab-icon-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--period-bg-light);border-radius:var(--radius-full);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.map-tab-icon{color:var(--period-color-primary)}.map-tab-icon-accent{position:absolute;bottom:-4px;right:-4px;color:var(--period-color-primary);background:var(--color-background);border-radius:var(--radius-full);padding:var(--space-xs);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.map-tab-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display)}.map-tab-description{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);max-width:280px;line-height:1.5}.map-tab-button{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,rgba(var(--period-color-rgb),.8) 100%);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px rgba(var(--period-color-rgb),.3);-webkit-tap-highlight-color:transparent}.map-tab-button:active{transform:scale(.98);box-shadow:0 2px 8px rgba(var(--period-color-rgb),.2)}.map-tab-button-content{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.map-tab-button-title{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:.01em}.map-tab-button-subtitle{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9}.map-tab-button-arrow{font-size:1.5rem;font-weight:var(--font-bold);opacity:.8;transition:transform var(--transition-base)}.map-tab-button:active .map-tab-button-arrow{transform:translate(4px)}.map-tab-features{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.map-tab-feature{display:flex;align-items:center;gap:var(--space-sm)}.map-tab-feature-icon{font-size:1.25rem;flex-shrink:0}.map-tab-feature-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}:root.dark .map-tab-icon-container{background:var(--period-bg-accent)}:root.dark .map-tab-icon-accent{background:var(--color-surface)}:root.dark .map-tab-button{background:linear-gradient(135deg,var(--color-primary) 0%,#1e40af 100%);border-color:#ffffff1a;box-shadow:0 4px 16px #2563eb66}:root.dark .map-tab-button:active{box-shadow:0 2px 8px #2563eb4d}:root.dark .map-tab-features{background:var(--color-surface)}.map-tab-button:focus-visible{outline:3px solid rgba(var(--period-color-rgb),.5);outline-offset:2px}@media(prefers-reduced-motion:reduce){.map-tab-icon-container,.map-tab-icon-accent{animation:none}.map-tab-button:active,.map-tab-button-arrow{transform:none}}.mobile-controls-tabbed{display:flex;flex-direction:column;height:100%;max-height:85vh;overflow:hidden}.mobile-controls-tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);-webkit-overflow-scrolling:touch}.mobile-controls-tab-content{scroll-behavior:smooth}.mobile-controls-tab-content::-webkit-scrollbar{width:4px}.mobile-controls-tab-content::-webkit-scrollbar-track{background:transparent}.mobile-controls-tab-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.mobile-controls-tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.mobile-controls-tab-content *{-webkit-tap-highlight-color:transparent}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-controls-tab-content{padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.mobile-controls-tab-content{scroll-behavior:auto}}.install-pwa-banner{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:900;max-width:600px;width:calc(100% - var(--space-2xl));animation:slideUpFadeIn .5s cubic-bezier(.34,1.56,.64,1)}.install-pwa-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.install-pwa-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.install-pwa-text{flex:1;color:#fff}.install-pwa-text h3{margin:0 0 var(--space-xs) 0;font-size:var(--text-base);font-weight:var(--font-bold);font-family:var(--font-display);color:#fff}.install-pwa-text p{margin:0;font-size:var(--text-sm);color:#ffffffe6;line-height:1.4}.ios-share-icon{display:inline-block;font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 2px;vertical-align:middle}.install-pwa-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.install-pwa-btn-primary{padding:var(--space-sm) var(--space-lg);background:#fff;color:var(--color-primary);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0003}.install-pwa-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;background:#fffffff2}.install-pwa-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.install-pwa-btn-dismiss{padding:var(--space-sm);background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.install-pwa-btn-dismiss:hover{background:#ffffff4d;border-color:#ffffff80}.install-pwa-btn-dismiss:active{transform:scale(.95)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%) translateY(40px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.install-pwa-banner{bottom:var(--space-md);width:calc(100% - var(--space-lg))}.install-pwa-content{padding:var(--space-md);gap:var(--space-sm)}.install-pwa-icon{width:40px;height:40px}.install-pwa-text h3{font-size:var(--text-sm)}.install-pwa-text p{font-size:var(--text-xs)}.install-pwa-btn-primary{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.install-pwa-btn-dismiss{width:32px;height:32px}}@media(max-width:400px){.install-pwa-content{flex-wrap:wrap}.install-pwa-text{width:100%}.install-pwa-actions{margin-left:auto}}@media(prefers-reduced-motion:reduce){.install-pwa-banner{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.ReturnToSudanButton-module__returnButton__8NK59{position:absolute;top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left));z-index:1000;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#2563ebf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;box-shadow:0 4px 16px #2563eb66,0 2px 8px #0003;transition:all var(--transition-base);animation:ReturnToSudanButton-module__slideInLeft__4c7dB .3s cubic-bezier(.16,1,.3,1) backwards;-webkit-tap-highlight-color:rgba(37,99,235,.2)}@keyframes ReturnToSudanButton-module__slideInLeft__4c7dB{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ReturnToSudanButton-module__returnButton__8NK59:hover{background:#1d4ed8f2;transform:scale(1.05);box-shadow:0 6px 20px #2563eb80,0 3px 10px #00000040}.ReturnToSudanButton-module__returnButton__8NK59:active{transform:scale(.95);transition:transform .1s ease}.ReturnToSudanButton-module__buttonText__Ip0E2{display:flex;flex-direction:column;gap:2px;line-height:1}.ReturnToSudanButton-module__textEn__qNQy-{font-size:var(--text-sm);letter-spacing:.02em}.ReturnToSudanButton-module__textAr__6UhU4{font-size:var(--text-xs);opacity:.9;direction:rtl}.dark .ReturnToSudanButton-module__returnButton__8NK59{background:#2563ebe6;border-color:#ffffff26}.dark .ReturnToSudanButton-module__returnButton__8NK59:hover{background:#1d4ed8f2}@media(min-width:1024px){.ReturnToSudanButton-module__returnButton__8NK59{top:calc(2rem + env(safe-area-inset-top));left:calc(2rem + env(safe-area-inset-left))}}@media(prefers-reduced-motion:reduce){.ReturnToSudanButton-module__returnButton__8NK59{animation:none}.ReturnToSudanButton-module__returnButton__8NK59:hover,.ReturnToSudanButton-module__returnButton__8NK59:active{transform:none}}.FloatingMarkerCard-module__floatingCard__bWJLG{background:var(--color-background);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 8px 24px #0003,0 0 0 1px #6366f133;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;animation:FloatingMarkerCard-module__cardAppear__yZHdT .5s cubic-bezier(.34,1.56,.64,1);will-change:transform;z-index:1100}@keyframes FloatingMarkerCard-module__cardAppear__yZHdT{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.FloatingMarkerCard-module__connectionLine__Wg0Az{animation:FloatingMarkerCard-module__lineAppear__lDoMi .6s ease-out}@keyframes FloatingMarkerCard-module__lineAppear__lDoMi{0%{opacity:0;stroke-dashoffset:100}to{opacity:1;stroke-dashoffset:0}}.FloatingMarkerCard-module__floatingCard__bWJLG.FloatingMarkerCard-module__compact__RCph0{width:calc(100vw - 32px);max-width:260px;min-height:100px;padding:var(--space-sm)}.FloatingMarkerCard-module__compactContent__g80FO{display:flex;flex-direction:column;gap:var(--space-xs)}.FloatingMarkerCard-module__compactHeader__A90xd{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.FloatingMarkerCard-module__yearBadge__v0YRe{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono)}.FloatingMarkerCard-module__categoryBadge__vTI8m{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.FloatingMarkerCard-module__compactTitle__ZNbdc{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.FloatingMarkerCard-module__compactLocation__VQMtC{display:flex;align-items:center;gap:6px;color:var(--color-text-tertiary);font-size:var(--text-sm);margin-top:var(--space-xs)}.FloatingMarkerCard-module__tapHint__HQgj4{margin-top:var(--space-sm);text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:.6;font-style:italic;animation:FloatingMarkerCard-module__pulse__n1YGa 2s ease-in-out infinite}@keyframes FloatingMarkerCard-module__pulse__n1YGa{0%,to{opacity:.4}50%{opacity:.8}}.FloatingMarkerCard-module__floatingCard__bWJLG.FloatingMarkerCard-module__expanded__fIEWZ{width:calc(100vw - 32px);max-width:280px;min-height:200px;padding:var(--space-md);cursor:default}.FloatingMarkerCard-module__expandedContent__2GoBe{display:flex;flex-direction:column;gap:var(--space-sm)}.FloatingMarkerCard-module__expandedHeader__KArKm{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.FloatingMarkerCard-module__headerMeta__dCLhU{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.FloatingMarkerCard-module__closeButton__ekzl6{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:24px;line-height:1;flex-shrink:0}.FloatingMarkerCard-module__closeButton__ekzl6:hover{background:var(--color-primary);color:#fff;transform:rotate(90deg)}.FloatingMarkerCard-module__expandedTitle__-c-mi{margin:0;font-size:clamp(var(--text-lg),5vw,var(--text-2xl));font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.3}.FloatingMarkerCard-module__expandedLocation__iRYhj{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-elevated);border-radius:var(--radius-md);width:fit-content}.FloatingMarkerCard-module__expandedDescription__wwFA-{margin:var(--space-sm) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary);max-height:120px;overflow-y:auto}.FloatingMarkerCard-module__quickSource__AWxxO{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-xs) 0}.FloatingMarkerCard-module__expandButton__upGz0{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-md);margin-top:var(--space-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.FloatingMarkerCard-module__expandButton__upGz0:hover{background:var(--color-primary-dark);transform:translate(4px);box-shadow:0 4px 12px #6366f166}.FloatingMarkerCard-module__timeTravelNav__0jDEp{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.FloatingMarkerCard-module__navButton__kpncw{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.FloatingMarkerCard-module__navButton__kpncw:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.FloatingMarkerCard-module__navButton__kpncw:active:not(:disabled){transform:translateY(0)}.FloatingMarkerCard-module__navButton__kpncw:disabled{opacity:.3;cursor:not-allowed}.FloatingMarkerCard-module__swipeIndicators__TM6lJ{display:none;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.FloatingMarkerCard-module__swipeHintLeft__wkS-Y,.FloatingMarkerCard-module__swipeHintRight__7F663{font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:.5;font-style:italic}.FloatingMarkerCard-module__swipeHintLeft__wkS-Y{animation:FloatingMarkerCard-module__swipeHintAnimLeft__AAHBR 1.5s ease-in-out infinite}.FloatingMarkerCard-module__swipeHintRight__7F663{animation:FloatingMarkerCard-module__swipeHintAnimRight__htu4a 1.5s ease-in-out infinite}@keyframes FloatingMarkerCard-module__swipeHintAnimLeft__AAHBR{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(-4px);opacity:.7}}@keyframes FloatingMarkerCard-module__swipeHintAnimRight__htu4a{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(4px);opacity:.7}}.dark .FloatingMarkerCard-module__floatingCard__bWJLG{background:#111827f2;box-shadow:0 20px 60px #0009,0 8px 24px #0006,0 0 0 1px #6366f14d}.dark .FloatingMarkerCard-module__floatingCard__bWJLG:hover{box-shadow:0 24px 72px #000000b3,0 12px 32px #00000080,0 0 0 2px #6366f180}@media(min-width:768px){.FloatingMarkerCard-module__floatingCard__bWJLG.FloatingMarkerCard-module__compact__RCph0{width:240px;max-width:none}.FloatingMarkerCard-module__floatingCard__bWJLG.FloatingMarkerCard-module__expanded__fIEWZ{width:260px;max-width:none}.FloatingMarkerCard-module__compactTitle__ZNbdc{font-size:var(--text-base)}.FloatingMarkerCard-module__expandedTitle__-c-mi{font-size:var(--text-lg)}.FloatingMarkerCard-module__expandedDescription__wwFA-{font-size:var(--text-sm);line-height:1.6;max-height:none;overflow-y:visible}.FloatingMarkerCard-module__expandButton__upGz0{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.FloatingMarkerCard-module__swipeIndicators__TM6lJ{display:flex}.FloatingMarkerCard-module__floatingCard__bWJLG:hover{box-shadow:0 24px 72px #00000059,0 12px 32px #00000040,0 0 0 2px #6366f166;transform:translateY(-2px)}.dark .FloatingMarkerCard-module__floatingCard__bWJLG:hover{box-shadow:0 24px 72px #000000b3,0 12px 32px #00000080,0 0 0 2px #6366f180}}@media(max-width:768px){.FloatingMarkerCard-module__floatingCard__bWJLG.FloatingMarkerCard-module__compact__RCph0{width:180px;max-width:none;min-height:70px;padding:var(--space-xs)}.FloatingMarkerCard-module__floatingCard__bWJLG.FloatingMarkerCard-module__expanded__fIEWZ{width:300px;max-width:none;min-height:150px;padding:var(--space-sm)}.FloatingMarkerCard-module__compactTitle__ZNbdc{font-size:var(--text-sm);-webkit-line-clamp:2}.FloatingMarkerCard-module__yearBadge__v0YRe,.FloatingMarkerCard-module__categoryBadge__vTI8m{padding:3px 8px;font-size:var(--text-xxs, 10px)}.FloatingMarkerCard-module__compactLocation__VQMtC{font-size:var(--text-xs);margin-top:2px}.FloatingMarkerCard-module__tapHint__HQgj4{font-size:var(--text-xs)}.FloatingMarkerCard-module__expandedHeader__KArKm{margin-bottom:var(--space-xs)}.FloatingMarkerCard-module__expandedTitle__-c-mi{font-size:var(--text-lg)}.FloatingMarkerCard-module__expandedDescription__wwFA-{max-height:60px;font-size:var(--text-xs);line-height:1.4}.FloatingMarkerCard-module__expandButton__upGz0{padding:var(--space-sm);font-size:var(--text-sm);margin-top:var(--space-xs)}.FloatingMarkerCard-module__timeTravelNav__0jDEp{margin-top:var(--space-sm);padding-top:var(--space-sm)}.FloatingMarkerCard-module__navButton__kpncw{padding:6px 10px;font-size:var(--text-xs)}.FloatingMarkerCard-module__closeButton__ekzl6{width:28px;height:28px;font-size:20px}}@media(prefers-reduced-motion:reduce){.FloatingMarkerCard-module__floatingCard__bWJLG,.FloatingMarkerCard-module__connectionLine__Wg0Az,.FloatingMarkerCard-module__expandButton__upGz0,.FloatingMarkerCard-module__closeButton__ekzl6{animation:none;transition:none}.FloatingMarkerCard-module__tapHint__HQgj4{animation:none;opacity:.6}.FloatingMarkerCard-module__swipeHintLeft__wkS-Y,.FloatingMarkerCard-module__swipeHintRight__7F663{animation:none;opacity:.5}}.AnimatedConnections-module__connectionsSvg__wLHHT{opacity:0;animation:AnimatedConnections-module__fadeIn__YjqrS .8s ease-out forwards}@keyframes AnimatedConnections-module__fadeIn__YjqrS{0%{opacity:0}to{opacity:1}}.AnimatedConnections-module__connectionGroup__A13cl{animation:AnimatedConnections-module__connectionAppear__vXvit 1s ease-out}@keyframes AnimatedConnections-module__connectionAppear__vXvit{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.AnimatedConnections-module__connectionLine__MqMZI{stroke-linecap:round;transition:all .3s ease}@keyframes AnimatedConnections-module__dash__mySOP{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}.AnimatedConnections-module__glowLine__TmXlb{animation:AnimatedConnections-module__glowPulse__6MXOH 3s ease-in-out infinite}@keyframes AnimatedConnections-module__glowPulse__6MXOH{0%,to{opacity:.2}50%{opacity:.5}}.AnimatedConnections-module__pulseRing__0W2af{animation:AnimatedConnections-module__pulse__ES6Nw 2s ease-out infinite;transform-origin:center}@keyframes AnimatedConnections-module__pulse__ES6Nw{0%{r:20;opacity:.8}to{r:80;opacity:0}}@media(prefers-reduced-motion:reduce){.AnimatedConnections-module__connectionsSvg__wLHHT,.AnimatedConnections-module__connectionGroup__A13cl,.AnimatedConnections-module__connectionLine__MqMZI,.AnimatedConnections-module__glowLine__TmXlb,.AnimatedConnections-module__pulseRing__0W2af{animation:none!important}.AnimatedConnections-module__connectionLine__MqMZI{stroke-dasharray:none}}.TimeTravelControls-module__timeTravelContainer__QJt8M{position:fixed;bottom:18px;left:8px;right:8px;background:var(--color-background);border-radius:var(--radius-lg);padding:8px;box-shadow:0 12px 40px #00000040,0 4px 16px #00000026,0 0 0 1px #6366f133;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:900;display:flex;flex-direction:column;gap:var(--space-xs);animation:TimeTravelControls-module__slideIn__UsaNl .5s cubic-bezier(.34,1.56,.64,1)}@keyframes TimeTravelControls-module__slideIn__UsaNl{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.TimeTravelControls-module__yearDisplay__tatUx{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:4px 12px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:var(--font-bold)}.TimeTravelControls-module__year__3GWpX{font-size:var(--text-sm);letter-spacing:.05em}.TimeTravelControls-module__controlsBar__gSOjV{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.TimeTravelControls-module__controlButton__sR0Fl{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.TimeTravelControls-module__controlButton__sR0Fl:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.1)}.TimeTravelControls-module__controlButton__sR0Fl:active:not(:disabled){transform:scale(.95)}.TimeTravelControls-module__controlButton__sR0Fl:disabled{opacity:.3;cursor:not-allowed}.TimeTravelControls-module__playButton__BtRoy{width:44px;height:44px;background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 3px 12px #6366f14d}.TimeTravelControls-module__playButton__BtRoy:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #6366f180;transform:scale(1.15)}.TimeTravelControls-module__speedControl__JJwMZ{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:6px;border-top:1px solid var(--color-border)}.TimeTravelControls-module__speedLabel__-vPde{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.TimeTravelControls-module__speedButtons__beAS4{display:flex;gap:3px}.TimeTravelControls-module__speedButton__R6KL8{display:flex;align-items:center;justify-content:center;width:28px;height:22px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-bold);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-base)}.TimeTravelControls-module__speedButton__R6KL8:hover{background:var(--color-border);transform:translateY(-1px)}.TimeTravelControls-module__speedButton__R6KL8.TimeTravelControls-module__active__mMbXE{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #6366f14d}.TimeTravelControls-module__progressContainer__aaSRf{display:flex;align-items:center;gap:var(--space-sm)}.TimeTravelControls-module__progressBar__BGlby{flex:1;height:4px;background:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.TimeTravelControls-module__progressFill__GsP6M{height:100%;background:linear-gradient(90deg,var(--color-primary),#818cf8);border-radius:var(--radius-full);transition:width .3s ease;position:relative}.TimeTravelControls-module__progressFill__GsP6M:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:TimeTravelControls-module__shimmer__NoVvy 1.5s ease-in-out infinite}@keyframes TimeTravelControls-module__shimmer__NoVvy{0%,to{opacity:0}50%{opacity:1}}.TimeTravelControls-module__progressText__uwIc7{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);font-weight:var(--font-semibold);min-width:50px;text-align:right}.TimeTravelControls-module__playingIndicator__36eZT{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--color-text-tertiary);font-style:italic;padding:3px 6px;background:#6366f11a;border-radius:var(--radius-sm);margin-top:4px}.TimeTravelControls-module__playingDot__a7WwZ{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);animation:TimeTravelControls-module__blink__x9E58 1.5s ease-in-out infinite}.TimeTravelControls-module__homeButton__vQ-1i{width:36px;height:36px;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.TimeTravelControls-module__homeButton__vQ-1i:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.1)}.TimeTravelControls-module__homeButton__vQ-1i:active{transform:scale(.95)}@keyframes TimeTravelControls-module__blink__x9E58{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.dark .TimeTravelControls-module__timeTravelContainer__QJt8M{background:#111827f2;box-shadow:0 20px 60px #0009,0 8px 24px #0006,0 0 0 1px #6366f14d}@media(min-width:1024px){.TimeTravelControls-module__timeTravelContainer__QJt8M{bottom:16px;right:16px;left:auto;min-width:260px;padding:var(--space-sm)}.TimeTravelControls-module__yearDisplay__tatUx{padding:6px var(--space-sm)}.TimeTravelControls-module__year__3GWpX{font-size:var(--text-base)}.TimeTravelControls-module__controlButton__sR0Fl{width:38px;height:38px}.TimeTravelControls-module__playButton__BtRoy{width:48px;height:48px}.TimeTravelControls-module__speedControl__JJwMZ{gap:var(--space-xs)}.TimeTravelControls-module__speedLabel__-vPde{font-size:var(--text-xs)}.TimeTravelControls-module__speedButtons__beAS4{gap:4px}.TimeTravelControls-module__speedButton__R6KL8{width:32px;height:24px;font-size:var(--text-xs)}.TimeTravelControls-module__progressText__uwIc7{font-size:var(--text-xs);min-width:60px}.TimeTravelControls-module__playingIndicator__36eZT{font-size:10px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.TimeTravelControls-module__timeTravelContainer__QJt8M{animation:none}.TimeTravelControls-module__controlButton__sR0Fl:hover:not(:disabled),.TimeTravelControls-module__playButton__BtRoy:hover,.TimeTravelControls-module__speedButton__R6KL8:hover{transform:none}.TimeTravelControls-module__progressFill__GsP6M:after,.TimeTravelControls-module__playingDot__a7WwZ{animation:none}}.MobileEventDetailSheet-module__mobileDetailSheet__L-TQ6{position:fixed;bottom:0;left:0;right:0;background:var(--color-background);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -20px 60px #0000004d,0 -8px 24px #0003,0 0 0 1px var(--color-border);z-index:950;display:flex;flex-direction:column;overflow:hidden;animation:MobileEventDetailSheet-module__slideUp__CZyjO .4s cubic-bezier(.32,.72,0,1)}@keyframes MobileEventDetailSheet-module__slideUp__CZyjO{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.MobileEventDetailSheet-module__mobileDetailSheet__L-TQ6.MobileEventDetailSheet-module__dragging__dzMFB{transition:none!important}.MobileEventDetailSheet-module__sheetHandle__JNuTZ{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);cursor:grab;touch-action:none;position:relative}.MobileEventDetailSheet-module__sheetHandle__JNuTZ:active{cursor:grabbing}.MobileEventDetailSheet-module__handleBar__sm1tQ{width:40px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-xs)}.MobileEventDetailSheet-module__closeButton__I5lg4{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.MobileEventDetailSheet-module__closeButton__I5lg4:hover{background:var(--color-border);color:var(--color-text-primary)}.MobileEventDetailSheet-module__closeButton__I5lg4:active{transform:scale(.95)}.MobileEventDetailSheet-module__navArrows__AAlmc{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border)}.MobileEventDetailSheet-module__navButton__jkGOb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.MobileEventDetailSheet-module__navButton__jkGOb:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.MobileEventDetailSheet-module__navButton__jkGOb:disabled{opacity:.3;cursor:not-allowed}.MobileEventDetailSheet-module__sheetContent__8f3PR{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-md)}.MobileEventDetailSheet-module__titleSection__K0kVu{margin-bottom:var(--space-md)}.MobileEventDetailSheet-module__eventTitle__tTlzA{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.3;margin:0 0 var(--space-sm) 0}.MobileEventDetailSheet-module__eventMeta__c97Nk{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;font-size:var(--text-sm)}.MobileEventDetailSheet-module__metaDate__PmYFo{font-weight:var(--font-semibold);color:var(--color-primary);font-family:var(--font-mono)}.MobileEventDetailSheet-module__metaCategory__Gx1Nz{padding:2px 8px;background:var(--color-surface-elevated);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.MobileEventDetailSheet-module__metaLocation__eLwGi{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary)}.MobileEventDetailSheet-module__sheetScrollable__P5Cxa{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.MobileEventDetailSheet-module__descriptionSection__hgdxX{margin-bottom:var(--space-lg)}.MobileEventDetailSheet-module__description__Pl5sS{font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary);margin:0}.MobileEventDetailSheet-module__sourcesSection__R-T-b{margin-bottom:var(--space-lg)}.MobileEventDetailSheet-module__sectionTitle__YLul-{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;display:flex;gap:var(--space-xs)}.MobileEventDetailSheet-module__textEn__5btP9:after{content:" / ";color:var(--color-text-tertiary)}.MobileEventDetailSheet-module__textAr__Lzarp{color:var(--color-text-tertiary)}.MobileEventDetailSheet-module__sourcesList__d5J0k{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.MobileEventDetailSheet-module__sourceLink__nR26S{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-base)}.MobileEventDetailSheet-module__sourceLink__nR26S:hover{background:var(--color-border);border-color:var(--color-primary);transform:translate(2px)}.MobileEventDetailSheet-module__sourceLink__nR26S:active{transform:translate(0) scale(.98)}.MobileEventDetailSheet-module__relatedSection__-YKf5{margin-bottom:var(--space-lg)}.MobileEventDetailSheet-module__relatedSubtitle__J8B1j{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-sm) 0}.MobileEventDetailSheet-module__relatedList__1qqiN{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.MobileEventDetailSheet-module__relatedItem__D3S-r{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);width:100%;text-align:left}.MobileEventDetailSheet-module__relatedItem__D3S-r:hover{background:var(--color-border);border-color:var(--color-primary);transform:translate(2px)}.MobileEventDetailSheet-module__relatedItem__D3S-r:active{transform:translate(0) scale(.98)}.MobileEventDetailSheet-module__relatedYear__hHYXu{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-xs);color:var(--color-primary);min-width:60px;flex-shrink:0}.MobileEventDetailSheet-module__relatedTitle__QsK-S{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.4}.MobileEventDetailSheet-module__relatedIcon__030i2{color:var(--color-text-tertiary);flex-shrink:0}.MobileEventDetailSheet-module__relatedMore__ZuCBL{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin:var(--space-sm) 0 0 0;font-style:italic}.MobileEventDetailSheet-module__swipeIndicator__Pq-vP{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:#6366f10d;border-top:1px solid var(--color-border)}.MobileEventDetailSheet-module__swipeHint__N2G0G{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;animation:MobileEventDetailSheet-module__pulse__t9-Oa 2s ease-in-out infinite}@keyframes MobileEventDetailSheet-module__pulse__t9-Oa{0%,to{opacity:.5}50%{opacity:1}}.dark .MobileEventDetailSheet-module__mobileDetailSheet__L-TQ6{background:#111827fa;box-shadow:0 -20px 60px #0009,0 -8px 24px #0006,0 0 0 1px #6366f133}@media(prefers-reduced-motion:reduce){.MobileEventDetailSheet-module__mobileDetailSheet__L-TQ6{animation:none}.MobileEventDetailSheet-module__navButton__jkGOb:hover:not(:disabled),.MobileEventDetailSheet-module__sourceLink__nR26S:hover,.MobileEventDetailSheet-module__relatedItem__D3S-r:hover{transform:none}.MobileEventDetailSheet-module__swipeHint__N2G0G{animation:none}}.SudanMap-module__sudanMapContainer__QuUqT{position:relative;background:var(--color-surface);border-radius:0;overflow:hidden;box-shadow:none;border:none;opacity:0;transform:scale(.98);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);height:100%;width:100%;will-change:transform,opacity}.SudanMap-module__sudanMapContainer__QuUqT.SudanMap-module__loaded__4qrPD{opacity:1;transform:scale(1)}.SudanMap-module__textEn__xFzz6{display:block}.SudanMap-module__textAr__CEFJ4{display:block;font-size:.9em;opacity:.8;direction:rtl}.SudanMap-module__leafletMap__33DfW{width:100%;height:100%;z-index:1;border-radius:0}.SudanMap-module__sudanMapEmpty__87Df9{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-2xl)}.SudanMap-module__emptyState__x0ylr{text-align:center;padding:2rem;max-width:400px}.SudanMap-module__emptyIcon__amg95{font-size:4rem;margin-bottom:1rem;opacity:.5}.SudanMap-module__emptyState__x0ylr h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display);display:flex;flex-direction:column;gap:.25rem}.SudanMap-module__emptyState__x0ylr p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;display:flex;flex-direction:column;gap:.25rem}.dark .SudanMap-module__sudanMapEmpty__87Df9{background:var(--color-surface)}@media(prefers-reduced-motion:reduce){.SudanMap-module__sudanMapContainer__QuUqT{animation:none;transition:opacity .3s ease}}.MapEventCard-module__eventCard__UfOiU{display:flex;align-items:stretch;gap:var(--space-sm);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:0;text-align:left;cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;overflow:hidden;position:relative}.MapEventCard-module__eventCard__UfOiU:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}.MapEventCard-module__eventCard__UfOiU.MapEventCard-module__active__t0JK-{background:linear-gradient(135deg,#6366f11a,#6366f10d);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.MapEventCard-module__eventCard__UfOiU.MapEventCard-module__contemporary__vZqMm{background:linear-gradient(135deg,#fbbf2414,#fbbf240a);border-color:#fbbf2466}.MapEventCard-module__eventCard__UfOiU.MapEventCard-module__contemporary__vZqMm.MapEventCard-module__active__t0JK-{background:linear-gradient(135deg,#6366f11f,#fbbf2414);border-color:var(--color-primary)}.MapEventCard-module__categoryIndicator__3tDQb{width:4px;flex-shrink:0;align-self:stretch}.MapEventCard-module__eventContent__6Dv0f{flex:1;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.MapEventCard-module__eventHeader__-iMGz{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.MapEventCard-module__eventTitle__AwaEw{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.4;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.MapEventCard-module__eventCategory__lm6gs{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 6px;background:currentColor;color:#fff!important;border-radius:var(--radius-sm);flex-shrink:0;opacity:.9}.MapEventCard-module__eventMeta__L92Qn{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap}.MapEventCard-module__eventDate__VqMul{font-weight:var(--font-medium)}.MapEventCard-module__metaDivider__7y9kx{opacity:.5}.MapEventCard-module__eventLocation__pDuXV{display:flex;align-items:center;gap:4px;font-weight:var(--font-medium)}.MapEventCard-module__contemporaryBadge__wvSML{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:#ca8a04;font-weight:var(--font-medium);margin-top:2px}.MapEventCard-module__contemporaryBadge__wvSML .MapEventCard-module__textEn__jDAFF{display:inline}.MapEventCard-module__contemporaryBadge__wvSML .MapEventCard-module__textAr__UcOKi{display:inline;font-size:.9em;opacity:.8;margin-left:4px}.MapEventCard-module__flyToIcon__CTL4l{display:flex;align-items:center;justify-content:center;padding:0 var(--space-md);color:var(--color-text-tertiary);transition:all var(--transition-base)}.MapEventCard-module__eventCard__UfOiU:hover .MapEventCard-module__flyToIcon__CTL4l,.MapEventCard-module__eventCard__UfOiU:active .MapEventCard-module__flyToIcon__CTL4l{color:var(--color-primary);transform:translate(4px)}.MapEventCard-module__eventCard__UfOiU.MapEventCard-module__active__t0JK- .MapEventCard-module__flyToIcon__CTL4l{color:var(--color-primary)}.MapEventCard-module__textEn__jDAFF,.MapEventCard-module__textAr__UcOKi{display:inline}.dark .MapEventCard-module__eventCard__UfOiU{background:var(--color-surface);border-color:var(--color-border)}.dark .MapEventCard-module__eventCard__UfOiU.MapEventCard-module__active__t0JK-{background:linear-gradient(135deg,#6366f126,#6366f114);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f140}.dark .MapEventCard-module__eventCard__UfOiU.MapEventCard-module__contemporary__vZqMm{background:linear-gradient(135deg,#fbbf241f,#fbbf240f);border-color:#fbbf2480}@media(prefers-reduced-motion:reduce){.MapEventCard-module__eventCard__UfOiU,.MapEventCard-module__flyToIcon__CTL4l{transition:none}.MapEventCard-module__eventCard__UfOiU:active,.MapEventCard-module__eventCard__UfOiU:hover .MapEventCard-module__flyToIcon__CTL4l{transform:none}}.MapBottomSheet-module__mapBottomSheet__tlPTW{position:fixed;bottom:0;left:0;right:0;background:var(--color-background);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -8px 32px #0003,0 -4px 16px #0000001a;z-index:10;display:flex;flex-direction:column;transition:height .3s cubic-bezier(.34,1.56,.64,1);will-change:height;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.MapBottomSheet-module__mapBottomSheet__tlPTW.MapBottomSheet-module__dragging__wW0JE{transition:none}.MapBottomSheet-module__sheetHandle__joEE7{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm) 0;gap:var(--space-xs);cursor:grab;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.MapBottomSheet-module__sheetHandle__joEE7:active{cursor:grabbing}.MapBottomSheet-module__handleBar__r2IR3{width:48px;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.MapBottomSheet-module__sheetHandle__joEE7:active .MapBottomSheet-module__handleBar__r2IR3{width:64px;background:var(--color-text-tertiary)}.MapBottomSheet-module__handleButton__y-FEk{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.MapBottomSheet-module__handleButton__y-FEk:active{transform:scale(.9);background:var(--color-primary);color:#fff}.MapBottomSheet-module__sheetContent__fKOKb{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.MapBottomSheet-module__sheetHeader__7lufQ{padding:var(--space-sm) var(--space-lg);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0}.MapBottomSheet-module__sheetTitle__RrmgM{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:2px;line-height:1.2}.MapBottomSheet-module__sheetScrollable__-mMz3{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-md)}.MapBottomSheet-module__sheetScrollable__-mMz3::-webkit-scrollbar{width:4px}.MapBottomSheet-module__sheetScrollable__-mMz3::-webkit-scrollbar-track{background:transparent}.MapBottomSheet-module__sheetScrollable__-mMz3::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.MapBottomSheet-module__legendSection__1nsxw{margin-bottom:var(--space-lg)}.MapBottomSheet-module__legendTitle__M-tUd{margin:0 0 var(--space-sm) 0;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;display:flex;flex-direction:column;gap:2px}.MapBottomSheet-module__legendGrid__eeeHs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.MapBottomSheet-module__legendItem__YzXeE{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.MapBottomSheet-module__legendMarker__c-qjV{width:16px;height:16px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:0 2px 4px #0000001a}.MapBottomSheet-module__legendLabel__De8PC{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:2px;line-height:1.2;flex:1;min-width:0}.MapBottomSheet-module__temporalNote__tbQSQ{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md)}.MapBottomSheet-module__eventsSection__Pw5Fy{margin-bottom:var(--space-md)}.MapBottomSheet-module__sectionTitle__xYsge{margin:0 0 var(--space-md) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;flex-direction:column;gap:2px;line-height:1.2}.MapBottomSheet-module__eventsList__oaWRF{display:flex;flex-direction:column;gap:var(--space-sm)}.MapBottomSheet-module__textEn__R-4ZF{display:block}.MapBottomSheet-module__textAr__Ew4n1{display:block;font-size:.9em;opacity:.7;direction:rtl}.MapBottomSheet-module__mapBottomSheet__tlPTW.MapBottomSheet-module__collapsed__RQHbB .MapBottomSheet-module__sheetScrollable__-mMz3{overflow:hidden}.dark .MapBottomSheet-module__mapBottomSheet__tlPTW{background:var(--color-surface);box-shadow:0 -8px 32px #0006,0 -4px 16px #0003}.dark .MapBottomSheet-module__handleBar__r2IR3{background:var(--color-text-tertiary)}.dark .MapBottomSheet-module__temporalNote__tbQSQ{background:#fbbf2426;border-color:#fbbf2466}@media(min-width:768px){.MapBottomSheet-module__legendGrid__eeeHs{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.MapBottomSheet-module__mapBottomSheet__tlPTW{max-width:500px;left:auto;right:1rem;bottom:1rem;border-radius:var(--radius-2xl);height:auto!important;max-height:80vh}.MapBottomSheet-module__mapBottomSheet__tlPTW.MapBottomSheet-module__collapsed__RQHbB{height:auto!important}.MapBottomSheet-module__mapBottomSheet__tlPTW.MapBottomSheet-module__half__d-UHl,.MapBottomSheet-module__mapBottomSheet__tlPTW.MapBottomSheet-module__full__eQ5Ku{height:70vh!important}.MapBottomSheet-module__sheetHandle__joEE7{display:none}.MapBottomSheet-module__sheetScrollable__-mMz3{max-height:calc(70vh - 60px)}}@media(prefers-reduced-motion:reduce){.MapBottomSheet-module__mapBottomSheet__tlPTW{transition:none}.MapBottomSheet-module__handleButton__y-FEk:active{transform:none}}.MapPanel-module__mapPanel__DF9cG{position:fixed;left:50%;transform:translate(-50%);z-index:10000;transition:all var(--transition-slower);pointer-events:auto;visibility:visible;display:block}.MapPanel-module__mapPanelToggle__GZWVY{display:none;min-width:140px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #2563eb66,0 4px 16px #0003;color:#fff;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:10;animation:MapPanel-module__fadeInUp__dc9l2 .5s var(--ease-bounce) backwards;animation-delay:.8s;overflow:hidden;min-height:var(--touch-target-min);-webkit-tap-highlight-color:rgba(37,99,235,.2)}@keyframes MapPanel-module__fadeInUp__dc9l2{0%{opacity:0;transform:translate(-50%) translateY(30px)}60%{opacity:1}to{opacity:1;transform:translate(-50%) translateY(0)}}.MapPanel-module__mapPanelToggle__GZWVY:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.MapPanel-module__mapPanelToggle__GZWVY:hover:before{opacity:1}.MapPanel-module__mapPanelToggle__GZWVY:active{transform:translate(-50%) scale(.98);transition:all .1s ease}.MapPanel-module__toggleIcon__V3rol{display:flex;align-items:center;justify-content:center;flex-shrink:0}.MapPanel-module__toggleIcon__V3rol svg{flex-shrink:0}.MapPanel-module__toggleLabels__4MXSW{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1}.MapPanel-module__labelEn__mJ4y-{font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.MapPanel-module__labelAr__5gVBE{font-size:10px;font-weight:500;opacity:.9;direction:rtl}.MapPanel-module__mapPanel__DF9cG.MapPanel-module__expanded__OnqlR .MapPanel-module__mapPanelToggle__GZWVY{opacity:0;pointer-events:none}.MapPanel-module__mapPanelContent__stCBt{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:-webkit-fill-available!important;height:100dvh!important;z-index:99999!important;display:flex!important;align-items:stretch;justify-content:stretch;padding:0;margin:0;opacity:0;animation:MapPanel-module__explorerModeIn__sanVK .4s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity;background:var(--color-background);overflow:hidden;pointer-events:auto!important;visibility:visible!important}@keyframes MapPanel-module__explorerModeIn__sanVK{0%{opacity:0}to{opacity:1}}.MapPanel-module__mapContentWrapper__YKX8x{width:100%!important;height:100%!important;max-height:100vh!important;max-height:-webkit-fill-available!important;max-height:100dvh!important;background:var(--color-surface);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-radius:0;border:none;box-shadow:none;overflow:hidden;animation:MapPanel-module__mapContentIn__txNi9 .6s cubic-bezier(.16,1,.3,1) .1s backwards;display:flex!important;flex-direction:column;position:relative;z-index:1}[data-map-context]{height:100%;display:flex;flex-direction:column}@keyframes MapPanel-module__mapContentIn__txNi9{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.MapPanel-module__mapPanelClose__OsZZz{position:absolute!important;top:calc(.75rem + env(safe-area-inset-top))!important;right:calc(.75rem + env(safe-area-inset-right))!important;z-index:100000!important;width:48px;height:48px;border-radius:var(--radius-full);background:#dc2626f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #dc26264d,0 4px 12px #0003;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:MapPanel-module__fadeInScale__yAj0s .4s cubic-bezier(.16,1,.3,1) .2s backwards;-webkit-tap-highlight-color:rgba(220,38,38,.2);pointer-events:auto!important}@keyframes MapPanel-module__fadeInScale__yAj0s{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.MapPanel-module__mapPanelClose__OsZZz:hover{transform:scale(1.1);background:#b91c1cf2;box-shadow:0 12px 32px #dc262666,0 6px 16px #00000040}.MapPanel-module__mapPanelClose__OsZZz:active{transform:scale(.95);transition:all .1s ease}@media(min-width:204px){.MapPanel-module__mapPanel__DF9cG{bottom:1rem;right:1rem;left:auto;transform:none}.MapPanel-module__mapPanelToggle__GZWVY{display:none;min-width:150px;height:60px}.MapPanel-module__mapPanelToggle__GZWVY:active{transform:scale(1.02)}.MapPanel-module__mapPanelContent__stCBt{padding:2rem;align-items:center;justify-content:center}.MapPanel-module__mapContentWrapper__YKX8x{max-width:auto;max-height:97.5vh;border-radius:var(--radius-2xl);border:2px solid var(--color-border);box-shadow:0 0 80px rgba(var(--period-color-rgb),.3),0 24px 80px #0003}.MapPanel-module__mapPanelClose__OsZZz{top:calc(2rem + env(safe-area-inset-top));right:calc(2rem + env(safe-area-inset-right))}}.dark .MapPanel-module__mapPanelToggle__GZWVY{background:linear-gradient(135deg,var(--color-primary) 0%,#1e40af 100%);border-color:#ffffff1a}.dark .MapPanel-module__mapPanel__DF9cG.MapPanel-module__expanded__OnqlR .MapPanel-module__mapPanelToggle__GZWVY{background:linear-gradient(135deg,#dc2626,#991b1b)}.dark .MapPanel-module__mapPanelContent__stCBt{background:var(--color-surface-elevated)}.dark .MapPanel-module__mapContentWrapper__YKX8x{border-color:#ffffff1a}@media(prefers-reduced-motion:reduce){.MapPanel-module__mapPanelToggle__GZWVY,.MapPanel-module__mapPanelContent__stCBt,.MapPanel-module__mapContentWrapper__YKX8x,.MapPanel-module__mapPanelClose__OsZZz{animation:none;transition:none}}@media(prefers-contrast:high){.MapPanel-module__mapPanelToggle__GZWVY,.MapPanel-module__mapPanelClose__OsZZz{border:3px solid currentColor}}.current-flag-container{position:relative;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.current-flag-container.loaded{opacity:1;transform:scale(1)}.current-flag{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:filter var(--transition-base);border-radius:4px;overflow:hidden}.current-flag:hover{filter:drop-shadow(0 6px 20px rgba(0,0,0,.25))}.current-flag.animated .current-flag-stripes{animation:subtleWave 3s ease-in-out infinite;transform-origin:center}@keyframes subtleWave{0%,to{transform:translate(0)}50%{transform:translate(1px)}}.current-flag.animated .red-stripe{animation:colorPulse 4s ease-in-out infinite}.current-flag.animated .white-stripe{animation:colorPulse 4s ease-in-out infinite .5s}.current-flag.animated .black-stripe{animation:colorPulse 4s ease-in-out infinite 1s}.current-flag.animated .green-triangle{animation:colorPulse 4s ease-in-out infinite 1.5s}@keyframes colorPulse{0%,to{opacity:1}50%{opacity:.95}}.current-flag.animated .shine-layer{animation:shinePass 6s ease-in-out infinite}@keyframes shinePass{0%,to{opacity:.3}50%{opacity:.6}}.current-flag.animated .green-triangle-group{animation:trianglePulse 3s ease-in-out infinite;transform-origin:left center}@keyframes trianglePulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.current-flag-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(206,17,38,.2) 0%,rgba(0,122,61,.1) 50%,transparent 70%);opacity:.5;pointer-events:none;z-index:-1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}.current-flag-container:hover .current-flag{transform:scale(1.02)}.current-flag-container:hover .current-flag-glow{opacity:.7}@media(prefers-reduced-motion:reduce){.current-flag-container{transition:opacity .3s ease}.current-flag.animated .current-flag-stripes,.current-flag.animated .red-stripe,.current-flag.animated .white-stripe,.current-flag.animated .black-stripe,.current-flag.animated .green-triangle,.current-flag.animated .shine-layer,.current-flag.animated .green-triangle-group,.current-flag-glow{animation:none}.current-flag-container:hover .current-flag{transform:none}}@media(max-width:768px){.current-flag{filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}.current-flag:hover{filter:drop-shadow(0 3px 12px rgba(0,0,0,.18))}.current-flag-glow{opacity:.3}}.enhanced-flag-container{position:relative;display:inline-block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:all var(--transition-slow)}.enhanced-flag-container.loaded{animation:flagEntrance 1.2s cubic-bezier(.34,1.56,.64,1)}@keyframes flagEntrance{0%{opacity:0;transform:scale(.8) rotateY(-20deg)}60%{transform:scale(1.05) rotateY(5deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.enhanced-flag{display:block;position:relative;z-index:2}.enhanced-flag.animated .stripe{animation:gentleWave 6s ease-in-out infinite}.enhanced-flag.animated .blue-stripe{animation-delay:0s}.enhanced-flag.animated .yellow-stripe{animation-delay:.2s}.enhanced-flag.animated .green-stripe{animation-delay:.4s}@keyframes gentleWave{0%,to{transform:translate(0) scaleX(1)}50%{transform:translate(1px) scaleX(1.002)}}.shine-layer{animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.6}}.flag-glow{position:absolute;inset:-10px;background:radial-gradient(ellipse at center,rgba(0,102,204,.2) 0%,rgba(255,204,0,.15) 33%,rgba(0,153,51,.2) 66%,transparent 100%);opacity:0;transition:opacity var(--transition-slow);z-index:1;filter:blur(15px)}.enhanced-flag-container:hover{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.enhanced-flag-container:hover .flag-glow{opacity:1}.enhanced-flag-container:hover .shine-layer{opacity:.8}.enhanced-flag-container:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}:root.dark .enhanced-flag-container{filter:drop-shadow(0 6px 20px rgba(0,102,204,.3))}:root.dark .enhanced-flag-container:hover{filter:drop-shadow(0 12px 32px rgba(0,102,204,.5))}:root.dark .flag-glow{background:radial-gradient(ellipse at center,rgba(0,102,204,.4) 0%,rgba(255,204,0,.3) 33%,rgba(0,153,51,.4) 66%,transparent 100%)}@media(prefers-reduced-motion:reduce){.enhanced-flag-container.loaded{animation:fadeIn .5s ease}.enhanced-flag.animated .stripe{animation:none}.shine-layer{animation:none;opacity:.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.EventDetailBottomSheet-module__eventBottomSheet__MjGmE{position:fixed;bottom:0;left:0;right:0;background:var(--color-background);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -8px 32px #0003,0 -4px 16px #0000001a;z-index:10;display:flex;flex-direction:column;transition:height .3s cubic-bezier(.34,1.56,.64,1);will-change:height;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.EventDetailBottomSheet-module__eventBottomSheet__MjGmE.EventDetailBottomSheet-module__dragging__Uoh5n{transition:none}.EventDetailBottomSheet-module__sheetHandle__2tK8s{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm) 0;gap:var(--space-xs);cursor:grab;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.EventDetailBottomSheet-module__sheetHandle__2tK8s:active{cursor:grabbing}.EventDetailBottomSheet-module__handleBar__epKwv{width:48px;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.EventDetailBottomSheet-module__sheetHandle__2tK8s:active .EventDetailBottomSheet-module__handleBar__epKwv{width:64px;background:var(--color-text-tertiary)}.EventDetailBottomSheet-module__handleButton__gNqcQ{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.EventDetailBottomSheet-module__handleButton__gNqcQ:active{transform:scale(.9);background:var(--color-primary);color:#fff}.EventDetailBottomSheet-module__quickActions__kU-uW{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:0 var(--space-lg) var(--space-sm);flex-shrink:0}.EventDetailBottomSheet-module__quickActionBtn__9Bd-4{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.EventDetailBottomSheet-module__quickActionBtn__9Bd-4:disabled{opacity:.3;cursor:not-allowed}.EventDetailBottomSheet-module__quickActionBtn__9Bd-4:not(:disabled):active{transform:scale(.9);background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.EventDetailBottomSheet-module__sheetContent__T4RsR{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.EventDetailBottomSheet-module__titleSection__Xpgt7{padding:var(--space-md) var(--space-lg);background:var(--period-bg-subtle);border-bottom:2px solid var(--color-border);flex-shrink:0}.EventDetailBottomSheet-module__eventTitle__2cC55{margin:0 0 var(--space-sm) 0;font-size:clamp(var(--text-lg),4vw,var(--text-xl));font-weight:var(--font-bold);font-family:var(--font-display);color:var(--color-text-primary);line-height:1.3;letter-spacing:-.02em}.EventDetailBottomSheet-module__eventMeta__xyt22{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.EventDetailBottomSheet-module__metaDate__atwA1{display:inline-flex;align-items:center;background:var(--color-surface-elevated);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);border:1px solid var(--color-border)}.EventDetailBottomSheet-module__metaCategory__GdBr-{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.EventDetailBottomSheet-module__metaLocation__h4t47{display:inline-flex;align-items:center;gap:4px;background:var(--color-surface-elevated);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border)}.EventDetailBottomSheet-module__sheetScrollable__0oLXZ{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-lg)}.EventDetailBottomSheet-module__sheetScrollable__0oLXZ::-webkit-scrollbar{width:4px}.EventDetailBottomSheet-module__sheetScrollable__0oLXZ::-webkit-scrollbar-track{background:transparent}.EventDetailBottomSheet-module__sheetScrollable__0oLXZ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.EventDetailBottomSheet-module__descriptionSection__C6A90{margin-bottom:var(--space-lg)}.EventDetailBottomSheet-module__description__X8vQs{margin:0;font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary)}.EventDetailBottomSheet-module__sourcesSection__CANWK{margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.EventDetailBottomSheet-module__sectionTitle__p6c-U{margin:0 0 var(--space-sm) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex;flex-direction:column;gap:2px}.EventDetailBottomSheet-module__sourcesList__gFavx{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.EventDetailBottomSheet-module__sourceLink__lhrf3{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.EventDetailBottomSheet-module__sourceLink__lhrf3:active{transform:scale(.98);background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.EventDetailBottomSheet-module__relatedSection__ehICX{margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.EventDetailBottomSheet-module__relatedSubtitle__qGYqF{margin:0 0 var(--space-md) 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.EventDetailBottomSheet-module__relatedList__-ISJr{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.EventDetailBottomSheet-module__relatedItem__h0x2T{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;width:100%}.EventDetailBottomSheet-module__relatedItem__h0x2T:active{transform:scale(.98);background:#fbbf241a;border-color:#fbbf2466}.EventDetailBottomSheet-module__relatedYear__EPNez{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-tertiary);min-width:50px}.EventDetailBottomSheet-module__relatedTitle__guQtx{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.EventDetailBottomSheet-module__relatedIcon__V4dlD{color:var(--color-text-tertiary);flex-shrink:0}.EventDetailBottomSheet-module__relatedMore__CLHOp{margin:var(--space-sm) 0 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.EventDetailBottomSheet-module__textEn__qct9E{display:block}.EventDetailBottomSheet-module__textAr__M7IDd{display:block;font-size:.9em;opacity:.7;direction:rtl}.EventDetailBottomSheet-module__eventBottomSheet__MjGmE.EventDetailBottomSheet-module__collapsed__1vsfM .EventDetailBottomSheet-module__sheetScrollable__0oLXZ{overflow:hidden}.dark .EventDetailBottomSheet-module__eventBottomSheet__MjGmE{background:var(--color-surface);box-shadow:0 -8px 32px #0006,0 -4px 16px #0003}.dark .EventDetailBottomSheet-module__handleBar__epKwv{background:var(--color-text-tertiary)}@media(max-width:700px){.EventDetailBottomSheet-module__eventBottomSheet__MjGmE{display:none!important}}@media(min-width:1024px){.EventDetailBottomSheet-module__eventBottomSheet__MjGmE{max-width:500px;left:1rem;right:auto;bottom:1rem;border-radius:var(--radius-2xl);height:auto!important;max-height:80vh}.EventDetailBottomSheet-module__eventBottomSheet__MjGmE.EventDetailBottomSheet-module__collapsed__1vsfM{height:auto!important}.EventDetailBottomSheet-module__eventBottomSheet__MjGmE.EventDetailBottomSheet-module__half__H5vTt,.EventDetailBottomSheet-module__eventBottomSheet__MjGmE.EventDetailBottomSheet-module__full__Dn6gN{height:70vh!important}.EventDetailBottomSheet-module__sheetHandle__2tK8s{display:none}.EventDetailBottomSheet-module__quickActions__kU-uW{display:flex!important;border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.EventDetailBottomSheet-module__sheetScrollable__0oLXZ{max-height:calc(70vh - 200px)}}@media(prefers-reduced-motion:reduce){.EventDetailBottomSheet-module__eventBottomSheet__MjGmE{transition:none}.EventDetailBottomSheet-module__handleButton__gNqcQ:active,.EventDetailBottomSheet-module__quickActionBtn__9Bd-4:active{transform:none}}.SplitScreenContainer-module__splitScreenContainer__TXWr-{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:SplitScreenContainer-module__fadeIn__sdtu9 var(--transition-base) ease-in}@keyframes SplitScreenContainer-module__fadeIn__sdtu9{0%{opacity:0}to{opacity:1}}.SplitScreenContainer-module__splitScreenOverlay__9G7It{position:absolute;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:-1}.SplitScreenContainer-module__splitScreenContent__B7OG5{width:100%;height:100%;max-height:100vh;max-height:100dvh;max-height:-webkit-fill-available;margin:auto;position:relative;animation:SplitScreenContainer-module__scaleIn__PwwN- var(--transition-slow) cubic-bezier(.34,1.56,.64,1)}.SplitScreenContainer-module__closeMapButton__cONVD{position:absolute;top:1rem;right:1rem;z-index:1000;border-radius:var(--radius-full);background:#dc2626f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #dc26264d,0 4px 12px #0003;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:SplitScreenContainer-module__fadeInScale__LS1AB .4s cubic-bezier(.16,1,.3,1) .2s backwards;-webkit-tap-highlight-color:rgba(220,38,38,.2);pointer-events:auto!important}.SplitScreenContainer-module__closeMapButton__cONVD:hover{transform:scale(1.1);background:#b91c1cf2;box-shadow:0 12px 32px #dc262666,0 6px 16px #00000040}@keyframes SplitScreenContainer-module__scaleIn__PwwN-{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.SplitScreenContainer-module__fullscreenMap__N2SGf{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}@media(min-width:1024px){.SplitScreenContainer-module__splitScreenContent__B7OG5{max-width:1800px;max-height:95vh;padding:1rem}.SplitScreenContainer-module__fullscreenMap__N2SGf{border-radius:var(--radius-2xl)}}.dark .SplitScreenContainer-module__splitScreenOverlay__9G7It{background-color:#000000d9}@media(prefers-reduced-motion:reduce){.SplitScreenContainer-module__splitScreenContainer__TXWr-,.SplitScreenContainer-module__splitScreenContent__B7OG5{animation:none}}@media(prefers-contrast:high){.SplitScreenContainer-module__splitScreenOverlay__9G7It{background-color:#000}}.timeline-container{max-width:1600px;margin:0 auto;padding:0;background:radial-gradient(circle at 20% 20%,var(--period-bg-light) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--period-bg-subtle) 0%,transparent 50%),var(--color-background);min-height:100vh;transition:background 2s var(--ease-standard);position:relative;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.timeline-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 0%,var(--period-accent) 0%,transparent 40%),radial-gradient(circle at 0% 50%,var(--period-bg-light) 0%,transparent 30%),radial-gradient(circle at 100% 50%,var(--period-bg-subtle) 0%,transparent 30%);opacity:.6;pointer-events:none;z-index:0;transition:opacity 2s var(--ease-standard)}.timeline-main-content{padding:var(--space-2xl) var(--space-xl);max-width:1400px;margin:0 auto;position:relative;z-index:1}.timeline-header{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent 0%,var(--period-color-primary) 50%,transparent 100%) 1;padding:var(--space-sm) 0;transition:all var(--transition-slow);box-shadow:0 4px 20px #00000014}.timeline-header.scrolled{padding:var(--space-sm) 0;box-shadow:var(--shadow-lg)}.header-content{max-width:1600px;margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.timeline-command-header{position:sticky;top:0;z-index:99;background:#fffffff2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--color-border-light);padding:var(--space-md) var(--space-lg);transition:all var(--transition-slow);box-shadow:0 2px 12px #0000000a}.timeline-command-header.scrolled{box-shadow:0 4px 20px #0000001f;border-bottom:1px solid var(--color-border)}.timeline-command-header .timeline-command-center{margin-bottom:0;animation:none}:root.dark .timeline-command-header{background:#121212f2;border-bottom:1px solid var(--color-border)}:root.dark .timeline-command-header.scrolled{box-shadow:0 4px 20px #000c}@media(max-width:768px){.timeline-container:before{opacity:.3}:root.dark .timeline-command-header{background:#121212fa}}@media(max-width:480px){.timeline-container:before{display:none}}.flag-container{display:flex;align-items:center;gap:var(--space-md);transition:transform var(--transition-slow);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:transparent}.flag-container:hover{transform:scale(1.02);background:var(--color-border-light)}.historic-flag{filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));transition:filter var(--transition-base)}.flag-container:hover .historic-flag{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.timeline-title{display:flex;flex-direction:column;gap:2px}.timeline-title h1{font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin:0;line-height:1;color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:-.02em}.timeline-subtitle{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em}.timeline-navigation-section{display:flex;align-items:center;gap:var(--space-lg);flex:1}.timeline-stats{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--font-medium);white-space:nowrap}.timeline-controls{margin-bottom:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-map-section{margin-bottom:var(--space-2xl);animation:slideDown .4s var(--ease-standard)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.compact-timeline-list{display:flex;flex-direction:column;gap:0}.timeline-content{margin-bottom:var(--space-3xl);position:relative}.timeline-content>div{animation:fadeInUp .6s ease-out backwards}.timeline-content>div:nth-child(1){animation-delay:.1s}.timeline-content>div:nth-child(2){animation-delay:.2s}.timeline-content>div:nth-child(3){animation-delay:.3s}.timeline-content>div:nth-child(4){animation-delay:.4s}.timeline-content>div:nth-child(5){animation-delay:.5s}.timeline-content>div:nth-child(6){animation-delay:.6s}.timeline-content>div:nth-child(7){animation-delay:.7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-results{text-align:center;padding:var(--space-4xl) var(--space-xl);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.no-results-icon{margin:0 auto var(--space-xl);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--period-bg-light);border-radius:var(--radius-full);color:var(--period-color-primary)}.no-results h3{margin:0 0 var(--space-md) 0;font-size:var(--text-2xl);color:var(--color-text-secondary);font-family:var(--font-display)}.no-results p{margin:0 0 var(--space-xl) 0;font-size:var(--text-base);color:var(--color-text-tertiary);max-width:500px;margin-left:auto;margin-right:auto}.btn-clear-filters{padding:var(--space-md) var(--space-xl);background:var(--period-color-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-clear-filters:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--color-primary-dark)}.btn-clear-filters:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.timeline-footer{text-align:center;padding:var(--space-2xl) var(--space-lg);border-top:2px solid var(--color-border);margin-top:var(--space-3xl);background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.timeline-footer p{margin:0;font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--font-medium);letter-spacing:.02em}.floating-map-toggle{position:fixed;bottom:var(--space-2xl);right:var(--space-2xl);z-index:900;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-bold);font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-2xl);transition:all var(--transition-base);animation:fadeInUp .5s var(--ease-bounce) backwards;animation-delay:.8s}.floating-map-toggle:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #2563eb66;background:var(--color-primary-dark)}.floating-map-toggle:active{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.floating-map-toggle.active{background:linear-gradient(135deg,#059669,#10b981)}.floating-map-toggle.active:hover{box-shadow:0 12px 40px #05966966}.floating-map-toggle .toggle-label{font-weight:var(--font-bold);letter-spacing:.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.header-content{padding:0 var(--space-lg)}.timeline-main-content{padding:var(--space-2xl) var(--space-lg)}}@media(max-width:768px){.timeline-header{padding:var(--space-xs) 0}.header-content{padding:0 var(--space-md);gap:var(--space-sm);flex-direction:column}.timeline-navigation-section{width:100%;flex-direction:column;gap:var(--space-sm)}.timeline-main-content{padding:var(--space-xl) var(--space-md)}.timeline-controls{gap:var(--space-md);margin-bottom:var(--space-lg)}.no-results{padding:var(--space-2xl) var(--space-lg)}.no-results h3{font-size:var(--text-xl)}.no-results p{font-size:var(--space-sm)}.floating-map-toggle{bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.floating-map-toggle .toggle-label{display:none}.timeline-container{padding-bottom:var(--safe-area-inset-bottom)}.timeline-main-content{padding:var(--space-sm) calc(var(--space-md) + var(--safe-area-inset-left)) calc(var(--space-2xl) + var(--safe-area-inset-bottom)) calc(var(--space-md) + var(--safe-area-inset-right))}.timeline-header{padding-top:calc(var(--space-xs) + var(--safe-area-inset-top))}.timeline-command-header{padding:var(--space-md) var(--space-md) var(--space-sm);padding-top:calc(var(--space-md) + var(--safe-area-inset-top));backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.timeline-command-header.scrolled{padding:var(--space-sm) var(--space-md);padding-top:calc(var(--space-sm) + var(--safe-area-inset-top));box-shadow:0 2px 12px #0000001a}.btn-clear-filters{min-height:var(--touch-target-comfortable);padding:var(--space-md) var(--space-2xl)}.floating-map-toggle{bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom));right:calc(var(--space-lg) + var(--safe-area-inset-right));min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-md);-webkit-tap-highlight-color:transparent}.timeline-footer{padding:var(--space-xl) var(--space-md) calc(var(--space-xl) + var(--safe-area-inset-bottom));margin-top:var(--space-2xl)}}@media(max-width:480px){.timeline-container{padding:0}.timeline-main-content{padding:var(--space-xs) var(--space-sm) calc(var(--space-xl) + var(--safe-area-inset-bottom))}.timeline-command-header{padding:var(--space-sm);padding-top:calc(var(--space-sm) + var(--safe-area-inset-top));backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}.timeline-command-header.scrolled{padding:var(--space-xs) var(--space-sm);padding-top:calc(var(--space-xs) + var(--safe-area-inset-top))}.no-results p{font-size:var(--text-sm)}.btn-clear-filters{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}.header-content{padding:0 var(--space-sm)}.timeline-controls{gap:var(--space-sm)}.floating-map-toggle{bottom:calc(var(--space-md) + var(--safe-area-inset-bottom));right:calc(var(--space-md) + var(--safe-area-inset-right));padding:var(--space-sm)}.no-results{padding:var(--space-xl) var(--space-md)}.no-results h3{font-size:var(--text-lg)}}@media(max-width:768px)and (max-height:500px)and (orientation:landscape){.timeline-main-content{padding:var(--space-xs) var(--space-lg)}.timeline-controls{margin-bottom:var(--space-md)}.no-results{padding:var(--space-lg) var(--space-md)}.no-results-icon{width:60px;height:60px;margin-bottom:var(--space-md)}.floating-map-toggle{bottom:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md)}}.compact-event-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-sm);position:relative;overflow:hidden}.compact-event-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--event-color);transform:scaleY(0);transition:transform var(--transition-base)}.compact-event-row:hover:before{transform:scaleY(1)}.compact-event-row:hover{background:var(--color-surface-elevated);border-color:rgba(var(--event-color-rgb),.3);transform:translate(4px);box-shadow:var(--shadow-md)}.compact-event-row:active{transform:translate(2px) scale(.99)}.compact-event-row:focus-visible{outline:2px solid var(--event-color);outline-offset:2px}.compact-event-icon{font-size:1.5rem;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(var(--event-color-rgb),.1);border-radius:var(--radius-md);transition:all var(--transition-base)}.compact-event-row:hover .compact-event-icon{background:rgba(var(--event-color-rgb),.2);transform:scale(1.1) rotate(5deg)}.compact-event-content{flex:1;min-width:0}.compact-event-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.compact-event-title{margin:0;font-size:var(--text-base);font-weight:var(--font-bold);font-family:var(--font-body);color:var(--color-text-primary);line-height:1.3;flex:1;min-width:0}.compact-event-year{font-size:var(--text-sm);font-weight:var(--font-semibold);padding:2px 8px;background:rgba(var(--event-color-rgb),.15);color:var(--event-color);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.compact-event-description{margin:0 0 var(--space-xs) 0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-event-category{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;background:var(--color-surface-elevated);color:var(--color-text-tertiary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.compact-event-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:rgba(var(--event-color-rgb),.1);color:var(--event-color);flex-shrink:0;transition:all var(--transition-fast);margin-top:4px}.compact-event-row:hover .compact-event-arrow{background:rgba(var(--event-color-rgb),.2);transform:translate(4px)}:root.dark .compact-event-row{background:var(--color-surface);border-color:var(--color-border)}:root.dark .compact-event-row:hover{background:var(--color-surface-elevated);border-color:rgba(var(--event-color-rgb),.4)}:root.dark .compact-event-icon{background:rgba(var(--event-color-rgb),.15)}:root.dark .compact-event-row:hover .compact-event-icon{background:rgba(var(--event-color-rgb),.25)}:root.dark .compact-event-year{background:rgba(var(--event-color-rgb),.2)}:root.dark .compact-event-category{background:var(--color-surface-elevated)}:root.dark .compact-event-arrow{background:rgba(var(--event-color-rgb),.15)}:root.dark .compact-event-row:hover .compact-event-arrow{background:rgba(var(--event-color-rgb),.25)}@media(prefers-reduced-motion:reduce){.compact-event-row,.compact-event-row:before,.compact-event-icon,.compact-event-arrow{transition:none}}@media(max-width:768px){.compact-event-row{padding:var(--space-sm);gap:var(--space-sm)}.compact-event-icon{width:36px;height:36px;font-size:1.25rem}.compact-event-title{font-size:var(--text-sm)}.compact-event-year{font-size:var(--text-xs);padding:2px 6px}.compact-event-description{font-size:var(--text-xs);-webkit-line-clamp:1}.compact-event-arrow{width:28px;height:28px}.compact-event-arrow svg{width:16px;height:16px}}@media(max-width:480px){.compact-event-row{flex-direction:column;gap:var(--space-xs)}.compact-event-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.compact-event-arrow{align-self:flex-end}}.compact-timeline-period{border-left:8px solid var(--period-color);background:linear-gradient(90deg,rgba(var(--period-color-rgb),.08) 0%,rgba(var(--period-color-rgb),.03) 30%,transparent 100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-bottom:var(--space-xs);transition:all var(--transition-base);overflow:hidden;position:relative}.compact-timeline-period:before{content:"";position:absolute;top:0;left:-8px;bottom:0;width:8px;background:linear-gradient(180deg,var(--period-color) 0%,rgba(var(--period-color-rgb),.7) 100%);opacity:0;transition:opacity var(--transition-base)}.compact-timeline-period:hover:before{opacity:1}.compact-timeline-period:hover{transform:translate(4px);background:linear-gradient(90deg,rgba(var(--period-color-rgb),.12) 0%,rgba(var(--period-color-rgb),.05) 30%,transparent 100%);box-shadow:var(--shadow-md)}@media(hover:none)and (pointer:coarse){.compact-timeline-period:hover:before{opacity:0}.compact-timeline-period:hover{transform:none;background:linear-gradient(90deg,rgba(var(--period-color-rgb),.08) 0%,rgba(var(--period-color-rgb),.03) 30%,transparent 100%);box-shadow:none}.compact-timeline-period.sub-period:hover{transform:none}.compact-period-header:hover{background:transparent}}.compact-timeline-period.expanded{margin-bottom:var(--space-md);box-shadow:var(--shadow-lg)}.compact-timeline-period.sub-period{margin-left:var(--space-xl);margin-bottom:var(--space-xs);border-left-width:4px}.compact-timeline-period.sub-period:hover{transform:translate(2px)}.compact-period-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:60px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base);position:relative;z-index:1}.sub-period .compact-period-header{min-height:50px;padding:var(--space-sm) var(--space-md)}.compact-period-header:hover{background:rgba(var(--period-color-rgb),.05)}.compact-period-header:focus-visible{outline:2px solid var(--period-color);outline-offset:2px}.compact-period-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:rgba(var(--period-color-rgb),.15);color:var(--period-color);flex-shrink:0;transition:all var(--transition-base)}.sub-period .compact-period-icon{width:28px;height:28px}.compact-timeline-period:hover .compact-period-icon{background:rgba(var(--period-color-rgb),.25);transform:scale(1.1)}.compact-timeline-period.expanded .compact-period-icon{background:var(--period-color);color:#fff;box-shadow:0 2px 8px rgba(var(--period-color-rgb),.4)}.compact-period-info{flex:1;min-width:0}.compact-period-name{margin:0;font-size:1.5rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.sub-period .compact-period-name{font-size:1.25rem;font-weight:700}.compact-period-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-tertiary)}.compact-period-years,.compact-period-subcount,.compact-period-count{display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.compact-period-years{padding:4px 10px;background:rgba(var(--period-color-rgb),.12);color:var(--period-color);border-radius:var(--radius-full);font-weight:600}.compact-period-subcount,.compact-period-count{padding:4px 10px;background:var(--color-surface-elevated);border-radius:var(--radius-full)}.compact-period-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:var(--color-surface)}.compact-timeline-period.expanded .compact-period-content{max-height:10000px}.compact-period-content-inner{padding:var(--space-xl) var(--space-lg);border-top:1px solid rgba(var(--period-color-rgb),.15)}.sub-period .compact-period-content-inner{padding:var(--space-lg) var(--space-md)}.compact-period-description{margin:0 0 var(--space-lg) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);font-style:italic;padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-md);border-left:3px solid var(--period-color)}.sub-period .compact-period-description{font-size:var(--text-sm);padding:var(--space-sm)}.compact-events-list{margin-bottom:var(--space-lg)}.compact-events-title{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-xs)}.compact-events-title:before{content:"";width:4px;height:16px;background:var(--period-color);border-radius:2px}.compact-sub-periods{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px dashed var(--color-border)}.compact-subperiods-title{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-xs)}.compact-subperiods-title:before{content:"";width:4px;height:16px;background:var(--period-color);border-radius:2px}.compact-period-collapse-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-sm);margin-top:var(--space-lg);background:rgba(var(--period-color-rgb),.08);border:1px solid rgba(var(--period-color-rgb),.2);border-radius:var(--radius-md);color:var(--period-color);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.compact-period-collapse-btn:hover{background:rgba(var(--period-color-rgb),.15);border-color:var(--period-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--period-color-rgb),.2)}.compact-period-collapse-btn:active{transform:translateY(0)}@media(hover:none)and (pointer:coarse){.compact-period-collapse-btn:hover{background:rgba(var(--period-color-rgb),.08);border-color:rgba(var(--period-color-rgb),.2);transform:none;box-shadow:none}.compact-period-collapse-btn:active{background:rgba(var(--period-color-rgb),.15);transform:scale(.98)}}@media(max-width:1024px){.compact-period-header{min-height:56px;padding:var(--space-sm) var(--space-md)}.compact-period-info h3{font-size:var(--text-lg)}}@media(max-width:768px){.compact-timeline-period{border-left-width:6px;margin-bottom:var(--space-sm)}.compact-timeline-period.sub-period{margin-left:var(--space-lg);border-left-width:3px}.compact-period-header{min-height:64px;padding:var(--space-md);gap:var(--space-sm)}.sub-period .compact-period-header{min-height:56px;padding:var(--space-sm) var(--space-md)}.compact-period-icon{width:36px;height:36px}.sub-period .compact-period-icon{width:28px;height:28px}.compact-period-info h3{font-size:var(--text-base);line-height:1.4}.compact-period-info .date-range{font-size:.75rem}.compact-period-meta{font-size:.6875rem;gap:var(--space-xs)}.compact-period-description{font-size:var(--text-sm);padding:var(--space-sm);margin-bottom:var(--space-md)}.compact-period-collapse-btn{min-height:44px;padding:var(--space-md);margin-top:var(--space-md)}}@media(max-width:480px){.compact-timeline-period{border-left-width:4px;border-radius:0 var(--radius-md) var(--radius-md) 0}.compact-timeline-period.sub-period{margin-left:var(--space-md);border-left-width:2px}.compact-period-header{min-height:60px;padding:var(--space-sm);gap:var(--space-xs)}.sub-period .compact-period-header{min-height:52px;padding:var(--space-xs) var(--space-sm)}.compact-period-icon{width:32px;height:32px}.compact-period-icon svg{width:18px;height:18px}.sub-period .compact-period-icon{width:24px;height:24px}.sub-period .compact-period-icon svg{width:14px;height:14px}.compact-period-info h3{font-size:.9375rem}.sub-period .compact-period-info h3{font-size:.875rem}.compact-period-info .date-range{font-size:.6875rem}.compact-period-meta{font-size:.625rem;flex-wrap:wrap}.compact-period-description{font-size:.8125rem;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}.compact-events-title,.compact-subperiods-title{font-size:.6875rem;margin-bottom:var(--space-sm)}.compact-period-collapse-btn{font-size:.75rem;padding:var(--space-sm);min-height:40px}}.compact-period-collapse-btn svg{transition:transform var(--transition-base)}.compact-period-collapse-btn:hover svg{transform:translateY(2px)}:root.dark .compact-timeline-period{background:linear-gradient(90deg,rgba(var(--period-color-rgb),.12) 0%,rgba(var(--period-color-rgb),.05) 30%,transparent 100%)}:root.dark .compact-timeline-period:hover{background:linear-gradient(90deg,rgba(var(--period-color-rgb),.18) 0%,rgba(var(--period-color-rgb),.08) 30%,transparent 100%)}:root.dark .compact-period-content{background:var(--color-surface)}:root.dark .compact-period-description{background:var(--color-surface-elevated)}@media(prefers-reduced-motion:reduce){.compact-timeline-period,.compact-period-header,.compact-period-icon,.compact-period-content{transition:none}.compact-period-content{transition:max-height .2s linear}}@media(max-width:768px){.compact-timeline-period{border-left-width:6px}.compact-period-header{padding:var(--space-sm) var(--space-md);min-height:50px;gap:var(--space-sm)}.compact-period-icon{width:28px;height:28px}.compact-period-name{font-size:1.25rem}.sub-period .compact-period-name{font-size:1.125rem}.compact-period-meta{gap:var(--space-sm);font-size:var(--text-xs)}.compact-period-years,.compact-period-subcount,.compact-period-count{padding:3px 8px}.compact-period-content-inner{padding:var(--space-md)}.compact-timeline-period.sub-period{margin-left:var(--space-md)}}@media(max-width:480px){.compact-period-meta{flex-direction:column;align-items:flex-start}.compact-period-years,.compact-period-subcount,.compact-period-count{font-size:11px}}.timeline-event{display:flex;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);margin:var(--space-lg) 0;background:var(--color-surface);border-radius:var(--radius-xl);border-left:5px solid;cursor:pointer;transition:all var(--duration-slower) var(--ease-bounce);box-shadow:0 4px 15px #0000000f,0 2px 6px #0000000a;position:relative;overflow:hidden;transform-style:preserve-3d}:root.dark .timeline-event{background:var(--color-surface-elevated);box-shadow:0 4px 15px #0000004d,0 2px 6px #0003}.timeline-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:inherit;filter:brightness(1.3) saturate(1.2);transition:width var(--transition-slow);box-shadow:0 0 20px currentColor;opacity:.6}.timeline-event:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-slower);pointer-events:none}.timeline-event:hover{transform:translate(12px) translateY(-4px) rotateY(1deg);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014}:root.dark .timeline-event:hover{box-shadow:0 20px 40px #00000080,0 8px 16px #0000004d}.timeline-event:active{transform:translate(8px) translateY(-2px) scale(.98);transition:all var(--duration-fast) ease}@media(prefers-reduced-motion:reduce){.timeline-event{transition:background var(--transition-base),box-shadow var(--transition-base)}.timeline-event:hover,.timeline-event:active{transform:none}}.timeline-event:hover:before{width:8px;opacity:1}.timeline-event:hover:after{opacity:1}.event-year{flex-shrink:0;width:90px;font-weight:var(--font-bold);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-tertiary);padding-top:var(--space-xs);letter-spacing:.02em;line-height:var(--leading-tight)}.event-content{flex-grow:1}.event-title{margin:0 0 var(--space-md) 0;font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.02em;position:relative;z-index:1;transition:color var(--transition-base)}.timeline-event:hover .event-title{color:var(--color-primary)}.event-description{margin:0 0 var(--space-md) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);font-family:var(--font-body);position:relative;z-index:1}.event-tag{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-body);color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.3)}@media(max-width:768px){.timeline-event{flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.event-year{width:auto;font-size:var(--text-xs)}.event-title{font-size:var(--text-base)}.event-description{font-size:var(--text-sm)}.event-tag{font-size:.65rem;padding:2px var(--space-sm)}}.timeline-hero-header{position:relative;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);overflow:hidden;transition:all var(--transition-slower);background:var(--color-background);min-height:clamp(400px,50vh,600px);display:flex;flex-direction:column;justify-content:center}.timeline-hero-header.scrolled{padding:clamp(.75rem,2vw,1.5rem) clamp(1rem,3vw,2rem);min-height:auto}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(clamp(40px,8vw,80px));opacity:.15;animation:orbFloat 20s ease-in-out infinite;will-change:transform}.orb-1{width:clamp(250px,40vw,400px);height:clamp(250px,40vw,400px);background:radial-gradient(circle,#0066cc 0%,transparent 70%);top:clamp(-150px,-20vh,-200px);left:clamp(-75px,-10vw,-100px);animation-delay:0s}.orb-2{width:clamp(200px,35vw,350px);height:clamp(200px,35vw,350px);background:radial-gradient(circle,#ffcc00 0%,transparent 70%);top:clamp(-75px,-10vh,-100px);right:clamp(-40px,-5vw,-50px);animation-delay:-7s}.orb-3{width:clamp(180px,30vw,300px);height:clamp(180px,30vw,300px);background:radial-gradient(circle,#009933 0%,transparent 70%);bottom:clamp(-100px,-15vh,-150px);left:50%;transform:translate(-50%);animation-delay:-14s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.hero-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl);transition:transform .1s ease-out}.hero-title-section{max-width:1400px;margin:0 auto;width:100%}.hero-main{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,2rem);cursor:pointer;padding:clamp(.75rem,2vw,1.5rem);border-radius:var(--radius-2xl);transition:all var(--transition-slow)}.hero-main:hover{background:var(--color-surface);transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.hero-main:active{transform:translateY(-2px)}.hero-main:focus-visible{outline:3px solid var(--period-color-primary);outline-offset:4px}.hero-top-row{display:flex;flex-direction:row;align-items:center;gap:clamp(1rem,2vw,2rem);width:100%}.hero-title-subtitle-container{display:flex;flex-direction:column;gap:var(--space-sm);flex:1 1 auto;min-width:0}.flags-container{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1rem);flex-shrink:0}.hero-title{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-black);font-family:var(--font-display);line-height:.95;letter-spacing:-.03em;display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);min-width:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.title-word{display:inline-block;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--period-color-primary) 50%,var(--color-text-primary) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleEntrance var(--duration-slowest) var(--ease-bounce) backwards,gradientShift 8s var(--ease-standard) infinite;text-shadow:0 4px 30px rgba(0,0,0,.1)}@keyframes titleEntrance{0%{opacity:0;transform:translateY(30px) rotateX(-20deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-main:hover .title-word{animation:gradientShift 2s var(--ease-standard) infinite,titlePulse var(--duration-slower) var(--ease-standard)}@keyframes titlePulse{50%{transform:scale(1.02)}}.hero-subtitle{animation:subtitleSlide var(--duration-slowest) var(--ease-standard) backwards;animation-delay:var(--duration-slow)}@keyframes subtitleSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.subtitle-text{display:flex;flex-direction:column;gap:var(--space-xs)}.subtitle-en{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--color-text-primary);letter-spacing:.01em}.subtitle-ar{font-size:clamp(.9rem,2vw,1.1rem);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-text-secondary);direction:rtl;opacity:.9}.hero-actions-row{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,1.5vw,1rem);flex-wrap:nowrap;width:100%;animation:taglineFade var(--duration-slowest) var(--ease-standard) backwards;animation-delay:var(--duration-slower)}.hero-theme-toggle{flex-shrink:1;flex-grow:0;min-width:40px}.hero-action-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-family:var(--font-body);text-decoration:none;transition:all var(--transition-slow);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;box-shadow:var(--shadow-md);min-height:48px;flex:0 1 auto;max-width:350px}.hero-action-button:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:3px}.hero-action-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity var(--transition-base)}.hero-action-button:hover:before{opacity:1}.hero-action-button svg{flex-shrink:0;transition:transform var(--transition-base)}.hero-action-button:hover svg{transform:translate(2px)}.action-button-content{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0;flex:1}.action-button-title{font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:var(--font-bold);letter-spacing:.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-button-subtitle{font-size:clamp(.625rem,1.2vw,.75rem);font-weight:var(--font-medium);opacity:.9;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watani-button{background:linear-gradient(135deg,red,#c00);color:#fff;border-color:#fff3}.watani-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f006,var(--shadow-lg);border-color:#ffffff4d}.watani-button:active{transform:translateY(0)}.donate-button{background:linear-gradient(135deg,#093,#00aa3b);color:#fff;border-color:#fff3}.donate-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0936,var(--shadow-lg);border-color:#ffffff4d}.donate-button:active{transform:translateY(0)}.donate-button svg{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@keyframes taglineFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title-word-ar{font-family:Arial,Traditional Arabic,serif;font-size:.9em;direction:rtl}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);flex-wrap:wrap;padding:var(--space-lg) 0}.hero-bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#0066cc 25%,#ffcc00 50%,#009933 75%,transparent 100%);opacity:.5}@media(max-width:899px){.hero-top-row{align-items:flex-start;gap:clamp(.75rem,2vw,1rem)}.hero-title{font-size:clamp(2rem,5vw,3rem)}.flags-container{align-self:flex-start}}@media(max-width:640px){.timeline-hero-header{min-height:auto;padding:var(--space-lg) var(--space-sm) var(--space-md)}.hero-content{gap:var(--space-md)}.hero-main{padding:var(--space-sm);-webkit-tap-highlight-color:rgba(var(--period-color-rgb),.1);gap:var(--space-sm)}.hero-top-row{gap:var(--space-sm)}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem)}.title-word{text-align:left}.hero-actions-row{margin-top:0}.hero-main:active{transform:translateY(-1px)}.hero-main:hover{transform:translateY(-2px)}.hero-stats{gap:.625rem;flex-wrap:wrap;justify-content:center}.timeline-hero-header.scrolled .hero-stats{display:none}}@media(max-width:480px){.timeline-hero-header{padding:var(--space-md) var(--space-sm) var(--space-sm)}.hero-content{gap:var(--space-sm)}.hero-top-row{gap:var(--space-xs)}.hero-title{font-size:clamp(1.5rem,6vw,2rem)}.hero-title-subtitle-container{gap:var(--space-xs)}.subtitle-en,.subtitle-ar{font-size:clamp(.75rem,2vw,.9rem)}.hero-actions-row{gap:.375rem}.hero-action-button{padding:.5rem .625rem;min-width:0;flex:1 1 0;max-width:none;font-size:.75rem}.action-button-title{font-size:.6875rem}.action-button-subtitle{font-size:.5625rem}.hero-action-button svg{width:12px;height:12px}.hero-theme-toggle{flex-shrink:0}}@media(max-width:900px)and (orientation:landscape){.timeline-hero-header{padding:clamp(.75rem,2vh,1.25rem) clamp(1rem,3vw,2rem);min-height:auto}.hero-main{gap:clamp(.75rem,2vw,1.25rem)}.hero-actions-row{margin-top:.5rem}.hero-action-button{padding:.5rem .75rem;min-height:40px}.gradient-orb{filter:blur(40px)}}:root.dark .timeline-hero-header{background:linear-gradient(180deg,rgba(10,10,11,.95) 0%,var(--color-background) 100%)}:root.dark .gradient-orb{opacity:.25}:root.dark .hero-main:hover{background:var(--color-surface-elevated);box-shadow:var(--shadow-2xl),0 0 50px rgba(var(--period-color-rgb),.2)}:root.dark .subtitle-en{color:var(--color-text-primary)}:root.dark .subtitle-ar{color:var(--color-text-secondary)}:root.dark .watani-button{background:linear-gradient(135deg,red,#a00);box-shadow:0 4px 12px #ff00004d}:root.dark .watani-button:hover{box-shadow:0 8px 24px #ff000080,var(--shadow-lg)}:root.dark .donate-button{background:linear-gradient(135deg,#093,#007a28);box-shadow:0 4px 12px #0099334d}:root.dark .donate-button:hover{box-shadow:0 8px 24px #00993380,var(--shadow-lg)}:root.dark .hero-bottom-gradient{opacity:.8;box-shadow:0 0 20px rgba(var(--period-color-rgb),.5)}@media(prefers-reduced-motion:reduce){.gradient-orb{animation:none}.title-word{animation:fadeIn var(--duration-slower) var(--ease-standard) backwards}.hero-main:hover .title-word{animation:none}.donate-button svg{animation:none}.hero-action-button:hover,.hero-main:hover,.hero-main:active{transform:none}.hero-content{transition:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(prefers-contrast:high){.timeline-hero-header,.hero-main{border:2px solid currentColor}.hero-action-button{border:3px solid currentColor}.title-word{-webkit-text-fill-color:currentColor;background:none}.gradient-orb{opacity:.05}.hero-bottom-gradient{opacity:1;height:3px}}@media print{.timeline-hero-header{padding:1rem;background:#fff!important;page-break-after:avoid}.hero-background,.gradient-orb,.hero-bottom-gradient,.hero-actions-row{display:none}.title-word{-webkit-text-fill-color:black;color:#000}.hero-main{background:none;box-shadow:none}}@media(max-width:768px){.gradient-orb{filter:blur(clamp(30px,6vw,60px))}.hero-main,.hero-action-button,.title-word{transform:translateZ(0);backface-visibility:hidden}}@supports (container-type: inline-size){.timeline-hero-header{container-type:inline-size;container-name:hero}@container hero (max-width: 768px){.hero-main{flex-direction:column}}}@supports not (backdrop-filter: blur(10px)){.hero-main:hover{background:rgba(var(--color-surface-rgb, 255, 255, 255),.95)}}.gradient-orb,.hero-content,.hero-action-button,.title-word{will-change:transform;transform:translateZ(0)}.current-period-indicator{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:90;background:var(--color-surface);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:slideDown .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;max-width:90vw}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.period-color-bar{position:absolute;top:0;left:0;width:4px;height:100%}.indicator-content{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);padding-left:calc(var(--space-lg) + 4px);font-size:var(--text-xs)}.indicator-label{color:var(--color-text-tertiary);font-weight:var(--font-medium)}.indicator-period-name{font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-display)}.indicator-years{color:var(--color-text-secondary);font-weight:var(--font-medium);padding-left:var(--space-xs);border-left:1px solid var(--color-border)}@media(max-width:768px){.current-period-indicator{top:60px;left:var(--space-md);right:var(--space-md);transform:none;max-width:none}.indicator-content{flex-wrap:wrap;padding:var(--space-xs) var(--space-md);gap:var(--space-xs)}.indicator-label{display:none}.indicator-years{padding-left:var(--space-xs)}}@media(prefers-reduced-motion:reduce){.current-period-indicator{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#0000000d;z-index:9999;overflow:hidden}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--period-color-primary),rgba(var(--period-color-rgb),.6));transition:width .1s ease-out,background 2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px rgba(var(--period-color-rgb),.6);position:relative}.scroll-progress-bar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:100px;background:linear-gradient(90deg,transparent,var(--period-color-primary));filter:blur(10px)}#root{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}