/* One unobstructed white room. All images are actual saved records or supplied assets. */
.masthead nav,.wordmark>span{display:none!important}
html[data-entry-source=archive]{background:#fff}
html[data-entry-source=archive] body{background:#fff;overflow:hidden}
html[data-entry-source=archive] body::before,html[data-entry-source=archive] body::after{display:none}
html[data-entry-source=archive] .masthead{position:fixed;z-index:10;top:0;left:0;width:100%;padding:32px 40px;background:none;border:0;pointer-events:none}
html[data-entry-source=archive] .wordmark{pointer-events:auto;font-size:22px;letter-spacing:-1px}
html[data-entry-source=archive] #case-bar,html[data-entry-source=archive] .site-footer{display:none}
html[data-entry-source=archive] #main{padding:0;margin:0;max-width:none;width:100%;min-height:0}
.archive-space{position:relative;width:100%;height:100svh;perspective:1400px;overflow:hidden;touch-action:none;cursor:grab;outline-offset:-5px}
.archive-space.is-orbiting{cursor:grabbing}
.archive-camera{position:absolute;left:50%;top:51%;width:0;height:0;transform-style:preserve-3d}
.archive-world{position:relative;width:0;height:0;transform-style:preserve-3d}
.floating-object{position:absolute;display:block;border:0;padding:0;margin:0;background:transparent;color:#222;transform-style:preserve-3d;cursor:pointer;text-decoration:none;outline-offset:12px}
.floating-object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.float-face{position:absolute;inset:0;display:block;backface-visibility:hidden;transform:translateZ(.5px);background:#f5f4ef;box-shadow:1px 3px 5px #0000000b}
.float-back{transform:rotateY(180deg) translateZ(.5px)}
.paper-reverse{background:#eeeDE8}.book-reverse{background:#e8d8de}
.floating-book{width:218px;height:310px;transform:translate3d(-380px,-205px,-95px) rotateY(17deg) rotateZ(-9deg)}
.floating-book .float-front{box-shadow:4px 3px 0 #d6cbd0,6px 5px 0 #e6dfe2,7px 7px 8px #00000012;background:transparent}
.floating-sleeve{position:absolute;width:300px;height:402px;transform:translate3d(-110px,-132px,55px) rotateZ(7deg);transform-style:preserve-3d}
.floating-plastic{position:absolute;inset:0;border:1px solid #bbbcb957;border-radius:1px;background:linear-gradient(118deg,#e4e5e513,#fff7 38%,#c8cdcc18 80%,#fff5);box-shadow:inset 0 0 0 5px #d6d9d61b;pointer-events:none;transform:translateZ(-8px)}
.plastic-front{transform:translateZ(10px);background:linear-gradient(115deg,#fff1 12%,#edf0ee35 48%,#fff9 49%,#fff1 50%);border-bottom:4px double #bfc3bf70}
.plastic-front:after{content:'';position:absolute;inset:7px;border-left:1px solid #d0d3d080;border-right:1px solid #d0d3d080}
.floating-notes{left:13px;top:18px;width:274px;height:365px;transform:translate3d(0,-102px,45px) rotateZ(-5deg);transition:transform .7s cubic-bezier(.2,.65,.25,1)}
.floating-notes .float-face{background:#eee}
.floating-notes img{object-fit:contain}
.floating-sleeve:not(.is-open) .floating-notes{transform:translate3d(0,0,0)}
.floating-flap{position:absolute;top:30px;left:auto;right:-42px;width:56px;height:72px;padding:0;border:1px solid #bec4bf80;background:linear-gradient(0deg,#d1d8d226,#fff9);transform:translateZ(65px) rotateY(10deg);transform-origin:bottom;cursor:pointer}
.floating-flap span{display:block;width:22px;height:3px;border-block:1px solid #aeb4ae80;margin:auto}
.floating-label{width:140px;height:176px;right:-74px;top:160px;transform:translate3d(-50%,-50%,80px) rotateZ(-12deg)}
.floating-label .float-face{background:#efefeb;box-shadow:1px 2px 4px #0002}
.floating-shell{width:220px;height:190px;transform:translate3d(234px,56px,130px) rotateY(-22deg) rotateZ(-12deg)}
.floating-shell img{filter:drop-shadow(4px 9px 5px #00000010)}
.floating-remain{width:178px;min-height:100px;padding:25px;background:#f4f3ee;transform:translate3d(-310px,196px,75px) rotateZ(-5deg) rotateY(12deg);font-size:12px;line-height:1.9;box-shadow:1px 2px 3px #0001;white-space:pre-wrap}
.empty-record{border:1px solid #d8d9d5;background:#fafaf8d9;display:grid;place-items:center;color:#a7aaa6;font-size:29px;text-align:center}
.empty-record small{display:block;font-size:11px;margin-top:18px;letter-spacing:0}
.archive-ground{position:fixed;bottom:28px;left:40px;right:90px;display:flex;align-items:center;gap:18px;pointer-events:none}
.orbit-hint{font-size:11px;color:#969994;letter-spacing:.02em;margin:0}
.orbit-reset{pointer-events:auto;width:36px;height:36px;border:0;background:none;color:#777;font-size:20px;cursor:pointer}
html[data-entry-source=archive] .management{position:fixed;right:28px;bottom:27px;z-index:20;border:0;padding:0;margin:0;width:auto;background:transparent}
html[data-entry-source=archive] .management summary{display:block;padding:10px;list-style:none;font-size:22px;line-height:1;cursor:pointer}
html[data-entry-source=archive] .management summary::-webkit-details-marker{display:none}
html[data-entry-source=archive] .management[open]{width:min(360px,calc(100vw - 32px));padding:22px;background:#fff;box-shadow:0 8px 55px #0002;border:1px solid #eee;max-height:75svh;overflow:auto}
html[data-entry-source=archive] .management[open] summary{text-align:right}
.archive-links{display:flex;flex-direction:column;gap:14px;margin-bottom:22px;font-size:13px}
.archive-links a{color:#222;text-decoration:none}
.archive-case{font-size:12px;display:grid;gap:10px;margin-bottom:20px}
.archive-case select{width:100%;padding:8px;border:1px solid #ddd;background:#fff}
.management .actions{gap:8px}.management .button{font-size:11px;padding:10px;min-height:38px}.management p{font-size:11px;line-height:1.8}
@media(max-width:600px){html[data-entry-source=archive] .masthead{padding:24px}html[data-entry-source=archive] .wordmark{font-size:19px}.archive-space{perspective:900px}.archive-camera{top:48%}.archive-ground{left:24px;bottom:22px;right:65px;gap:8px}.orbit-hint{font-size:10px}html[data-entry-source=archive] .management{right:16px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.floating-notes{transition:none}}

.floating-remain small{display:block;margin-top:14px;font:9px var(--mono);color:#888}
@media(max-width:600px){
.floating-book{transform:translate3d(-232px,-290px,-75px) rotateY(17deg) rotateZ(-9deg);width:174px;height:247px}
.floating-sleeve{transform:translate3d(-90px,-65px,25px) rotateZ(7deg);width:260px;height:348px}
.floating-notes{width:234px;height:312px;transform:translate3d(0,-90px,36px) rotateZ(-5deg)}
.floating-flap{width:64px;right:-48px}
.floating-label{width:112px;height:148px;right:-25px;top:160px}
.floating-shell{width:164px;height:142px;transform:translate3d(-222px,180px,100px) rotateY(-22deg) rotateZ(-12deg)}
.floating-remain{width:128px;min-height:75px;padding:16px;transform:translate3d(40px,-290px,55px) rotateZ(8deg);font-size:11px}
}

.floating-shell{transform:translate3d(234px,56px,130px)}
.floating-shell img{transform-style:preserve-3d}
.viewer-header-actions{display:flex;gap:12px}
@media(max-width:600px){.floating-shell{transform:translate3d(-222px,180px,100px)}}

.floating-shell{width:260px;height:230px}
@media(max-width:600px){.floating-shell{width:215px;height:185px;transform:translate3d(-235px,170px,100px)}}