:root{--bg: #eeeeee;--text: #333333;--header-bg: #000000;--brand: #0088cc;--accent: #915f6d;--card-bg: #ffffff;--overlay: rgba(0,0,0,.6)}:root.dark{--bg: #0b0e13;--text: #e5e7eb;--header-bg: #0b0e13;--brand: #38bdf8;--accent: #f472b6;--card-bg: #111827;--overlay: rgba(0,0,0,.7)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--header-bg);color:#fff}.header__brand{display:flex;align-items:center;gap:.75rem}.header__brand img{height:40px;width:40px;object-fit:contain}.theme-toggle{padding:.5rem .8rem;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;cursor:pointer}.theme-toggle:hover{background:#eef2f7}.nav{padding:1rem;background:var(--accent);color:#000;text-align:center}#timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;padding:1.5rem}.event-card{background:var(--card-bg);border-radius:10px;padding:1rem;box-shadow:0 2px 10px #00000014;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;outline:none}.event-card:focus{box-shadow:0 0 0 3px #38bdf859}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #0000001f}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.badge{padding:.25rem .55rem;background:var(--brand);color:#fff;font-size:.75rem;border-radius:999px}.year{font-weight:700;opacity:.8}.event-card figure{margin-top:.35rem}.event-card img{width:100%;height:200px;object-fit:cover;border-radius:8px}.event-card figcaption{margin-top:.4rem;font-weight:600;color:var(--accent)}.desc{margin-top:.5rem;opacity:.9}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay);z-index:1000;padding:1rem}.modal-card{width:min(760px,94vw);background:var(--card-bg);color:var(--text);border-radius:14px;padding:1rem 1.25rem 1.25rem;box-shadow:0 20px 60px #00000059;animation:modalIn .18s ease-out;position:relative}@keyframes modalIn{0%{transform:translateY(8px);opacity:.85}to{transform:translateY(0);opacity:1}}.modal-card img{width:100%;height:320px;object-fit:cover;border-radius:10px;margin:.5rem 0 .75rem}.modal-meta{margin:.25rem 0 .5rem;opacity:.9}.modal-close{position:absolute;top:10px;right:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:.35rem .6rem;cursor:pointer}.modal-close:hover{background:#e8edf3}@media (max-width: 767px){.header{flex-direction:column;gap:.75rem}}