*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 55%);color:#e5e7eb}.app{display:flex;height:100vh}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.map-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(15,23,42,.5),transparent 55%);mix-blend-mode:soft-light}.sidebar{width:340px;max-width:100%;background:#0f172afa;border-right:1px solid rgba(148,163,184,.3);padding:18px 18px 18px 20px;display:flex;flex-direction:column;gap:20px;box-shadow:2px 0 20px #0006;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(51,65,85,.8)}.brand-mark{width:36px;height:36px;border-radius:16px;background:radial-gradient(circle at 30% 0,#38bdf8,#6366f1 60%,#0f172a);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#e5e7eb;box-shadow:0 0 0 1px #0f172acc,0 10px 25px #0f172ae6}.brand-text h1{margin:0;font-size:1.1rem;letter-spacing:.03em}.brand-text p{margin:2px 0 0;font-size:.8rem;color:#9ca3af}.theme-toggle-btn{margin-left:auto;border:none;background:radial-gradient(circle at 30% 0,#facc15,#fb923c 60%,#7c2d12);color:#0f172a;width:32px;height:32px;border-radius:999px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #0f172ae6,0 10px 24px #0f172ae6;transition:transform .08s ease,box-shadow .15s ease,opacity .15s ease}.theme-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172af2}.theme-toggle-btn:active{transform:translateY(0);box-shadow:none}.sidebar-section{background:#0f172ae6;border-radius:14px;padding:12px 12px 14px;border:1px solid rgba(51,65,85,.9);box-shadow:0 8px 18px #0f172ae6}.section-title{margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.field-label{display:block;font-size:.8rem;color:#cbd5f5;margin-bottom:6px}#yearSelect{width:100%;padding:7px 9px;font-size:.9rem;border-radius:8px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}#yearSelect:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.filter-row{margin-top:10px}#typeFilter{width:100%;padding:7px 9px;font-size:.85rem;border-radius:8px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;outline:none}.range-buttons{display:flex;gap:8px;margin-top:10px}.range-buttons button{flex:1;padding:6px 0;font-size:.85rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top left,#1e293b,#020617);color:#e5e7eb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background .18s ease,transform .08s ease,box-shadow .18s ease,border-color .18s ease}.range-buttons button:hover{background:radial-gradient(circle at top left,#2563eb,#020617);border-color:#60a5fa;box-shadow:0 6px 16px #2563eb59;transform:translateY(-1px)}.range-buttons button:active{transform:translateY(0);box-shadow:none}.hint-section .hint-text{font-size:.8rem;color:#9ca3af;margin:0}.event-section{flex:1;display:flex;flex-direction:column;min-height:0}.event-details{font-size:.9rem;line-height:1.5;color:#d1d5db;max-height:100%;overflow-y:auto;padding-right:4px}.event-details h2{font-size:1rem;margin-top:0;margin-bottom:4px;color:#e5e7eb}.event-details p{margin-top:0;margin-bottom:8px}.event-details a{color:#38bdf8;text-decoration:none}.event-details a:hover{text-decoration:underline}.event-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease-out;z-index:40}.event-modal--visible{pointer-events:auto;opacity:1}.event-modal-backdrop{position:absolute;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-modal-dialog{position:relative;max-width:800px;width:min(96vw,800px);max-height:min(88vh,640px);background:#0f172afa;border-radius:16px;padding:18px 20px 20px;border:1px solid rgba(148,163,184,.8);box-shadow:0 20px 45px #0f172af2;overflow-y:auto}.event-modal-close{position:absolute;top:10px;right:10px;border:none;background:transparent;color:#9ca3af;font-size:1.4rem;cursor:pointer;padding:2px}.event-modal-close:hover{color:#e5e7eb}.event-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;color:#9ca3af}.event-year{padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172ab3}.pill{--pill-color: #4f8df5;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--pill-color) 70%,#020617 30%);border:1px solid color-mix(in srgb,var(--pill-color) 80%,#e5e7eb 20%);color:#e5e7eb;font-size:.75rem;text-transform:capitalize;letter-spacing:.03em}.event-link{margin-top:10px}.event-summary{margin-top:6px}.event-summary p{margin:0 0 4px}.event-image{margin:10px 0 12px;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.5);box-shadow:0 10px 24px #0f172ab3}.event-image img{display:block;width:100%;height:auto;object-fit:cover;cursor:zoom-in}.event-image-caption{font-size:.75rem;color:#9ca3af;padding:6px 8px 4px;background:#0f172ae6}body.light-theme .event-image{border-color:#e5e7eb;box-shadow:0 10px 24px #94a3b8b3}body.light-theme .event-image-caption{background:#f9fafb;color:#4b5563}.event-summary--loading{margin-top:8px}.shimmer-line{position:relative;overflow:hidden;height:10px;border-radius:999px;background:#020617;margin-bottom:6px}.shimmer-line--wide{width:90%}.shimmer-line--short{width:60%}.shimmer-line:not(.shimmer-line--wide):not(.shimmer-line--short){width:75%}.shimmer-line:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#94a3b826,#f8fafc66,#94a3b826);transform:translate(-100%);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.image-zoom-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease-out;z-index:60}.image-zoom-overlay--visible{pointer-events:auto;opacity:1}.image-zoom-backdrop{position:absolute;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-zoom-dialog{position:relative;max-width:90vw;max-height:90vh;padding:10px;border-radius:16px;background:#020617;box-shadow:0 24px 60px #000000e6;display:flex;align-items:center;justify-content:center}.image-zoom-dialog img{max-width:100%;max-height:80vh;display:block;border-radius:12px;cursor:zoom-out;touch-action:none}.image-zoom-close{position:absolute;top:8px;right:10px;border:none;background:transparent;color:#e5e7eb;font-size:1.6rem;cursor:pointer}.image-zoom-close:hover{color:#facc15}@media(max-width:900px){.app{flex-direction:column;height:100vh}.map-container{flex:1;height:70vh}.sidebar{width:100%;max-height:30vh;height:auto;border-right:none;border-top:1px solid rgba(30,64,175,.7);box-shadow:0 -10px 20px #0009;padding:12px 14px;gap:12px;overflow-y:auto}.brand-text h1{font-size:.95rem}.brand-text p{display:none}.sidebar-section{padding:10px 10px 12px}#yearSelect,#typeFilter{font-size:.9rem}.range-buttons button{padding:6px 0;font-size:.85rem}.event-modal{align-items:stretch;justify-content:flex-start}.event-modal-dialog{width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0;border:none;padding:18px 16px 20px;box-shadow:none}.event-modal .event-details{max-height:none}.event-modal-backdrop{background:#000000b3}.event-modal-close{top:12px;right:16px;font-size:1.8rem}.image-zoom-dialog{max-width:96vw;max-height:96vh}}body.light-theme{background:#e5e7eb;color:#0f172a}body.light-theme .sidebar{background:#f9fafb;border-right-color:#d1d5dbe6;box-shadow:2px 0 20px #94a3b873}body.light-theme .brand{border-bottom-color:#d1d5dbe6}body.light-theme .brand-text p{color:#6b7280}body.light-theme .brand-mark{background:radial-gradient(circle at 30% 0,#2563eb,#8b5cf6 60%,#e5e7eb);color:#111827;box-shadow:0 0 0 1px #e5e7eb,0 10px 20px #94a3b899}body.light-theme .sidebar-section{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 18px #94a3b866}body.light-theme #yearSelect,body.light-theme #typeFilter{background:#fff;color:#111827;border-color:#d1d5db}body.light-theme .range-buttons button{background:linear-gradient(to right,#e5e7eb,#f9fafb);color:#111827;border-color:#d1d5db;box-shadow:0 5px 10px #94a3b866}body.light-theme .range-buttons button:hover{background:linear-gradient(to right,#bfdbfe,#eff6ff);border-color:#93c5fd;box-shadow:0 8px 18px #3b82f647}body.light-theme .event-details,body.light-theme .event-details h2{color:#111827}body.light-theme .event-details a{color:#2563eb}body.light-theme .event-year{background:#f3f4f6;border-color:#e5e7eb}body.light-theme .shimmer-line{background:#e5e7eb}body.light-theme .map-container:after{background:radial-gradient(circle at top right,rgba(243,244,246,.8),transparent 55%)}body.light-theme .theme-toggle-btn{background:radial-gradient(circle at 30% 0,#0f172a,#1f2937 60%,#020617);color:#e5e7eb}body.light-theme .event-modal-dialog{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 45px #94a3b8b3}body.light-theme .event-modal-backdrop{background:#0f172a40}