/* Frozen shared photograph; only the counter digits and refresh control move. */
.library-page.unified-page {width:100%;min-height:100svh;padding:0;position:relative}
.archive-scene {position:fixed;left:var(--scene-world-left,0px);top:var(--scene-world-top,0px);width:1672px;height:941px;min-height:0;transform:scale(var(--scene-world-scale,1));transform-origin:0 0;color:#142e4b}
.archive-copy {position:absolute;left:9.55%;top:17.8%;z-index:2;max-width:35%}
.archive-copy .eyebrow {margin:0 0 15px;font:700 13px/1.4 Arial,sans-serif;letter-spacing:2.5px;color:#92542c}
.archive-copy h1 {margin:0 0 18px;font:400 76px/.98 Georgia,'Palatino Linotype',serif;letter-spacing:-2.5px;color:#11243b}
.archive-copy > p:not(.eyebrow) {font:400 25px/1.35 Georgia,serif;margin:0 0 25px;color:#142b43}
.archive-copy .archive-explore {min-width:155px;min-height:44px;padding:10px 21px;gap:23px;font-size:13px}
.archive-device {position:absolute;left:600px;top:305px;width:950px;aspect-ratio:1672/941;isolation:isolate}
.archive-shell-art {width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.archive-screen {position:absolute;inset:7% 9.7% 12% 4.5%;display:flex;flex-direction:column;padding:4.5% 6%;color:#fff1dc;transform:rotate(.5deg);overflow:hidden;border-radius:6%}
.archive-screen-label {margin:0;text-align:center;font:600 13px/1.3 Arial,sans-serif;letter-spacing:3px;z-index:2}
.archive-number {position:relative;flex:1;display:flex;align-items:center;justify-content:center;margin:1% -2% 0;overflow:hidden;font:600 235px/1 Arial,Helvetica,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;z-index:2;text-shadow:0 2px 1px #f5ddba18}
.archive-digit-line,.archive-digit-old,.archive-digit-new {display:flex;align-items:center;justify-content:center;gap:.06em}
.archive-digit {display:block;flex:0 0 .56em;width:.56em;text-align:center}
.archive-digit-old,.archive-digit-new {position:absolute;inset:0}
.archive-digit-old {animation:archive-out .85s cubic-bezier(.22,.72,.21,1) both}
.archive-digit-new {animation:archive-in .85s cubic-bezier(.22,.72,.21,1) both}
.archive-screen-bottom {display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:2}
.archive-status p {display:flex;align-items:center;gap:12px;margin:0 0 5px;font:400 21px/1.3 Arial,sans-serif;color:#fff1dc}
.archive-status small {display:block;margin-left:27px;font:400 13px/1.4 Arial,sans-serif;color:#decec0}
.archive-lamp {display:block;flex:0 0 13px;width:13px;height:13px;border-radius:50%;background:#32b95e;border:1px solid #8dda90;box-shadow:inset 0 2px 3px #bbf4a04d,0 0 9px #36b65936}
.archive-refresh {display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;min-width:48px;border:0;background:none;color:#f5e9d9;cursor:pointer;font:400 14px/1.3 Arial,sans-serif}
.archive-refresh-ring {width:54px;height:54px;padding:8px;display:grid;place-items:center;border:2px solid #d0cac3;border-radius:50%;background:linear-gradient(140deg,#173b55,#06172a);box-shadow:0 2px 4px #0009,inset 0 0 0 2px #091a2a,inset 0 1px 4px #eee4}
.archive-refresh svg {width:100%;height:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.archive-refresh:hover .archive-refresh-ring {color:#fffaf0;box-shadow:0 2px 5px #000a,inset 0 0 0 2px #091a2a,0 0 10px #d2c5ae22}
.archive-refresh:disabled {cursor:wait}
.archive-feedback {position:absolute;bottom:1.1%;left:9%;right:14%;margin:0;font:400 12px/1.3 Arial,sans-serif;color:#c5d5d7;text-align:left;z-index:2}
.archive-glint {position:absolute;inset:-60% -100%;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 44%,#cce9ff18 49%,#fff6e32b 50%,transparent 56%);z-index:1}
.has-new-records .archive-glint {animation:archive-glint 1.3s ease-out both}
.is-reading .archive-refresh svg {animation:archive-rotate .85s linear infinite}
.has-error .archive-lamp {background:#b88152;border-color:#dfa77e;box-shadow:none}
@keyframes archive-out {to {transform:translateY(-105%);opacity:0}}
@keyframes archive-in {from {transform:translateY(105%);opacity:0}to {transform:translateY(0);opacity:1}}
@keyframes archive-glint {0% {transform:translateX(-35%);opacity:0}18% {opacity:1}100% {transform:translateX(35%);opacity:0}}
@keyframes archive-rotate {to {transform:rotate(360deg)}}
@media (min-width:761px) {
  .archive-copy .archive-explore {font-size:calc(18px / var(--scene-world-scale,1));min-height:calc(48px / var(--scene-world-scale,1));min-width:calc(185px / var(--scene-world-scale,1));padding:calc(11px / var(--scene-world-scale,1)) calc(21px / var(--scene-world-scale,1));gap:calc(24px / var(--scene-world-scale,1));border-radius:calc(8px / var(--scene-world-scale,1))}
  /* One projective face, not separately rotated text or controls. */
  .archive-screen {padding:2.8% 6%;border-radius:0;transform-style:preserve-3d}
  .archive-screen-label {font-size:16px;letter-spacing:3.7px}
  .archive-number {font-size:285px}
  .archive-status p {font-size:25px;gap:15px}
  .archive-status small {font-size:15px;margin-left:31px}
  .archive-refresh {font-size:17px;gap:7px;min-width:65px}
  .archive-refresh-ring {width:66px;height:66px;padding:10px}
  .archive-lamp {flex-basis:16px;width:16px;height:16px}
  .archive-feedback {font-size:14px;bottom:.6%}
}
@media (max-width:760px) {
  .library-page.unified-page {min-height:0;padding:22px 0 34px}
  .archive-scene {position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none;display:flex;flex-direction:column;gap:29px}
  .archive-copy {position:relative;inset:auto;max-width:none;width:100%;padding:0 3px}
  .archive-copy .eyebrow {font-size:9px;letter-spacing:1.9px;margin-bottom:15px}
  .archive-copy h1 {font-size:clamp(42px,11vw,65px);letter-spacing:-1.4px;line-height:1.02;margin-bottom:16px}
  .archive-copy > p:not(.eyebrow) {font-size:17px;max-width:330px;line-height:1.4}
  .archive-device {position:relative;inset:auto;width:109%;margin-left:-4.5%;aspect-ratio:1672/941}
  .archive-screen {padding:2.8% 6%;border-radius:0;transform-style:preserve-3d}
  .archive-screen-label {font-size:8px;letter-spacing:1.7px}
  .archive-number {font-size:clamp(68px,25vw,160px)}
  .archive-status p {font-size:11px;gap:7px;margin-bottom:3px}
  .archive-lamp {flex-basis:8px;width:8px;height:8px}
  .archive-status small {font-size:7px;margin-left:15px}
  .archive-refresh {font-size:8px;gap:3px;min-width:34px}
  .archive-refresh-ring {width:31px;height:31px;padding:6px;border-width:1px}
  .archive-feedback {font-size:7px}
  .archive-desktop-break {display:none}
}
@media (prefers-reduced-motion:reduce) {
  .archive-digit-old {display:none}.archive-digit-new {position:static}
  .archive-device *, .archive-device *::before,.archive-device *::after {animation:none!important;transition:none!important}
}