.i18n-copy{display:contents!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important}
.language-toggle{font:700 12px/1 Arial,sans-serif;letter-spacing:.04em}
.preference-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 8px}
.preference-fields label{font-size:12px;color:var(--muted)}
.preference-fields select{display:block;margin-top:7px;width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--line);border-radius:3px;background:var(--card);color:var(--ink);font:inherit}
.preference-note{font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0 15px}
.preference-fields select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html[data-theme="dark"]{--paper:#171f1c;--card:#26312b;--ink:#f0e5cf;--muted:#c8bfa8;--line:#72816b;--accent:#f5a38b;--brass:#b99b61;--gold:#d9b25f;--green:#152c26;color-scheme:dark}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 50% 0%,#26352d,#171f1c 75%,#111915)}
html[data-theme="dark"] .control-panel{background:linear-gradient(145deg,#29372f,#202b25);box-shadow:inset 0 0 0 4px #253229,inset 0 0 0 5px var(--line),0 8px 25px #0003}
html[data-theme="dark"] .primary-button{background:#9b4238;color:#fff2de;border-color:#d59a82}
html[data-theme="dark"] .primary-button:hover{background:#af5144;color:#fff2de}
html[data-theme="dark"] .icon-button:hover,html[data-theme="dark"] .profile-button:hover{background:#f0e5cf12}
html[data-theme="dark"] .secondary-button:hover{background:#f0e5cf0d}
html[data-theme="dark"] .location-status.located,html[data-theme="dark"] .epoch-card{background:#17241e}
html[data-theme="dark"] .epoch-card.active{background:#394a35}
html[data-theme="dark"] .result-details{background:#26332a70}
html[data-theme="dark"] .empty-history{background:#26332a60}
html[data-theme="dark"] .year-inputs input{background:#18271f}
html[data-theme="dark"] .info-box{background:#a8894820}
html[data-theme="dark"] dialog{box-shadow:inset 0 0 0 4px var(--card),inset 0 0 0 5px var(--brass),0 25px 80px #0008}
html[data-theme="dark"] dialog::backdrop{background:#06100ab3}
html[data-theme="dark"] .toast{background:var(--card);color:var(--ink);box-shadow:0 9px 30px #0008}
html[data-theme="dark"] .cabinet-card{background:#2c382f}
html[data-theme="dark"] .clock-face{color:#3b2a18}
html[data-theme="dark"] .clock-hour{background:#3b2a18}
html[data-theme="dark"] .clock-minute{background:#8c2f2a}
html[data-theme="dark"] .clock-face,html[data-theme="dark"] .clock-center{border-color:#3b2a18}
html[data-theme="dark"] .clock-face:before{border-color:#6b5638}
html[data-theme="dark"] .wax-seal{background:radial-gradient(circle at 35% 30%,#c2463e,#8c2f2a 55%,#5e1d19);color:#f8eed6}
html[data-theme="dark"] .brass-plaque{color:#38270f}
html[data-theme="dark"] .brass-plaque i{color:#5e4423}
html[data-theme="dark"] .scene-image,html[data-theme="dark"] #scene-image,html[data-theme="dark"] #compare-image{filter:none}
@media(max-width:600px){
 .header{grid-template-columns:minmax(0,1fr) auto;row-gap:10px;padding-top:16px}
 .header-actions{display:contents}
 .brand{grid-column:1;grid-row:1}
 #profile-open{grid-column:2;grid-row:1;justify-self:end}
 .nav{grid-column:1/-1;grid-row:2;padding-right:146px;gap:3px;min-height:55px;min-width:0}
 .nav-item{padding-inline:6px;gap:6px;font-size:11px}
 #language-toggle,#theme-toggle,#settings-open{grid-column:2;grid-row:2;justify-self:end;align-self:start;margin-top:0;min-height:44px;width:44px}
 #language-toggle{margin-right:96px}
 #theme-toggle{margin-right:48px}
 #settings-open{margin-right:0}
 .header:after{bottom:0}
 .header .brand{font-size:30px}
}
@media(max-width:360px){.nav-item svg,.count{display:none}.nav-item{font-size:10px;padding-inline:4px;gap:5px}.nav{padding-right:144px}.header .brand{font-size:27px}}

/* Original cabinet photograph and brass chronometer motion. */
.hero-art{height:430px;perspective:900px;isolation:isolate;overflow:clip;overflow-clip-margin:24px}
.hero-art .cabinet-card{animation:hero-float 7s ease-in-out infinite;transform-origin:50% 60%}
.hero-art .cabinet-card>div{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-height:45px}
.hero-art .cabinet-card span{font-size:25px}
.hero-art #hero-image{height:auto;animation:hero-photo-cycle 14s ease-in-out infinite}
.hero-art .chronometer{animation:hero-clock-sway 9s ease-in-out infinite;transform-style:preserve-3d;z-index:2}
.clock-face{transform-style:preserve-3d}
.clock-numerals{position:absolute;inset:0;border-radius:50%;animation:hero-dial-spin 80s linear infinite reverse}
.clock-numerals>span{position:absolute;transform:translate(-50%,-50%);font:700 14px/1 'Playfair Display',Georgia,serif}
.hero-art .clock-hour{animation:hero-hour-spin 60s linear infinite;transform:rotate(65deg) translateZ(8px)}
.hero-art .clock-minute{animation:hero-minute-spin 14s linear infinite;transform:rotate(170deg) translateZ(12px)}
.hero-art .clock-center{transform:translate(-50%,-50%) translateZ(16px);background:radial-gradient(circle at 35% 30%,#fff3c4,#b88a2e)}
.hero-art .clock-face:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(135deg,#ffffff60,transparent 42%);transform:translateZ(20px)}
.hero-art .wax-seal{z-index:3;animation:hero-stamp .9s cubic-bezier(.3,1.6,.5,1) .7s both}
.hero-art.motion-paused :is(.cabinet-card,#hero-image,.chronometer,.clock-numerals,.clock-hour,.clock-minute){animation-play-state:paused!important}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(4deg)}}
@keyframes hero-clock-sway{0%,100%{transform:rotateX(16deg) rotateY(-22deg) rotate(-9deg)}50%{transform:rotateX(-10deg) rotateY(22deg) rotate(-9deg)}}
@keyframes hero-dial-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes hero-hour-spin{from{transform:rotate(65deg) translateZ(8px)}to{transform:rotate(425deg) translateZ(8px)}}
@keyframes hero-minute-spin{from{transform:rotate(170deg) translateZ(12px)}to{transform:rotate(530deg) translateZ(12px)}}
@keyframes hero-stamp{0%{opacity:0;transform:scale(2.4) rotate(-24deg)}60%{opacity:1;transform:scale(.92) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(-8deg)}}
@keyframes hero-photo-cycle{0%,20%{filter:sepia(1) contrast(.9) brightness(.9)}25%,45%{filter:grayscale(1) sepia(.35) contrast(1.1)}50%,70%{filter:sepia(.35) saturate(.75) contrast(.95)}75%,100%{filter:none}}
@media(max-width:600px){
 .hero-art{display:flex;height:330px;width:100%;max-width:360px;justify-self:center;margin:8px auto 14px;overflow-clip-margin:0px}
 .hero-art .cabinet-card{width:84%;padding:12px 12px 16px}
 .hero-art .cabinet-card>div{margin-top:10px;min-height:40px}
 .hero-art .cabinet-card span{font-size:21px}
 .hero-art .cabinet-card small{font-size:9px}
 .hero-art .chronometer{width:142px;height:142px;left:8px;bottom:18px;padding:8px}
 .hero-art .clock-numerals>span{font-size:11px}
 .hero-art .clock-hour{height:31px}
 .hero-art .clock-minute{height:43px}
 .hero-art .wax-seal{width:64px;height:64px;top:7px;right:3px}
 .has-photo .hero-art{display:none}
}
@media(max-width:360px){.hero-art .chronometer{width:114px;height:114px}.hero-art .clock-numerals>span{font-size:9px}.hero-art .clock-hour{height:24px}.hero-art .clock-minute{height:34px}.hero-art .cabinet-card span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hero-art *{animation:none!important}}
.busy-overlay.partial-results{inset:auto 0 0;padding:12px 16px;background:#241c13ed;display:grid;grid-template-columns:1fr auto;gap:6px 12px;text-align:left;align-items:center;justify-content:stretch}
.busy-overlay.partial-results .scan-icon{display:none}
.busy-overlay.partial-results #busy-title{grid-column:1;margin:0;font-size:14px}
.busy-overlay.partial-results #busy-detail{grid-column:1;font-size:11px;max-width:none}
.busy-overlay.partial-results .progress-track{grid-column:1;width:100%;margin:2px 0}
.busy-overlay.partial-results #cancel-job{grid-column:2;grid-row:1/4;min-height:44px;margin:0}
#result-credit{margin:0 0 20px;max-width:800px;line-height:1.8}
.busy-overlay{color:#f4e8cc}
@media(max-width:600px){.busy-overlay.partial-results{padding:9px 12px}.busy-overlay.partial-results #busy-detail{font-size:10px}.busy-overlay.partial-results #busy-title{font-size:12px}.timeline-labels button{font-size:15px}}