/* Three distinct lenses, held lightly within the shared cinematic environment. */
.temporal-showcase{--tm-gold:#efcd96;--tm-copper:#c28650;position:relative;isolation:isolate;width:100%;max-width:600px;padding:8px 0;color:#efe2ca;background:transparent;font:11px Figtree,Arial,sans-serif;pointer-events:auto}
.temporal-showcase:before{content:'';display:block;position:absolute;inset:-18px -22px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#080602b3 5%,#0b070475 51%,#120c0333 72%,transparent 85%);filter:blur(15px)}.temporal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;height:17px}.temporal-kicker{color:#d8bf99;font-size:8px;letter-spacing:.11em;text-transform:uppercase;line-height:1.6;text-shadow:0 1px 5px #080502}.temporal-emblem{font-size:21px;color:#e9c48c;line-height:16px;text-shadow:0 0 14px #d29b5755}
.temporal-tabs{display:flex;gap:24px;border-bottom:1px solid #d0ac7047;margin-top:5px}.temporal-tabs button{font:11px Figtree,Arial,sans-serif;color:#bba889;padding:10px 0 9px;border-bottom:1px solid transparent;white-space:nowrap}.temporal-tabs button[aria-pressed=true]{color:#ffe1ac;border-color:#eac17f;text-shadow:0 0 21px #daa25a66}
.temporal-time{display:flex;align-items:center;gap:5px;margin-top:10px}.temporal-time button{padding:7px 9px;border:1px solid #bc975755;border-radius:4px;font:10px Figtree,Arial,sans-serif;color:#b9a78b;background:#100d09a3;backdrop-filter:blur(6px)}.temporal-time button[aria-pressed=true]{color:#f9dfb0;background:#9b703028;border-color:#ddba7d99;box-shadow:inset 0 1px #f9dfb519}.temporal-time>span{font-size:9px;color:#c8ab80;margin-left:auto;white-space:nowrap}
.temporal-field{position:relative;width:100%;aspect-ratio:620/300;height:auto!important;margin:4px 0 0;min-width:0}.temporal-svg{display:block;width:100%;height:100%;overflow:visible;touch-action:pan-y}.temporal-showcase[data-view=tesseract] .temporal-svg{touch-action:none;cursor:grab}.temporal-showcase[data-view=tesseract] .temporal-svg:active{cursor:grabbing}.temporal-svg text{font-family:Figtree,Arial,sans-serif;pointer-events:none}.temporal-pane{stroke:#d8b984;stroke-opacity:.55;stroke-width:.8}.temporal-lane{stroke:#dfc18b;stroke-opacity:.16;stroke-width:.8;stroke-dasharray:3 8}.temporal-lane-name{font-size:13px;fill:#c8b089;letter-spacing:.015em}.temporal-hint{font-size:13px;fill:#c1a77c;letter-spacing:.015em}.temporal-epoch{font-size:13px;fill:#e8c693;letter-spacing:.12em}.temporal-spatial-grid{stroke:#d2af77;stroke-opacity:.15;stroke-width:.7;fill:none}.temporal-glass-edge{stroke:#f2d3a0;stroke-opacity:.85;stroke-width:1.2;filter:drop-shadow(0 0 3px #e2ac6366)}.temporal-extrusion{stroke:#d5ae72;stroke-opacity:.6;stroke-width:1.2;fill:none}.temporal-time-axis{stroke:#dcba81;stroke-width:1;stroke-opacity:.65;fill:none}
.temporal-showcase[data-view=river] .temporal-lane{stroke-opacity:.09}.temporal-river-band{fill:none;stroke-width:30;opacity:.08;filter:blur(12px)}.temporal-horizon-glow{fill:none;stroke-width:11;opacity:.65;filter:blur(5px)}.temporal-horizon{fill:none;stroke-width:2.5;filter:drop-shadow(0 0 3px #ffd790)}.temporal-river-focus{stroke:#e8c58b;stroke-width:1;stroke-opacity:.7;fill:none;filter:drop-shadow(0 0 4px #eac88b66)}.temporal-river-pool{fill:#e3b570;opacity:.5;filter:blur(4px)}
.temporal-thread{fill:none;stroke:#e9bd7b;stroke-width:1.5;opacity:.85;filter:drop-shadow(0 0 3px #d69748aa)}.temporal-thread.is-candidate{stroke:#c7a68b;stroke-width:1.2;stroke-dasharray:5 6;opacity:.65;filter:none}.temporal-moment{cursor:pointer;outline:none}.moment-hit{fill:transparent;pointer-events:all}.moment-aura{fill:#efbd6a;opacity:.15;filter:blur(8px);pointer-events:none}.moment-core{fill:#fce9c4;stroke:#e5b46c;stroke-width:.7;filter:drop-shadow(0 0 5px #f0c078)}.moment-ring{fill:#20170c;fill-opacity:.25;stroke:#d8b47f;stroke-opacity:.5;stroke-width:.8}.temporal-moment.is-selected .moment-ring{stroke:#ffe6b5;stroke-width:1.5;filter:drop-shadow(0 0 6px #e3ad5d)}.temporal-moment:focus .moment-ring,.temporal-moment:hover .moment-ring{stroke:#fff1cf;stroke-width:2}.moment-date{font-size:13px;fill:#e1c18d;letter-spacing:.025em}.moment-title{font-family:Georgia,serif!important;font-size:15px;fill:#f7dfb5;paint-order:stroke;stroke:#17100b;stroke-width:3px;stroke-linejoin:round}.moment-later{font-size:12px;fill:#c7b092}.is-later .moment-core{fill:transparent;stroke:#cdb998;filter:none}.is-later .moment-ring{stroke-dasharray:3 4;stroke-opacity:.8}.is-later .moment-aura{opacity:0}.temporal-months{font-size:12px;letter-spacing:.1em;fill:#ccb181}
.temporal-lane-name,.temporal-hint,.temporal-epoch,.moment-date,.moment-later,.temporal-months{paint-order:stroke;stroke:#120c07a8;stroke-width:2px;stroke-linejoin:round}.temporal-tabs button,.temporal-time>span,.temporal-explain,.temporal-source-date{text-shadow:0 1px 5px #070502}.temporal-time button{background:#100d09cf}.temporal-tabs button{color:#d3bea0}.temporal-time>span{color:#dfc39b}.temporal-source-date{color:#dec6a3}
.temporal-reset{position:absolute;right:0;bottom:4px;font-size:20px;width:30px;height:30px;border-radius:50%;border:1px solid #bc975766;color:#dec18d;padding:0;line-height:1;background:#1b140ba6}.temporal-reset[hidden],.temporal-legend[hidden]{display:none}.temporal-legend{display:flex;flex-wrap:wrap;gap:6px 15px;padding:6px 0;border-bottom:1px solid #d3ac6833;font-size:9px;line-height:1.5;color:#c7b293}.temporal-legend span{display:inline-flex;align-items:center;gap:7px}.temporal-legend i{width:18px;height:1px;background:#e4b574;display:block}.temporal-legend .candidate{background:none;border-top:1px dashed #b9957a}.temporal-explain{font:11px/1.6 Figtree,Arial,sans-serif;color:#d3bfa0;margin:9px 0}.temporal-source{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid #c5a26b30;padding-top:6px}.temporal-source-trigger{font:11px Figtree,Arial,sans-serif;color:#f2d39f;padding:6px 0;border-bottom:1px solid #bc97575c;text-align:left;white-space:nowrap}.temporal-source-trigger span{margin-left:13px;font-size:14px}.temporal-source-date{font-size:10px;line-height:1.5;color:#c8b092;text-align:right;max-width:53%}
.temporal-inspector{position:absolute;inset:0;z-index:4;background:linear-gradient(130deg,#352819fa,#100d09fc 60%);border:1px solid #edc68dc4;box-shadow:0 15px 70px #000d,inset 1px 1px #ffe3aa4d;padding:30px 25px;border-radius:7px;overflow:auto}.temporal-inspector[hidden]{display:none}.temporal-close{position:absolute;top:8px;right:13px;font-size:26px;color:#d8c09a;padding:3px}.temporal-inspector h3{font:27px/1.2 Georgia,serif;font-weight:400;color:#f3dfb9;margin:23px 0 17px}.temporal-inspector blockquote{margin:0 0 22px;padding:5px 0 5px 15px;border-left:1px solid #c59c5c;font:19px/1.6 Georgia,serif;color:#f7ebd5}.temporal-inspector dl{font-size:11px;line-height:1.7;display:grid;gap:10px}.temporal-inspector dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.temporal-inspector dt{color:#b59e7d}.temporal-inspector dd{margin:0;color:#e4ccaa}.temporal-preserved{font:italic 14px/1.7 Georgia,serif;border-top:1px solid #b48b4938;margin:23px 0 0;padding-top:18px;color:#d1b88e}.temporal-showcase button:focus-visible{outline:1px solid #ffe5ad;outline-offset:4px}.temporal-svg [role=button]:focus-visible .moment-ring{stroke:#fff4db;stroke-width:2}.temporal-showcase button:hover{color:#fff0ce}
@media(max-width:700px){.temporal-showcase{padding:0;max-width:none}.temporal-head{height:12px}.temporal-kicker{font-size:6.5px;letter-spacing:.06em}.temporal-emblem{font-size:16px}.temporal-tabs{gap:18px;margin-top:3px}.temporal-tabs button{font-size:9px;padding:7px 0}.temporal-time{margin-top:7px;gap:4px}.temporal-time button{font-size:7.5px;padding:5px 6px}.temporal-time>span{font-size:6.5px}.temporal-field{margin-top:6px}.temporal-legend{font-size:7px;gap:4px 9px;padding:4px 0}.temporal-explain{font-size:8.5px;line-height:1.5;margin:6px 0}.temporal-source{gap:8px;padding-top:3px}.temporal-source-trigger{font-size:8px;padding:4px 0}.temporal-source-trigger span{margin-left:7px;font-size:11px}.temporal-source-date{font-size:7px}.temporal-reset{width:23px;height:23px;font-size:16px;bottom:0}.temporal-inspector{inset:-4px;padding:20px 17px}.temporal-inspector h3{font-size:20px;margin:18px 0 12px}.temporal-inspector blockquote{font-size:15px;margin-bottom:14px}.temporal-inspector dl{font-size:9px;gap:6px}.temporal-preserved{font-size:11px;margin-top:14px;padding-top:12px}}