:root{--font-display:"Newsreader", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-base:#0c0d10;--bg-elevated:#13161b;--bg-surface:#181b21;--bg-card:#16191f;--bg-card-hover:#1c212a;--bg-quote:#1a1e26;--border-subtle:#242933;--border-medium:#323946;--border-highlight:#434d5d;--text-primary:#f2f4f8;--text-secondary:#9aa5b5;--text-muted:#647082;--text-quote:#e6ebf2;--crimson:#d9383a;--crimson-subtle:#d9383a1f;--crimson-border:#d9383a59;--crimson-glow:#d9383a40;--amber:#d4a373;--amber-subtle:#d4a3731f;--amber-border:#d4a37352;--emerald:#27ae60;--emerald-subtle:#27ae601f;--blue-badge:#3498db;--blue-subtle:#3498db1f;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 10px 30px #000000b3;--shadow-crimson:0 4px 20px #d9383a26;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}h1,h2,h3,.font-serif{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:1240px;margin:0 auto;padding:0 24px 80px}.site-header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-top-bar{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.official-badge{color:var(--amber);align-items:center;gap:6px;font-weight:500;display:inline-flex}.official-badge-dot{background-color:var(--amber);width:6px;height:6px;box-shadow:0 0 8px var(--amber);border-radius:50%}.header-brand-row{justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.brand-title-group{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.brand-logo-text{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;align-items:center;gap:8px;font-size:26px;font-weight:600;text-decoration:none;display:flex}.brand-logo-seal{background:var(--crimson);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.brand-edition-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);padding:3px 8px;font-size:11px}.search-wrapper{flex:1;max-width:440px;position:relative}.search-input{background-color:var(--bg-base);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);padding:10px 14px 10px 38px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--crimson);box-shadow:0 0 0 2px var(--crimson-glow);background-color:var(--bg-elevated);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-shortcut{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.view-mode-tabs{background-color:var(--bg-base);border:1px solid var(--border-medium);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.view-mode-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.view-mode-btn:hover{color:var(--text-primary);background-color:#ffffff0a}.view-mode-btn.active{background-color:var(--bg-surface);color:#fff;border:1px solid var(--border-medium);box-shadow:var(--shadow-sm)}.view-mode-btn.active.contrast-mode{background-color:var(--crimson-subtle);border-color:var(--crimson-border);color:#ff7b7d}.timeline-nav-section{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);margin-bottom:32px;padding:16px 24px}.timeline-nav-inner{flex-direction:column;gap:16px;max-width:1240px;margin:0 auto;display:flex}.year-selector-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.year-toggle-group{align-items:center;gap:8px;display:flex}.year-pill-btn{background-color:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;align-items:baseline;gap:8px;padding:6px 18px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.year-pill-btn:hover{color:var(--text-primary);border-color:var(--border-highlight)}.year-pill-btn.active{background-color:var(--crimson);color:#fff;border-color:var(--crimson);box-shadow:var(--shadow-crimson)}.year-event-count{font-family:var(--font-mono);opacity:.8;font-size:11px;font-weight:400}.month-filter-label{color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.months-scrubber{grid-template-columns:repeat(13,1fr);gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.month-chip{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:all .2s;display:flex}.month-chip:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-1px)}.month-chip.active{background-color:var(--bg-quote);border-color:var(--amber);box-shadow:0 0 10px #d4a37333}.month-chip.active .month-name{color:var(--amber);font-weight:700}.month-name{text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:.05em}.density-dots-row{align-items:center;gap:3px;min-height:8px;display:flex}.density-dot{background-color:var(--border-highlight);border-radius:50%;width:5px;height:5px}.density-dot.has-contrast{background-color:var(--crimson);box-shadow:0 0 5px var(--crimson)}.archive-stats-strip{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--crimson);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.stats-group{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.stat-item{flex-direction:column;display:flex}.stat-value{font-family:var(--font-display);color:#fff;font-size:22px;font-weight:600;line-height:1.1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-family:var(--font-mono)}.contrast-card{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px;transition:all .2s;position:relative;overflow:hidden}.contrast-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg)}.contrast-card-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.contrast-badge-pill{background-color:var(--crimson-subtle);color:#ff6b6d;border:1px solid var(--crimson-border);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.elapsed-time-tag{font-family:var(--font-mono);color:var(--amber);background:var(--amber-subtle);border:1px solid var(--amber-border);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px}.contrast-grid{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:20px;display:grid}.dijo-column,.hizo-column{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.dijo-column{border-left:3px solid var(--amber)}.hizo-column{border-left:3px solid var(--crimson)}.column-eyebrow{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.column-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.dijo-title{color:var(--amber)}.hizo-title{color:#ff6b6d}.column-date-badge{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.column-quote-box{background-color:var(--bg-quote);border-radius:var(--radius-sm);border:1px solid #ffffff0a;margin-bottom:14px;padding:14px}.verbatim-quote{font-family:var(--font-display);color:var(--text-quote);font-size:16px;font-style:italic;line-height:1.5}.quote-context{font-family:var(--font-sans);color:var(--text-muted);margin-top:8px;font-size:12px;font-style:normal;display:block}.hizo-action-heading{font-family:var(--font-display);color:#fff;margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.3}.hizo-action-text{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.55}.column-source-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.source-link{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.source-link:hover{color:var(--text-primary)}.contrast-divider{flex-direction:column;justify-content:center;align-items:center;padding:0 4px;display:flex;position:relative}.divider-line{background:repeating-linear-gradient(to bottom, var(--border-highlight) 0px, var(--border-highlight) 6px, transparent 6px, transparent 12px);width:2px;position:absolute;top:0;bottom:0}.divider-node{z-index:2;background-color:var(--bg-card);border:2px solid var(--crimson);width:34px;height:34px;color:var(--crimson);box-shadow:0 0 12px var(--crimson-glow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.event-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:18px;padding:22px;transition:all .2s}.event-card:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-1px)}.event-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.event-date-stamp{background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.category-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);font-size:11px;font-weight:600;font-family:var(--font-mono);padding:3px 9px}.event-title{color:#fff;margin-bottom:10px;font-size:20px;font-weight:600;line-height:1.35}.event-summary{color:var(--text-secondary);margin-bottom:16px;font-size:14.5px;line-height:1.6}.event-protagonists-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.protagonist-pill{color:var(--text-secondary);border-radius:var(--radius-sm);background-color:#ffffff0d;border:1px solid #ffffff14;padding:2px 8px;font-size:12px}.event-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.sources-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.source-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:5px;padding:3px 8px;text-decoration:none;transition:all .15s;display:inline-flex}.source-badge:hover{color:var(--text-primary);border-color:var(--border-medium)}.site-footer{background-color:var(--bg-elevated);border-top:1px solid var(--border-subtle);margin-top:auto;padding:40px 24px}.footer-inner{max-width:1240px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:13px;display:flex}.footer-manifesto{max-width:600px;line-height:1.6}.footer-manifesto strong{color:var(--text-secondary)}@media (width<=900px){.contrast-grid{grid-template-columns:1fr;gap:12px}.contrast-divider{height:36px}.divider-line{width:auto;height:2px;top:50%;left:0;right:0}.header-brand-row{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}.months-scrubber{grid-template-columns:repeat(7,1fr)}}@media (width<=640px){.header-top-bar{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 16px;font-size:11px}.header-brand-row{gap:10px;padding:12px 14px}.brand-title-group{justify-content:space-between;width:100%}.brand-logo-text{font-size:22px}.view-mode-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;width:100%;padding:4px;display:flex;overflow-x:auto}.view-mode-tabs::-webkit-scrollbar{display:none}.view-mode-btn{white-space:nowrap;flex:none;padding:6px 12px;font-size:12px}.timeline-nav-section{margin-bottom:20px;padding:12px 14px}.year-selector-row{flex-direction:column;align-items:flex-start;gap:8px}.year-toggle-group{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;width:100%;padding-bottom:6px;overflow-x:auto;flex-wrap:nowrap!important}.year-pill-btn{white-space:nowrap;flex:none;padding:6px 14px;font-size:15px}.months-scrubber{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.month-chip{flex:0 0 calc(20% - 6px);min-width:56px;padding:8px 4px}.main-content{padding:0 12px 60px}.event-card{margin-bottom:14px;padding:16px 14px}.event-title{font-size:17.5px;line-height:1.35}.event-summary{font-size:13.5px;line-height:1.55}.contrast-card{margin-bottom:16px;padding:16px 12px}.verbatim-quote{font-size:14.5px}.hizo-action-heading{font-size:16px}.archive-stats-strip{gap:12px;padding:12px 14px}.stat-value{font-size:18px}.site-footer{padding:28px 16px}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.footer-meta-col{border-top:1px solid var(--border-subtle);width:100%;padding-top:14px;text-align:left!important}}.search-highlight{color:#fff9d6;background:#f1c40f47;border-radius:2px;padding:1px 3px;font-weight:600;-webkit-text-decoration:underline dotted #f1c40f99;text-decoration:underline dotted #f1c40f99}.scroll-to-top-btn:hover{transform:translateY(-3px)scale(1.05);background:#d9383af2!important;box-shadow:0 6px 20px #d9383a80!important}.card-copy-btn:hover{color:#fff!important;background:#ffffff1f!important}.compact-row-container:hover{border-color:#d9383a59}.support-banner{z-index:40;background:linear-gradient(90deg,#e3061314 0%,#1a1e2af2 50%,#f5b04114 100%);border-bottom:1px solid #e3061338;padding:8px 16px;transition:all .3s;position:relative}.support-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex}.support-banner-content{flex:1;align-items:center;gap:10px;min-width:280px;display:flex}.support-banner-badge{color:#ff6b6b;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#e306132e;border:1px solid #e3061359;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.support-banner-text{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.4}.support-banner-text strong{color:var(--text-primary)}.support-banner-actions{align-items:center;gap:10px;display:flex}.support-banner-btn{white-space:nowrap;background:linear-gradient(135deg,#e30613,#b8000b);border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #e306134d;color:#fff!important}.support-banner-btn:hover{background:linear-gradient(135deg,#ff1a28,#d0000d);transform:translateY(-1px);box-shadow:0 4px 10px #e3061366}.support-banner-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px;line-height:1;transition:color .2s}.support-banner-close:hover{color:var(--text-primary);background:#ffffff14}@media (width<=768px){.support-banner-inner{flex-direction:column;align-items:flex-start;gap:8px}.support-banner-actions{justify-content:space-between;width:100%}}@media print{.site-header,.timeline-nav-wrapper,.ux-toolbar,.scroll-progress-container,.scroll-to-top-btn,.card-copy-btn,.compact-copy-btn,.site-footer{display:none!important}body,.app-container,.main-content{color:#111!important;background:#fff!important;padding:0!important}.contrast-card,.event-card,.compact-row-container{page-break-inside:avoid;color:#111!important;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important;margin-bottom:20px!important}.verbatim-quote,.hizo-action-heading,.event-title,h3,h4{color:#000!important}.dijo-column,.hizo-column{background:#fafafa!important;border:1px solid #e0e0e0!important}}