@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.timeline-container{white-space:nowrap;overflow:hidden;height:calc(100vh - 290px);min-height:480px;width:100%;margin:0;padding:0;position:relative;background:#0b0f19;touch-action:none}.timeline-bg-tick{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:1}.bg-tick-line{width:1px;height:100%;border-left:1px dashed rgba(255,255,255,.05)}.bg-tick-label{position:absolute;color:#64748b;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:500;pointer-events:none;transform:translate(-50%);background:#0f172a;border:1px solid #1e293b;padding:2px 6px;border-radius:4px}.timeline-lane-track{position:absolute;left:0;width:100%;height:1px;background-color:#1e293b;pointer-events:none;z-index:2;transition:top .35s cubic-bezier(.25,1,.5,1),opacity .35s ease}.lane-track-label{position:absolute;left:24px;top:-14px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#0f172a;border:1px solid #1e293b;color:#94a3b8;padding:3px 10px;border-radius:4px;pointer-events:none;animation:fadeIn .3s ease-out}.timeline-event-marker{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:10;transition:top .35s cubic-bezier(.25,1,.5,1),transform .2s ease}.timeline-event-marker:hover{transform:scale(1.15);z-index:100}.event-pin{width:12px;height:12px;border-radius:50%;border:2px solid #0b0f19;position:relative;box-sizing:border-box;transition:all .2s ease}.category-wars .event-pin{background:#ef4444}.category-music .event-pin{background:#8b5cf6}.category-food .event-pin{background:#10b981}.category-science .event-pin{background:#3b82f6}.category-wars.major-event .event-pin{width:16px;height:16px;border:3px solid #0b0f19;outline:2px solid #ef4444}.category-music.major-event .event-pin{width:16px;height:16px;border:3px solid #0b0f19;outline:2px solid #8b5cf6}.category-food.major-event .event-pin{width:16px;height:16px;border:3px solid #0b0f19;outline:2px solid #10b981}.category-science.major-event .event-pin{width:16px;height:16px;border:3px solid #0b0f19;outline:2px solid #3b82f6}.event-label-wrapper{position:absolute;top:18px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.event-label-line{width:1px;height:12px;background-color:#334155}.event-label-box{background:#0f172a;border:1px solid #1e293b;padding:4px 8px;border-radius:4px;color:#e2e8f0;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:500;text-align:center;max-width:130px;white-space:normal;word-wrap:break-word}.timeline-event-marker:hover .event-label-box{background:#1e293b;border-color:#3b82f6;color:#fff}.timeline-hud-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid #1e293b;padding:8px 16px;border-radius:6px;display:flex;gap:16px;align-items:center;z-index:50;box-shadow:0 4px 12px #0000004d;pointer-events:auto}.hud-section{display:flex;align-items:center;gap:8px;border-right:1px solid #334155;padding-right:16px}.hud-section:last-child{border-right:none;padding-right:0}.hud-label{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.hud-btn-group{display:flex;gap:4px}.hud-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .15s ease}.hud-btn:hover{background:#334155;color:#f1f5f9}.hud-btn-reset{background:#2563eb;border:none;color:#fff;padding:6px 14px;border-radius:4px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.hud-btn-reset:hover{background:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.timeline-hud-controls{flex-direction:column;align-items:stretch;gap:8px;left:12px;right:12px;transform:none;bottom:12px;padding:10px}.hud-section{border-right:none;border-bottom:1px solid #334155;padding-right:0;padding-bottom:8px;justify-content:space-between}.hud-btn-reset{text-align:center;width:100%}}.historical-insight-drawer{position:absolute;top:16px;right:16px;bottom:16px;width:350px;background:#0f172a;border:1px solid #1e293b;box-shadow:0 10px 30px #0006;border-radius:6px;display:flex;flex-direction:column;color:#f1f5f9;overflow:hidden;font-family:Outfit,sans-serif;z-index:1000;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.historical-insight-drawer.animate-slide-in{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{padding:14px 18px;background:#1e293b;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.drawer-header-title{font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.drawer-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.drawer-close-btn:hover{background:#ffffff0d;color:#f1f5f9}.drawer-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column}.drawer-category-tag{align-self:flex-start;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:3px;margin-bottom:12px}.tag-wars{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.tag-music{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.tag-food{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.tag-science{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.drawer-title{margin:0 0 6px;font-size:1.35rem;font-weight:700;color:#fff;line-height:1.3}.drawer-date{font-size:.8rem;color:#64748b;margin-bottom:14px}.drawer-divider{border:0;height:1px;background-color:#1e293b;margin:0 0 16px}.drawer-summary-title{margin:16px 0 8px;font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.drawer-extract{font-size:.88rem;line-height:1.6;color:#cbd5e1;margin:0 0 20px}.drawer-image-wrapper{width:100%;margin-bottom:16px;border-radius:4px;overflow:hidden;border:1px solid #1e293b;background:#0b0f19}.drawer-image{width:100%;height:auto;display:block}.cyber-drawer-btn{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s ease;text-transform:uppercase;letter-spacing:.5px}.cyber-drawer-btn:hover{background:#1d4ed8}.cyber-drawer-btn.error-btn{background:#475569}.cyber-drawer-btn.error-btn:hover{background:#334155}.drawer-loading-container,.drawer-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 10px;text-align:center;flex:1}.cyber-loading-text{font-size:.75rem;color:#64748b;margin-top:14px;letter-spacing:.5px;text-transform:uppercase}.error-icon{font-size:1.8rem;margin-bottom:12px}.error-text{font-size:.85rem;color:#ef4444;margin:0 0 20px}@media (max-width: 767px){.historical-insight-drawer{inset:auto 12px 12px;width:auto;height:380px;transform:translateY(110%);animation:slideInBottom .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInBottom{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}.milestones-shortcuts-panel{top:auto;bottom:120px;left:12px;max-width:160px}}.cyber-debug-hud{position:absolute;top:16px;right:16px;background:#0f172a;border:1px solid #1e293b;box-shadow:0 4px 20px #0000004d;border-radius:6px;padding:14px 18px;color:#f1f5f9;font-family:Outfit,sans-serif;font-size:.78rem;z-index:100;width:230px;pointer-events:auto;transition:all .25s ease;display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none}.cyber-debug-hud-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;padding-bottom:6px;margin-bottom:4px}.cyber-debug-hud-title{color:#f1f5f9;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cyber-debug-hud-status-dot{width:8px;height:8px;border-radius:50%}.cyber-debug-hud-status-dot.online{background-color:#10b981}.cyber-debug-hud-status-dot.offline{background-color:#ef4444}.cyber-debug-hud-row{display:flex;justify-content:space-between;align-items:center}.cyber-debug-hud-label{color:#64748b;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.cyber-debug-hud-value{color:#cbd5e1;font-weight:500}.cyber-debug-hud-value.highlight{color:#3b82f6;font-weight:600}.cyber-debug-hud-progress-container{width:100%;height:4px;background:#1e293b;border-radius:2px;overflow:hidden;margin-top:2px}.cyber-debug-hud-progress-bar{height:100%;border-radius:2px;transition:width .1s ease}.cyber-debug-hud-progress-bar.horizontal{background:#3b82f6}.cyber-debug-hud-progress-bar.vertical{background:#8b5cf6}.cyber-debug-hud-toggle-btn{position:absolute;top:16px;right:16px;background:#0f172a;border:1px solid #1e293b;color:#94a3b8;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:4px;cursor:pointer;z-index:101;letter-spacing:.5px;text-transform:uppercase;transition:all .15s ease;box-shadow:0 2px 8px #0003}.cyber-debug-hud-toggle-btn:hover{background:#1e293b;color:#f1f5f9;border-color:#334155}@media (max-width: 768px){.cyber-debug-hud{top:70px;right:12px;width:200px;padding:10px 14px;font-size:.72rem}.cyber-debug-hud-toggle-btn{top:8px;right:8px;padding:4px 8px}}body{margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0b0f19;color:#f1f5f9;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#0b0f19;position:relative;box-sizing:border-box}.app-header{padding:24px;text-align:center;border-bottom:1px solid #1e293b;background:#0f172a;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000026}.app-title{margin:0;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;color:#f8fafc}.app-subtitle{margin:6px 0 20px;font-size:.88rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px}.mode-toggle-container{display:inline-flex;background:#1e293b;padding:3px;border-radius:6px;border:1px solid #334155}.toggle-button{background:transparent;border:none;color:#94a3b8;padding:8px 20px;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.toggle-button:hover{color:#f1f5f9}.toggle-button.active{background:#2563eb;color:#fff;box-shadow:0 2px 4px #2563eb33}.app-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;width:100%;margin:0 auto;box-sizing:border-box}.view-wrapper{width:100%;box-sizing:border-box}.view-title{margin:0 0 15px 20px;font-size:1rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;border-left:3px solid #2563eb;padding-left:10px}.app-helper-text{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;padding:14px 20px;border-radius:6px;margin:20px;font-size:.85rem;line-height:1.6}.app-helper-text strong{color:#f1f5f9}.app-footer{text-align:center;border-top:1px solid #1e293b;background:#0f172a;color:#64748b;font-size:.75rem;display:flex;justify-content:space-between;align-items:center;padding:16px 40px;letter-spacing:.5px}.footer-version-tag{color:#475569}.layers-toolbar{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.layers-toolbar-title{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.layers-buttons-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:0 10px}.layer-toggle-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:6px 14px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.layer-toggle-btn:hover{background:#334155;color:#f1f5f9}.layer-toggle-btn.btn-wars.active{background:#ef44441a;border-color:#ef4444;color:#ef4444}.layer-toggle-btn.btn-music.active{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.layer-toggle-btn.btn-food.active{background:#10b9811a;border-color:#10b981;color:#10b981}.layer-toggle-btn.btn-science.active{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}@media (max-width: 768px){.app-header{padding:16px}.app-title{font-size:1.8rem}.app-footer{flex-direction:column;gap:8px;padding-left:20px;padding-right:20px}}.app-loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0b0f19;color:#f1f5f9;padding:20px}.cyber-loader-card{background:#0f172a;border:1px solid #1e293b;padding:40px;border-radius:8px;text-align:center;box-shadow:0 4px 20px #00000040;max-width:400px;width:100%}.cyber-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.05);border-left-color:#2563eb;border-radius:50%;animation:simple-spin 1s linear infinite;margin:0 auto 20px}@keyframes simple-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{margin:0 0 10px;font-size:1.1rem;color:#f1f5f9;text-transform:uppercase;letter-spacing:1px}.loading-subtitle{margin:0;font-size:.8rem;color:#64748b}.db-warning-tag{display:inline-flex;align-items:center;gap:6px;background:#f59e0b14;border:1px solid rgba(245,158,11,.35);color:#f59e0b;padding:5px 12px;border-radius:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;margin-top:10px}