:root{color-scheme:dark;--bg:#09090b;--text:#d8cec0;--muted:#928575}*{box-sizing:border-box}html,body{margin:0;background:#09090b;color:var(--text);font:12px/1.7 'Courier New',monospace}html{scroll-behavior:auto}body{overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer}a{color:#bda17b}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid #bda17b;outline-offset:4px}[hidden]{display:none!important}.modal-open{overflow:hidden}
header{position:fixed;inset:0 0 auto;height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;z-index:20;pointer-events:none}.brand{font:300 11px monospace;letter-spacing:.32em;color:#c5b9aa;text-decoration:none;pointer-events:auto}.edition{font-size:8px;letter-spacing:2px;opacity:.35}nav{display:flex;gap:20px;pointer-events:auto}nav button{font-size:9px;opacity:.5}nav button:hover,nav button:focus-visible{opacity:1}
#cosmicCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y;outline:none}#cosmicCanvas:focus-visible{outline:1px solid #8f734622;outline-offset:-8px}.chronicle{position:relative;z-index:1;pointer-events:none}.epoch{position:relative;height:100svh;min-height:0;pointer-events:none}.epoch-caption{position:absolute;top:17%;left:6%;color:#a18a65}.epoch-caption>span{font-size:7px;letter-spacing:3px;opacity:.6}.epoch-caption h1,.epoch-caption h2{font:400 clamp(22px,3vw,42px)/1.2 Georgia,serif;letter-spacing:-1px;color:#c1b09b;margin:14px 0;opacity:.6}.epoch-caption p{font-size:9px;letter-spacing:1px;opacity:.55}.descend{position:absolute;bottom:5%;left:50%;pointer-events:auto;padding:15px;color:#977d59;opacity:.45;text-decoration:none;font-size:20px}.descend:hover{opacity:1}.stage-tools{position:fixed;bottom:25px;right:4%;z-index:10}.stage-tools button{font-size:9px;opacity:.4}.eyebrow{font-size:8px;letter-spacing:2px;color:#a18b69}.record-index{text-align:left;color:#bda17b;font-size:10px;padding:7px 0}.record-index:hover{text-decoration:underline}
dialog{position:fixed;margin:auto 0 auto auto;width:510px;max-width:100%;height:100%;max-height:100%;padding:65px 38px;background:#0e0e11;color:var(--text);border:0;border-left:1px solid #39332a;overflow-y:auto}dialog::backdrop{background:#09090bef}dialog .close{position:absolute;top:16px;right:24px;font-size:27px;color:var(--muted)}dialog h2{font:32px/1.2 monospace;letter-spacing:-1px;margin:26px 0}dialog p{color:var(--muted)}dialog em{font-style:normal;color:#bba588}.eyebrow{font-size:8px;letter-spacing:2px}.dialog-text{font:18px/1.6 Georgia,serif}.data-note{border-block:1px solid #39332a;margin:25px 0;padding:20px 0}.data-note b{color:#bca17a;font-weight:400}.primary{width:100%;border:1px solid #494136;padding:16px;text-align:left;margin-top:16px;font-size:11px}.primary span{float:right}.plate{position:relative;border:1px solid #494136;min-height:220px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;margin:28px 0}.plate span{font-size:8px;letter-spacing:2px}.plate strong{font-size:20px;font-weight:400}#plateStars{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#bba588;stroke-width:1;opacity:.5}#dataRoom label{display:block;margin:25px 0 8px;font-size:11px}#dataRoom input{width:100%;background:#09090b;border:1px solid #494136;padding:12px;font-size:11px}.small{font-size:10px}#dataStatus{border:1px solid #494136;padding:14px;font-size:10px}details{margin:20px 0}summary{cursor:pointer}hr{border:0;border-top:1px solid #39332a;margin:30px 0}.download-data{display:flex;flex-direction:column;gap:12px;margin:22px 0}.archive-view{margin:22px 0;font-size:10px}.data-selectors{display:flex;flex-wrap:wrap;gap:8px}.data-selectors select{background:#09090b;border:1px solid #494136;padding:8px;max-width:100%;font-size:10px}#viewLegend,.coverage{font-size:9px}


.archive-overlay{position:fixed;inset:0;z-index:50;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:transparent;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 200ms ease;transform:none}
.archive-overlay[open]{display:flex;align-items:center;justify-content:center}.archive-overlay.is-open{opacity:1;transition:none}.archive-overlay::backdrop{background:#000c;backdrop-filter:blur(8px)}
.archive-shell{position:relative;pointer-events:auto;flex:none;width:82vw;max-width:1500px;height:84dvh;max-height:900px;overflow-y:auto;overscroll-behavior:contain;background:rgba(9,9,11,.96);border:1px solid #b79a6024;transform:none}
.archive-overlay .close{position:sticky;top:12px;display:block;margin:12px 16px -58px auto;width:44px;height:44px;right:auto;font:300 28px monospace;background:#09090bd9;z-index:3;color:#c9bda9}
.archive-document{padding:50px clamp(25px,4vw,70px) 30px}.archive-heading{display:flex;align-items:center;gap:24px;margin:0 50px 40px 0}.archive-heading button{font-size:9px;opacity:.6}.archive-columns{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}.life-document h2{font:400 clamp(36px,4.5vw,78px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#e4dbcf;margin:0 0 26px;text-shadow:1px 0 #aea18c22;overflow-wrap:anywhere}.archive-meta{font-size:10px;margin-bottom:28px;color:#a89780}.archive-meta p{margin:5px 0}.archive-summary{font:17px/1.9 Georgia,serif;color:#c8bcad;white-space:pre-wrap}.source-document{min-width:0;padding:0;border:0}#archiveFigure{margin:0 0 20px;background:#09090b;overflow:hidden}#archiveImage{display:block;width:100%;height:clamp(300px,45vh,520px);object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.25);opacity:.92}#samePlaceLabel{display:block;font-size:8px;color:#9b886a;margin-top:25px}#samePlace{width:100%;background:#09090b;color:#b9a58b;border:0;border-bottom:1px solid #8a714333;padding:10px 0;font-size:10px}.archive-document footer{margin-top:45px;padding-top:18px;border-top:1px solid #9b80532b;display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#8b7f6c}.small{font-size:10px}
@media(max-width:700px){header{height:90px;padding:0 5%;flex-wrap:wrap;align-content:center;gap:14px}.brand{font-size:10px}.edition{display:none}nav{gap:12px;margin-left:auto}nav button{font-size:8px}.epoch-caption{top:16%;left:7%}.epoch-caption h1,.epoch-caption h2{font-size:25px}.archive-shell{width:94vw;height:92dvh;max-height:none}.archive-document{padding:45px 6vw 25px}.archive-columns{grid-template-columns:1fr;gap:30px}.life-document h2{font-size:40px}.source-document{border-left:0;border-top:1px solid #9b80532b;padding:25px 0 0}.archive-heading{margin-bottom:25px}.archive-summary{font-size:16px}.archive-document footer{flex-wrap:wrap}.stage-tools{bottom:15px}dialog{padding:65px 25px}.archive-overlay{padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.archive-overlay{transition:none}}

/* The cover remains reachable when the pointer leaves the selected fracture. */

.inspect-record{display:block;padding:12px 0;margin-top:18px;color:#f09b99;border-bottom:1px solid #b85a5a66;text-align:left;font-size:11px;letter-spacing:.06em}.inspect-record:hover{color:#f97316}
@media(max-width:700px){.inspect-record{margin-top:8px;padding:9px 0}}

.filter-defs{position:absolute;pointer-events:none}#liquidField{position:fixed;inset:0;z-index:0;pointer-events:none;filter:url(#liquidGoo);mask-image:radial-gradient(circle 145px at var(--focus-x,-1000px) var(--focus-y,-1000px),transparent 0%,transparent 25%,#000 90%);-webkit-mask-image:radial-gradient(circle 145px at var(--focus-x,-1000px) var(--focus-y,-1000px),transparent 0%,transparent 25%,#000 90%)}#liquidCanvas{width:100%;height:100%;display:block}#cosmicCanvas{background:transparent;z-index:1}.chronicle{z-index:2}.stage-tools{display:flex;gap:20px}

.archive-emblem{display:block;width:42px;height:60px;flex:0 0 42px;color:#dc2626;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.archive-emblem .impact{stroke-width:1.8}.archive-heading{gap:18px}.archive-heading .eyebrow{min-width:0}.archive-heading button{flex-shrink:0}@media(max-width:700px){.archive-emblem{width:32px;height:48px;flex-basis:32px}.archive-heading{gap:12px;margin-right:28px}}

/* Vertical history scroll is allowed; the canvas camera remains fixed. */
html,body{min-height:100%;overflow-x:hidden;overscroll-behavior-x:none}.atlas-stage{position:relative;pointer-events:none;touch-action:pan-y}.atlas-stage #cosmicCanvas{pointer-events:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}.atlas-stage .chronicle{height:auto;overflow:visible}.epoch{height:100svh;touch-action:pan-y}dialog,.archive-shell{touch-action:pan-y;overscroll-behavior:contain}.descend{font-size:11px;letter-spacing:.14em}

.archive-verify{display:inline-block;font:10px/1.8 'Courier New',monospace;letter-spacing:.1em;color:#bca18e;text-decoration:none;padding:8px 0}.archive-verify:hover,.archive-verify:focus-visible{color:#f97316}@media(max-width:700px){#archiveImage{height:350px;max-height:55dvh}.source-document{border:0;padding:0}}

/* Transient, cell-anchored inscription; no permanent sidebar. */
.record-peek{position:fixed;z-index:30;max-width:min(300px,calc(100vw - 24px));padding:12px 16px;pointer-events:none;opacity:0;transition:opacity 180ms ease;color:#c9a68a;background:linear-gradient(110deg,#09090bf0,#09090b85);font:12px/1.65 'Courier New',monospace;overflow-wrap:anywhere}.record-peek.is-visible{opacity:1;pointer-events:auto}.record-peek p{margin:0}.record-peek .peek-name{font-size:15px;color:#dcbaaa;margin-bottom:4px}.record-peek .inspect-record{margin-top:10px;padding:6px 0;font-size:11px}.atlas-stage .record-peek{touch-action:pan-y}
/* One centered, responsive archive sheet. */
.archive-shell{width:min(700px,calc(100vw - 32px));max-width:700px;height:auto;max-height:90dvh;margin:auto;overflow-y:auto}.archive-document{display:flex;flex-direction:column;gap:0;padding:42px clamp(22px,5vw,56px) 32px}.archive-heading{margin:0 20px 32px 0;gap:14px}.life-document h2{font-size:clamp(36px,6vw,64px);line-height:1.12;margin:0 0 26px}.archive-meta{font:400 clamp(20px,2.4vw,24px)/1.55 'Courier New',monospace;color:#d1b6a4;margin-bottom:30px;overflow-wrap:anywhere}.archive-meta p{color:inherit;margin:0 0 8px}.archive-summary{font-size:clamp(17px,2vw,19px);line-height:1.9;margin:0 0 30px}#archiveImage{height:auto;max-height:520px;width:100%;object-fit:contain}#archiveFigure{margin:0 0 24px}.archive-notes{font-size:11px;color:#a38d7c;margin:10px 0 0}.archive-notes summary{font-size:11px}.archive-document .archive-source-footer{display:block;margin:32px 0 0;padding:24px 0 0;text-align:center}.archive-verify{font-size:12px}.archive-overlay .close{margin-bottom:-56px}@media(max-width:480px){.archive-shell{width:calc(100vw - 20px);max-height:94dvh}.archive-document{padding:42px 22px 24px}.archive-heading{gap:10px;margin-right:12px}.archive-heading .eyebrow{font-size:7px}.archive-meta{font-size:20px}.record-peek{max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.record-peek{transition:none}}

.atlas-stage .record-peek{pointer-events:none}.atlas-stage .record-peek.is-visible{pointer-events:auto}

/* Keep the fading card reachable; hidden removes it only after the exit fade. */
.atlas-stage .record-peek{pointer-events:auto}
.record-peek .inspect-record{display:inline-block;margin-top:10px;padding:6px 12px;border:1px solid rgb(239 68 68 / 40%);border-radius:4px;background:transparent;color:#d4d4d8;font:12px/1.5 'Courier New',monospace;letter-spacing:.08em;cursor:pointer;transition:background-color 300ms ease,color 300ms ease,border-color 300ms ease}
.record-peek .inspect-record:hover,.record-peek .inspect-record:focus-visible,.record-peek .inspect-record:active{background:#f97316;border-color:#f97316;color:#000}
@media(prefers-reduced-motion:reduce){.record-peek .inspect-record{transition:none}}

/* Archive seals: a warm proof link and a lightly incised, irregular cross. */
.archive-verify{background:transparent;color:#d4d4d8;padding:12px 18px;border:1px solid rgb(239 68 68 / 40%);border-radius:3px;min-height:44px;transition:background-color 300ms ease,color 300ms ease,border-color 300ms ease}
.archive-verify span{color:inherit}
.archive-verify .verify-arrow{display:inline-block;transition:transform 300ms ease}
.archive-verify:hover,.archive-verify:active,.archive-verify:focus-visible{background:#f97316;border-color:#f97316;color:#000}
.archive-verify:hover .verify-arrow,.archive-verify:active .verify-arrow,.archive-verify:focus-visible .verify-arrow{transform:translate(2px,-2px);filter:none}
/* A 10px recording point inside the existing 44px close target. */
.archive-overlay #closeArchive{color:#f97316;background:transparent;display:grid;place-items:center;touch-action:manipulation}
.rec-dot-shell,.archive-cross{grid-area:1 / 1;pointer-events:none;transition:opacity 300ms ease,transform 300ms ease}
.rec-dot-shell{display:grid;place-items:center;opacity:1;transform:scale(1)}
.rec-dot{display:block;width:10px;height:10px;background:#dc2626;border-radius:50%;animation:rec-breath 6s ease-in-out infinite}
.archive-cross{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.75);filter:drop-shadow(0 0 3px #f9731680)}
.cross-etch{opacity:.65}
:is(#closeArchive,#closePeek):is(:hover,:active,:focus-visible) .rec-dot-shell{opacity:0;transform:scale(.55)}
:is(#closeArchive,#closePeek):is(:hover,:active,:focus-visible) .archive-cross{opacity:1;transform:scale(1)}
@keyframes rec-breath{0%,100%{opacity:.3}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.rec-dot{animation:none;opacity:1}.rec-dot-shell,.archive-cross,.archive-verify,.archive-verify .verify-arrow{transition:none}.archive-verify:hover .verify-arrow,.archive-verify:active .verify-arrow,.archive-verify:focus-visible .verify-arrow{transform:none}}

/* One shared centerline for the archive's four header elements. */
.archive-document .archive-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:14px;margin:0 0 32px}

.archive-heading #archiveLanguage{margin:0;white-space:nowrap}
.archive-overlay .archive-heading #closeArchive{position:static;inset:auto;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;opacity:1;align-self:center}
@media(max-width:480px){.archive-document .archive-heading{gap:8px}}

/* The flame belongs to the person's name; the header holds only two controls. */
.archive-name-row{display:flex;align-items:center;gap:12px;margin:0 0 26px;min-width:0}
.archive-name-row #archiveName{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.archive-name-row .archive-emblem{flex-shrink:0}

/* A slow backdrop; geography and live records retain the same fixed projection. */
#cosmicVeil{position:fixed;inset:0;z-index:0;pointer-events:none;background:#09090b;animation:none;opacity:1}
@keyframes gradientMove{from{transform:translate(-2%,-1%) scale(1.02)}to{transform:translate(2%,1%) scale(1.06)}}
#cloudCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
/* Cloud geography belongs only to cloudCanvas. Red canvases are sibling layers.
   The liquidField radial mask reveals individual cells on hover, independent of geography. */
#liquidField{z-index:2;mix-blend-mode:normal;opacity:1}#cosmicCanvas{z-index:4;mix-blend-mode:normal;opacity:1}.chronicle{z-index:5}
@media(prefers-reduced-motion:reduce){#cosmicVeil{animation:none}}

/* Decorative dust and the breathing texture control. */
#dustCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
#physical{font-family:'Courier New',monospace;letter-spacing:.12em;animation:textureBreath 8s ease-in-out infinite}
@keyframes textureBreath{0%,100%{opacity:.25}50%{opacity:.55}}
#physical:hover,#physical:focus-visible{animation:none;opacity:.85}
@media(prefers-reduced-motion:reduce){#physical{animation:none}#physical{opacity:.45}}

/* Independent installation above the geographic cloud canvas. */
#redInstallation{position:fixed;inset:0;z-index:40;pointer-events:none;isolation:isolate}
.chronicle{z-index:41}header,.stage-tools{z-index:60}.record-peek{z-index:60}

/* Shared ember strip for archive actions; pointer bridge behavior is unchanged. */
.record-peek .inspect-record:hover,.record-peek .inspect-record:focus-visible,.record-peek .inspect-record:active,
.archive-verify:hover,.archive-verify:focus-visible,.archive-verify:active{background:rgb(127 29 29 / 40%);border-color:#b91c1c;color:#000}
.archive-verify:hover *,.archive-verify:focus-visible *,.archive-verify:active *{color:inherit}

/* Contributions sit beside the texture control, independent of atlas and audio. */
.stage-tools #openMemory{font-family:'Courier New',monospace;letter-spacing:.1em;color:#a1a1aa;opacity:.45;transition:color 300ms ease,opacity 300ms ease}
.stage-tools #openMemory:is(:hover,:focus-visible,:active){color:#dc2626;opacity:1}
.memory-panel{position:fixed;z-index:70;left:0;top:100px;bottom:88px;width:min(420px,calc(100vw - 28px));padding:24px clamp(20px,3vw,34px);overflow-y:auto;overscroll-behavior:contain;background:rgba(9,9,11,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #71717a26;border-left:0;box-shadow:16px 0 50px #0003;transform:translateX(-105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform 350ms ease,opacity 350ms ease,visibility 350ms;touch-action:pan-y}
.memory-panel.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.memory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.memory-heading h2{font:400 11px/1.6 'Courier New',monospace;letter-spacing:.2em;margin:0;color:#a1a1aa}
#closeMemory{flex:0 0 44px;width:44px;height:44px;padding:0;display:grid;place-items:center;color:#f97316}
#closeMemory:is(:hover,:active,:focus-visible) .rec-dot-shell{opacity:0;transform:scale(.55)}
#closeMemory:is(:hover,:active,:focus-visible) .archive-cross{opacity:1;transform:scale(1)}
#memoryForm label{display:block;margin:22px 0 9px;font-size:11px;color:#b5b5bc}
#memoryForm input{display:block;width:100%;min-height:44px;padding:10px 12px;background:#09090b55;border:1px solid #71717a50;border-radius:0;color:#e4e4e7;font:14px/1.5 'Courier New',monospace}
#memoryForm input:focus{border-color:#991b1b}
.memory-note,#memoryStatus{font-size:11px;line-height:1.8;color:#a1a1aa;margin:24px 0}
#memoryStatus{min-height:3.6em}
#sendMemory{border:1px solid #dc262666;padding:12px 16px;color:#d4d4d8;background:transparent;font:11px/1.6 'Courier New',monospace;letter-spacing:.06em;transition:background 300ms ease,color 300ms ease,border-color 300ms ease}
#sendMemory:is(:hover,:focus-visible,:active){background:rgb(127 29 29 / 40%);color:#000;border-color:#b91c1c}
#sendMemory:disabled{opacity:.45;cursor:wait}
@media(max-width:600px){.stage-tools{gap:10px;right:16px;left:16px;justify-content:flex-end;flex-wrap:wrap}.stage-tools #openMemory{font-size:8px;letter-spacing:.02em}.memory-panel{top:86px;bottom:95px;padding:18px 22px}#memoryForm input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.memory-panel,.stage-tools #openMemory,#sendMemory{transition:none}}

/* Balanced framing: independent of the canvas, audio buses and data polling. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
header.site-header{height:auto;display:flex;flex-direction:column;gap:8px;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px,4vw,64px) 8px;flex-wrap:nowrap}
.site-topline{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;width:100%;gap:12px}
.site-topline>button{pointer-events:auto;min-height:44px;font-size:11px;letter-spacing:.1em}
.site-topline #language{justify-self:start;padding:0}
.site-header .brand{font:400 clamp(20px,2.2vw,28px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:.06em;text-align:center;color:#c5bdb2;text-shadow:1px 0 #09090b99,0 1px #79716b25;overflow-wrap:normal}
.site-topline #sound{position:relative;justify-self:end;width:44px;padding:0}
.site-topline #sound::after{content:'';position:absolute;width:10px;height:10px;left:17px;top:17px;border-radius:50%;background:#dc2626;animation:rec-breath 6s ease-in-out infinite}
.site-header nav{margin:0;gap:24px;align-self:center;display:flex;justify-content:center;flex-wrap:wrap}
.site-header nav button{font-size:9px;padding:4px;min-height:28px}
.stage-tools{left:max(16px,4%);right:max(16px,4%);bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;pointer-events:none}
.stage-tools button{pointer-events:auto;min-height:44px;font-size:clamp(9px,1vw,11px);line-height:1.7}
.stage-tools #openMemory{border:1px solid #dc2626;color:#dc2626;opacity:1;padding:10px 14px;letter-spacing:.08em;max-width:100%;transition:background 300ms ease,color 300ms ease}
.stage-tools #openMemory:is(:hover,:focus-visible,:active){background:rgb(127 29 29 / 40%);color:#000;opacity:1}
.archive-project-title{min-width:0;text-align:center;font:400 clamp(20px,2vw,24px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:.04em;color:#c5bdb2}
.archive-document .archive-heading{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;gap:12px;align-items:center}
.archive-heading #archiveLanguage{justify-self:start}
.archive-overlay .archive-heading #closeArchive{justify-self:end}
@media(max-width:600px){.site-topline{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.site-topline>button{font-size:10px}.site-header .brand{font-size:20px;letter-spacing:.02em}.stage-tools{left:16px;right:16px;gap:8px}.stage-tools #openMemory{font-size:9px;padding:9px;letter-spacing:.02em}.stage-tools #physical{font-size:9px;letter-spacing:.03em;white-space:nowrap}.archive-document .archive-heading{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.archive-project-title{font-size:20px}.memory-panel{top:112px;bottom:100px}}
@media(max-width:420px){.stage-tools{flex-direction:column;align-items:stretch;gap:4px}.stage-tools #physical{align-self:flex-start;min-height:32px}.stage-tools #openMemory{align-self:stretch;text-align:center}.memory-panel{bottom:128px}.descend{bottom:120px}.site-topline{gap:4px}.site-header .brand{max-width:190px;justify-self:center}}
@media(prefers-reduced-motion:reduce){.site-topline #sound::after{animation:none;opacity:1}.stage-tools #openMemory{transition:none}}

/* Two quiet anchors, with no website navigation row. */
header.site-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;padding:calc(22px + env(safe-area-inset-top,0px)) clamp(16px,4vw,64px) 12px}
.identity{display:flex;align-items:center;gap:14px;min-width:0}
.identity .archive-emblem{width:28px;height:48px;flex:0 0 28px;color:#dc2626;stroke:#dc2626}
.site-header .brand{display:block;font:400 clamp(20px,2.4vw,30px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:.035em;text-align:left;max-width:none}
.chronology{font:10px/1.6 'Courier New',monospace;letter-spacing:.22em;color:#a1a1aa;margin:9px 0 0;opacity:.65}
.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto;flex-shrink:0}
.time-seal{display:flex;align-items:center;gap:10px;height:36px}
#localClock{font:12px/1 'Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#a1a1aa}
.live-seal{display:grid;place-items:center;width:36px;height:36px;color:#f97316}
.live-seal:hover .rec-dot-shell{opacity:0;transform:scale(.55)}.live-seal:hover .archive-cross{opacity:1;transform:scale(1)}
.language-picker{position:relative}
#language{font:10px/1.6 'Courier New',monospace;letter-spacing:.08em;color:#a1a1aa;min-height:32px;padding:4px 0}
.language-options{position:absolute;right:0;top:100%;min-width:126px;padding:8px;background:#09090bd9;backdrop-filter:blur(14px);border:1px solid #71717a26;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 220ms,transform 220ms,visibility 220ms}
.language-options.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.language-options button{font:11px 'Courier New',monospace;min-height:36px;text-align:left;padding:8px 12px;color:#a1a1aa}
.language-options button:is(:hover,:focus-visible),.language-options button[aria-pressed=true]{color:#dc2626;background:#7f1d1d18}
.archive-document .archive-heading{display:flex;justify-content:space-between;align-items:center}
@media(max-width:600px){header.site-header{gap:12px;padding-top:calc(16px + env(safe-area-inset-top,0px))}.identity{gap:8px}.identity .archive-emblem{width:22px;flex-basis:22px;height:40px}.site-header .brand{font-size:20px;max-width:190px}.chronology{font-size:9px}.time-seal{gap:4px}#localClock{font-size:10px;letter-spacing:.04em}.header-right{gap:2px}#language{font-size:9px;letter-spacing:0}.memory-panel{top:126px}}
@media(max-width:360px){header.site-header{gap:8px}.site-header .brand{font-size:18px}.identity .archive-emblem{width:18px;flex-basis:18px}.live-seal{width:26px}}
@media(prefers-reduced-motion:reduce){.language-options{transition:none}}

/* The inscription is one active language, below the retained serif signature. */
.brand-description{font:400 11px/1.65 'Courier New',monospace;letter-spacing:.08em;color:#71717a;margin:4px 0 0;max-width:38ch;text-wrap:pretty}
.identity>div{min-width:0}
@media(max-width:600px){.brand-description{font-size:10px;letter-spacing:.045em;max-width:28ch}.identity{align-items:flex-start}.identity .archive-emblem{margin-top:2px}}

/* Three continuous time sheets, with quiet captions above the fixed footer. */
.epoch-caption{top:auto;bottom:110px;left:4%;right:4%}
.epoch-caption p{font:10px/1.7 'Courier New',monospace;letter-spacing:.12em;color:#a1a1aa;opacity:.6;margin:0}
header.site-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.header-right{display:contents}
.time-seal{grid-column:2;justify-self:end;height:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:auto}
#clockLabel{font:10px/1.4 'Courier New',monospace;color:#a1a1aa;letter-spacing:.12em}
#localClock{font-size:clamp(20px,2.3vw,28px);letter-spacing:.08em}
#localDate{font:10px/1.5 'Courier New',monospace;color:#71717a}
.language-picker{position:absolute;left:50%;top:22px;transform:translateX(-50%);pointer-events:auto}
.language-options{right:50%;transform:translate(50%,-6px)}.language-options.is-open{transform:translate(50%,0)}
.brand-description{margin:7px 0 0}.chronology{margin:4px 0 0}
.memory-anchor{position:relative;pointer-events:auto;max-width:100%}
.memory-anchor::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:14px}
.stage-tools #openMemory{font-size:9px;padding:7px 10px;min-height:36px}
.memory-anchor .memory-panel{position:absolute;left:auto;right:0;top:auto;bottom:calc(100% + 10px);width:min(350px,calc(100vw - 32px));max-height:calc(100dvh - 170px);padding:18px 22px;border:1px solid #71717a26;transform:translateY(12px);box-shadow:0 -12px 50px #0003}
.memory-anchor .memory-panel.is-open{transform:translateY(0)}
.memory-heading{margin-bottom:12px}#memoryForm label{margin-top:12px}.memory-note,#memoryStatus{margin:12px 0;font-size:10px}#memoryStatus{min-height:0}
@media(max-width:900px){.language-picker{top:115px}.epoch-caption{bottom:125px}.identity{max-width:100%}}
@media(max-width:600px){header.site-header{grid-template-columns:minmax(0,1fr) 105px;gap:12px}.language-picker{top:150px}.site-header .brand{font-size:20px}.brand-description{font-size:10px;max-width:25ch}.identity{align-items:flex-start}#localClock{font-size:20px}.epoch-caption{left:16px;bottom:140px}.epoch-caption p{font-size:9px;letter-spacing:.06em}.memory-anchor .memory-panel{max-height:calc(100dvh - 155px)}}
@media(max-width:420px){.memory-anchor{width:100%}.stage-tools #openMemory{width:100%}.language-picker{top:158px}.epoch-caption{bottom:145px}}

/* Header title and subtitle form one signature. */
.site-header .identity{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.identity-title{display:flex;align-items:center;gap:8px}
.identity .identity-title .archive-emblem{margin:0;width:24px;height:38px;flex:0 0 24px}
.site-header .brand-description{color:#dc2626;margin-top:7px}
.site-header .chronology{margin-top:4px}
.site-header .header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;justify-self:end;min-width:0;pointer-events:auto}
.site-header .language-picker{position:relative;inset:auto;transform:none;order:-1}
.site-header .time-seal{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.site-header #localClock{font-size:clamp(24px,2.6vw,32px);line-height:1.15}
.site-header #localDate{font-size:clamp(12px,1.1vw,14px);line-height:1.5}
.site-header .language-options{right:0;transform:translateY(-6px)}
.site-header .language-options.is-open{transform:translateY(0)}
.stage-tools{justify-content:flex-end}
.epoch-caption{bottom:calc(24px + env(safe-area-inset-bottom,0px));left:4%;right:auto;max-width:48%}
.epoch-caption p{margin:0;font-size:11px;line-height:1.6}
@media(max-width:600px){header.site-header{grid-template-columns:minmax(0,1fr) minmax(105px,auto);gap:12px}.identity-title{gap:8px}.identity .identity-title .archive-emblem{width:20px;height:32px;flex-basis:20px}.site-header .brand{font-size:20px}.site-header #localClock{font-size:24px}.site-header #localDate{font-size:12px}.site-header .brand-description{font-size:10px}.epoch-caption{left:16px;right:16px;max-width:none;bottom:calc(78px + env(safe-area-inset-bottom,0px))}.epoch-caption p{font-size:10px}}
@media(max-width:360px){header.site-header{gap:8px}.site-header .brand{font-size:18px}.identity .identity-title .archive-emblem{width:17px;flex-basis:17px}.site-header #localClock{font-size:22px}.site-header #localDate{font-size:11px}}

/* Whole-cluster reveal replaces the small spotlight hole; camera stays fixed. */
#liquidField{mask-image:none;-webkit-mask-image:none}
.record-peek .peek-density{font:10px/1.7 'Courier New',monospace;color:#dc2626;letter-spacing:.04em;margin:8px 0;overflow-wrap:anywhere}
.click-invite{display:inline-block;margin-left:5px;font:9px/1.6 'Courier New',monospace;color:inherit}

@media(prefers-reduced-motion:reduce){.click-invite{animation:none}}

/* Count → person → year/place → single archive action. */
.record-peek .peek-density{margin:0 0 10px;color:#dc2626}
.record-peek .peek-name{font:400 clamp(22px,2vw,27px)/1.2 Georgia,'Times New Roman',serif;color:#e4e4e7;margin:0 0 9px}
.record-peek #peekMeta{font:11px/1.7 'Courier New',monospace;color:#a1a1aa;margin:0}
.record-peek .inspect-record{margin-top:14px}

/* Readable regional case count; only the finger moves inside the action. */
.record-peek .peek-density{font:600 12px/1.75 'Courier New',monospace;letter-spacing:.065em;color:#ef4444;margin:0 0 11px}
.record-peek .click-invite{display:inline-block;font-size:15px;line-height:1;margin-left:7px;vertical-align:middle;opacity:1;transform-origin:center;animation:pulseScale 1.5s ease-in-out infinite}
@keyframes pulseScale{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.record-peek .click-invite{animation:none;transform:none}}

/* The lens is a local glass envelope below the cracks, never a camera transform. */
#memoryLens{position:fixed;z-index:3;pointer-events:none;opacity:0;isolation:isolate;contain:layout style;will-change:opacity}
.memory-lens-glass{position:absolute;inset:0;background:linear-gradient(135deg,rgba(39,39,42,.72),rgba(9,9,11,.8));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.memory-lens-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.memory-lens-frame path{fill:none;stroke:rgba(220,38,38,.6);stroke-width:.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}

/* Reachable records: stable touch card and large, explicit navigation targets. */
.record-peek{padding-right:48px;border:1px solid #71717a45;background:rgba(9,9,11,.95)}
.record-peek .peek-close{position:absolute;right:2px;top:2px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;color:#f97316;background:transparent;display:grid;place-items:center;touch-action:manipulation}
.record-peek .inspect-record{min-height:44px}
.peek-browse{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;font-size:10px;color:#a1a1aa}
.peek-browse button{min-width:44px;min-height:44px;border:1px solid #71717a45;font-size:19px;color:#e4e4e7}
.peek-browse span{text-align:center}
.record-peek.is-touch{left:12px!important;right:12px;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-width:420px;margin-inline:auto;max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain}
.record-peek.is-touch .inspect-record{width:100%}
.record-peek.is-touch .peek-name{font-size:22px}
.record-peek.is-touch .peek-density{font-size:11px;margin-bottom:6px}

/* No native blue tap wash. The existing cell fracture alone spans the viewport. */
#cosmicCanvas{-webkit-tap-highlight-color:transparent}
#recordImpact{position:fixed;inset:0;width:100%;height:100%;z-index:55;pointer-events:none;fill:none;background:none;opacity:0;overflow:hidden}
#recordImpact .impact-shadow{stroke:#7f1d1d;stroke-width:11;stroke-opacity:.24;stroke-linejoin:bevel}
#recordImpact .impact-scar{stroke:#dc2626;stroke-width:2.4;stroke-linejoin:bevel}
#recordImpact.is-visible{animation:record-scar-fade 440ms ease-out both}
@keyframes record-scar-fade{0%,12%{opacity:.95}42%{opacity:.48}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#recordImpact.is-visible{animation:none;opacity:.35}}

/* Header lettering from the approved digital-lament reference. */
.site-header .brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:#dbd6cd;text-shadow:none}
.site-header .brand-description{color:#b24b48;letter-spacing:.11em}
.site-header .brand-description{margin-left:32px}
@media(max-width:600px){.site-header .brand-description{margin-left:28px}}
@media(max-width:360px){.site-header .brand-description{margin-left:25px}}

/* One viewport for all years; archive documents retain their own scrolling. */
html,body{height:100%;overflow:hidden}
.atlas-stage,.atlas-stage .chronicle,.atlas-stage .epoch{height:100dvh;min-height:0;overflow:hidden}

/* A small dated archive window; live atlas interactions remain independent. */
#openDailyArchive{position:fixed;left:max(16px,4%);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:65;min-height:36px;padding:7px 14px;border:1px solid #dc2626;background:#09090bd9;color:#dc2626;font:11px/1.6 'Courier New',monospace;letter-spacing:.08em;cursor:pointer}
#dailyArchivePanel{position:fixed;left:max(16px,4%);bottom:calc(68px + env(safe-area-inset-bottom,0px));width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 145px);overflow:auto;z-index:85;padding:18px;background:#09090bf5;border:1px solid #71717a65;box-shadow:0 12px 48px #0008;color:#d4c7bd;font:12px/1.6 'Courier New',monospace;touch-action:pan-y}
#dailyArchivePanel[hidden]{display:none}.daily-archive-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-archive-heading h2{margin:0;font:400 18px Georgia,serif}#closeDailyArchive{width:44px;height:44px;padding:0;color:#dc2626;font-size:24px}
#dailyArchivePanel label{display:block;margin:10px 0 6px;font-size:11px}#dailyArchiveDate{width:100%;min-height:40px;padding:8px 10px;color-scheme:dark;border:1px solid #71717a66;background:#09090b;color:#d4c7bd;font:inherit}#dailyArchiveStatus{font-size:10px;line-height:1.7;min-height:34px;color:#a1a1aa}#dailyArchiveImage{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;border:1px solid #71717a33}#dailyArchiveImage[hidden]{display:none}
#dailyArchiveDownloads{display:flex;gap:18px;margin-top:12px}#dailyArchiveDownloads[hidden]{display:none}#dailyArchiveDownloads a{color:#cb9e9b;font-size:10px;text-decoration:none;border-bottom:1px solid #991b1b66;padding:5px 0}#dailyArchiveNote{font-size:10px;line-height:1.7;color:#8c8585;margin:12px 0 0}

/* Shared candle signature, local artwork clock, and archive language controls. */
.site-header .identity{position:relative;padding-left:48px}
.site-header .identity>.archive-emblem{position:absolute;left:0;top:0;height:100%;width:auto;aspect-ratio:2/3;margin:0;flex:none}
.site-header .time-seal{flex-direction:row;align-items:center;gap:12px;height:auto}
.site-header .header-right{gap:7px}
.installation-clock{display:block;width:40px;height:40px;flex:none}
.installation-clock .live-time-artwork__tick{stroke:#9b958a;stroke-width:1;opacity:.28}
.archive-controls{position:fixed;left:max(16px,4%);bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:18px;z-index:65;pointer-events:auto}
.archive-controls #openDailyArchive{position:static}
.archive-controls .language-picker{position:relative;inset:auto;transform:none}
.archive-controls #language{min-height:36px}
.archive-controls .language-options{top:auto;bottom:calc(100% + 10px);left:0;right:auto;transform:translateY(6px)}
.archive-controls .language-options.is-open{transform:translateY(0)}
@media(max-width:600px){
 header.site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .site-header .identity{padding-left:38px}
 .site-header .time-seal{gap:7px}
 .installation-clock{width:30px;height:30px}
 .site-header #localClock{font-size:18px;letter-spacing:.025em}
 .site-header #localDate{font-size:10px}
 .site-header .brand{font-size:20px;letter-spacing:0}
 .archive-controls{gap:14px}
 .stage-tools{bottom:calc(66px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){.site-header .identity{padding-left:32px}.site-header .brand{font-size:17px}.site-header #localClock{font-size:16px}.installation-clock{width:26px;height:26px}.site-header .brand-description{font-size:9px}}

/* A silent double pulse belongs to the act of closing a person's card. */
:is(#closeArchive,#closePeek) .rec-dot{width:11px;height:11px;transform-origin:center;animation:presence-pulse 1.5s ease-in-out infinite}
:is(#closeArchive,#closePeek):is(:hover,:active,:focus-visible) .rec-dot-shell{opacity:0;transform:scale(.55)}
.archive-overlay .archive-heading #closeArchive{position:relative}
:is(#closeArchive,#closePeek) .archive-fracture{position:absolute;inset:0;margin:auto;width:30px;height:30px;pointer-events:none;fill:none;stroke:#dc2626;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.65);transition:opacity 220ms ease,transform 220ms ease}
.archive-fracture .fracture-branch{stroke-width:.85;opacity:.8}
:is(#closeArchive,#closePeek):is(:hover,:active,:focus-visible) .archive-fracture{opacity:1;transform:scale(1)}
@keyframes presence-pulse{0%,42%,100%{transform:scale(.75);opacity:.55}12%{transform:scale(1.45);opacity:1}23%{transform:scale(.9);opacity:.7}31%{transform:scale(1.22);opacity:.95}}
@media(prefers-reduced-motion:reduce){:is(#closeArchive,#closePeek) .rec-dot{animation:none;transform:none;opacity:1}}

@media(prefers-reduced-motion:reduce){:is(#closeArchive,#closePeek) .archive-fracture{transition:none}}

/* The round artist clock is the sole time display, with a discreet date below. */
.site-header .header-right{display:flex;flex-direction:row;align-items:flex-start;gap:22px}
.site-header .time-seal{display:flex;flex-direction:column;align-items:center;gap:7px}
.site-header .installation-clock{width:46px;height:46px}
.installation-clock .live-time-artwork__face{stroke:#c7c4ba;stroke-width:.75}
.installation-clock .live-time-artwork__tick{stroke:#45453f;stroke-width:1.8;stroke-linecap:round;opacity:1}
.installation-clock .live-time-artwork__beam-pulse,.installation-clock .live-time-artwork__minute-pulse{animation:installation-clock-breathe 3s ease-in-out infinite}
@keyframes installation-clock-breathe{50%{opacity:.7}}
.site-header #localDate{font:12px/1.4 'Courier New',monospace;letter-spacing:.025em;white-space:nowrap;color:#a1a1a8;text-align:center}
.header-languages{display:flex;gap:10px;align-items:center;padding-top:12px}
.header-languages button{min-width:22px;min-height:44px;padding:0;font:10px/1.4 'Courier New',monospace;color:#85858c;letter-spacing:.03em}
.header-languages button[aria-pressed=true]{color:#d7d2c9;text-decoration:underline;text-underline-offset:5px}
.header-languages button:is(:hover,:focus-visible){color:#dc2626}
/* Distribute the subtitle along the same start and end as the wordmark. */
.site-header .identity{width:max-content;max-width:100%}
.site-header .brand-description{margin-left:0;margin-right:0;width:0;min-width:100%;max-width:none;letter-spacing:0;text-wrap:nowrap}
.brand-description .inscription-letters{display:flex;width:100%;justify-content:space-between;white-space:nowrap}
@media(max-width:600px){
 .site-header .header-right{gap:10px}
 .site-header .installation-clock{width:38px;height:38px}
 .header-languages{gap:4px;padding-top:6px}
 .header-languages button{font-size:9px;min-width:18px}
 .site-header #localDate{font-size:10px}
}
@media(max-width:360px){
 .header-languages{flex-direction:column;gap:0;padding-top:0}
 .header-languages button{min-height:24px;min-width:24px}
 .site-header .header-right{gap:7px}
}
@media(prefers-reduced-motion:reduce){.installation-clock .live-time-artwork__beam-pulse,.installation-clock .live-time-artwork__minute-pulse{animation:none}}

/* Compact digital date and local day/night clock. */
.site-header .header-right{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:4px;row-gap:7px}
.site-header .time-seal{grid-column:2;grid-row:2;justify-self:center;gap:0}
.site-header .installation-clock{width:40px;height:40px}
.header-languages{grid-column:1;grid-row:1;flex-direction:row;gap:2px;padding:0;position:relative}
.header-languages>button{min-width:22px;min-height:40px}
.more-languages{position:relative;margin:0;padding:0}
.more-languages summary{list-style:none;display:flex;align-items:center;justify-content:center;width:22px;min-height:40px;cursor:pointer;color:#85858c}
.more-languages summary::-webkit-details-marker{display:none}
.more-languages summary svg{fill:none;stroke:currentColor;stroke-width:1.2;transition:transform 160ms}
.more-languages[open] summary svg{transform:rotate(180deg)}
.more-languages summary:is(:hover,:focus-visible),.more-languages.has-selection summary{color:#d7d2c9}
.more-languages summary:focus-visible{outline:1px solid #b24b48;outline-offset:2px}
.extra-languages{position:absolute;right:0;top:100%;min-width:48px;padding:4px;background:#0c0c0ef5;border:1px solid #71717a55;box-shadow:0 8px 24px #0006;z-index:90}
.header-languages .extra-languages button{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;text-align:center;padding:8px;font-size:11px}
.header-languages .extra-languages button:is(:hover,:focus-visible){background:#7f1d1d18}
.site-header #localDate{grid-column:2;grid-row:1;display:block;width:max-content;font-size:18px;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--time-indicator-color,#b5b5bb)}
@media(max-width:600px){
 .site-header .header-right{grid-template-columns:auto auto;column-gap:4px;row-gap:6px}
 .site-header .installation-clock{width:32px;height:32px}
 .header-languages{flex-direction:row;gap:0;padding:0}
 .header-languages>button{min-width:22px;min-height:36px}
 .more-languages summary{width:20px;min-height:36px}
 .site-header #localDate{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.more-languages summary svg{transition:none}}

@media(max-width:360px){.site-header #localDate{font-size:12px}}


/* Memory at the left; a quiet time signature at the right. */
.site-header .header-right{display:block}
.site-header .header-languages{padding:0;gap:2px}
.installation-footer{position:fixed;left:max(16px,4%);right:max(16px,4%);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:65;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}
.installation-footer .archive-controls.stage-tools{position:static;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;flex:1;min-width:0;flex-wrap:wrap;pointer-events:none}
.installation-footer .archive-controls>*{pointer-events:auto}
.installation-footer #openDailyArchive{opacity:1}
.installation-footer .memory-anchor{width:auto;max-width:100%}
.installation-footer .stage-tools #openMemory{width:auto;min-height:36px;padding:7px 12px;font:11px/1.6 'Courier New',monospace;letter-spacing:.02em;text-transform:none}
.installation-footer .memory-anchor .memory-panel{left:0;right:auto}
.installation-footer .footer-time{display:flex;align-items:center;gap:10px;flex:none;pointer-events:none}
.footer-time .installation-clock{width:36px;height:36px}
.footer-time #localDate{display:block;width:auto;margin:0;padding:0;font:11px/1.4 'Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;color:#c5bdb2;background:none;-webkit-text-fill-color:currentColor}
@media(max-width:600px){
 .installation-footer{left:16px;right:16px;gap:14px;align-items:flex-end}
 .installation-footer .archive-controls.stage-tools{gap:6px}
 .installation-footer .stage-tools #openMemory,.installation-footer #openDailyArchive{font-size:9px;padding:7px 9px;letter-spacing:0}
 .installation-footer .footer-time{gap:7px;min-height:36px}
 .footer-time .installation-clock{width:32px;height:32px}
 .footer-time #localDate{font-size:10px}
 .installation-footer .memory-anchor .memory-panel{position:fixed;left:16px;right:auto;bottom:calc(102px + env(safe-area-inset-bottom,0px));width:calc(100vw - 32px);max-height:calc(100dvh - 180px)}
}
@media(forced-colors:active){.footer-time #localDate{color:CanvasText}}