/* BibliaREM · Cronologia REM · Premium clean-room UI
   Presentation only. Canonical chronology data stays external and read-only. */

:root{
  --chrono-panel-w:286px;
  --chrono-detail-w:338px;
  --chrono-radius-xl:24px;
  --chrono-radius-lg:18px;
  --chrono-radius-md:13px;
  --chrono-radius-sm:9px;
  --chrono-transition:160ms cubic-bezier(.2,.7,.2,1);
  --chrono-gold:#c99335;
  --chrono-gold-strong:#e2ad4f;
  --chrono-blue:#2a79a6;
  --chrono-blue-strong:#1590c8;
  --chrono-red:#a63b41;
  --chrono-shadow:0 18px 48px rgba(0,0,0,.18);
  --chrono-shadow-soft:0 8px 24px rgba(0,0,0,.10);

  /* Dark is the chronology default; auto is overridden below for light OS. */
  --chrono-page:#07131d;
  --chrono-page-2:#0a1c28;
  --chrono-surface:#0d202c;
  --chrono-surface-2:#102734;
  --chrono-surface-3:#142f3d;
  --chrono-surface-raised:#173746;
  --chrono-canvas:#0b1a23;
  --chrono-canvas-2:#102631;
  --chrono-card:#132c39;
  --chrono-card-2:#183747;
  --chrono-text:#eff4f4;
  --chrono-text-strong:#fff8e9;
  --chrono-muted:#9fb2ba;
  --chrono-muted-2:#718a95;
  --chrono-border:rgba(190,211,218,.14);
  --chrono-border-strong:rgba(213,170,88,.34);
  --chrono-gold-soft:#f2cf82;
  --chrono-gold-bg:rgba(201,147,53,.12);
  --chrono-blue-bg:rgba(36,126,170,.14);
  --chrono-input:#091a24;
  --chrono-input-border:rgba(184,207,216,.18);
  --chrono-grid:rgba(175,200,208,.06);
  --chrono-grid-strong:rgba(207,166,86,.10);
  --chrono-panel-header:rgba(255,255,255,.018);
  --chrono-event-bg:#f2e7d0;
  --chrono-event-bg-2:#e6d2ac;
  --chrono-event-text:#251b12;
  --chrono-event-muted:#6f5b3e;
  --chrono-axis-bg:#0d222d;
  --chrono-origin-bg:#0f2835;
  --chrono-origin-copy:#dbe8e9;
  --chrono-scrollbar:#86652c;
}

html[data-theme="light"]{
  --chrono-page:#f4f2ed;
  --chrono-page-2:#ebe8e1;
  --chrono-surface:#ffffff;
  --chrono-surface-2:#f7f7f4;
  --chrono-surface-3:#efeee9;
  --chrono-surface-raised:#ffffff;
  --chrono-canvas:#faf9f5;
  --chrono-canvas-2:#f3f1eb;
  --chrono-card:#ffffff;
  --chrono-card-2:#f7f5ef;
  --chrono-text:#17242c;
  --chrono-text-strong:#0f1d25;
  --chrono-muted:#60717a;
  --chrono-muted-2:#7d8b92;
  --chrono-border:rgba(23,43,53,.12);
  --chrono-border-strong:rgba(159,111,38,.30);
  --chrono-gold-soft:#8c5e1c;
  --chrono-gold-bg:rgba(174,117,30,.09);
  --chrono-blue-bg:rgba(30,112,157,.09);
  --chrono-input:#ffffff;
  --chrono-input-border:rgba(28,54,67,.15);
  --chrono-grid:rgba(26,57,70,.055);
  --chrono-grid-strong:rgba(154,106,35,.09);
  --chrono-panel-header:rgba(17,41,53,.025);
  --chrono-event-bg:#ffffff;
  --chrono-event-bg-2:#f4efe5;
  --chrono-event-text:#1d262b;
  --chrono-event-muted:#667178;
  --chrono-axis-bg:#f6f3ec;
  --chrono-origin-bg:#f8f6ef;
  --chrono-origin-copy:#51636b;
  --chrono-shadow:0 18px 50px rgba(34,50,58,.10);
  --chrono-shadow-soft:0 8px 26px rgba(34,50,58,.08);
  --chrono-scrollbar:#b79a65;
}

@media (prefers-color-scheme:light){
  html[data-theme="auto"]{
    --chrono-page:#f4f2ed;
    --chrono-page-2:#ebe8e1;
    --chrono-surface:#ffffff;
    --chrono-surface-2:#f7f7f4;
    --chrono-surface-3:#efeee9;
    --chrono-surface-raised:#ffffff;
    --chrono-canvas:#faf9f5;
    --chrono-canvas-2:#f3f1eb;
    --chrono-card:#ffffff;
    --chrono-card-2:#f7f5ef;
    --chrono-text:#17242c;
    --chrono-text-strong:#0f1d25;
    --chrono-muted:#60717a;
    --chrono-muted-2:#7d8b92;
    --chrono-border:rgba(23,43,53,.12);
    --chrono-border-strong:rgba(159,111,38,.30);
    --chrono-gold-soft:#8c5e1c;
    --chrono-gold-bg:rgba(174,117,30,.09);
    --chrono-blue-bg:rgba(30,112,157,.09);
    --chrono-input:#ffffff;
    --chrono-input-border:rgba(28,54,67,.15);
    --chrono-grid:rgba(26,57,70,.055);
    --chrono-grid-strong:rgba(154,106,35,.09);
    --chrono-panel-header:rgba(17,41,53,.025);
    --chrono-event-bg:#ffffff;
    --chrono-event-bg-2:#f4efe5;
    --chrono-event-text:#1d262b;
    --chrono-event-muted:#667178;
    --chrono-axis-bg:#f6f3ec;
    --chrono-origin-bg:#f8f6ef;
    --chrono-origin-copy:#51636b;
    --chrono-shadow:0 18px 50px rgba(34,50,58,.10);
    --chrono-shadow-soft:0 8px 26px rgba(34,50,58,.08);
    --chrono-scrollbar:#b79a65;
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.br-chrono-page{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--chrono-text);
  background:
    radial-gradient(1000px 430px at 50% -120px,rgba(36,112,145,.16),transparent 66%),
    linear-gradient(180deg,var(--chrono-page-2) 0,var(--chrono-page) 24rem,var(--chrono-page) 100%);
}
button,input{font:inherit}
button{color:inherit}

/* ===== Context strip ===== */
.chrono-status-strip{
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(170px,.72fr) minmax(360px,1.55fr) minmax(210px,.82fr);
  gap:.55rem;
  width:min(1880px,calc(100% - 1.5rem));
  margin:.65rem auto 0;
  padding:0;
  background:transparent;
}
.chrono-status-strip>div{
  min-width:0;
  display:grid;
  place-content:center;
  min-height:58px;
  padding:.55rem .8rem;
  text-align:center;
  border:1px solid var(--chrono-border);
  border-radius:16px;
  background:var(--chrono-surface);
  box-shadow:var(--chrono-shadow-soft);
}
.chrono-status-strip span,.chrono-status-label{
  display:block;
  color:var(--chrono-muted);
  font-size:.59rem;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.chrono-status-strip strong{
  display:block;
  margin-top:.08rem;
  color:var(--chrono-text-strong);
  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  line-height:1.12;
}
.chrono-anchor{
  position:relative;
  overflow:hidden;
  border-color:var(--chrono-border-strong)!important;
  background:
    linear-gradient(100deg,var(--chrono-gold-bg),transparent 38%),
    var(--chrono-surface)!important;
}
.chrono-anchor::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(var(--chrono-gold-strong),var(--chrono-gold));
}
.chrono-anchor span,.chrono-anchor small{color:var(--chrono-muted)!important}
.chrono-anchor b{display:block;color:var(--chrono-text-strong);font:700 .88rem/1.18 Georgia,serif}
.chrono-anchor small,.chrono-current small{display:block;margin-top:.08rem;color:var(--chrono-muted);font-size:.56rem;line-height:1.3}
.chrono-current strong{font-size:1.08rem}

/* ===== App header ===== */
.chrono-app{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1920px;
  margin:0 auto;
  padding:.7rem max(.75rem,env(safe-area-inset-right)) 1rem max(.75rem,env(safe-area-inset-left));
}
.chrono-app-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.65rem;
  padding:.88rem 1rem;
  border:1px solid var(--chrono-border);
  border-radius:var(--chrono-radius-xl);
  background:var(--chrono-surface);
  box-shadow:var(--chrono-shadow-soft);
}
.chrono-app-head>div:first-child{min-width:0;max-width:1040px}
.chrono-kicker{
  display:block;
  margin-bottom:.12rem;
  color:var(--chrono-gold-soft);
  font-size:.62rem;
  letter-spacing:.105em;
  text-transform:uppercase;
  font-weight:900;
}
.chrono-app-head h1{
  margin:0;
  color:var(--chrono-text-strong);
  font:700 clamp(1.28rem,1.7vw,1.85rem)/1.1 Georgia,"Times New Roman",serif;
}
.chrono-app-head p{
  margin:.28rem 0 0;
  max-width:980px;
  color:var(--chrono-muted);
  font-size:.73rem;
  line-height:1.45;
}
.chrono-head-actions{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap;justify-content:flex-end}
.chrono-icon-button{
  min-height:38px;
  padding:.48rem .66rem;
  border:1px solid var(--chrono-border);
  border-radius:11px;
  background:var(--chrono-surface-2);
  color:var(--chrono-text);
  font-size:.68rem;
  font-weight:800;
  cursor:pointer;
  transition:transform var(--chrono-transition),border-color var(--chrono-transition),background var(--chrono-transition);
}
.chrono-icon-button:hover,.chrono-icon-button:focus-visible{
  outline:none;
  transform:translateY(-1px);
  border-color:var(--chrono-border-strong);
  background:var(--chrono-gold-bg);
}

/* ===== Workspace ===== */
.chrono-workspace{
  display:grid;
  grid-template-columns:var(--chrono-panel-w) minmax(0,1fr) var(--chrono-detail-w);
  gap:.65rem;
  align-items:start;
  transition:grid-template-columns .22s ease;
}
body.chrono-left-closed .chrono-workspace{grid-template-columns:0 minmax(0,1fr) var(--chrono-detail-w)}
body.chrono-right-closed .chrono-workspace{grid-template-columns:var(--chrono-panel-w) minmax(0,1fr) 0}
body.chrono-left-closed.chrono-right-closed .chrono-workspace{grid-template-columns:0 minmax(0,1fr) 0}

.chrono-panel{
  position:sticky;
  top:calc(var(--header-h,76px) + .7rem);
  max-height:calc(100vh - var(--header-h,76px) - 1.4rem);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--chrono-scrollbar) transparent;
  border:1px solid var(--chrono-border);
  border-radius:var(--chrono-radius-xl);
  background:var(--chrono-surface);
  box-shadow:var(--chrono-shadow-soft);
  transition:opacity .2s ease,transform .2s ease,width .2s ease;
}
body.chrono-left-closed .chrono-panel-left,body.chrono-right-closed .chrono-panel-right{
  width:0;
  overflow:hidden;
  opacity:0;
  border:0;
  pointer-events:none;
  transform:scale(.98);
}
.chrono-panel-head{
  position:sticky;
  top:0;
  z-index:12;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.5rem;
  padding:.82rem .86rem .72rem;
  border-bottom:1px solid var(--chrono-border);
  background:var(--chrono-surface);
}
.chrono-panel-head span{
  display:block;
  color:var(--chrono-gold-soft);
  font-size:.55rem;
  line-height:1.1;
  letter-spacing:.11em;
  font-weight:900;
}
.chrono-panel-head h2{
  margin:.12rem 0 0;
  color:var(--chrono-text-strong);
  font:700 1rem/1.1 Georgia,serif;
}
.chrono-panel-head button{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border:0;border-radius:9px;
  background:transparent;
  color:var(--chrono-muted);
  font-size:1.25rem;
  cursor:pointer;
}
.chrono-panel-head button:hover{background:var(--chrono-gold-bg);color:var(--chrono-gold-soft)}

.chrono-control-group{padding:.7rem .78rem;border-bottom:1px solid var(--chrono-border)}
.chrono-control-group h3{
  margin:0 0 .45rem;
  color:var(--chrono-muted);
  font-size:.6rem;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.chrono-switch,.chrono-check{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.48rem;
  min-height:32px;
  padding:.17rem .08rem;
  color:var(--chrono-text);
  font-size:.69rem;
  line-height:1.25;
  cursor:pointer;
}
.chrono-switch input{position:absolute;opacity:0;pointer-events:none}
.chrono-switch>span{
  position:relative;
  width:31px;height:18px;
  border:1px solid var(--chrono-input-border);
  border-radius:999px;
  background:var(--chrono-surface-3);
  transition:background var(--chrono-transition),border-color var(--chrono-transition);
}
.chrono-switch>span::after{
  content:"";
  position:absolute;
  left:2px;top:2px;
  width:12px;height:12px;
  border-radius:50%;
  background:var(--chrono-muted-2);
  box-shadow:0 1px 3px rgba(0,0,0,.28);
  transition:transform var(--chrono-transition),background var(--chrono-transition);
}
.chrono-switch input:checked+span{border-color:rgba(35,143,197,.55);background:rgba(32,129,178,.36)}
.chrono-switch input:checked+span::after{transform:translateX(13px);background:#f2c869}
.chrono-switch b{font-weight:720}
.chrono-switch em,.chrono-check em,.chrono-layer-pending em{
  padding:.12rem .32rem;
  border:1px solid var(--chrono-border);
  border-radius:999px;
  background:var(--chrono-surface-2);
  color:var(--chrono-muted);
  font-size:.46rem;
  line-height:1.15;
  font-style:normal;
  white-space:nowrap;
}
.chrono-check input{accent-color:var(--chrono-gold)}
.chrono-check span{font-weight:650}
.chrono-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:.42rem}
.chrono-two-fields label{color:var(--chrono-muted);font-size:.57rem;font-weight:650}
.chrono-two-fields input{
  width:100%;
  margin-top:.22rem;
  padding:.45rem .48rem;
  border:1px solid var(--chrono-input-border);
  border-radius:9px;
  outline:none;
  background:var(--chrono-input);
  color:var(--chrono-text-strong);
  font-size:.68rem;
  font-weight:800;
}
.chrono-two-fields input:focus{border-color:rgba(36,139,190,.55);box-shadow:0 0 0 3px var(--chrono-blue-bg)}
.chrono-primary-button,.chrono-reset-button{
  width:100%;
  min-height:36px;
  margin-top:.48rem;
  border:1px solid var(--chrono-border);
  border-radius:10px;
  background:var(--chrono-surface-2);
  color:var(--chrono-text);
  font-size:.67rem;
  font-weight:850;
  cursor:pointer;
}
.chrono-primary-button{border-color:rgba(36,139,190,.35);background:var(--chrono-blue-bg);color:var(--chrono-text-strong)}
.chrono-primary-button:hover,.chrono-reset-button:hover{border-color:var(--chrono-border-strong);background:var(--chrono-gold-bg)}
.chrono-reset-button{width:calc(100% - 1.56rem);margin:.72rem .78rem}

.chrono-category-list,.chrono-era-jumps{display:grid;gap:.16rem}
.chrono-category-button,.chrono-era-jumps button{
  width:100%;
  min-height:31px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--chrono-text);
  text-align:left;
  cursor:pointer;
  transition:background var(--chrono-transition),border-color var(--chrono-transition),opacity var(--chrono-transition);
}
.chrono-category-button{
  display:grid;
  grid-template-columns:1.45rem minmax(0,1fr) auto;
  align-items:center;
  gap:.35rem;
  padding:.27rem .35rem;
  font-size:.66rem;
}
.chrono-category-button:hover,.chrono-era-jumps button:hover{border-color:var(--chrono-border);background:var(--chrono-surface-2)}
.chrono-category-button.is-off{opacity:.36}
.chrono-category-button .cat-icon{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:8px;background:var(--chrono-gold-bg);color:var(--chrono-gold-soft)}
.chrono-category-button .cat-count{color:var(--chrono-muted);font-size:.52rem}
.chrono-era-jumps button{padding:.36rem .42rem;border-left:3px solid var(--era-color,var(--chrono-gold));font-size:.63rem}

