.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)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(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:1024px){.floating-action-button{width:64px;height:64px;bottom:var(--space-3xl);right:var(--space-xl)}}@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)}}.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", "Amiri", -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;--time-travel-height: 185px;--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;--color-sudan-red: #d32f2f;--color-sudan-green: #388e3c;--color-sudan-black: #1e1e1e;--color-nile-blue: #0288d1;--color-desert-gold: #ffc107;--color-sandstone: #b39a73;--period-color-primary: var(--color-desert-gold);--period-color-rgb: 255, 193, 7;--period-bg-subtle: rgba(255, 193, 7, .03);--period-bg-light: rgba(255, 193, 7, .08);--period-accent: rgba(255, 193, 7, .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: var(--color-desert-gold);--color-primary-dark: #e0ac06;--color-primary-light: #ffd54f;--color-accent: var( --color-nile-blue );--color-success: var(--color-sudan-green);--color-warning: var(--color-desert-gold);--color-error: var(--color-sudan-red);--gradient-primary: linear-gradient( 135deg, var(--color-desert-gold) 0%, var(--color-nile-blue) 100% );--gradient-warm: linear-gradient( 135deg, var(--color-sudan-red) 0%, var(--color-sandstone) 100% );--gradient-cool: linear-gradient( 135deg, var(--color-nile-blue) 0%, #00f2fe 100% );--gradient-sunset: linear-gradient( 135deg, #fa709a 0%, var(--color-desert-gold) 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), .08);--period-bg-light: rgba(var(--period-color-rgb), .15);--period-accent: rgba(var(--period-color-rgb), .25);--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{--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}}.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:var(--color-primary-light);-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:var(--color-primary-light);border-color:var(--color-primary-dark)}.dark .ReturnToSudanButton-module__returnButton__8NK59:hover{background:var(--color-primary-light)}@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}}.NavigationControls-module__navigationControls__Oprqw{display:flex;align-items:center;gap:var(--space-xs)}.NavigationControls-module__navButton__s7otX{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.NavigationControls-module__navButton__s7otX:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.1)}.NavigationControls-module__navButton__s7otX:active:not(:disabled){transform:scale(.95)}.NavigationControls-module__navButton__s7otX:disabled{opacity:.3;cursor:not-allowed}.NavigationControls-module__navigationControls__Oprqw.NavigationControls-module__small__O4uJr .NavigationControls-module__navButton__s7otX{width:32px;height:32px}.NavigationControls-module__navigationControls__Oprqw.NavigationControls-module__medium__VcDGQ .NavigationControls-module__navButton__s7otX{width:36px;height:36px}.NavigationControls-module__navigationControls__Oprqw.NavigationControls-module__large__C-iR7 .NavigationControls-module__navButton__s7otX{width:40px;height:40px}@media(min-width:1024px){.NavigationControls-module__navigationControls__Oprqw{gap:var(--space-sm)}.NavigationControls-module__navButton__s7otX{width:42px;height:42px;border-width:2px}.NavigationControls-module__navButton__s7otX:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d}.NavigationControls-module__navigationControls__Oprqw.NavigationControls-module__large__C-iR7 .NavigationControls-module__navButton__s7otX{width:48px;height:48px}}@media(min-width:1440px){.NavigationControls-module__navButton__s7otX{width:46px;height:46px}.NavigationControls-module__navigationControls__Oprqw.NavigationControls-module__large__C-iR7 .NavigationControls-module__navButton__s7otX{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.NavigationControls-module__navButton__s7otX:hover:not(:disabled),.NavigationControls-module__navButton__s7otX:active:not(:disabled){transform:none}}.PlaybackButton-module__playbackButton__djQxi{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 3px 12px #6366f14d;flex-shrink:0;position:relative}.PlaybackButton-module__playbackButton__djQxi:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #6366f180;transform:scale(1.15)}.PlaybackButton-module__playbackButton__djQxi:active{transform:scale(.95)}.PlaybackButton-module__playbackButton__djQxi.PlaybackButton-module__playing__KG55Y:before{content:"";position:absolute;inset:-3px;border:2px solid var(--color-primary);border-radius:var(--radius-full);animation:PlaybackButton-module__pulse-ring__cgKSI 1.5s ease-out infinite}@keyframes PlaybackButton-module__pulse-ring__cgKSI{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@media(min-width:1024px){.PlaybackButton-module__playbackButton__djQxi{width:52px;height:52px;box-shadow:0 4px 16px #6366f166}.PlaybackButton-module__playbackButton__djQxi:hover{box-shadow:0 8px 24px #6366f199;transform:scale(1.1)}}@media(min-width:1440px){.PlaybackButton-module__playbackButton__djQxi{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.PlaybackButton-module__playbackButton__djQxi:hover,.PlaybackButton-module__playbackButton__djQxi:active{transform:none}.PlaybackButton-module__playbackButton__djQxi.PlaybackButton-module__playing__KG55Y:before{animation:none;display:none}}.ProgressBar-module__progressContainer__UwybH{display:flex;align-items:center;gap:var(--space-xs);width:100%}.ProgressBar-module__progressBar__xKom4{flex:1;height:4px;background:var(--color-surface-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.ProgressBar-module__progressFill__PBp70{height:100%;background:linear-gradient(90deg,var(--color-primary),#818cf8);border-radius:var(--radius-full);transition:width .3s ease;position:relative}.ProgressBar-module__progressFill__PBp70:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:ProgressBar-module__shimmer__iF8nM 1.5s ease-in-out infinite}@keyframes ProgressBar-module__shimmer__iF8nM{0%,to{opacity:0}50%{opacity:1}}.ProgressBar-module__progressText__UXwvK{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);font-weight:var(--font-semibold);min-width:45px;text-align:right;flex-shrink:0}@media(min-width:1024px){.ProgressBar-module__progressContainer__UwybH{gap:var(--space-sm)}.ProgressBar-module__progressBar__xKom4{height:6px;background:#6366f11a;box-shadow:inset 0 1px 2px #0000001a}.ProgressBar-module__progressFill__PBp70{box-shadow:0 0 8px #6366f180}.ProgressBar-module__progressText__UXwvK{font-size:var(--text-sm);min-width:60px;color:var(--color-text-secondary)}}@media(min-width:1440px){.ProgressBar-module__progressBar__xKom4{height:7px}.ProgressBar-module__progressText__UXwvK{font-size:var(--text-base);min-width:70px}}@media(prefers-reduced-motion:reduce){.ProgressBar-module__progressFill__PBp70:after{animation:none}}.YearDisplay-module__yearDisplay__OcXS9{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:var(--font-bold);flex-shrink:0}.YearDisplay-module__yearDisplay__OcXS9.YearDisplay-module__compact__l65H2{padding:4px 8px;gap:4px}.YearDisplay-module__yearInfo__JjU-m{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.YearDisplay-module__year__KT-hJ{font-size:var(--text-sm);letter-spacing:.03em;line-height:1}.YearDisplay-module__periodName__LNwox{font-size:8px;font-weight:var(--font-medium);color:#ffffffd9;font-family:var(--font-sans);line-height:1.1;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.YearDisplay-module__eventCount__SbQsm{font-size:7px;font-weight:var(--font-normal);color:#ffffffb3}@media(max-width:374px){.YearDisplay-module__yearDisplay__OcXS9.YearDisplay-module__compact__l65H2 .YearDisplay-module__periodName__LNwox,.YearDisplay-module__yearDisplay__OcXS9.YearDisplay-module__compact__l65H2 .YearDisplay-module__eventCount__SbQsm{display:none}}@media(min-width:1024px){.YearDisplay-module__yearDisplay__OcXS9{padding:8px 16px;gap:var(--space-sm);border-radius:var(--radius-lg);box-shadow:0 2px 8px #6366f14d}.YearDisplay-module__year__KT-hJ{font-size:var(--text-lg);letter-spacing:.05em}.YearDisplay-module__periodName__LNwox{font-size:11px;max-width:180px;color:#ffffffe6}.YearDisplay-module__eventCount__SbQsm{font-size:10px;color:#fffc}}@media(min-width:1440px){.YearDisplay-module__yearDisplay__OcXS9{padding:10px 20px}.YearDisplay-module__year__KT-hJ{font-size:var(--text-xl)}.YearDisplay-module__periodName__LNwox{font-size:12px;max-width:200px}.YearDisplay-module__eventCount__SbQsm{font-size:11px}}.ControlBar-module__controlBar__g9Lqp{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-surface-elevated);border-top:1px solid var(--color-border);min-height:60px;flex-shrink:0}.ControlBar-module__leftSection__jh-Yp{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.ControlBar-module__centerSection__2bfcd{flex:1;min-width:0;padding:0 var(--space-sm)}.ControlBar-module__rightSection__phYYN{flex-shrink:0;display:flex;align-items:center}@media(max-width:767px){.ControlBar-module__controlBar__g9Lqp{padding:6px var(--space-sm);gap:6px}.ControlBar-module__leftSection__jh-Yp{gap:4px}.ControlBar-module__centerSection__2bfcd{padding:0 6px}}@media(min-width:1024px){.ControlBar-module__controlBar__g9Lqp{padding:var(--space-md) var(--space-lg);gap:var(--space-md);min-height:70px;background:linear-gradient(to top,var(--color-surface-elevated),var(--color-surface))}.ControlBar-module__leftSection__jh-Yp{gap:var(--space-sm)}.ControlBar-module__centerSection__2bfcd{padding:0 var(--space-md);flex:1.5}.ControlBar-module__rightSection__phYYN{min-width:120px}}@media(min-width:1440px){.ControlBar-module__controlBar__g9Lqp{padding:var(--space-md) var(--space-xl);min-height:75px}.ControlBar-module__centerSection__2bfcd{padding:0 var(--space-lg)}}.EventContent-module__eventContent__XbWsN{display:flex;flex-direction:column;height:100%;overflow:hidden}.EventContent-module__preview__qxciD{padding:var(--space-md);padding-bottom:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-surface);min-height:160px}.EventContent-module__previewHeader__izHbG{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;font-size:var(--text-sm)}.EventContent-module__year__UOOLJ{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--color-primary);font-size:var(--text-base);padding:2px 6px;background:#6366f11a;border-radius:var(--radius-sm)}.EventContent-module__category__QC0oS{padding:3px 10px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.EventContent-module__location__M5xyH{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.EventContent-module__previewTitle__bld4X{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.3;margin:0 0 2px}.EventContent-module__previewDescription__N1ffw{font-size:var(--text-base);line-height:1.5;color:var(--color-text-secondary);margin:0;max-height:6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.EventContent-module__previewRelated__-o0D7{padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.EventContent-module__relatedCount__FYP3b{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;display:flex;align-items:center;gap:4px}.EventContent-module__expanded__Jpumm{display:flex;flex-direction:column;height:100%;overflow:hidden}.EventContent-module__expandedHeader__qmtnV{padding:var(--space-md);padding-bottom:var(--space-sm);flex-shrink:0;border-bottom:1px solid var(--color-border)}.EventContent-module__meta__zzx9d{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;font-size:var(--text-sm);margin-bottom:var(--space-sm)}.EventContent-module__date__h7PA0{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--color-primary)}.EventContent-module__title__nBUs7{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.3;margin:0}.EventContent-module__scrollable__A9Ltc{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);-webkit-overflow-scrolling:touch}.EventContent-module__scrollable__A9Ltc::-webkit-scrollbar{width:8px}.EventContent-module__scrollable__A9Ltc::-webkit-scrollbar-track{background:var(--color-surface-elevated);border-radius:var(--radius-full)}.EventContent-module__scrollable__A9Ltc::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.EventContent-module__scrollable__A9Ltc::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.EventContent-module__descriptionSection__7w0LO{margin-bottom:var(--space-lg)}.EventContent-module__description__kn-Vi{font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary);margin:0;white-space:pre-wrap}.EventContent-module__sourcesSection__rM5qn{margin-bottom:var(--space-lg)}.EventContent-module__sectionTitle__MVOyH{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)}.EventContent-module__textEn__im6Z3:after{content:" / ";color:var(--color-text-tertiary)}.EventContent-module__textAr__6zk-U{color:var(--color-text-tertiary)}.EventContent-module__sourcesList__HBApy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.EventContent-module__sourceLink__gDtvd{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)}.EventContent-module__sourceLink__gDtvd:hover{background:var(--color-border);border-color:var(--color-primary);transform:translate(2px)}.EventContent-module__sourceLink__gDtvd:active{transform:translate(0) scale(.98)}.EventContent-module__relatedSection__5MNZC{margin-bottom:var(--space-lg)}.EventContent-module__relatedSubtitle__JUDlB{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-sm) 0}.EventContent-module__relatedList__RGvmy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.EventContent-module__relatedItem__CRVqJ{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}.EventContent-module__relatedItem__CRVqJ:hover{background:var(--color-border);border-color:var(--color-primary);transform:translate(2px)}.EventContent-module__relatedItem__CRVqJ:active{transform:translate(0) scale(.98)}.EventContent-module__relatedYear__V2SK2{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}.EventContent-module__relatedTitle__jFUdx{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.4}.EventContent-module__relatedIcon__DtCem{color:var(--color-text-tertiary);flex-shrink:0}.EventContent-module__relatedMore__EScag{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin:var(--space-sm) 0 0 0;font-style:italic}@media(min-width:1024px){.EventContent-module__preview__qxciD{padding:var(--space-lg);min-height:200px;gap:var(--space-md)}.EventContent-module__previewHeader__izHbG{gap:var(--space-sm);margin-bottom:var(--space-xs)}.EventContent-module__year__UOOLJ{font-size:var(--text-lg);padding:4px 10px}.EventContent-module__category__QC0oS{padding:4px 12px;font-size:var(--text-base)}.EventContent-module__location__M5xyH{font-size:var(--text-base)}.EventContent-module__previewTitle__bld4X{font-size:var(--text-2xl);line-height:1.2;margin-bottom:var(--space-xs)}.EventContent-module__previewDescription__N1ffw{font-size:var(--text-lg);line-height:1.6;max-height:8em;-webkit-line-clamp:5}.EventContent-module__previewRelated__-o0D7{padding-top:var(--space-sm)}.EventContent-module__relatedCount__FYP3b{font-size:var(--text-sm)}.EventContent-module__expanded__Jpumm{display:grid;grid-template-rows:auto 1fr}.EventContent-module__expandedHeader__qmtnV{padding:var(--space-xl);padding-bottom:var(--space-lg)}.EventContent-module__meta__zzx9d{gap:var(--space-sm);margin-bottom:var(--space-md)}.EventContent-module__date__h7PA0{font-size:var(--text-lg)}.EventContent-module__title__nBUs7{font-size:var(--text-3xl);line-height:1.2}.EventContent-module__scrollable__A9Ltc{padding:0 var(--space-xl) var(--space-xl)}.EventContent-module__description__kn-Vi{font-size:var(--text-xl);line-height:1.7}.EventContent-module__descriptionSection__7w0LO,.EventContent-module__sourcesSection__rM5qn,.EventContent-module__relatedSection__5MNZC{margin-bottom:var(--space-xl)}.EventContent-module__sectionTitle__MVOyH{font-size:var(--text-xl);margin-bottom:var(--space-md)}.EventContent-module__sourceLink__gDtvd{padding:var(--space-md);font-size:var(--text-base)}.EventContent-module__relatedItem__CRVqJ{padding:var(--space-md)}.EventContent-module__relatedYear__V2SK2{font-size:var(--text-sm);min-width:80px}.EventContent-module__relatedTitle__jFUdx{font-size:var(--text-base)}}@media(min-width:1440px){.EventContent-module__preview__qxciD{padding:var(--space-xl);min-height:240px}.EventContent-module__previewTitle__bld4X{font-size:var(--text-3xl)}.EventContent-module__previewDescription__N1ffw{font-size:var(--text-xl);-webkit-line-clamp:6;max-height:10em}.EventContent-module__title__nBUs7{font-size:var(--text-4xl)}.EventContent-module__description__kn-Vi{font-size:var(--text-2xl);line-height:1.8}}@media(prefers-reduced-motion:reduce){.EventContent-module__sourceLink__gDtvd:hover,.EventContent-module__relatedItem__CRVqJ:hover,.EventContent-module__sourceLink__gDtvd:active,.EventContent-module__relatedItem__CRVqJ:active{transform:none}}.DetailSheet-module__detailSheet__VHadf{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.DetailSheet-module__dragHandle__sthOm{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);cursor:grab;touch-action:none;position:relative}.DetailSheet-module__dragHandle__sthOm:active{cursor:grabbing}.DetailSheet-module__handleBar__ssz-e{width:40px;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.DetailSheet-module__dragHandle__sthOm:hover .DetailSheet-module__handleBar__ssz-e{background:var(--color-text-tertiary)}.DetailSheet-module__closeButton__zJfgJ{position:absolute;top:8px;right:8px;display:none;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);z-index:10}.DetailSheet-module__closeButton__zJfgJ:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.DetailSheet-module__closeButton__zJfgJ:active{transform:scale(.95)}.DetailSheet-module__content__dKEyH{flex:1;overflow:hidden;display:flex;flex-direction:column}.DetailSheet-module__expandToggle__VeX6G{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-elevated);border:none;border-top:2px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;margin-top:auto}.DetailSheet-module__expandToggle__VeX6G:hover{background:var(--color-border);color:var(--color-primary)}.DetailSheet-module__expandToggle__VeX6G:active{transform:scale(.98)}.DetailSheet-module__collapseToggle__FWIpf{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);border:none;border-top:1px solid var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;position:sticky;bottom:0;z-index:5}.DetailSheet-module__collapseToggle__FWIpf:hover{background:var(--color-primary-dark, #4f46e5);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.DetailSheet-module__collapseToggle__FWIpf:active{transform:translateY(0) scale(.98)}.DetailSheet-module__swipeHint__9FZCy{padding:var(--space-xs);text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;background:#6366f10d;animation:DetailSheet-module__pulse__cLaE2 2s ease-in-out infinite}@keyframes DetailSheet-module__pulse__cLaE2{0%,to{opacity:.5}50%{opacity:1}}@media(min-width:1024px){.DetailSheet-module__dragHandle__sthOm,.DetailSheet-module__handleBar__ssz-e{display:none}.DetailSheet-module__closeButton__zJfgJ{display:flex;width:36px;height:36px;top:12px;right:12px}.DetailSheet-module__closeButton__zJfgJ:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.DetailSheet-module__expandToggle__VeX6G{display:none}.DetailSheet-module__collapseToggle__FWIpf{display:flex}.DetailSheet-module__swipeHint__9FZCy{display:none}}@media(prefers-reduced-motion:reduce){.DetailSheet-module__swipeHint__9FZCy{animation:none}}.UnifiedEventControls-module__container__1HRNy{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:1000;display:flex;flex-direction:column;overflow:hidden;will-change:height,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__collapsed__fF2Ea{height:60px;border-radius:0}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__preview__NORjk{height:160px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__expanded__t1FPC{height:65vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.UnifiedEventControls-module__backdrop__axbHe{position:fixed;inset:0;background:#0000004d;z-index:999;animation:UnifiedEventControls-module__fadeIn__SuttK .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@keyframes UnifiedEventControls-module__fadeIn__SuttK{0%{opacity:0}to{opacity:1}}@media(min-width:768px)and (max-width:1023px){.UnifiedEventControls-module__container__1HRNy{left:50%;transform:translate(-50%);max-width:700px;border-radius:var(--radius-2xl)}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__collapsed__fF2Ea{border-radius:var(--radius-2xl)}}@media(min-width:1024px){.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__collapsed__fF2Ea{bottom:24px;right:24px;left:auto;width:380px;border-radius:var(--radius-2xl);box-shadow:0 12px 40px #00000040,0 4px 16px #00000026,0 0 0 1px #6366f133}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__preview__NORjk{bottom:24px;right:24px;left:auto;width:480px;min-height:320px;height:auto;max-height:60vh;border-radius:var(--radius-2xl);box-shadow:0 16px 48px #0000004d,0 6px 20px #0003,0 0 0 1px #6366f140}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__expanded__t1FPC{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;height:auto;border-radius:var(--radius-2xl);box-shadow:0 24px 48px #0006,0 12px 24px #0000004d,0 0 0 1px var(--color-border);animation:UnifiedEventControls-module__modalFadeIn__kc08l .3s cubic-bezier(.32,.72,0,1)}@keyframes UnifiedEventControls-module__modalFadeIn__kc08l{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.UnifiedEventControls-module__backdrop__axbHe{background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@media(min-width:1440px){.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__preview__NORjk{width:560px;min-height:360px}.UnifiedEventControls-module__container__1HRNy.UnifiedEventControls-module__expanded__t1FPC{max-width:900px}}.dark .UnifiedEventControls-module__container__1HRNy{background:#111827fa;box-shadow:0 -20px 60px #0009,0 -8px 24px #0006,0 0 0 1px #6366f14d}.dark .UnifiedEventControls-module__backdrop__axbHe{background:#0009}@media(prefers-reduced-motion:reduce){.UnifiedEventControls-module__container__1HRNy{animation:none;transition:none}.UnifiedEventControls-module__backdrop__axbHe{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}}.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-block;cursor:pointer;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:all .5s ease}.current-flag-container.loaded{animation:flagEntrance 1.2s cubic-bezier(.34,1.56,.64,1)}.current-flag{display:block;position:relative;z-index:2}.current-flag.animated .stripe{animation:gentleWave 6s ease-in-out infinite}.current-flag.animated .red-stripe{animation-delay:0s}.current-flag.animated .white-stripe{animation-delay:.2s}.current-flag.animated .black-stripe{animation-delay:.4s}.flag-text{font-family:Arial,sans-serif;text-transform:uppercase;pointer-events:none}.struggle-text{fill:#fff}.peace-text{fill:#333}.people-text{fill:#fff}.green-triangle-group .green-triangle{transition:transform .3s ease}.green-triangle-group .donate-icon{transition:transform .3s ease,opacity .3s ease}.shine-layer{animation:shimmer 8s ease-in-out infinite;pointer-events:none}.current-flag-glow{position:absolute;inset:-10px;background:radial-gradient(ellipse at center,rgba(191,10,48,.2) 0%,rgba(255,255,255,.15) 33%,rgba(0,0,0,.2) 66%,transparent 100%);opacity:0;transition:opacity .5s ease;z-index:1;filter:blur(15px)}.current-flag-container:hover{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.current-flag-container:hover .current-flag-glow{opacity:1}.current-flag-container:hover .shine-layer{opacity:.8}.current-flag-container:hover .green-triangle-group .green-triangle{transform:scale(1.05)}.current-flag-container:hover .green-triangle-group .donate-icon{transform:scale(1.7);opacity:1}.current-flag-container:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}:root.dark .current-flag-container{filter:drop-shadow(0 6px 20px rgba(0,102,204,.3))}:root.dark .current-flag-container:hover{filter:drop-shadow(0 12px 32px rgba(0,102,204,.5))}:root.dark .current-flag-glow{background:radial-gradient(ellipse at center,rgba(0,102,204,.4) 0%,rgba(255,255,255,.3) 33%,rgba(0,0,0,.4) 66%,transparent 100%)}@media(prefers-reduced-motion:reduce){.current-flag-container.loaded{animation:fadeIn .5s ease}.current-flag.animated .stripe{animation:none}.shine-layer{animation:none;opacity:.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.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}}}.SplitScreenContainer-module__splitScreenContainer__TXWr-{position:fixed;inset:0;z-index:1000;display:flex;align-items:stretch;justify-content:stretch;background:#000000a6;animation:SplitScreenContainer-module__fadeIn__sdtu9 .18s ease-out;pointer-events:auto;touch-action:none}@keyframes SplitScreenContainer-module__fadeIn__sdtu9{0%{opacity:0}to{opacity:1}}.SplitScreenContainer-module__splitScreenOverlay__9G7It{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1}.SplitScreenContainer-module__splitScreenContent__B7OG5{width:100%;height:100%;max-height:100dvh;position:relative;display:flex;flex-direction:column;animation:SplitScreenContainer-module__contentFadeIn__Y2jn7 .22s ease-out;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left))}@keyframes SplitScreenContainer-module__contentFadeIn__Y2jn7{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.SplitScreenContainer-module__timelineMapHeader__Qe43Z{width:100%;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;background:#1119288c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);z-index:20}.SplitScreenContainer-module__timelineMapHeaderTitle__-lChx{color:#fff;font-size:.95rem;font-weight:600}.SplitScreenContainer-module__timelineControls__dLnHs{display:flex;gap:.5rem}.SplitScreenContainer-module__fullscreenMap__N2SGf{flex:1;width:100%;height:calc(100dvh - 56px);position:relative;overflow:hidden;border-radius:var(--radius-lg);z-index:1;touch-action:pan-x pan-y;box-shadow:0 4px 24px #0000001f}.SplitScreenContainer-module__closeMapButton__cONVD{position:absolute;top:calc(1.75rem + env(safe-area-inset-top));right:calc(1.75rem + env(safe-area-inset-right));z-index:1000;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);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 24px #dc26264d,0 4px 12px #0003;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.SplitScreenContainer-module__closeMapButton__cONVD:hover{transform:scale(1.1);background:#b91c1cf2;box-shadow:0 12px 32px #dc262666,0 6px 16px #00000040}.SplitScreenContainer-module__closeMapButton__cONVD:active{transform:scale(.95);transition:all .1s ease}.SplitScreenContainer-module__mapMarker__pvfW5{width:18px;height:18px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.25);transition:transform .15s ease;position:relative}.SplitScreenContainer-module__mapMarker__pvfW5:active{transform:scale(1.15)}.SplitScreenContainer-module__mapMarker__pvfW5.SplitScreenContainer-module__selected__CSDm7{transform:scale(1.25);box-shadow:0 0 0 6px rgba(var(--color-primary-rgb),.35)}.SplitScreenContainer-module__mapMarker__pvfW5.SplitScreenContainer-module__current__7t3K6:after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(var(--color-primary-rgb),.35);animation:SplitScreenContainer-module__pulseMarker__m1-FU 1.6s ease-out infinite}@keyframes SplitScreenContainer-module__pulseMarker__m1-FU{0%{transform:scale(1);opacity:.85}to{transform:scale(2.1);opacity:0}}@media(min-width:768px){.SplitScreenContainer-module__splitScreenContent__B7OG5{max-width:1600px;max-height:92vh;margin:auto;padding:1.5rem}.SplitScreenContainer-module__fullscreenMap__N2SGf{border-radius:var(--radius-xl);height:100%}.SplitScreenContainer-module__closeMapButton__cONVD{top:calc(1.5rem + env(safe-area-inset-top));right:calc(1.5rem + env(safe-area-inset-right))}}@media(min-width:1024px){.SplitScreenContainer-module__splitScreenContent__B7OG5{max-height:94vh;padding:2rem}.SplitScreenContainer-module__fullscreenMap__N2SGf{border-radius:var(--radius-2xl)}.SplitScreenContainer-module__closeMapButton__cONVD{top:calc(2rem + env(safe-area-inset-top));right:calc(2rem + env(safe-area-inset-right));width:52px;height:52px}}.dark .SplitScreenContainer-module__splitScreenOverlay__9G7It{background:#000000bf}.dark .SplitScreenContainer-module__timelineMapHeader__Qe43Z{background:#0a0f1999}@media(prefers-reduced-motion:reduce){.SplitScreenContainer-module__splitScreenContainer__TXWr-,.SplitScreenContainer-module__splitScreenContent__B7OG5,.SplitScreenContainer-module__mapMarker__pvfW5.SplitScreenContainer-module__current__7t3K6:after{animation:none}}@media(prefers-contrast:high){.SplitScreenContainer-module__splitScreenOverlay__9G7It{background:#000}.SplitScreenContainer-module__mapMarker__pvfW5{border:2px solid white;box-shadow:none!important}}.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)}}.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-tab{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.category-tab-header{display:flex;justify-content:space-between;align-items:center}.category-tab-title{font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.category-tab-actions button{font-size:.8rem;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .15s ease-in-out}.category-tab-actions button:hover{background:var(--color-surface-elevated)}.category-tab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.category-tab-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease-in-out;font-size:.875rem}.category-tab-item.selected{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.category-tab-item:hover{background:var(--color-surface-hover)}.item-content{display:flex;gap:.5rem;align-items:center}.item-icon{font-size:1rem}.item-label{font-weight:500}.item-check{display:flex;align-items:center}.category-tab-footer{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;text-align:right}.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}}.actions-tab{display:flex;flex-direction:column;gap:1.5rem;padding-top:.5rem}.actions-tab-section{display:flex;flex-direction:column;gap:.75rem}.actions-tab-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.actions-tab-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.actions-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:1rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease-in-out;min-height:96px;text-align:center;-webkit-tap-highlight-color:transparent}.actions-tab-btn svg{flex-shrink:0;opacity:.8;transition:transform .2s ease,opacity .2s ease}.actions-tab-btn:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.actions-tab-btn:active{transform:scale(.97)}.actions-tab-btn.expand-btn{--btn-color: #009933}.actions-tab-btn.expand-btn:active{background:linear-gradient(135deg,#0099331a,#0099330d);border-color:var(--btn-color);color:#007a29}.actions-tab-btn.expand-btn:active svg{transform:translateY(3px);opacity:1}.actions-tab-btn.collapse-btn{--btn-color: #0066cc}.actions-tab-btn.collapse-btn:active{background:linear-gradient(135deg,#0066cc1a,#0066cc0d);border-color:var(--btn-color);color:#0052a3}.actions-tab-btn.collapse-btn:active svg{transform:translateY(-3px);opacity:1}.actions-tab-btn.map-btn{flex-direction:row;justify-content:flex-start;align-items:center;padding:.75rem 1rem;min-height:64px;gap:.75rem;position:relative}.map-btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.map-btn-title{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.map-btn-subtitle{font-size:.75rem;color:var(--color-text-secondary);opacity:.8}.map-btn-badge{position:absolute;top:-6px;right:-6px;background-color:var(--period-color-primary);color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:9999px;line-height:1}:root.dark .actions-tab-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}: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;transition:none}}@media(hover:none)and (pointer:coarse){.actions-tab-btn:active{opacity:.9}}@media(max-width:480px){.actions-tab-buttons{grid-template-columns:1fr}.actions-tab-btn{min-height:72px;font-size:.825rem;gap:.4rem}.map-btn-content{gap:.2rem}}.controls-tabbed{display:flex;flex-direction:column;gap:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text-primary)}.tabs-header{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:none;border:none;cursor:pointer;position:relative;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease;border-radius:.5rem;flex-shrink:0}.tab-btn:hover{background:var(--color-surface-hover)}.tab-btn.active{background:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:700}.tab-badge{background:var(--period-color-primary);color:#fff;font-size:.625rem;font-weight:600;padding:.1rem .4rem;border-radius:9999px;margin-left:.3rem}.tabs-panel{display:flex;flex-direction:column;gap:1.25rem}.tab-content{display:flex;flex-direction:column;gap:1rem}.controls-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.active-filters-section{display:flex;flex-direction:column;gap:.5rem}.controls-label-row{display:flex;justify-content:space-between;align-items:center}.controls-clear-btn{background:none;border:none;color:var(--period-color-primary);font-weight:600;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease}.controls-clear-btn:hover{background:var(--period-bg-light)}.active-filters-container{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{display:flex;align-items:center;gap:.3rem;background:var(--period-bg-light);border:1px solid rgba(var(--period-color-rgb),.3);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem}.filter-chip-label{font-weight:500}.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:9999px;cursor:pointer;transition:all .2s ease}.filter-chip-remove:hover{background:rgba(var(--period-color-rgb),.3);transform:scale(1.1)}.filter-chip-remove:active{transform:scale(.95)}.accordion-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.accordion-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1rem;font-weight:600;font-size:.875rem;border-radius:.75rem;border:2px solid var(--color-border);background:var(--color-surface-elevated);cursor:pointer;transition:all .2s ease}.accordion-btn svg{flex-shrink:0}.expand-btn:active{background:linear-gradient(135deg,#0099331a,#0099330d);border-color:#093;color:#007a29}.collapse-btn:active{background:linear-gradient(135deg,#0066cc1a,#0066cc0d);border-color:#06c;color:#0052a3}.map-explorer-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;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:1rem;color:#fff;cursor:pointer;transition:all .2s ease;min-height:3.5rem}.map-explorer-btn svg{flex-shrink:0;opacity:.9}.map-explorer-content{display:flex;flex-direction:column;gap:.2rem;text-align:left;flex:1}.map-explorer-title{font-size:.875rem;font-weight:700}.map-explorer-subtitle{font-size:.75rem;font-weight:500;opacity:.9}.map-explorer-btn:active{transform:scale(.97);box-shadow:0 2px 6px rgba(var(--period-color-rgb),.2)}.controls-results{padding:.75rem 1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:.75rem;text-align:center}.results-text{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.results-text strong{color:var(--period-color-primary);font-weight:700}.tab-btn:focus-visible,.controls-clear-btn:focus-visible,.filter-chip-remove:focus-visible,.accordion-btn:focus-visible,.map-explorer-btn:focus-visible{outline:2px solid var(--period-color-primary);outline-offset:2px}@media(hover:none)and (pointer:coarse){.accordion-btn:active,.filter-chip-remove:active,.map-explorer-btn:active{opacity:.9;transform:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.coming-soon-tab{padding:2rem 1rem}.coming-soon-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;max-width:400px;margin:0 auto}.coming-soon-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);opacity:.7;animation:pulse-slow 3s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.coming-soon-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.coming-soon-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.coming-soon-features{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%;margin-top:1rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:.75rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.feature-item:hover{background:var(--color-surface-hover);border-color:var(--period-color-primary);transform:translate(4px)}@media(min-width:768px){.coming-soon-tab{padding:3rem 2rem}.coming-soon-content{max-width:500px}.coming-soon-icon{width:140px;height:140px}.coming-soon-title{font-size:2rem}.coming-soon-description{font-size:1.0625rem}.coming-soon-features{grid-template-columns:1fr 1fr}}.controls-section{display:flex;flex-direction:column;gap:.75rem}.controls-section+.controls-section{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.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:1300px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl);transition:transform .1s ease-out}.hero-title-section{max-width:1300px;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;max-width:fit-content}.flags-container{display:flex;flex-direction:column;padding:10px;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:35px}.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,var(--color-text-primary) 0%,var(--period-color-primary) 50%,var(--color-text-primary) 100%);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)}.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}