/* ===== Main center surfaces ===== */
.chrono-center{min-width:0;display:grid;gap:.62rem}
.chrono-overview-panel,.chrono-toolbar,.chrono-timeline-shell,.chrono-comparison-panel,.chrono-filmstrip-panel{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--chrono-border);
  border-radius:var(--chrono-radius-lg);
  background:var(--chrono-surface);
  color:var(--chrono-text);
  box-shadow:var(--chrono-shadow-soft);
}
.chrono-overview-panel{padding:.62rem .7rem}
.chrono-section-title{display:flex;align-items:center;justify-content:space-between;gap:.55rem;margin-bottom:.42rem}
.chrono-section-title>div{min-width:0;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.chrono-section-title span{color:var(--chrono-gold-soft);font-size:.57rem;font-weight:900;letter-spacing:.08em}
.chrono-section-title b{color:var(--chrono-muted);font-size:.56rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chrono-overview-actions{display:flex;gap:.28rem}
.chrono-overview-actions button,.filmstrip-arrow,.chrono-navigator-row button{
  display:grid;place-items:center;
  border:1px solid var(--chrono-border);
  background:var(--chrono-surface-2);
  color:var(--chrono-text);
  cursor:pointer;
}
.chrono-overview-actions button{width:32px;height:30px;border-radius:9px}
.chrono-overview-actions button:hover,.filmstrip-arrow:hover,.chrono-navigator-row button:hover{border-color:var(--chrono-border-strong);background:var(--chrono-gold-bg)}

.chrono-overview{
  position:relative;
  height:62px;
  overflow:hidden;
  touch-action:none;
  border:1px solid var(--chrono-border);
  border-radius:12px;
  background:linear-gradient(180deg,var(--chrono-canvas-2),var(--chrono-canvas));
}
.chrono-overview::before{
  content:"∞";
  position:absolute;
  z-index:6;
  left:.5rem;top:50%;
  transform:translateY(-54%);
  color:var(--chrono-gold-soft);
  font:700 1.05rem Georgia,serif;
  opacity:.75;
}
.chrono-overview::after{
  content:"";
  position:absolute;
  z-index:2;
  right:0;top:0;bottom:0;width:3.5%;
  border-left:1px dashed var(--chrono-border);
  background:linear-gradient(90deg,transparent,var(--chrono-blue-bg));
  pointer-events:none;
}
.chrono-overview-eras,.chrono-overview-events{position:absolute;inset:0}
.overview-era{position:absolute;top:5px;bottom:5px;border-right:1px solid var(--chrono-border);opacity:.5}
.overview-event{position:absolute;z-index:4;top:27px;width:5px;height:5px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:#29769c;transform:translateX(-50%);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer}
.overview-event.is-major{width:8px;height:8px;top:25px;background:#c17a28}
.chrono-overview-window{position:absolute;z-index:3;top:3px;bottom:3px;min-width:18px;border:2px solid var(--chrono-blue-strong);border-radius:9px;background:rgba(21,144,200,.10);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset;cursor:grab;touch-action:none}
.chrono-overview-window::before,.chrono-overview-window::after{content:"";position:absolute;top:50%;width:6px;height:28px;border-radius:4px;background:var(--chrono-blue-strong);border:1px solid rgba(255,255,255,.72);transform:translateY(-50%)}
.chrono-overview-window::before{left:-5px}.chrono-overview-window::after{right:-5px}
.chrono-overview-scale{display:grid;grid-template-columns:2.8fr repeat(7,1fr) 3.5fr;align-items:center;padding:.28rem .08rem 0;color:var(--chrono-muted);font-size:.49rem}
.chrono-overview-scale span{text-align:center;min-width:0}
.chrono-overview-scale span:first-child{color:var(--chrono-gold-soft);font-size:.68rem;font-weight:900}

/* Toolbar */
.chrono-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:.5rem;padding:.52rem .58rem}
.chrono-search{display:flex;align-items:center;gap:.38rem;min-height:38px;padding:.38rem .55rem;border:1px solid var(--chrono-input-border);border-radius:11px;background:var(--chrono-input);color:var(--chrono-muted)}
.chrono-search:focus-within{border-color:rgba(35,139,190,.55);box-shadow:0 0 0 3px var(--chrono-blue-bg)}
.chrono-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--chrono-text-strong);font-size:.69rem}
.chrono-search input::placeholder{color:var(--chrono-muted-2)}
.chrono-segmented{display:flex;overflow:hidden;border:1px solid var(--chrono-input-border);border-radius:11px;background:var(--chrono-surface-2)}
.chrono-segmented button{min-height:36px;padding:.4rem .62rem;border:0;border-right:1px solid var(--chrono-input-border);background:transparent;color:var(--chrono-muted);font-size:.63rem;font-weight:800;cursor:pointer}
.chrono-segmented button:last-child{border-right:0}
.chrono-segmented button.is-active{background:var(--chrono-blue-bg);color:var(--chrono-text-strong);box-shadow:inset 0 -2px var(--chrono-blue-strong)}
.chrono-zoom{display:flex;align-items:center;gap:.28rem;min-width:0}
.chrono-zoom button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--chrono-input-border);border-radius:10px;background:var(--chrono-surface-2);color:var(--chrono-text);font-size:1rem;font-weight:900;cursor:pointer}
.chrono-zoom button:hover{border-color:var(--chrono-border-strong);background:var(--chrono-gold-bg)}
.chrono-zoom input{width:clamp(100px,10vw,170px);accent-color:var(--chrono-blue-strong)}
.chrono-zoom output{min-width:2rem;color:var(--chrono-text);font-size:.6rem;font-weight:850;text-align:center}
.chrono-resolution{display:inline-flex;align-items:center;min-height:27px;padding:0 .46rem;border:1px solid var(--chrono-border);border-radius:999px;background:var(--chrono-surface-2);color:var(--chrono-muted);font-size:.49rem;font-weight:800;white-space:nowrap}

/* ===== Timeline ===== */
.chrono-timeline-shell{position:relative;isolation:isolate}
.chrono-origin-context{
  position:relative;
  z-index:18;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  min-height:72px;
  border-bottom:1px solid var(--chrono-border);
  background:var(--chrono-origin-bg);
}
.chrono-origin-context::after{content:"";position:absolute;left:68px;top:12px;bottom:12px;width:1px;background:var(--chrono-border)}
.chrono-infinity{display:grid;place-items:center;color:var(--chrono-gold-soft);font:700 2.55rem/1 Georgia,serif}
.chrono-origin-context>div{padding:.7rem .82rem}
.chrono-origin-context strong{display:block;color:var(--chrono-text-strong);font:700 .93rem/1.1 Georgia,serif}
.chrono-origin-context p{margin:.18rem 0 0;color:var(--chrono-origin-copy);font-size:.64rem;line-height:1.42}
.chrono-origin-context p span:last-child{margin-left:.32rem;color:var(--chrono-gold-soft);font-weight:800}

.chrono-time-families{position:relative;height:48px;overflow:hidden;border-bottom:1px solid var(--chrono-border);background:var(--chrono-surface-2)}
.chrono-time-family{position:absolute;top:5px;bottom:5px;min-width:2px;overflow:hidden;padding:.17rem .34rem .14rem .44rem;border:1px solid var(--chrono-border);border-left:3px solid var(--family-color,var(--chrono-gold));border-radius:8px;background:var(--chrono-surface);color:var(--chrono-text)}
.chrono-time-family b,.chrono-time-family small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chrono-time-family b{font:700 .55rem/1.16 Georgia,serif}.chrono-time-family small{margin-top:.06rem;color:var(--chrono-muted);font-size:.45rem}

.chrono-year-axis{position:relative;height:44px;border-bottom:1px solid var(--chrono-border);background:var(--chrono-axis-bg)}
.year-tick{position:absolute;bottom:0;max-width:clamp(70px,12vw,160px);overflow:hidden;padding-bottom:.35rem;color:var(--chrono-text);font-size:.56rem;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%)}
.year-tick::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:7px;background:var(--chrono-border-strong)}
.year-tick b,.year-tick small{display:block;line-height:1.05}.year-tick small{margin-top:.11rem;color:var(--chrono-muted);font-size:.45rem;font-weight:650}

.chrono-timeline-viewport{position:relative;min-width:0;max-width:100%;min-height:610px;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;cursor:grab;background:linear-gradient(var(--chrono-grid) 1px,transparent 1px),linear-gradient(90deg,var(--chrono-grid) 1px,transparent 1px),linear-gradient(180deg,var(--chrono-canvas),var(--chrono-canvas-2));background-size:100% 44px,80px 100%,100% 100%}
.chrono-timeline-viewport.is-dragging{cursor:grabbing}
.chrono-timeline-world{position:relative;width:100%;min-height:610px}
.chrono-grid-lines,.chrono-boundaries,.chrono-calendar-detail,.chrono-salvation-line,.chrono-lifespans,.chrono-sabbaticals,.chrono-jubilees,.chrono-events-layer,.chrono-periods-layer{position:absolute;inset:0}
.chrono-boundaries{z-index:1;pointer-events:none}.chrono-calendar-detail{z-index:7;pointer-events:none}.chrono-salvation-line{z-index:3;pointer-events:none}.chrono-lifespans{z-index:2}.chrono-sabbaticals{z-index:2;pointer-events:none}.chrono-jubilees{z-index:3}.chrono-events-layer{z-index:4}.chrono-periods-layer{z-index:2}
.grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--chrono-grid)}

.chrono-before-zone,.chrono-future-zone{position:absolute;top:0;bottom:0}
.chrono-before-zone{left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:1.1rem;border-right:1px dashed var(--chrono-border);background:linear-gradient(90deg,rgba(25,88,111,.16),transparent)}
.chrono-before-zone span{color:var(--chrono-gold-soft);font:700 1.65rem Georgia,serif;opacity:.55}
.chrono-future-zone{right:0;border-left:1px dashed var(--chrono-border);background:linear-gradient(90deg,transparent,var(--chrono-blue-bg))}
.chrono-future-zone::before{content:"";position:absolute;left:16%;right:15%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(43,135,181,.58),transparent)}
.chrono-future-zone::after{content:"";position:absolute;right:14%;top:calc(50% - 5px);border-left:8px solid rgba(43,135,181,.62);border-top:5px solid transparent;border-bottom:5px solid transparent}

/* period / lifespan / sabbatical lines */
.period-row{position:absolute;left:0;right:0;height:22px}
.period-band{position:absolute;height:18px;overflow:hidden;padding:.15rem .38rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#142029;font-size:.49rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;opacity:.72}
.lifespan-bar{position:absolute;height:8px;border-radius:999px;background:rgba(35,123,157,.30);border:1px solid rgba(55,153,190,.28)}
.lifespan-bar span{position:absolute;left:.18rem;top:-1rem;color:var(--chrono-muted);font-size:.44rem;white-space:nowrap}
.sabbatical-line{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed rgba(59,143,183,.24);transform:translateX(-50%)}
.sabbatical-line.is-virtual{opacity:.34}.sabbatical-line.is-legal{border-left-color:rgba(31,139,190,.5);opacity:.68}.sabbatical-line.is-c49{width:2px;border-left:2px solid rgba(199,143,44,.60);opacity:.85}
.sabbatical-line small{position:absolute;top:86px;left:3px;padding:.09rem .2rem;border:1px solid var(--chrono-border);border-radius:5px;background:var(--chrono-surface);color:var(--chrono-blue-strong);font-size:.43rem;font-weight:850;white-space:nowrap}
.sabbatical-line.is-c49 small{color:var(--chrono-gold-soft)}
.jubilee-line{position:absolute;top:0;bottom:0;width:1px;background:rgba(209,153,57,.22);border-left:1px solid rgba(209,153,57,.42)}

.salvation-thread{position:absolute;top:74px;height:3px;border-radius:999px;background:linear-gradient(90deg,#8b2f35,#bd4b51 52%,#8c3036);box-shadow:0 0 12px rgba(165,54,61,.24)}
.salvation-thread b{position:absolute;left:.3rem;top:-1.05rem;color:#d16e73;font:700 .53rem Georgia,serif;white-space:nowrap}
.salvation-node{position:absolute;top:69px;width:12px;height:12px;padding:0;border:2px solid var(--chrono-surface);border-radius:50%;background:#b54349;box-shadow:0 0 0 1px #7b2a30;transform:translateX(-50%);pointer-events:auto;cursor:pointer}

.chrono-calendar-pending{position:absolute;right:clamp(4.5rem,9vw,8rem);top:.58rem;max-width:min(330px,52vw);display:grid;gap:.08rem;padding:.42rem .58rem;border:1px solid var(--chrono-border);border-radius:10px;background:var(--chrono-surface);color:var(--chrono-text);box-shadow:var(--chrono-shadow-soft)}
.chrono-calendar-pending strong{color:var(--chrono-text-strong);font:700 .6rem Georgia,serif}.chrono-calendar-pending span{font-size:.5rem;font-weight:800}.chrono-calendar-pending small{color:var(--chrono-muted);font-size:.46rem}

/* Event cards */
.chrono-event{
  position:absolute;
  z-index:4;
  width:122px;
  padding:.28rem;
  border:1px solid rgba(145,111,59,.26);
  border-radius:14px;
  background:linear-gradient(180deg,var(--chrono-event-bg),var(--chrono-event-bg-2));
  color:var(--chrono-event-text);
  box-shadow:0 8px 20px rgba(0,0,0,.14);
  text-align:center;
  transform:translateX(-50%);
  cursor:pointer;
  transition:transform var(--chrono-transition),box-shadow var(--chrono-transition),border-color var(--chrono-transition);
  contain:layout paint;
}
.chrono-event:hover,.chrono-event:focus-visible,.chrono-event.is-selected{z-index:20;outline:none;transform:translateX(-50%) translateY(-4px);border-color:rgba(28,126,177,.72);box-shadow:0 14px 30px rgba(0,0,0,.20),0 0 0 3px rgba(29,137,191,.12)}
.chrono-event.is-major{border-width:2px}.chrono-event::before{content:"";position:absolute;left:50%;bottom:-26px;width:1px;height:26px;background:rgba(130,102,60,.45)}
.chrono-event::after{content:"";position:absolute;left:50%;bottom:-32px;width:8px;height:8px;border:2px solid var(--chrono-event-bg);border-radius:50%;background:var(--event-color,#267ea8);box-shadow:0 0 0 1px rgba(45,55,58,.25);transform:translateX(-50%)}
.chrono-event-image{display:block;width:100%;aspect-ratio:1.62/1;object-fit:cover;border:1px solid rgba(52,67,73,.22);border-radius:10px;background:#0c2634}
.chrono-event-copy{display:grid;gap:.04rem;padding:.25rem .1rem .08rem}
.chrono-event-copy strong{color:var(--chrono-event-text);font:700 .69rem/1.06 Georgia,serif}
.chrono-event-copy b{color:#106797;font-size:.65rem}.chrono-event-copy small{color:var(--chrono-event-muted);font-size:.46rem;line-height:1.18}
.chrono-event.no-image{width:100px;padding:.42rem .28rem}.chrono-event.no-image .chrono-event-image{display:none}.chrono-event.no-image .chrono-event-copy strong{font-size:.62rem}
.chrono-event.is-overview-card{width:108px}
.chrono-point-event{position:absolute;z-index:5;width:9px;height:9px;padding:0;border:2px solid var(--chrono-canvas);border-radius:50%;background:var(--event-color,#267ea8);box-shadow:0 0 0 1px rgba(66,80,85,.35),0 3px 8px rgba(0,0,0,.18);transform:translateX(-50%);cursor:pointer;contain:layout paint}
.chrono-point-event::after{content:"";position:absolute;left:50%;top:7px;width:1px;height:27px;background:linear-gradient(var(--event-color,#267ea8),transparent);transform:translateX(-50%)}
.chrono-point-event:hover,.chrono-point-event:focus-visible{z-index:30;width:14px;height:14px;outline:none;box-shadow:0 0 0 4px rgba(34,135,184,.14)}
.chrono-point-event.is-major{width:11px;height:11px;background:#cc842d}

.chrono-navigator-row{display:flex;align-items:center;justify-content:center;gap:.28rem;padding:.48rem;border-top:1px solid var(--chrono-border);background:var(--chrono-surface-2)}
.chrono-navigator-row button{width:34px;height:30px;border-radius:9px}
.chrono-navigator-row span{min-width:120px;color:var(--chrono-muted);font-size:.55rem;font-weight:750;text-align:center}

/* ===== Comparison ===== */
.chrono-comparison-panel{padding:.55rem .6rem}
.comparison-title{margin-bottom:.38rem;color:var(--chrono-text-strong);font:700 .68rem Georgia,serif}
.comparison-grid{display:grid;gap:.25rem}
.comparison-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:29px;overflow:hidden;border:1px solid var(--chrono-border);border-radius:9px;background:var(--chrono-surface-2)}
.comparison-label{align-self:stretch;display:flex;align-items:center;padding:.34rem .48rem;background:var(--chrono-blue-bg);color:var(--chrono-text);font-size:.55rem;font-weight:850}
.comparison-track{position:relative;min-height:29px;background:linear-gradient(90deg,rgba(78,145,113,.07),rgba(198,149,57,.07),rgba(116,104,156,.07))}
.comparison-marker{position:absolute;top:50%;width:7px;height:7px;border:1px solid var(--chrono-surface);border-radius:50%;background:#26789f;transform:translate(-50%,-50%);contain:layout paint}
.comparison-marker.is-selected{width:12px;height:12px;background:#d28a2d;box-shadow:0 0 0 4px rgba(210,138,45,.14)}

/* ===== Film strip ===== */
.chrono-filmstrip-panel{padding:.55rem .6rem}
.chrono-filmstrip-wrap{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:.38rem;align-items:center}
.filmstrip-arrow{width:34px;height:46px;border-radius:12px;font-size:1.2rem}
.chrono-filmstrip{display:flex;gap:.4rem;overflow-x:auto;padding:.13rem;scrollbar-width:none;scroll-behavior:smooth}.chrono-filmstrip::-webkit-scrollbar{display:none}
.film-card{flex:0 0 112px;padding:.26rem;border:1px solid var(--chrono-border);border-radius:12px;background:var(--chrono-surface-2);color:var(--chrono-text);text-align:center;cursor:pointer;transition:transform var(--chrono-transition),border-color var(--chrono-transition),background var(--chrono-transition)}
.film-card:hover{transform:translateY(-2px);border-color:var(--chrono-border-strong)}.film-card.is-selected{border-color:rgba(31,133,184,.58);background:var(--chrono-blue-bg);box-shadow:0 0 0 2px rgba(28,131,183,.08)}
.film-card img{width:100%;height:58px;object-fit:cover;border-radius:9px;background:#0d2633}.film-card b{display:block;margin-top:.2rem;color:var(--chrono-text-strong);font:700 .57rem/1.1 Georgia,serif}.film-card span{color:var(--chrono-blue-strong);font-size:.5rem;font-weight:850}

/* ===== Detail panel ===== */
.chrono-detail{padding:.82rem}
.chrono-detail>p{color:var(--chrono-muted);font-size:.7rem;line-height:1.55}
.detail-image{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;border:1px solid var(--chrono-border);border-radius:15px;background:#0c2532;box-shadow:var(--chrono-shadow-soft)}
.detail-year{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.62rem 0}
.detail-year strong{color:var(--chrono-text-strong);font:700 1.28rem/1.05 Georgia,serif}
.detail-year span{padding:.25rem .42rem;border:1px solid var(--chrono-border);border-radius:999px;background:var(--chrono-surface-2);color:var(--chrono-muted);font-size:.53rem}
.detail-v8-status{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin:-.12rem 0 .58rem;padding:.42rem .48rem;border:1px solid var(--chrono-border);border-radius:10px;background:var(--chrono-gold-bg)}
.detail-v8-status b{color:var(--chrono-gold-soft);font-size:.53rem;letter-spacing:.04em}.detail-v8-status span{color:var(--chrono-muted);font-size:.52rem;text-align:right}
.detail-summary{color:var(--chrono-text);font-size:.71rem;line-height:1.6}
.detail-section{margin-top:.66rem;padding-top:.62rem;border-top:1px solid var(--chrono-border)}
.detail-section h3{margin:0 0 .38rem;color:var(--chrono-gold-soft);font:700 .73rem Georgia,serif}
.detail-reference{padding:.5rem;border:1px solid var(--chrono-border);border-radius:10px;background:var(--chrono-surface-2);color:var(--chrono-text);font-size:.65rem;line-height:1.45}
.detail-calendar-table{width:100%;border-collapse:collapse;font-size:.61rem}.detail-calendar-table td{padding:.34rem .28rem;border-bottom:1px solid var(--chrono-border);vertical-align:top}.detail-calendar-table td:first-child{width:38%;color:var(--chrono-gold-soft);font-weight:750}.detail-calendar-table td:last-child{color:var(--chrono-text)}
.detail-note{padding:.5rem .55rem;border-left:3px solid var(--chrono-gold);border-radius:0 9px 9px 0;background:var(--chrono-gold-bg);color:var(--chrono-muted);font-size:.6rem;line-height:1.5}
.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.65rem}.detail-actions a,.detail-actions button{padding:.52rem;border:1px solid var(--chrono-border);border-radius:10px;background:var(--chrono-surface-2);color:var(--chrono-text);font-size:.59rem;font-weight:850;text-align:center;text-decoration:none;cursor:pointer}.detail-actions a:hover,.detail-actions button:hover{border-color:var(--chrono-border-strong);background:var(--chrono-gold-bg)}

.chrono-toast{position:fixed;z-index:900;left:50%;bottom:1rem;padding:.65rem .9rem;border:1px solid var(--chrono-border);border-radius:11px;background:var(--chrono-surface-raised);color:var(--chrono-text-strong);box-shadow:var(--chrono-shadow);opacity:0;pointer-events:none;transform:translate(-50%,1rem);transition:.2s ease}.chrono-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.br-chrono-page .site-header{z-index:80}.br-chrono-page .nav-dropdown__panel{z-index:100}.br-chrono-page .footer{margin-top:.2rem}.br-chrono-page .mobile-quick-nav__item.is-active{color:var(--gold)}.br-chrono-page .nav-dropdown__trigger.is-active::after{width:100%}

/* ===== Responsive ===== */
@media(max-width:1540px){
  :root{--chrono-panel-w:250px;--chrono-detail-w:298px}
  .chrono-event{width:112px}.chrono-timeline-viewport,.chrono-timeline-world{min-height:580px}
}
@media(max-width:1180px){
  .chrono-workspace{grid-template-columns:230px minmax(0,1fr)}
  body.chrono-right-closed .chrono-workspace{grid-template-columns:230px minmax(0,1fr)}
  .chrono-panel-right{position:fixed;z-index:88;right:.65rem;top:calc(var(--header-h,76px) + .65rem);bottom:.65rem;width:min(360px,calc(100vw - 1.3rem));max-height:none;transform:translateX(115%);opacity:0;pointer-events:none}
  .chrono-panel-right.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
  .chrono-toolbar{grid-template-columns:1fr auto}.chrono-zoom{grid-column:1/-1;justify-content:center}
}
@media(max-width:900px){
  .br-chrono-page{padding-bottom:calc(6.8rem + env(safe-area-inset-bottom))}
  .chrono-status-strip{grid-template-columns:1fr 1fr;width:calc(100% - 1rem);margin-top:.5rem}.chrono-anchor{grid-column:1/-1;grid-row:1}
  .chrono-app{padding:.55rem max(.55rem,env(safe-area-inset-right)) .8rem max(.55rem,env(safe-area-inset-left))}
  .chrono-app-head{align-items:flex-start;flex-direction:column;border-radius:18px}.chrono-head-actions{width:100%;justify-content:stretch}.chrono-icon-button{flex:1}
  .chrono-workspace{grid-template-columns:minmax(0,1fr)!important}
  .chrono-panel-left,.chrono-panel-right{position:fixed;z-index:88;top:calc(var(--header-h,76px) + .55rem);bottom:calc(5.8rem + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 1.1rem));max-height:none;opacity:0;pointer-events:none}
  .chrono-panel-left{left:.55rem;transform:translateX(-115%)}.chrono-panel-right{right:.55rem;transform:translateX(115%)}
  .chrono-panel-left.is-open,.chrono-panel-right.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
  .chrono-toolbar{grid-template-columns:1fr}.chrono-segmented,.chrono-zoom{justify-self:stretch}.chrono-segmented button{flex:1}.chrono-zoom{justify-content:stretch}.chrono-zoom input{flex:1}
  .chrono-origin-context{grid-template-columns:54px minmax(0,1fr)}.chrono-origin-context::after{left:54px}.chrono-infinity{font-size:2.2rem}
  .chrono-timeline-viewport,.chrono-timeline-world{min-height:540px}.chrono-event{width:104px}
}
@media(max-width:600px){
  .chrono-status-strip{grid-template-columns:1fr}.chrono-anchor{grid-column:auto;grid-row:auto}.chrono-status-strip .chrono-current{display:none}.chrono-status-strip>div{min-height:50px}
  .chrono-app-head{padding:.72rem .78rem}.chrono-app-head h1{font-size:1.14rem}.chrono-app-head p{font-size:.65rem}.chrono-head-actions span{display:none}.chrono-icon-button{min-width:42px;padding:.42rem}
  .chrono-overview-panel,.chrono-toolbar,.chrono-comparison-panel,.chrono-filmstrip-panel{border-radius:14px}.chrono-overview-panel{padding:.48rem}.chrono-section-title b{display:none}
  .chrono-toolbar{padding:.42rem;gap:.38rem}.chrono-zoom{display:grid;grid-template-columns:34px minmax(0,1fr) 34px auto;width:100%}.chrono-resolution{grid-column:1/-1;justify-content:center}.chrono-segmented button{padding:.38rem .42rem;font-size:.58rem}
  .chrono-origin-context{grid-template-columns:46px minmax(0,1fr);min-height:62px}.chrono-origin-context::after{left:46px}.chrono-infinity{font-size:1.9rem}.chrono-origin-context>div{padding:.55rem}.chrono-origin-context strong{font-size:.74rem}.chrono-origin-context p{font-size:.53rem}.chrono-origin-context p span:last-child{display:block;margin:.08rem 0 0}
  .chrono-time-families{height:40px}.chrono-time-family{padding:.14rem .2rem}.chrono-time-family b{font-size:.48rem}.chrono-time-family small{display:none}
  .chrono-year-axis{height:40px}.year-tick{max-width:68px;font-size:.47rem}.year-tick small{font-size:.4rem}
  .chrono-timeline-viewport,.chrono-timeline-world{min-height:510px}.chrono-event{width:96px;max-width:calc(100vw - 2.2rem);padding:.22rem}.chrono-event.is-overview-card{width:86px}.chrono-event-copy strong{font-size:.58rem}.chrono-event-copy b{font-size:.57rem}.chrono-event-image{aspect-ratio:1.45/1}.chrono-point-event{width:8px;height:8px}.lifespan-bar span,.sabbatical-line small{display:none}
  .chrono-calendar-pending{left:4rem;right:4rem;max-width:none;padding:.34rem .42rem}.chrono-calendar-pending small{display:none}
  .comparison-row{grid-template-columns:84px 1fr}.comparison-label{font-size:.49rem;padding:.3rem}.chrono-filmstrip-wrap{grid-template-columns:30px minmax(0,1fr) 30px}.filmstrip-arrow{width:30px}.film-card{flex-basis:94px}.film-card img{height:48px}
}
@media(min-width:1280px) and (hover:none){.chrono-switch,.chrono-check,.chrono-category-button,.chrono-era-jumps button{min-height:42px;font-size:.8rem}.chrono-icon-button,.chrono-navigator-row button,.filmstrip-arrow{min-height:44px}.chrono-event:focus{outline:3px solid #f0c46a;outline-offset:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* =====================================================================
   Premium Engine 1 · semantic zoom / clustering / collision-free lanes
   Presentation only. No canonical chronology values are changed here.
   ===================================================================== */

.chrono-timeline-world{--engine-glow:rgba(44,154,205,.2);transition:min-height .2s ease}
.chrono-density-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.chrono-density-layer[hidden]{display:none}
.chrono-density-bin{position:absolute;bottom:0;min-width:2px;padding:0;border:0;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--density-c1),var(--density-c2) 58%,var(--density-c3));opacity:.20;filter:saturate(.82);transform-origin:bottom;pointer-events:auto;cursor:zoom-in;transition:opacity .14s ease,filter .14s ease,transform .14s ease}
.chrono-density-bin:hover,.chrono-density-bin:focus-visible{opacity:.58;filter:saturate(1.1);transform:scaleY(1.04);outline:none}
.semantic-l0 .chrono-density-bin{opacity:.28}.semantic-l1 .chrono-density-bin{opacity:.18}.semantic-l2 .chrono-density-bin{opacity:.08}

.overview-events{overflow:hidden}
.overview-density{position:absolute;z-index:1;bottom:2px;min-width:1px;padding:0;border:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--chrono-gold-strong),var(--chrono-blue));opacity:.48;cursor:zoom-in;transform-origin:bottom;transition:opacity .12s ease,transform .12s ease}
.overview-density:hover,.overview-density:focus-visible{opacity:.9;transform:scaleY(1.08);outline:none}
.overview-event{z-index:3}

.chrono-cluster{position:absolute;z-index:9;top:250px;display:grid;place-items:center;min-width:52px;min-height:52px;padding:.34rem;border:1px solid rgba(238,198,114,.50);border-radius:18px;background:radial-gradient(circle at 35% 25%,rgba(255,234,181,.24),transparent 36%),linear-gradient(145deg,rgba(12,38,52,.96),rgba(8,24,34,.94));color:#fff7e8;box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(48,153,201,.11) inset,0 0 30px rgba(46,145,190,.10);transform:translateX(-50%);cursor:zoom-in;isolation:isolate;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
html[data-theme="light"] .chrono-cluster{background:radial-gradient(circle at 35% 25%,rgba(202,147,53,.16),transparent 36%),linear-gradient(145deg,#fffdf9,#f1eadc);color:#172731;box-shadow:0 10px 26px rgba(34,50,58,.14),0 0 0 1px rgba(255,255,255,.7) inset}
@media(prefers-color-scheme:light){html[data-theme="auto"] .chrono-cluster{background:radial-gradient(circle at 35% 25%,rgba(202,147,53,.16),transparent 36%),linear-gradient(145deg,#fffdf9,#f1eadc);color:#172731}}
.chrono-cluster:hover,.chrono-cluster:focus-visible{z-index:40;outline:none;transform:translateX(-50%) translateY(-4px) scale(1.035);border-color:rgba(242,204,126,.86);box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 32px rgba(44,154,205,.18)}
.chrono-cluster strong{position:relative;z-index:2;font:800 .82rem/1 system-ui,sans-serif}.chrono-cluster small{position:relative;z-index:2;margin-top:.13rem;max-width:76px;color:inherit;font-size:.42rem;line-height:1.1;opacity:.78}
.chrono-cluster-orbit{position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--cluster-c1,#c99335) 68%,transparent);border-radius:15px;box-shadow:0 0 0 4px color-mix(in srgb,var(--cluster-c2,#2a79a6) 10%,transparent) inset;transform:rotate(8deg)}
.chrono-cluster.is-global{top:272px;min-width:58px;min-height:58px;border-radius:50%}.chrono-cluster.is-global small{display:none}.chrono-cluster.is-global strong{font-size:.92rem}
.chrono-cluster.is-era{top:286px}.chrono-cluster.is-overflow{top:525px;min-width:46px;min-height:42px;border-radius:13px;background:var(--chrono-surface-raised);color:var(--chrono-text-strong)}

.chrono-beacon{position:absolute;z-index:8;top:412px;display:flex;flex-direction:column;align-items:center;width:118px;padding:0;border:0;background:transparent;color:var(--chrono-text);transform:translateX(-50%);cursor:pointer}
.chrono-beacon::before{content:"";position:absolute;left:50%;bottom:28px;width:1px;height:76px;background:linear-gradient(transparent,var(--event-color),var(--event-color));opacity:.64}
.chrono-beacon span{position:relative;z-index:2;display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--event-color) 65%,#f2c869);border-radius:50%;background:var(--chrono-canvas);color:#f2cf82;box-shadow:0 0 0 5px color-mix(in srgb,var(--event-color) 10%,transparent),0 0 24px color-mix(in srgb,var(--event-color) 24%,transparent);font-size:.7rem}
.chrono-beacon b{position:relative;z-index:2;margin-top:.3rem;padding:.22rem .34rem;border:1px solid var(--chrono-border);border-radius:8px;background:color-mix(in srgb,var(--chrono-surface) 92%,transparent);max-width:114px;overflow:hidden;color:var(--chrono-text-strong);font:700 .52rem/1.15 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}
.chrono-beacon:hover span,.chrono-beacon:focus-visible span{transform:scale(1.12);outline:none}.chrono-beacon:focus-visible{outline:none}

.chrono-time-stack{position:absolute;z-index:16;top:294px;display:grid;place-items:center;min-width:50px;min-height:58px;padding:.24rem;border:1px solid rgba(232,190,102,.55);border-radius:16px;background:linear-gradient(145deg,var(--chrono-surface-raised),var(--chrono-surface-2));color:var(--chrono-text-strong);box-shadow:0 12px 28px rgba(0,0,0,.20),0 0 28px rgba(42,130,172,.12);transform:translateX(-50%);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.chrono-time-stack::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:92px;background:linear-gradient(var(--chrono-gold),transparent)}
.chrono-time-stack:hover,.chrono-time-stack:focus-visible,.chrono-time-stack.is-selected{z-index:36;outline:none;transform:translateX(-50%) translateY(-3px);box-shadow:0 15px 34px rgba(0,0,0,.26),0 0 32px rgba(42,148,195,.20)}
.chrono-time-stack .stack-glyph{color:var(--chrono-gold-soft);font-size:.72rem}.chrono-time-stack strong{font:900 .8rem/1 system-ui,sans-serif}.chrono-time-stack small{font-size:.42rem;color:var(--chrono-muted);white-space:nowrap}
.chrono-time-stack.is-open{border-color:var(--chrono-gold-strong);box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 42px rgba(213,164,74,.20)}

.chrono-fan-card{position:absolute;z-index:42;top:332px;width:108px;padding:.28rem;border:1px solid var(--chrono-border-strong);border-radius:13px;background:linear-gradient(180deg,var(--chrono-event-bg),var(--chrono-event-bg-2));color:var(--chrono-event-text);box-shadow:0 14px 30px rgba(0,0,0,.24);transform:translate(calc(-50% + var(--fan-x)),var(--fan-y)) rotate(var(--fan-r));transform-origin:50% 0;cursor:pointer;animation:chronoFanIn .2s cubic-bezier(.2,.8,.2,1) both}
.chrono-fan-card:hover,.chrono-fan-card:focus-visible,.chrono-fan-card.is-selected{z-index:60;outline:none;transform:translate(calc(-50% + var(--fan-x)),calc(var(--fan-y) - 5px)) rotate(0deg) scale(1.035);border-color:#2391c1}
.chrono-fan-card img{display:block;width:100%;height:48px;object-fit:cover;border-radius:8px;background:#0d2834}.chrono-fan-card span{display:grid;gap:.08rem;padding:.24rem .08rem .05rem}.chrono-fan-card strong{font:700 .57rem/1.1 Georgia,serif}.chrono-fan-card b{color:#0b6d9e;font-size:.48rem}
@keyframes chronoFanIn{from{opacity:0;transform:translate(-50%,0) scale(.72)}to{opacity:1}}

.chrono-event{will-change:transform;backface-visibility:hidden}
.chrono-event.is-anchor{border-color:rgba(226,173,79,.54);box-shadow:0 10px 28px rgba(0,0,0,.16),0 0 0 1px rgba(226,173,79,.12) inset}
.chrono-event[data-precision]::marker{content:none}
.chrono-event.is-anchor::after{box-shadow:0 0 0 4px rgba(226,173,79,.12),0 0 18px color-mix(in srgb,var(--event-color) 35%,transparent)}

/* Semantic levels deliberately reduce information before it collides. */
.semantic-l0 .chrono-event{width:112px}.semantic-l0 .chrono-event-image{height:52px;aspect-ratio:auto}.semantic-l0 .chrono-event-copy small{display:none}
.semantic-l1 .chrono-event{width:122px}.semantic-l1 .chrono-event-image{height:58px;aspect-ratio:auto}
.semantic-l2 .chrono-timeline-world{min-height:900px}.semantic-l3 .chrono-timeline-world{min-height:990px}

/* Holographic 2.5D inspector — subtle, readable, GPU-cheap. */
.chrono-panel-right{--holo-rx:0deg;--holo-ry:0deg;transform-style:preserve-3d;perspective:1100px}
@media(min-width:1181px) and (hover:hover){.chrono-panel-right{transform:perspective(1100px) rotateX(var(--holo-rx)) rotateY(var(--holo-ry));transition:transform .12s ease,opacity .2s ease,width .2s ease}}
.detail-hologram{position:relative;isolation:isolate;padding:.32rem;border:1px solid var(--chrono-border-strong);border-radius:15px;background:radial-gradient(circle at 50% 40%,rgba(57,151,193,.15),transparent 58%),var(--chrono-surface-2);box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 32px rgba(39,139,183,.08) inset;transform:translateZ(10px)}
.detail-hologram .detail-image{position:relative;z-index:2;margin:0;width:100%;border-radius:12px}.detail-holo-orbit{position:absolute;z-index:1;inset:12% 9%;border:1px solid rgba(226,173,79,.22);border-radius:50%;box-shadow:0 0 34px rgba(36,137,184,.13);transform:rotate(-5deg)}
.detail-holo-glyph{position:absolute;z-index:3;right:.7rem;bottom:.7rem;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(239,202,124,.45);border-radius:50%;background:rgba(8,27,38,.78);color:#f2cf82;box-shadow:0 0 24px rgba(226,173,79,.16);font-size:.8rem}
html[data-theme="light"] .detail-holo-glyph{background:rgba(255,252,245,.88);color:#93611c}

/* Premium navigation affordances */
.chrono-resolution{min-width:150px;text-align:center}.chrono-timeline-viewport{contain:layout paint;scrollbar-gutter:stable}
.chrono-timeline-viewport::after{content:"";position:absolute;z-index:30;inset:0;pointer-events:none;box-shadow:inset 0 0 50px rgba(7,19,29,.08)}
html[data-theme="light"] .chrono-timeline-viewport::after{box-shadow:inset 0 0 44px rgba(80,64,36,.05)}

@media(max-width:900px){
  .chrono-cluster{top:238px}.chrono-cluster.is-global{top:250px}.chrono-beacon{top:370px;width:94px}.chrono-beacon b{max-width:92px;font-size:.47rem}.chrono-time-stack{top:248px}.chrono-fan-card{top:288px;width:94px}.chrono-fan-card img{height:42px}
  .semantic-l2 .chrono-timeline-world,.semantic-l3 .chrono-timeline-world{min-height:760px}
}
@media(max-width:560px){
  .chrono-cluster{min-width:44px;min-height:44px;border-radius:14px}.chrono-cluster small{display:none}.chrono-beacon b{display:none}.chrono-beacon{width:28px}.chrono-time-stack{min-width:45px;min-height:52px}.chrono-time-stack small{display:none}
  .chrono-fan-card{width:min(88px,24vw)}.chrono-fan-card strong{font-size:.5rem}.chrono-fan-card b{font-size:.43rem}
}
@media(prefers-reduced-motion:reduce){.chrono-fan-card{animation:none}.chrono-cluster,.chrono-time-stack,.chrono-density-bin{transition:none}.chrono-panel-right{transform:none!important}}

/* Collision contract: cards have deterministic geometry so lane packing can guarantee separation. */
.semantic-l2 .chrono-event,.semantic-l3 .chrono-event{height:140px;overflow:visible}
.semantic-l2 .chrono-event.no-image,.semantic-l3 .chrono-event.no-image{height:86px}
.semantic-l2 .chrono-event-image,.semantic-l3 .chrono-event-image{height:62px;aspect-ratio:auto}
.semantic-l2 .chrono-event-copy,.semantic-l3 .chrono-event-copy{min-height:0;overflow:hidden}
.semantic-l2 .chrono-event-copy strong,.semantic-l3 .chrono-event-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:2.2em}
.semantic-l2 .chrono-event-copy b,.semantic-l3 .chrono-event-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.semantic-l2 .chrono-event-copy small,.semantic-l3 .chrono-event-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Semantic LOD for auxiliary layers: overview stays legible instead of becoming a barcode. */
.chrono-time-family.is-compact{padding:0;border-left-width:2px;background:color-mix(in srgb,var(--family-color) 11%,var(--chrono-surface));opacity:.72}
.sabbatical-line.is-semantic-sample{opacity:.32;border-left-style:dashed}
.semantic-l0 .chrono-lifespans{display:none}
.semantic-l0 .period-band,.semantic-l1 .period-band{opacity:.62}
.period-band.is-compact{min-width:2px;padding:0;opacity:.32}
.jubilee-line.is-semantic-jubilee{opacity:.38}.jubilee-line.is-semantic-jubilee span{font-size:.42rem;opacity:.72}


/* =====================================================================
   0.8.75 · VISUAL CONVERGENCE
   Target: approved BibliaREM premium technical mockup.
   Presentation-only. No canonical chronology data is modified here.
   ===================================================================== */

/* page rhythm — reduce legacy stacked dashboard feeling */
.chrono-status-strip{width:min(1420px,calc(100% - 2rem));margin:.35rem auto 0;grid-template-columns:.55fr 1.5fr .75fr;gap:.35rem}
.chrono-status-strip>div{min-height:34px;padding:.28rem .65rem;border-radius:11px;box-shadow:none;background:color-mix(in srgb,var(--chrono-surface) 88%,transparent)}
.chrono-status-strip span,.chrono-status-label{font-size:.46rem}.chrono-status-strip strong{font-size:.72rem}.chrono-anchor small,.chrono-current small{display:none}.chrono-anchor b{font-size:.68rem}
.chrono-app{max-width:1680px;padding:.45rem 1rem 1.2rem}
.chrono-app-head{min-height:54px;margin-bottom:.42rem;padding:.52rem .78rem;border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--chrono-surface) 96%,#0b2634),var(--chrono-surface));box-shadow:none}
.chrono-app-head h1{font-size:clamp(1rem,1.2vw,1.28rem)}.chrono-app-head p{display:none}.chrono-kicker{font-size:.49rem}.chrono-head-actions{gap:.28rem}.chrono-icon-button{min-height:32px;padding:.34rem .52rem;font-size:.57rem;border-radius:9px}

/* navigator becomes first-class component directly under app commandbar */
.chrono-global-navigator{position:relative;margin:0 auto .55rem;max-width:1500px;padding:0;border-radius:18px;filter:drop-shadow(0 12px 22px rgba(4,17,26,.14))}
.chrono-global-navigator__label{position:absolute;z-index:8;left:18px;top:10px;display:flex;gap:.55rem;align-items:baseline;pointer-events:none;color:#f0d48f;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.chrono-global-navigator__label span{font-size:.5rem;letter-spacing:.12em;font-weight:900}.chrono-global-navigator__label b{font:700 .57rem/1 Georgia,serif;color:#fff7e4}
.chrono-global-navigator .chrono-overview-panel{padding:.45rem .65rem .42rem;border:1px solid rgba(221,177,84,.38);border-radius:18px;background:linear-gradient(180deg,#0d2633,#0a1b25);box-shadow:0 12px 34px rgba(4,17,26,.23),0 0 0 1px rgba(255,255,255,.025) inset}
.chrono-global-navigator .chrono-section-title{display:none}
.chrono-global-navigator .chrono-overview{height:94px;margin:0;border:1px solid rgba(225,184,96,.24);border-radius:13px;background:linear-gradient(180deg,#0b202d 0,#0d2b38 66%,#102432 100%);overflow:hidden}
.chrono-global-navigator .chrono-overview-scale{padding:.28rem .3rem 0;color:#e6d6af;font-size:.46rem}
.chrono-global-navigator .chrono-overview-eras{inset:0 0 25px;opacity:.92}
.chrono-global-navigator .overview-era{top:0!important;height:100%!important;border-right:1px solid rgba(255,255,255,.09);opacity:.19!important;filter:saturate(.9)}
.chrono-global-navigator .overview-era small{position:absolute;z-index:4;top:7px;left:50%;width:100%;padding:0 .15rem;overflow:hidden;transform:translateX(-50%);color:#fff7e8;font-size:.43rem;font-weight:900;letter-spacing:.06em;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;opacity:4.8}
.chrono-global-navigator .overview-events{inset:27px 0 6px}
.chrono-global-navigator .overview-density{bottom:0;background:linear-gradient(180deg,var(--od1,#e2ad4f),var(--od2,#2a79a6) 58%,var(--od3,#477d58));opacity:.78;border-radius:2px 2px 0 0;box-shadow:0 -2px 8px color-mix(in srgb,var(--od1,#e2ad4f) 22%,transparent)}
.chrono-global-navigator .overview-density:hover{opacity:1;filter:brightness(1.22)}
.chrono-global-navigator .overview-event{width:7px;height:7px;bottom:7px;border:1px solid #ffe3a0;background:var(--event-color,#d9a445);box-shadow:0 0 0 2px rgba(7,22,31,.7),0 0 11px color-mix(in srgb,var(--event-color,#d9a445) 60%,transparent)}
.chrono-global-navigator .chrono-overview-window{top:24px;bottom:4px;border:1px solid #f1c86e;border-radius:9px;background:linear-gradient(90deg,rgba(240,192,91,.06),rgba(40,146,194,.08));box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 18px rgba(239,192,91,.30)}
.chrono-global-navigator .chrono-overview-window::before,.chrono-global-navigator .chrono-overview-window::after{width:7px;border-radius:5px;background:#2b9bd0;border:1px solid #f3d08b;box-shadow:0 0 12px rgba(42,156,207,.55)}

/* workspace resembles one premium console */
.chrono-workspace{grid-template-columns:248px minmax(0,1fr) 314px;gap:.42rem;align-items:start}
.chrono-center{min-width:0;display:grid;gap:.42rem}
.chrono-panel{top:calc(var(--header-h,76px) + .45rem);border-radius:16px;border-color:rgba(221,177,84,.24);box-shadow:0 13px 30px rgba(4,17,26,.14)}
.chrono-panel-left,.chrono-panel-right{background:linear-gradient(180deg,#0d2734,#0a1d28 68%,#091923);color:#edf3f3;--chrono-text:#edf3f3;--chrono-text-strong:#fff7e5;--chrono-muted:#9eb4bd;--chrono-muted-2:#7f99a4;--chrono-surface:#0d2734;--chrono-surface-2:#102e3c;--chrono-surface-3:#153746;--chrono-surface-raised:#173d4d;--chrono-input:#0a202b;--chrono-border:rgba(195,214,220,.12);--chrono-border-strong:rgba(225,180,88,.36)}
.chrono-panel-head{padding:.68rem .72rem .56rem;background:linear-gradient(180deg,#102e3c,#0d2734);border-bottom-color:rgba(225,180,88,.22)}
.chrono-panel-head h2{font-size:.96rem}.chrono-panel-head span{color:#e6b85d}
.chrono-control-group{padding:.58rem .72rem}.chrono-control-group h3{font-size:.54rem;color:#e1bc6b}.chrono-switch,.chrono-check{min-height:31px;font-size:.62rem}.chrono-category-button{min-height:31px}

/* toolbar mirrors target command strip */
.chrono-toolbar{position:relative;z-index:12;grid-template-columns:minmax(240px,1fr) auto minmax(330px,.85fr);gap:.42rem;padding:.48rem;border:1px solid rgba(221,177,84,.28);border-radius:14px;background:linear-gradient(180deg,#0d2836,#0a1e2a);box-shadow:0 9px 22px rgba(4,17,26,.15);color:#f3f4ed}
.chrono-search input{height:34px;background:#122f3c;color:#eff4f4;border-color:rgba(225,183,94,.26)}.chrono-search input::placeholder{color:#9cb1b8}
.chrono-segmented{border-color:rgba(225,183,94,.24);background:#0b202b}.chrono-segmented button{min-height:34px;color:#cbd8dc}.chrono-segmented button.is-active{background:#163d4e;color:#ffe8aa;border-color:#d5a849}
.chrono-zoom{color:#e8edf0}.chrono-zoom button{background:#112f3d;border-color:rgba(225,183,94,.3)}.chrono-zoom input{accent-color:#d8a947}.chrono-resolution{color:#f3d384;border-color:rgba(225,183,94,.25);background:#102b38}

/* clean viewport header */
.chrono-viewport-context{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.62rem .9rem;border:1px solid var(--chrono-border);border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--chrono-surface) 95%,#f1d699),var(--chrono-surface));box-shadow:0 7px 18px rgba(4,17,26,.07)}
.chrono-viewport-context>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:.45rem;align-items:baseline}.chrono-viewport-kicker{grid-column:1/-1;color:var(--chrono-gold-soft);font-size:.5rem;font-weight:900;letter-spacing:.105em}.chrono-viewport-context strong{color:var(--chrono-text-strong);font:700 .82rem Georgia,serif}.chrono-viewport-context small{color:var(--chrono-muted);font-size:.55rem}
.chrono-viewport-legend{display:flex;align-items:center;gap:.65rem;color:var(--chrono-muted);font-size:.5rem}.chrono-viewport-legend span{display:flex;gap:.22rem;align-items:center}.chrono-viewport-legend i{font-style:normal;color:var(--chrono-gold-soft)}.chrono-viewport-legend .legend-cluster{color:#63a7c9}

/* timeline: no more legacy card wall at global/era zoom */
.chrono-timeline-shell{border-radius:14px;overflow:hidden;border:1px solid var(--chrono-border);background:var(--chrono-surface);box-shadow:0 14px 34px rgba(4,17,26,.09)}
.chrono-origin-context{min-height:44px;padding:.42rem .8rem;border-left:0;border-right:0;border-radius:0;background:linear-gradient(90deg,var(--chrono-origin-bg),color-mix(in srgb,var(--chrono-origin-bg) 86%,var(--chrono-gold-bg)))}
.chrono-infinity{font-size:1.55rem}.chrono-origin-context strong{font-size:.78rem}.chrono-origin-context p{font-size:.52rem;margin:.08rem 0 0}
.chrono-time-families{min-height:36px}.chrono-year-axis{min-height:42px}
.chrono-timeline-viewport{border-radius:0;min-height:500px;background:linear-gradient(var(--chrono-grid) 1px,transparent 1px),linear-gradient(90deg,var(--chrono-grid) 1px,transparent 1px),radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--chrono-blue-bg) 42%,transparent),transparent 52%),linear-gradient(180deg,var(--chrono-canvas),var(--chrono-canvas-2));background-size:100% 42px,64px 100%,100% 100%,100% 100%}
.chrono-timeline-viewport::before{content:"";position:absolute;z-index:2;left:0;right:0;top:58%;height:1px;background:linear-gradient(90deg,transparent 0,rgba(207,164,80,.32) 4%,rgba(207,164,80,.48) 50%,rgba(207,164,80,.32) 96%,transparent);pointer-events:none;box-shadow:0 0 8px rgba(203,157,66,.11)}
.semantic-l0.chrono-timeline-world{min-height:500px}.semantic-l1.chrono-timeline-world{min-height:560px}.semantic-l2.chrono-timeline-world{min-height:660px}.semantic-l3.chrono-timeline-world{min-height:790px}
.semantic-l0 .chrono-density-bin{bottom:112px;opacity:.58;border-radius:3px 3px 0 0;filter:saturate(1.08)}.semantic-l1 .chrono-density-bin{bottom:78px;opacity:.28}.semantic-l2 .chrono-density-bin{opacity:.055}
.semantic-l0 .sabbatical-line,.semantic-l0 .jubilee-line,.semantic-l0 .chrono-time-family.is-compact{opacity:.12}.semantic-l0 .period-band{opacity:.24}.semantic-l1 .period-band{opacity:.36}

/* global anchors: clean beacons, not cards */
.chrono-global-anchor{position:absolute;z-index:13;top:205px;width:108px;padding:0;border:0;background:transparent;color:var(--chrono-text);transform:translateX(-50%);cursor:pointer;text-align:center}
.chrono-global-anchor .global-anchor-beam{position:absolute;left:50%;top:25px;width:1px;height:120px;background:linear-gradient(var(--event-color),rgba(201,147,53,.14),transparent);opacity:.48}
.chrono-global-anchor i{position:relative;z-index:3;display:grid;place-items:center;width:22px;height:22px;margin:auto;border:1px solid #efca78;border-radius:50%;background:var(--chrono-canvas);color:#ffd776;box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 10%,transparent),0 0 20px color-mix(in srgb,var(--event-color) 28%,transparent);font-style:normal;font-size:.6rem;transition:transform .14s ease,box-shadow .14s ease}
.chrono-global-anchor b{position:relative;z-index:3;display:block;max-width:104px;margin:.3rem auto 0;overflow:hidden;color:var(--chrono-text-strong);font:700 .5rem/1.12 Georgia,serif;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px var(--chrono-canvas)}.chrono-global-anchor small{display:block;color:var(--chrono-muted);font-size:.42rem}.chrono-global-anchor:hover i,.chrono-global-anchor.is-selected i{transform:scale(1.18);box-shadow:0 0 0 6px color-mix(in srgb,var(--event-color) 13%,transparent),0 0 28px color-mix(in srgb,var(--event-color) 45%,transparent)}
.chrono-global-anchor.is-selected b{color:var(--chrono-gold-soft)}

/* clusters become integrated information nodes */
.chrono-cluster{top:330px;min-width:48px;min-height:48px;border-radius:13px;background:linear-gradient(145deg,rgba(12,37,50,.96),rgba(8,25,35,.96));box-shadow:0 8px 20px rgba(2,12,18,.22),0 0 0 1px rgba(255,255,255,.025) inset}
.chrono-cluster.is-global{top:350px;min-width:46px;min-height:46px;border-radius:50%}.chrono-cluster.is-global strong{font-size:.72rem}.chrono-cluster.is-era{top:344px}.chrono-cluster small{font-size:.38rem}.chrono-cluster-orbit{inset:5px;border-radius:11px}.chrono-cluster.is-global .chrono-cluster-orbit{border-radius:50%}
html[data-theme="light"] .chrono-cluster{background:linear-gradient(145deg,#fffdfa,#ece5d8);box-shadow:0 8px 18px rgba(59,50,35,.13)}

/* L1 major beacons are compact and vertically readable */
.semantic-l1 .chrono-beacon{top:210px}.semantic-l1 .chrono-beacon::before{height:94px}.semantic-l1 .chrono-beacon b{max-width:102px;font-size:.48rem;background:color-mix(in srgb,var(--chrono-surface) 94%,transparent)}

/* L2/L3 card hierarchy: smaller, less image-heavy, more target-like */
.semantic-l2 .chrono-event,.semantic-l3 .chrono-event{width:116px;height:auto;min-height:76px;padding:.26rem;border-radius:10px;border-color:color-mix(in srgb,var(--event-color) 26%,var(--chrono-border));box-shadow:0 7px 16px rgba(25,32,34,.11);background:linear-gradient(180deg,var(--chrono-event-bg),var(--chrono-event-bg-2))}
.semantic-l3 .chrono-event{width:124px}.semantic-l2 .chrono-event-image,.semantic-l3 .chrono-event-image{height:46px;border-radius:7px}.chrono-event-copy{gap:.08rem;padding:.24rem .1rem .04rem}.semantic-l2 .chrono-event-copy strong,.semantic-l3 .chrono-event-copy strong{font-size:.58rem;line-height:1.08}.semantic-l2 .chrono-event-copy b,.semantic-l3 .chrono-event-copy b{font-size:.52rem}.semantic-l2 .chrono-event-copy small,.semantic-l3 .chrono-event-copy small{font-size:.41rem}.chrono-event:hover,.chrono-event:focus-visible,.chrono-event.is-selected{transform:translateX(-50%) translateY(-3px) scale(1.025);box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 0 2px color-mix(in srgb,var(--event-color) 22%,transparent)}.chrono-event.is-selected{border-color:#d5a543;box-shadow:0 12px 30px rgba(0,0,0,.20),0 0 0 2px rgba(218,170,69,.20),0 0 24px rgba(218,170,69,.13)}

/* stacks / fan-out: holographic but restrained */
.chrono-time-stack{top:338px;min-width:44px;min-height:50px;border-radius:12px}.chrono-time-stack::after{height:72px}.chrono-fan-card{top:370px;width:102px;border-radius:10px;box-shadow:0 12px 26px rgba(0,0,0,.20),0 0 20px color-mix(in srgb,var(--event-color) 10%,transparent)}.chrono-fan-card img{height:42px}.chrono-fan-card strong{font-size:.52rem}.chrono-fan-card b{font-size:.44rem}

/* inspector closer to approved 2.5D panel */
.chrono-panel-right{border-color:rgba(223,179,87,.34);box-shadow:0 18px 38px rgba(3,15,23,.22),0 0 32px rgba(44,145,190,.045) inset}.chrono-detail{padding:.68rem}.detail-hologram{padding:.24rem;border-radius:12px;background:radial-gradient(circle at 50% 38%,rgba(63,159,200,.17),transparent 58%),linear-gradient(180deg,#102d3b,#0a202b);box-shadow:0 12px 26px rgba(0,0,0,.22),0 0 26px rgba(39,139,183,.09) inset}.detail-hologram .detail-image{border-radius:9px}.detail-year strong{font-size:1.05rem;color:#fff2cf}.detail-section{margin-top:.52rem;padding-top:.48rem;border-top-color:rgba(225,180,88,.19)}.detail-section h3{color:#e5b65b;font-size:.61rem}.detail-calendar-table td{font-size:.54rem}.detail-summary{font-size:.62rem;line-height:1.48}.detail-reference,.detail-note{font-size:.56rem}

/* secondary analytical rows no longer compete with the main viewport */
.chrono-comparison-panel,.chrono-filmstrip-panel{border-radius:12px;box-shadow:none;opacity:.93}.chrono-comparison-panel{padding:.42rem}.chrono-filmstrip-panel{padding:.42rem}.film-card{flex-basis:92px}.film-card img{height:48px}.film-card b{font-size:.48rem}


/* Whole-time labels are deliberately sparse. All anchors remain clickable and accessible. */
.chrono-global-anchor:not(.is-labeled) b,.chrono-global-anchor:not(.is-labeled) small{display:none}
.chrono-global-anchor:not(.is-labeled){width:28px}.chrono-global-anchor:not(.is-labeled) .global-anchor-beam{height:92px;opacity:.28}
.chrono-microcluster{position:absolute;z-index:10;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid rgba(225,180,88,.58);border-radius:50%;background:#102b38;color:#ffe3a0;box-shadow:0 5px 14px rgba(0,0,0,.18),0 0 0 4px rgba(42,145,190,.07);transform:translateX(-50%);cursor:zoom-in}.chrono-microcluster strong{font-size:.48rem}.chrono-microcluster:hover,.chrono-microcluster:focus-visible{outline:none;transform:translateX(-50%) scale(1.12);background:#174254}
html[data-theme="light"] .chrono-microcluster{background:#fffaf0;color:#77521f;box-shadow:0 5px 14px rgba(55,46,31,.14),0 0 0 4px rgba(42,145,190,.06)}
.semantic-l2 .chrono-point-event{opacity:.82}.semantic-l2 .chrono-point-event::after{height:18px;opacity:.35}

@media(max-width:1180px){
  .chrono-global-navigator{max-width:none}.chrono-global-navigator__label{left:14px}.chrono-workspace{grid-template-columns:minmax(0,1fr)}.chrono-panel-left,.chrono-panel-right{position:fixed;z-index:120;top:calc(var(--header-h,76px) + .45rem);bottom:.7rem;width:min(330px,calc(100vw - 1.4rem));max-height:none}.chrono-panel-left{left:.7rem}.chrono-panel-right{right:.7rem}.chrono-toolbar{grid-template-columns:1fr auto}.chrono-zoom{grid-column:1/-1}.chrono-status-strip{width:calc(100% - 1rem)}
}
@media(max-width:700px){
  .chrono-status-strip{display:none}.chrono-app{padding:.35rem .45rem 5.4rem}.chrono-app-head{padding:.45rem .52rem}.chrono-app-head>div:first-child{max-width:60%}.chrono-app-head h1{font-size:.82rem}.chrono-kicker{display:none}.chrono-global-navigator{margin-bottom:.38rem}.chrono-global-navigator__label{top:7px;left:10px}.chrono-global-navigator__label b{display:none}.chrono-global-navigator .chrono-overview{height:72px}.chrono-global-navigator .chrono-overview-scale{font-size:.38rem}.chrono-global-navigator .overview-era small{display:none}.chrono-toolbar{grid-template-columns:1fr;padding:.36rem}.chrono-segmented{display:none}.chrono-zoom{grid-column:auto}.chrono-viewport-context{min-height:44px;padding:.45rem .55rem}.chrono-viewport-context>div:first-child{display:grid}.chrono-viewport-legend{display:none}.chrono-viewport-context strong{font-size:.67rem}.chrono-viewport-context small{font-size:.46rem}.chrono-origin-context{display:none}.chrono-time-families{min-height:28px}.chrono-year-axis{min-height:34px}.chrono-timeline-viewport{min-height:480px}.semantic-l0.chrono-timeline-world{min-height:480px}.semantic-l1.chrono-timeline-world{min-height:520px}.semantic-l2.chrono-timeline-world{min-height:650px}.semantic-l3.chrono-timeline-world{min-height:760px}.chrono-global-anchor{top:190px;width:34px}.chrono-global-anchor b,.chrono-global-anchor small{display:none}.chrono-global-anchor .global-anchor-beam{height:110px}.chrono-cluster.is-global{top:328px}.chrono-panel-left,.chrono-panel-right{bottom:5.2rem}.chrono-comparison-panel{display:none}.chrono-filmstrip-panel{margin-top:.35rem}
}

/* =====================================================================
   Premium Interaction Layer · 0.8.76
   Focus workspace / holographic inspector / drawer behavior / micro-motion
   Presentation only. Canonical chronology data remains external + read-only.
   ===================================================================== */

.chrono-focus-mode-button{width:34px;min-width:34px;padding:.34rem!important;font-size:.78rem}
.chrono-focus-mode-button.is-active,
.chrono-focus-mode-button[aria-pressed="true"]{
  border-color:rgba(229,181,86,.72)!important;
  background:linear-gradient(180deg,rgba(224,169,66,.19),rgba(42,132,173,.10))!important;
  color:var(--chrono-gold-soft)!important;
  box-shadow:0 0 0 3px rgba(211,160,62,.08),0 0 18px rgba(43,141,184,.10);
}

/* Console surfaces feel like one instrument, not unrelated boxes. */
.chrono-panel,
.chrono-toolbar,
.chrono-timeline-shell,
.chrono-global-navigator .chrono-overview-panel{
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  backdrop-filter:blur(12px) saturate(118%);
}
.chrono-panel{
  isolation:isolate;
  overflow-x:hidden;
  border-color:color-mix(in srgb,var(--chrono-gold) 22%,var(--chrono-border));
  box-shadow:0 18px 42px rgba(2,14,22,.16),0 1px 0 rgba(255,255,255,.025) inset;
}
.chrono-panel::before{
  content:"";
  position:absolute;z-index:-1;inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 0,color-mix(in srgb,var(--chrono-blue) 8%,transparent),transparent 36%),
    linear-gradient(180deg,color-mix(in srgb,var(--chrono-gold) 3%,transparent),transparent 22%);
}
.chrono-panel-head{backdrop-filter:blur(12px);background:color-mix(in srgb,var(--chrono-surface) 94%,transparent)}

/* Toolbar behaves as a compact command deck while the chronology scrolls. */
.chrono-toolbar{
  position:sticky;
  top:calc(var(--header-h,76px) + .4rem);
  z-index:38;
  box-shadow:0 12px 30px rgba(1,13,20,.14),0 1px 0 rgba(255,255,255,.025) inset;
}
.chrono-search,
.chrono-segmented,
.chrono-zoom button,
.chrono-resolution{
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform .14s ease;
}
.chrono-zoom button:hover,.chrono-zoom button:focus-visible{transform:translateY(-1px);box-shadow:0 6px 15px rgba(0,0,0,.11)}

/* The timeline becomes the luminous working plane. */
.chrono-timeline-shell{position:relative;box-shadow:0 20px 50px rgba(3,16,23,.11),0 0 0 1px rgba(255,255,255,.015) inset}
.chrono-timeline-shell::before,
.chrono-timeline-shell::after{
  content:"";position:absolute;z-index:19;top:0;bottom:0;width:34px;pointer-events:none;opacity:.52;
}
.chrono-timeline-shell::before{left:0;background:linear-gradient(90deg,var(--chrono-surface),transparent)}
.chrono-timeline-shell::after{right:0;background:linear-gradient(-90deg,var(--chrono-surface),transparent)}
.chrono-timeline-viewport{cursor:grab;overscroll-behavior:contain}
.chrono-timeline-viewport:active{cursor:grabbing}
.chrono-timeline-world::after{
  content:"";position:absolute;z-index:3;left:0;right:0;top:58%;height:72px;transform:translateY(-50%);pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--chrono-gold) 4%,transparent),transparent 66%);
}

/* Event cards lift from the plane instead of merely scaling. */
.semantic-l2 .chrono-event,.semantic-l3 .chrono-event{
  transform-style:preserve-3d;
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease,opacity .14s ease,filter .14s ease;
}
.chrono-event:hover,.chrono-event:focus-visible{
  filter:saturate(1.04) contrast(1.015);
  transform:translateX(-50%) translateY(-5px) perspective(700px) rotateX(1.2deg) scale(1.028);
}
.chrono-event.is-selected{
  z-index:55;
  transform:translateX(-50%) translateY(-7px) perspective(700px) rotateX(1deg) scale(1.035);
}
.chrono-event.is-selected::before{
  content:"";position:absolute;z-index:-1;inset:-7px;border-radius:14px;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--event-color) 28%,#e5b85b);
  box-shadow:0 0 26px color-mix(in srgb,var(--event-color) 18%,transparent);
  animation:chronoSelectedPulse 2.8s ease-in-out infinite;
}
@keyframes chronoSelectedPulse{0%,100%{opacity:.45;transform:scale(.99)}50%{opacity:.9;transform:scale(1.015)}}

/* Same-day fan-out becomes a temporary 2.5D inspection scene. */
.chrono-timeline-world:has(.chrono-time-stack.is-open) .chrono-event,
.chrono-timeline-world:has(.chrono-time-stack.is-open) .chrono-beacon,
.chrono-timeline-world:has(.chrono-time-stack.is-open) .chrono-point-event,
.chrono-timeline-world:has(.chrono-time-stack.is-open) .chrono-microcluster{
  opacity:.20;filter:saturate(.7);transition:opacity .18s ease,filter .18s ease;
}
.chrono-timeline-world:has(.chrono-time-stack.is-open) .chrono-time-stack{opacity:.62}
.chrono-timeline-world:has(.chrono-time-stack.is-open) .chrono-time-stack.is-open{opacity:1}
.chrono-fan-card{
  width:110px;
  transform-style:preserve-3d;
  background:linear-gradient(165deg,color-mix(in srgb,var(--chrono-event-bg) 96%,#fff),var(--chrono-event-bg-2));
  box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.10) inset,0 0 24px color-mix(in srgb,var(--event-color) 8%,transparent);
}
.chrono-fan-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.20) 45%,transparent 63%);opacity:.20;mix-blend-mode:screen;
}
.chrono-fan-card:hover,.chrono-fan-card:focus-visible,.chrono-fan-card.is-selected{
  box-shadow:0 22px 48px rgba(0,0,0,.30),0 0 0 2px color-mix(in srgb,var(--event-color) 30%,#e9bd64),0 0 34px color-mix(in srgb,var(--event-color) 16%,transparent);
}

/* Holographic inspector: depth comes from the selected event, not decorative neon. */
.chrono-panel-right{perspective:1300px;transform-style:preserve-3d}
.detail-hologram{
  position:relative;overflow:hidden;transform-style:preserve-3d;
  transform:perspective(950px) rotateX(var(--holo-rx,0deg)) rotateY(var(--holo-ry,0deg)) translateZ(0);
  transition:transform .13s ease-out,box-shadow .18s ease;
}
.detail-hologram::before{
  content:"";position:absolute;z-index:5;inset:-35%;pointer-events:none;
  background:linear-gradient(112deg,transparent 34%,rgba(255,236,185,.16) 47%,rgba(81,175,214,.10) 53%,transparent 66%);
  transform:translateX(-30%) rotate(4deg);opacity:.36;
}
.detail-hologram:hover::before{animation:chronoHoloSweep 2.4s ease-in-out infinite}
@keyframes chronoHoloSweep{0%,100%{transform:translateX(-32%) rotate(4deg);opacity:.18}50%{transform:translateX(30%) rotate(4deg);opacity:.48}}
.detail-holo-glyph{filter:drop-shadow(0 0 9px rgba(236,190,92,.26))}
.detail-year,.detail-v8-status,.detail-section,.detail-actions{position:relative}
.detail-year::after{
  content:"";position:absolute;left:0;bottom:-.35rem;width:42%;height:1px;
  background:linear-gradient(90deg,var(--chrono-gold-strong),transparent);opacity:.42;
}

/* Focus mode turns the page into an exploration console without a second implementation. */
body.chrono-focus-mode{overflow-x:hidden}
body.chrono-focus-mode .chrono-status-strip{display:none}
body.chrono-focus-mode .chrono-app{max-width:none;padding-top:.38rem}
body.chrono-focus-mode .chrono-app-head{
  position:sticky;top:calc(var(--header-h,76px) + .35rem);z-index:46;
  width:max-content;max-width:calc(100vw - 1rem);margin:0 0 .38rem auto;padding:.28rem;
  border-color:rgba(207,164,80,.22);border-radius:13px;background:color-mix(in srgb,var(--chrono-surface) 88%,transparent);
  box-shadow:0 10px 26px rgba(0,0,0,.13);backdrop-filter:blur(14px) saturate(120%);
}
body.chrono-focus-mode .chrono-app-head>div:first-child{display:none}
body.chrono-focus-mode .chrono-head-actions{gap:.22rem}
body.chrono-focus-mode .chrono-head-actions .chrono-icon-button{min-height:32px;padding:.33rem .48rem}
body.chrono-focus-mode .chrono-global-navigator{margin-bottom:.32rem}
body.chrono-focus-mode .chrono-center{gap:.38rem}
body.chrono-focus-mode .chrono-comparison-panel,
body.chrono-focus-mode .chrono-filmstrip-panel{display:none}
body.chrono-focus-mode .chrono-timeline-viewport{min-height:calc(100vh - var(--header-h,76px) - 270px)}
body.chrono-focus-mode .chrono-timeline-shell{box-shadow:0 22px 58px rgba(0,0,0,.15),0 0 0 1px rgba(219,174,83,.08) inset}
body.chrono-focus-mode .chrono-focus-mode-button{border-color:rgba(229,181,86,.72)!important;color:var(--chrono-gold-soft)!important}

/* Backdrop is used only when drawers become overlays. */
.chrono-drawer-backdrop{
  position:fixed;z-index:105;inset:var(--header-h,76px) 0 0;background:rgba(3,13,19,.38);backdrop-filter:blur(3px);opacity:1;
  animation:chronoBackdropIn .16s ease both;
}
.chrono-drawer-backdrop[hidden]{display:none}
@keyframes chronoBackdropIn{from{opacity:0}to{opacity:1}}

@media(max-width:1180px){
  .chrono-panel-left,.chrono-panel-right{
    z-index:120;
    border-color:rgba(218,173,83,.32);
    box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.025) inset;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
  }
  .chrono-panel-left{transform:translateX(calc(-100% - 1rem));opacity:0;pointer-events:none}
  .chrono-panel-right{transform:translateX(calc(100% + 1rem));opacity:0;pointer-events:none}
  .chrono-panel-left.is-open,.chrono-panel-right.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
  body.chrono-drawer-open{overflow:hidden}
}

@media(max-width:700px){
  .chrono-app{padding-bottom:5.8rem}
  .chrono-app-head{margin-bottom:.3rem;border-radius:13px}
  .chrono-head-actions{margin-left:auto}
  .chrono-focus-mode-button{display:grid!important;place-items:center}
  .chrono-toolbar{top:calc(var(--header-h,76px) + .2rem);border-radius:12px}
  .chrono-timeline-shell::before,.chrono-timeline-shell::after{width:18px}
  .chrono-panel-left,.chrono-panel-right{
    top:auto!important;left:.45rem!important;right:.45rem!important;bottom:5.15rem!important;
    width:auto!important;max-width:none!important;height:min(73vh,620px);max-height:min(73vh,620px);
    border-radius:22px 22px 14px 14px;
    transform:translateY(calc(100% + 1rem));opacity:0;
  }
  .chrono-panel-left.is-open,.chrono-panel-right.is-open{transform:translateY(0);opacity:1}
  .chrono-panel-head::before{
    content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;border-radius:99px;background:var(--chrono-border-strong);transform:translateX(-50%);opacity:.58;
  }
  .chrono-panel-head{padding-top:1.15rem}
  .chrono-drawer-backdrop{bottom:4.8rem}
  body.chrono-focus-mode .chrono-app-head{top:calc(var(--header-h,76px) + .15rem);margin-right:0}
  body.chrono-focus-mode .chrono-head-actions span{display:none}
  body.chrono-focus-mode .chrono-global-navigator .chrono-overview{height:64px}
  body.chrono-focus-mode .chrono-timeline-viewport{min-height:calc(100vh - var(--header-h,76px) - 220px)}
  .chrono-fan-card{width:96px}
}

@media(prefers-reduced-motion:reduce){
  .chrono-event.is-selected::before,.detail-hologram:hover::before{animation:none!important}
}


/* =====================================================================
   0.8.77 · PREMIUM REFINEMENT
   Whole-time navigator, semantic cluster summaries, hierarchical inspector,
   and final mobile command ergonomics. Presentation only; canonical data
   remains read-only and outside this patch.
   ===================================================================== */

/* Whole chronology navigator: stronger hierarchy and REM terminology. */
.chrono-global-navigator{filter:drop-shadow(0 16px 28px rgba(2,15,23,.17))}
.chrono-global-navigator__label{right:18px;justify-content:flex-start;gap:.55rem;min-width:0}
.chrono-global-navigator__label span{flex:0 0 auto;color:#f4ce78;font-size:.52rem;letter-spacing:.14em}
.chrono-global-navigator__label b{flex:0 0 auto}
.chrono-global-navigator__label em{margin-left:auto;overflow:hidden;color:#b9d8e8;font:700 .48rem/1.1 system-ui,sans-serif;font-style:normal;text-overflow:ellipsis;white-space:nowrap;opacity:.86}
.chrono-global-navigator .chrono-overview-panel{padding:.52rem .72rem .46rem;background:linear-gradient(180deg,#0c2735 0%,#081c27 100%);border-color:rgba(231,187,93,.46);box-shadow:0 16px 38px rgba(3,17,25,.25),0 0 0 1px rgba(255,255,255,.025) inset,0 0 38px rgba(38,135,177,.045) inset}
.chrono-global-navigator .chrono-overview{height:108px;border-color:rgba(234,190,98,.32);box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 12px 30px rgba(0,0,0,.12) inset}
.chrono-global-navigator .chrono-overview-window{top:24px;bottom:4px;border:2px solid #f0c66d;background:linear-gradient(90deg,rgba(241,191,87,.07),rgba(44,158,205,.11));box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 24px rgba(239,191,89,.30),0 0 32px rgba(35,151,202,.12) inset}
.overview-selected-marker{position:absolute;z-index:8;bottom:8px;width:12px;height:12px;border:2px solid #fff1c7;border-radius:50%;background:var(--event-color,#d39b3b);box-shadow:0 0 0 4px rgba(9,30,40,.75),0 0 18px color-mix(in srgb,var(--event-color,#d39b3b) 80%,transparent);transform:translateX(-50%);pointer-events:none}
.overview-selected-marker::after{content:"";position:absolute;left:50%;top:-52px;width:1px;height:48px;background:linear-gradient(transparent,color-mix(in srgb,var(--event-color,#d39b3b) 78%,#f1c66b));transform:translateX(-50%);opacity:.72}
.chrono-navigator-hover-readout{position:absolute;z-index:12;right:22px;bottom:14px;max-width:min(480px,48%);padding:.3rem .5rem;border:1px solid rgba(233,190,98,.26);border-radius:8px;background:rgba(4,20,29,.88);color:#e9ddc2;font:700 .46rem/1.3 system-ui,sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.20);opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chrono-navigator-hover-readout.is-visible{opacity:1;transform:translateY(0)}
html[data-theme="light"] .chrono-global-navigator__label em{color:#d9edf8}

/* Cluster nodes now explain themselves before the user zooms. */
.chrono-cluster,.chrono-microcluster{overflow:visible!important}
.chrono-cluster-summary{position:absolute;z-index:90;left:50%;bottom:calc(100% + 12px);display:grid;width:218px;padding:.62rem .66rem;border:1px solid rgba(226,181,91,.34);border-radius:13px;background:linear-gradient(165deg,rgba(8,29,40,.98),rgba(5,20,29,.98));color:#f2e7cf;box-shadow:0 18px 38px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.025) inset;opacity:0;visibility:hidden;transform:translate(-50%,7px) scale(.97);transform-origin:50% 100%;transition:opacity .14s ease,transform .14s ease,visibility .14s linear;pointer-events:none;text-align:left}
.chrono-cluster-summary::after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;border-right:1px solid rgba(226,181,91,.34);border-bottom:1px solid rgba(226,181,91,.34);background:#071a24;transform:translateX(-50%) rotate(45deg)}
.chrono-cluster:hover .chrono-cluster-summary,.chrono-cluster:focus-visible .chrono-cluster-summary,.chrono-microcluster:hover .chrono-cluster-summary,.chrono-microcluster:focus-visible .chrono-cluster-summary{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.chrono-cluster-summary.is-edge-left{left:-2px;transform:translate(0,7px) scale(.97);transform-origin:0 100%}.chrono-cluster:hover .chrono-cluster-summary.is-edge-left,.chrono-cluster:focus-visible .chrono-cluster-summary.is-edge-left,.chrono-microcluster:hover .chrono-cluster-summary.is-edge-left,.chrono-microcluster:focus-visible .chrono-cluster-summary.is-edge-left{transform:translate(0,0) scale(1)}.chrono-cluster-summary.is-edge-left::after{left:22px}
.chrono-cluster-summary.is-edge-right{left:auto;right:-2px;transform:translate(0,7px) scale(.97);transform-origin:100% 100%}.chrono-cluster:hover .chrono-cluster-summary.is-edge-right,.chrono-cluster:focus-visible .chrono-cluster-summary.is-edge-right,.chrono-microcluster:hover .chrono-cluster-summary.is-edge-right,.chrono-microcluster:focus-visible .chrono-cluster-summary.is-edge-right{transform:translate(0,0) scale(1)}.chrono-cluster-summary.is-edge-right::after{left:auto;right:18px;transform:rotate(45deg)}
.cluster-summary-head{display:flex;align-items:end;justify-content:space-between;gap:.5rem;padding-bottom:.42rem;border-bottom:1px solid rgba(226,181,91,.16)}.cluster-summary-head b{color:#ffe4a4!important;font-size:.64rem!important}.chrono-cluster .chrono-cluster-summary small,.chrono-microcluster .chrono-cluster-summary small{display:block!important;opacity:1!important}
.cluster-summary-head small{max-width:52%;color:#b9ccda!important;font-size:.45rem!important;text-align:right!important}
.cluster-summary-cats{display:grid;gap:.24rem;padding-top:.42rem}.cluster-summary-cats i{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding-left:.7rem;color:#dce8ec;font-style:normal}.cluster-summary-cats i::before{content:"";position:absolute;left:0;width:5px;height:5px;border-radius:50%;background:var(--cat-color);box-shadow:0 0 7px color-mix(in srgb,var(--cat-color) 55%,transparent)}.cluster-summary-cats em{overflow:hidden;font-style:normal;font-size:.47rem;text-overflow:ellipsis;white-space:nowrap}.cluster-summary-cats b{color:#f1c978!important;font-size:.46rem!important}
.cluster-summary-events{display:grid;gap:.18rem;margin-top:.38rem;padding-top:.38rem;border-top:1px solid rgba(255,255,255,.055)}.cluster-summary-events em{overflow:hidden;color:#d9e4e9;font:600 .46rem/1.25 Georgia,serif;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.cluster-summary-hint{margin-top:.42rem;color:#73b8d7;font-size:.43rem;font-weight:800;letter-spacing:.03em}
html[data-theme="light"] .chrono-cluster-summary{border-color:rgba(145,104,36,.26);background:linear-gradient(165deg,rgba(255,253,248,.99),rgba(242,237,226,.99));color:#2f2a21;box-shadow:0 18px 34px rgba(65,54,35,.18)}html[data-theme="light"] .chrono-cluster-summary::after{background:#f4efe5;border-color:rgba(145,104,36,.26)}html[data-theme="light"] .cluster-summary-head b{color:#76531e!important}html[data-theme="light"] .cluster-summary-head small{color:#68747a!important}html[data-theme="light"] .cluster-summary-cats i,html[data-theme="light"] .cluster-summary-events em{color:#343a3d}html[data-theme="light"] .cluster-summary-hint{color:#246f96}

/* L1/L2 cluster nodes feel like semantic waypoints instead of numeric bubbles. */
.semantic-l1 .chrono-cluster.is-era{min-width:56px;min-height:52px;border-color:rgba(224,180,88,.50);background:radial-gradient(circle at 50% 30%,rgba(42,139,181,.20),transparent 46%),linear-gradient(155deg,#102f3e,#071d29)}
.semantic-l1 .chrono-cluster.is-era::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:54px;background:linear-gradient(rgba(225,181,88,.45),transparent);transform:translateX(-50%);pointer-events:none}
.semantic-l2 .chrono-microcluster{width:28px;height:28px;border-width:1.5px;box-shadow:0 7px 18px rgba(0,0,0,.22),0 0 0 5px rgba(42,145,190,.06)}

/* Event inspector: hierarchy first, accordions second. */
.detail-identity{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin:0 0 .46rem}.detail-identity span{position:relative;display:inline-flex;align-items:center;min-width:0;padding:.28rem .46rem .28rem .68rem;border:1px solid color-mix(in srgb,var(--event-color) 32%,var(--chrono-border));border-radius:999px;background:color-mix(in srgb,var(--event-color) 9%,var(--chrono-surface));color:var(--chrono-text-strong);font-size:.48rem;font-weight:900}.detail-identity span::before{content:"";position:absolute;left:.32rem;width:5px;height:5px;border-radius:50%;background:var(--event-color);box-shadow:0 0 7px color-mix(in srgb,var(--event-color) 60%,transparent)}.detail-identity b{color:var(--chrono-gold-soft);font-size:.44rem;letter-spacing:.05em;text-transform:uppercase}
.detail-temporal-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:.42rem;margin-top:.5rem}.detail-temporal-grid .detail-year,.detail-temporal-grid .detail-v8-status{display:grid;align-content:center;min-height:68px;margin:0;padding:.52rem .58rem;border:1px solid var(--chrono-border);border-radius:11px;background:color-mix(in srgb,var(--chrono-surface-2) 88%,transparent)}.detail-temporal-grid small{color:var(--chrono-muted);font-size:.41rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.detail-temporal-grid .detail-year strong{margin:.13rem 0;color:var(--chrono-gold-soft);font-size:.86rem;line-height:1.04}.detail-temporal-grid .detail-v8-status b{margin:.13rem 0;color:var(--chrono-text-strong);font-size:.62rem}.detail-temporal-grid span{font-size:.45rem}
.detail-summary{margin:.58rem 0 .46rem;padding:.56rem .62rem;border-left:2px solid rgba(226,180,88,.46);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--chrono-surface-2) 64%,transparent)}
.detail-accordion{margin-top:.38rem;border:1px solid color-mix(in srgb,var(--chrono-gold) 16%,var(--chrono-border));border-radius:10px;background:color-mix(in srgb,var(--chrono-surface-2) 76%,transparent);overflow:hidden}.detail-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.48rem .56rem;color:var(--chrono-gold-soft);font-size:.5rem;font-weight:900;letter-spacing:.035em;cursor:pointer;list-style:none;user-select:none}.detail-accordion summary::-webkit-details-marker{display:none}.detail-accordion summary i{font-style:normal;font-size:.68rem;transition:transform .15s ease}.detail-accordion[open] summary{border-bottom:1px solid rgba(226,180,88,.13);background:color-mix(in srgb,var(--chrono-gold) 4%,transparent)}.detail-accordion[open] summary i{transform:rotate(180deg)}.detail-accordion-body{padding:.5rem .56rem}.detail-accordion .detail-calendar-table{margin:0}.detail-accordion .detail-reference,.detail-accordion .detail-note{padding:0;background:none;border:0}
.detail-actions{position:sticky;bottom:-.7rem;z-index:6;margin:.6rem -.68rem -.68rem;padding:.5rem .68rem .65rem;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--chrono-surface) 97%,transparent) 24%);backdrop-filter:blur(10px)}

/* Mobile command deck: timeline remains the content, controls remain reachable. */
.chrono-mobile-commandbar{display:none}
@media(max-width:700px){
  .chrono-mobile-commandbar{position:sticky;z-index:52;top:calc(var(--header-h,76px) + .18rem);display:grid;grid-template-columns:repeat(4,1fr);gap:.24rem;margin:0 0 .32rem;padding:.26rem;border:1px solid color-mix(in srgb,var(--chrono-gold) 18%,var(--chrono-border));border-radius:12px;background:color-mix(in srgb,var(--chrono-surface) 91%,transparent);box-shadow:0 10px 24px rgba(0,0,0,.13);backdrop-filter:blur(13px) saturate(120%)}
  .chrono-mobile-commandbar button{display:grid;place-items:center;gap:.12rem;min-width:0;min-height:40px;padding:.25rem .12rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--chrono-text);font:inherit}.chrono-mobile-commandbar button span{color:var(--chrono-gold-soft);font-size:.78rem;line-height:1}.chrono-mobile-commandbar button b{max-width:100%;overflow:hidden;font-size:.4rem;text-overflow:ellipsis;white-space:nowrap}.chrono-mobile-commandbar button:active,.chrono-mobile-commandbar button.is-active{border-color:rgba(224,177,80,.38);background:var(--chrono-gold-bg)}
  .chrono-app-head .chrono-head-actions{display:none}
  .chrono-global-navigator__label{right:10px}.chrono-global-navigator__label span{font-size:.42rem}.chrono-global-navigator__label em{display:block;font-size:.38rem}.chrono-global-navigator .chrono-overview{height:82px}.chrono-navigator-hover-readout{display:none}
  .chrono-panel-left,.chrono-panel-right{height:min(79dvh,690px);max-height:min(79dvh,690px);padding-bottom:max(.2rem,env(safe-area-inset-bottom));box-shadow:0 -20px 52px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset}
  .chrono-panel-head{position:sticky;z-index:8;top:0}.chrono-detail{padding-bottom:.2rem}.detail-temporal-grid{grid-template-columns:1fr 1fr}.detail-temporal-grid .detail-year,.detail-temporal-grid .detail-v8-status{min-height:62px}.detail-actions{bottom:0}
  .chrono-timeline-viewport{min-height:520px}.semantic-l2.chrono-timeline-world{min-height:690px}.semantic-l3.chrono-timeline-world{min-height:790px}
  .chrono-cluster-summary{display:none}
}
@media(max-width:430px){
  .chrono-global-navigator__label b{display:none}.chrono-global-navigator__label em{margin-left:auto;max-width:56%}.chrono-mobile-commandbar button b{font-size:.37rem}.detail-temporal-grid{grid-template-columns:1fr}.detail-hologram{max-height:210px}.detail-hologram .detail-image{max-height:198px;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){.chrono-cluster-summary,.detail-accordion summary i{transition:none!important}}

/* ======================================================================
   0.8.78A · Premium visual hierarchy + depth pass
   Presentation only. Canonical chronology remains external/read-only.
   ====================================================================== */

/* The working plane gains depth without turning the chronology into a game scene. */
.chrono-timeline-viewport{
  isolation:isolate;
  background:
    radial-gradient(120% 74% at 50% 112%,color-mix(in srgb,var(--chrono-gold) 9%,transparent),transparent 54%),
    radial-gradient(90% 68% at 50% -12%,color-mix(in srgb,var(--chrono-blue-strong) 8%,transparent),transparent 58%),
    linear-gradient(var(--chrono-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--chrono-grid) 1px,transparent 1px),
    linear-gradient(180deg,var(--chrono-canvas),var(--chrono-canvas-2));
  background-size:100% 100%,100% 100%,100% 42px,64px 100%,100% 100%;
}
.chrono-timeline-world::before{
  content:"";
  position:absolute;
  z-index:1;
  left:2.5%;right:2.5%;bottom:14px;height:42%;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--chrono-gold) 7%,transparent) 8.08% 8.16%,transparent 8.24% 16%),
    linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--chrono-blue-strong) 3%,transparent) 52%,color-mix(in srgb,var(--chrono-gold) 4%,transparent) 100%);
  clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);
  opacity:.48;
  transform:perspective(680px) rotateX(58deg);
  transform-origin:50% 100%;
}
html[data-theme="light"] .chrono-timeline-world::before{opacity:.30}
@media(prefers-color-scheme:light){html[data-theme="auto"] .chrono-timeline-world::before{opacity:.30}}

/* A selected date is projected through the scene as a temporal rail. */
.chrono-selection-guide{
  position:absolute;z-index:6;top:34px;bottom:24px;width:1px;pointer-events:none;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--event-color) 30%,#e6bd68) 18%,color-mix(in srgb,var(--event-color) 46%,#e6bd68) 66%,transparent 100%);
  opacity:.88;
}
.chrono-selection-guide::before{
  content:"";position:absolute;left:50%;top:57%;width:94px;height:94px;border:1px solid color-mix(in srgb,var(--event-color) 36%,#e9c472);border-radius:50%;
  transform:translate(-50%,-50%) perspective(420px) rotateX(69deg);
  box-shadow:0 0 0 8px color-mix(in srgb,var(--event-color) 5%,transparent),0 0 30px color-mix(in srgb,var(--event-color) 12%,transparent);
  opacity:.66;
}
.chrono-selection-guide span{
  position:absolute;left:50%;top:57%;width:13px;height:13px;border:2px solid #fff0bd;border-radius:50%;background:var(--event-color);transform:translate(-50%,-50%);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--event-color) 17%,transparent),0 0 25px color-mix(in srgb,var(--event-color) 52%,transparent);
}
.chrono-selection-guide i{
  position:absolute;left:50%;top:57%;width:3px;height:3px;border-radius:50%;background:#fff7dc;transform:translate(-50%,-50%);box-shadow:0 0 12px #fff2b9;
}
.chrono-selection-guide b{
  position:absolute;top:9px;left:50%;max-width:180px;padding:.25rem .45rem;border:1px solid color-mix(in srgb,var(--event-color) 34%,var(--chrono-border));border-radius:999px;
  background:color-mix(in srgb,var(--chrono-surface) 88%,transparent);color:var(--chrono-text-strong);font:800 .45rem/1.1 system-ui,sans-serif;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transform:translateX(-50%);backdrop-filter:blur(10px);box-shadow:0 7px 18px rgba(2,14,21,.12);
}
.semantic-l1 .chrono-selection-guide b{top:72px}.semantic-l0 .chrono-selection-guide{display:none}

/* Viewport header becomes a concise instrument readout. */
.chrono-viewport-context{
  overflow:hidden;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--chrono-surface) 97%,var(--chrono-gold-bg)),color-mix(in srgb,var(--chrono-surface) 96%,var(--chrono-blue-bg)));
}
.chrono-viewport-context::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--chrono-gold-strong),var(--chrono-blue-strong));opacity:.72;
}
.chrono-viewport-kicker{color:var(--chrono-gold-soft);letter-spacing:.14em}
.chrono-viewport-legend b{font:inherit;color:inherit;font-weight:800}
.chrono-viewport-legend i{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--chrono-border);border-radius:6px;background:var(--chrono-surface-2)}

/* Event cards are now hierarchy-aware. Geometry stays unchanged for collision packing. */
.chrono-event{
  overflow:visible;
  border-color:color-mix(in srgb,var(--event-color) 26%,rgba(145,111,59,.28));
  box-shadow:0 13px 26px rgba(3,17,24,.13),0 1px 0 rgba(255,255,255,.55) inset;
}
.chrono-event::marker{display:none}
.chrono-event-meta{
  display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:.26rem;min-height:17px;margin:-.08rem -.03rem .22rem;padding:0 .12rem .18rem;border-bottom:1px solid color-mix(in srgb,var(--event-color) 16%,transparent);
}
.chrono-event-meta i{width:7px;height:7px;border-radius:2px;background:var(--event-color);box-shadow:0 0 8px color-mix(in srgb,var(--event-color) 28%,transparent)}
.chrono-event-meta em{overflow:hidden;color:var(--chrono-event-muted);font-style:normal;font-size:.39rem;font-weight:900;letter-spacing:.075em;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.chrono-event-meta u{color:color-mix(in srgb,var(--event-color) 78%,#5e4825);font-size:.49rem;text-decoration:none}
.chrono-event.importance-1{opacity:.91;filter:saturate(.92)}
.chrono-event.importance-2{border-color:color-mix(in srgb,var(--event-color) 34%,rgba(145,111,59,.30))}
.chrono-event.importance-3,
.chrono-event.is-anchor{
  border-color:color-mix(in srgb,var(--event-color) 48%,#d0a34e);
  box-shadow:0 16px 32px rgba(3,17,24,.16),0 0 0 1px color-mix(in srgb,var(--event-color) 10%,transparent),0 1px 0 rgba(255,255,255,.62) inset;
}
.chrono-event.importance-3::after,.chrono-event.is-anchor::after{width:10px;height:10px;box-shadow:0 0 0 2px var(--chrono-event-bg),0 0 0 4px color-mix(in srgb,var(--event-color) 22%,transparent),0 0 16px color-mix(in srgb,var(--event-color) 34%,transparent)}
.chrono-event.is-anchor .chrono-event-meta::after{content:"✦";position:absolute;right:8px;top:8px;color:#c9922f;font-size:.52rem;filter:drop-shadow(0 0 5px rgba(201,146,47,.26))}

/* The selected event becomes a deliberate focal object, especially in light mode. */
.chrono-event.is-selected{
  color:#fff8e8;
  border-color:#e0b45c;
  background:linear-gradient(160deg,#123242,#081f2b 70%,#071923);
  box-shadow:0 21px 44px rgba(3,16,24,.30),0 0 0 1px rgba(239,195,103,.26) inset,0 0 32px color-mix(in srgb,var(--event-color) 18%,transparent);
}
.chrono-event.is-selected .chrono-event-copy strong{color:#fff7e7}
.chrono-event.is-selected .chrono-event-copy b{color:#8fd7f5}
.chrono-event.is-selected .chrono-event-copy small,.chrono-event.is-selected .chrono-event-meta em{color:#b8cbd2}
.chrono-event.is-selected .chrono-event-meta{border-bottom-color:rgba(230,184,90,.22)}
.chrono-event.is-selected .chrono-event-meta u{color:#f3ca74}
.chrono-event.is-selected .chrono-event-image{border-color:rgba(235,193,105,.52);box-shadow:0 8px 18px rgba(0,0,0,.20)}
html[data-theme="light"] .chrono-event.is-selected{background:linear-gradient(160deg,#15394a,#0b2734 72%,#071c26);color:#fff8e8}

/* Marker hierarchy: standard nodes remain quiet; important nodes become readable beacons. */
.chrono-point-event.importance-1{width:7px;height:7px;opacity:.78}
.chrono-point-event.importance-2{width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb,var(--event-color) 8%,transparent),0 3px 9px rgba(0,0,0,.17)}
.chrono-point-event.importance-3,.chrono-point-event.is-anchor{width:12px;height:12px;border-color:#f4dfad;box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 12%,transparent),0 0 17px color-mix(in srgb,var(--event-color) 28%,transparent)}
.chrono-point-event.is-selected{z-index:31;width:15px;height:15px;border-color:#fff0bd;box-shadow:0 0 0 5px color-mix(in srgb,var(--event-color) 18%,transparent),0 0 22px color-mix(in srgb,var(--event-color) 48%,transparent)}

.chrono-beacon small{position:relative;z-index:2;margin-top:.16rem;color:var(--chrono-muted);font-size:.39rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.chrono-beacon.importance-3 span,.chrono-beacon.is-anchor span{width:29px;height:29px;border-color:#f0cf88;box-shadow:0 0 0 6px color-mix(in srgb,var(--event-color) 11%,transparent),0 0 27px color-mix(in srgb,var(--event-color) 30%,transparent)}
.chrono-beacon.importance-1 b{opacity:.76;font-size:.47rem}
.chrono-beacon.is-selected span{background:color-mix(in srgb,var(--event-color) 24%,var(--chrono-canvas));box-shadow:0 0 0 7px color-mix(in srgb,var(--event-color) 15%,transparent),0 0 32px color-mix(in srgb,var(--event-color) 42%,transparent)}

/* Clusters read as temporal crystals rather than generic buttons. */
.chrono-cluster{
  backdrop-filter:blur(8px) saturate(120%);
}
.chrono-cluster-orbit{transform:rotate(45deg);border-radius:7px;opacity:.82}
.chrono-cluster::before{
  content:"";position:absolute;z-index:-1;inset:-7px;border:1px solid color-mix(in srgb,var(--cluster-c1,#c99335) 20%,transparent);border-radius:19px;transform:rotate(-7deg);opacity:.45;transition:transform .16s ease,opacity .16s ease;
}
.chrono-cluster:hover::before,.chrono-cluster:focus-visible::before{transform:rotate(7deg) scale(1.03);opacity:.78}
.chrono-cluster.is-global::before{border-radius:50%}
.chrono-cluster.is-global .chrono-cluster-orbit{border-radius:50%;transform:rotate(0deg)}
.chrono-microcluster{box-shadow:0 7px 16px rgba(3,16,23,.15),0 0 0 1px rgba(255,255,255,.04) inset}

/* Navigator: clearer active viewport, selected locator and temporal frame. */
.chrono-global-navigator .chrono-overview-panel{position:relative;overflow:hidden}
.chrono-global-navigator .chrono-overview-panel::before{
  content:"";position:absolute;z-index:1;left:10px;right:10px;top:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(231,194,112,.30),transparent);pointer-events:none;
}
.chrono-global-navigator .chrono-overview-window{
  box-shadow:0 0 0 1px rgba(255,255,255,.17) inset,0 0 22px rgba(239,192,91,.30),0 8px 18px rgba(0,0,0,.08);
}
.chrono-global-navigator .chrono-overview-window::after{box-shadow:0 0 15px rgba(42,156,207,.64)}
.overview-selected-marker{animation:chronoNavigatorSelected 2.5s ease-in-out infinite}
@keyframes chronoNavigatorSelected{0%,100%{box-shadow:0 0 0 4px rgba(9,30,40,.75),0 0 12px color-mix(in srgb,var(--event-color,#d39b3b) 58%,transparent)}50%{box-shadow:0 0 0 6px rgba(9,30,40,.58),0 0 24px color-mix(in srgb,var(--event-color,#d39b3b) 88%,transparent)}}

/* Inspector becomes a coherent depth card with a stronger hierarchy. */
.chrono-panel-right .chrono-panel-head{position:relative;overflow:hidden}
.chrono-panel-right .chrono-panel-head::after{content:"";position:absolute;left:0;bottom:0;width:68%;height:1px;background:linear-gradient(90deg,#dfaf52,rgba(45,151,196,.36),transparent)}
.detail-identity{margin-bottom:.44rem}
.detail-identity span{box-shadow:0 0 0 1px color-mix(in srgb,var(--event-color) 20%,transparent) inset}
.detail-hologram{border-color:rgba(225,181,88,.42);box-shadow:0 17px 38px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.025) inset,0 0 34px rgba(39,139,183,.10) inset}
.detail-hologram::after{content:"";position:absolute;z-index:4;inset:8px;border:1px solid rgba(99,186,222,.09);border-radius:10px;pointer-events:none;transform:translateZ(16px)}
.detail-temporal-grid{position:relative}
.detail-temporal-grid::before{content:"";position:absolute;z-index:-1;inset:-5px;border-radius:12px;background:linear-gradient(115deg,color-mix(in srgb,var(--chrono-gold) 4%,transparent),color-mix(in srgb,var(--chrono-blue-strong) 4%,transparent));opacity:.8}
.detail-summary{position:relative;margin:.65rem 0 .12rem;padding-left:.64rem}
.detail-summary::before{content:"";position:absolute;left:0;top:.16rem;bottom:.16rem;width:2px;border-radius:999px;background:linear-gradient(var(--chrono-gold-strong),var(--chrono-blue-strong));opacity:.58}
.detail-accordion{box-shadow:0 5px 13px rgba(0,0,0,.045)}
.detail-accordion[open]{border-color:color-mix(in srgb,var(--chrono-gold) 28%,var(--chrono-border));box-shadow:0 9px 20px rgba(0,0,0,.075)}
.detail-actions a,.detail-actions button{position:relative;overflow:hidden}
.detail-actions a::after,.detail-actions button::after{content:"";position:absolute;left:-35%;top:-80%;width:28%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg);transition:left .28s ease}
.detail-actions a:hover::after,.detail-actions button:hover::after{left:115%}

/* Mobile: keep the new hierarchy but remove decorative cost. */
@media(max-width:720px){
  .chrono-selection-guide b{display:none}
  .chrono-selection-guide::before{width:68px;height:68px}
  .chrono-event-meta{min-height:14px;margin-bottom:.16rem}.chrono-event-meta em{font-size:.34rem}.chrono-event-meta u{font-size:.42rem}
  .chrono-event.is-selected{box-shadow:0 14px 28px rgba(3,16,24,.27),0 0 0 1px rgba(239,195,103,.22) inset}
  .chrono-timeline-world::before{opacity:.20}
}
@media(prefers-reduced-motion:reduce){
  .overview-selected-marker,.chrono-event.is-selected::before{animation:none!important}
  .chrono-cluster::before,.detail-actions a::after,.detail-actions button::after{transition:none!important}
}


/* ======================================================================
   0.8.79A · Final visual convergence before full I18N propagation
   Replaces legacy comparison/filmstrip surfaces with one temporal context deck.
   Presentation only; canonical chronology remains external/read-only.
   ====================================================================== */

.chrono-app-head{position:relative;overflow:hidden;padding:.58rem .72rem;border:1px solid color-mix(in srgb,var(--chrono-gold) 22%,var(--chrono-border));border-radius:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--chrono-surface) 97%,var(--chrono-gold-bg)),color-mix(in srgb,var(--chrono-surface) 98%,var(--chrono-blue-bg)));box-shadow:0 12px 30px rgba(3,17,25,.08),0 1px 0 rgba(255,255,255,.35) inset}
.chrono-app-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--chrono-gold-strong),var(--chrono-blue-strong));opacity:.7}.chrono-app-head h1{max-width:900px;margin:.08rem 0;color:var(--chrono-text-strong);font-size:clamp(.95rem,1.25vw,1.18rem);line-height:1.1}.chrono-app-head p{max-width:980px;margin:.18rem 0 0;color:var(--chrono-muted);font-size:.55rem;line-height:1.34}.chrono-kicker{font-size:.46rem;letter-spacing:.14em}
.chrono-context-deck{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--chrono-gold) 20%,var(--chrono-border));border-radius:16px;background:radial-gradient(62% 160% at 4% 0,color-mix(in srgb,var(--chrono-gold) 6%,transparent),transparent 66%),radial-gradient(70% 150% at 100% 100%,color-mix(in srgb,var(--chrono-blue-strong) 7%,transparent),transparent 68%),var(--chrono-surface);box-shadow:0 16px 38px rgba(3,17,25,.08),0 1px 0 rgba(255,255,255,.34) inset}
.chrono-context-deck::before{content:"";position:absolute;z-index:-1;left:28%;right:28%;top:-30px;height:70px;border-radius:50%;background:color-mix(in srgb,var(--chrono-gold) 8%,transparent);filter:blur(28px)}.chrono-context-deck__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.52rem .65rem .46rem;border-bottom:1px solid var(--chrono-border)}.chrono-context-deck__head>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.18rem .5rem;min-width:0}.chrono-context-deck__head span{color:var(--chrono-gold-strong);font-size:.45rem;font-weight:950;letter-spacing:.14em}.chrono-context-deck__head strong{min-width:0;overflow:hidden;color:var(--chrono-text-strong);font:700 .67rem/1.15 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.chrono-context-deck__head small{grid-column:1/-1;color:var(--chrono-muted);font-size:.47rem}.chrono-context-deck__count{flex:0 0 auto;padding:.24rem .46rem;border:1px solid var(--chrono-border);border-radius:999px;background:var(--chrono-surface-2);color:var(--chrono-muted)!important;font-size:.43rem!important;letter-spacing:.03em!important}.chrono-context-deck__grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.6fr);gap:.48rem;padding:.5rem}
.chrono-alignment-card,.chrono-landmark-card{min-width:0;border:1px solid var(--chrono-border);border-radius:13px;background:color-mix(in srgb,var(--chrono-surface-2) 92%,transparent);box-shadow:0 7px 18px rgba(3,17,25,.045) inset}.chrono-alignment-card{padding:.48rem}.alignment-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.36rem}.alignment-head>div{display:grid;gap:.05rem}.alignment-head span,.chrono-landmark-card__head span{color:var(--chrono-gold-soft);font-size:.42rem;font-weight:950;letter-spacing:.12em}.alignment-head b,.chrono-landmark-card__head b{color:var(--chrono-muted);font-size:.43rem;font-weight:700}.alignment-head em{color:var(--chrono-muted-2);font-size:.42rem;font-style:normal;font-weight:800}.alignment-grid{display:grid;gap:.22rem}.alignment-row{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;min-height:23px;overflow:hidden;border:1px solid color-mix(in srgb,var(--chrono-border) 86%,transparent);border-radius:8px;background:var(--chrono-surface)}.alignment-label{padding:.25rem .38rem;color:var(--chrono-text);font-size:.45rem;font-weight:850}.alignment-track{position:relative;height:22px;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,#4e9171 6%,transparent),color-mix(in srgb,#c69539 6%,transparent),color-mix(in srgb,#74689c 6%,transparent))}.alignment-track::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--chrono-text) 10%,transparent)}.alignment-selected-rail{position:absolute;z-index:2;top:2px;bottom:2px;width:1px;background:linear-gradient(transparent,#e6bb65 20%,#e6bb65 80%,transparent);transform:translateX(-50%);box-shadow:0 0 9px rgba(230,187,101,.38)}.alignment-marker{position:absolute;z-index:3;top:50%;width:6px;height:6px;padding:0;border:1px solid var(--chrono-surface);border-radius:50%;background:var(--event-color,#2b8ab3);transform:translate(-50%,-50%);box-shadow:0 2px 5px rgba(0,0,0,.12);cursor:pointer}.alignment-marker.is-selected{width:11px;height:11px;border-color:#fff1c6;box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 14%,transparent),0 0 15px color-mix(in srgb,var(--event-color) 34%,transparent)}
.chrono-landmark-card{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.chrono-landmark-card__head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.44rem .5rem .32rem;border-bottom:1px solid var(--chrono-border)}.chrono-landmark-card__head>div:first-child{display:grid;gap:.03rem}.chrono-landmark-card__arrows{display:flex;gap:.22rem}.chrono-landmark-card__arrows .filmstrip-arrow{width:26px;height:26px;min-height:26px;border-radius:8px;font-size:.82rem}.chrono-filmstrip{display:flex;align-items:stretch;gap:.28rem;overflow-x:auto;padding:.38rem .42rem .45rem;scrollbar-width:none;scroll-snap-type:x proximity}.chrono-filmstrip::-webkit-scrollbar{display:none}.landmark-chip{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.34rem;flex:0 0 152px;min-height:55px;padding:.32rem .38rem;border:1px solid var(--chrono-border);border-radius:10px;background:linear-gradient(150deg,var(--chrono-surface),color-mix(in srgb,var(--chrono-surface-2) 94%,var(--event-color)));color:var(--chrono-text);text-align:left;scroll-snap-align:start;cursor:pointer;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease}.landmark-chip::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:999px;background:var(--event-color);opacity:.74}.landmark-chip:hover,.landmark-chip:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--event-color) 42%,var(--chrono-border));box-shadow:0 8px 18px rgba(3,17,25,.09)}.landmark-chip.is-selected{border-color:#dfb25a;background:linear-gradient(150deg,#123342,#0a222e);color:#fff7e7;box-shadow:0 0 0 1px rgba(229,184,92,.18) inset,0 10px 24px rgba(3,16,24,.18)}.landmark-chip__glyph{display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--event-color) 42%,var(--chrono-border));border-radius:9px;background:color-mix(in srgb,var(--event-color) 10%,var(--chrono-surface-2));color:color-mix(in srgb,var(--event-color) 72%,var(--chrono-gold-strong));font-size:.68rem;box-shadow:0 0 13px color-mix(in srgb,var(--event-color) 8%,transparent)}.landmark-chip__copy{display:grid;gap:.02rem;min-width:0}.landmark-chip__copy small{color:var(--chrono-blue-strong);font-size:.41rem;font-weight:900}.landmark-chip__copy b{overflow:hidden;color:var(--chrono-text-strong);font:700 .51rem/1.08 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.landmark-chip__copy em{overflow:hidden;color:var(--chrono-muted);font-size:.38rem;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.landmark-chip.is-selected .landmark-chip__copy b{color:#fff7e7}.landmark-chip.is-selected .landmark-chip__copy small{color:#91dcfb}.landmark-chip.is-selected .landmark-chip__copy em{color:#b8cbd3}
.chrono-navigator-row{position:relative;margin-top:-1px;border-top:1px solid var(--chrono-border);background:linear-gradient(180deg,color-mix(in srgb,var(--chrono-surface) 96%,var(--chrono-blue-bg)),var(--chrono-surface));box-shadow:0 -8px 24px rgba(3,17,25,.035) inset}.chrono-navigator-row button{border-radius:8px}.chrono-navigator-row span{padding:.2rem .48rem;border:1px solid var(--chrono-border);border-radius:999px;background:var(--chrono-surface-2);font-weight:850}.chrono-panel-right{box-shadow:0 20px 46px rgba(2,14,22,.24),0 0 0 1px rgba(231,186,94,.08) inset,0 0 42px rgba(40,144,187,.055) inset}.detail-hologram{transform:translateZ(12px)}
html[data-theme="light"] .chrono-context-deck{background:radial-gradient(60% 150% at 0 0,rgba(194,142,45,.07),transparent 65%),radial-gradient(62% 160% at 100% 100%,rgba(32,126,169,.07),transparent 65%),#fbfaf6}html[data-theme="light"] .chrono-alignment-card,html[data-theme="light"] .chrono-landmark-card{background:#f6f4ee}html[data-theme="light"] .landmark-chip{background:linear-gradient(150deg,#fffdf8,#f4f2eb)}html[data-theme="light"] .landmark-chip.is-selected{background:linear-gradient(150deg,#15394a,#092632);color:#fff7e7}
@media(max-width:980px){.chrono-context-deck__grid{grid-template-columns:1fr}.chrono-alignment-card{display:none}.chrono-context-deck__head small{display:none}}
@media(max-width:720px){.chrono-app-head{padding:.42rem .5rem}.chrono-app-head p{display:none}.chrono-app-head h1{font-size:.78rem}.chrono-context-deck{border-radius:12px}.chrono-context-deck__head{padding:.38rem .45rem}.chrono-context-deck__head>div{grid-template-columns:1fr}.chrono-context-deck__head span{font-size:.38rem}.chrono-context-deck__head strong{font-size:.54rem}.chrono-context-deck__count{font-size:.36rem!important}.chrono-context-deck__grid{padding:.32rem}.chrono-landmark-card__head{padding:.33rem .38rem .24rem}.chrono-landmark-card__head b{display:none}.chrono-filmstrip{padding:.3rem}.landmark-chip{flex-basis:126px;grid-template-columns:24px minmax(0,1fr);min-height:48px;padding:.28rem .31rem}.landmark-chip__glyph{width:23px;height:23px;border-radius:7px;font-size:.55rem}.landmark-chip__copy b{font-size:.44rem}.landmark-chip__copy em{display:none}.chrono-landmark-card__arrows{display:none}}
body.chrono-focus-mode .chrono-context-deck{display:none}
@media(prefers-reduced-motion:reduce){.landmark-chip{transition:none!important}}