:root{--ink: #f4f1ea;--ink-soft: rgba(244, 241, 234, .82);--bg: #0b0b0c;--serif: "Gloock", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gutter: clamp(16px, 4vw, 48px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink)}body{overflow:hidden;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}[hidden]{display:none!important}.app{position:fixed;inset:0;overflow:hidden;background-color:var(--bg);transition:background-color .4s ease}.placeholder,.photo{position:absolute;inset:0;width:100%;height:100%}.placeholder{image-rendering:auto;filter:blur(8px);transform:scale(1.1)}.photo{object-fit:cover;opacity:0;transition:opacity .9s ease}.photo.loaded{opacity:1}.scrim{position:absolute;left:0;right:0;pointer-events:none}.scrim-top{top:0;height:28vh;background:linear-gradient(to bottom,#0000009e,#0000)}.scrim-bottom{bottom:0;height:72vh;background:linear-gradient(to top,#000000e6,#0009 45%,#0000)}.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:var(--gutter);font-size:13px;letter-spacing:.18em;text-transform:uppercase}.top p{margin:0;text-shadow:0 1px 8px rgba(0,0,0,.6)}.caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + 64px)}.region{margin:0 0 8px;font-size:clamp(12px,1.3vw,15px);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft)}.place{margin:0;font-family:var(--serif);font-weight:400;line-height:.92;letter-spacing:-.01em;font-size:clamp(56px,13vw,200px);overflow-wrap:anywhere;text-shadow:0 2px 24px rgba(0,0,0,.35)}.clock{margin:20px 0 4px;font-size:clamp(22px,3vw,34px);font-variant-numeric:tabular-nums}.localdate{margin:0;font-size:clamp(12px,1.2vw,14px);letter-spacing:.06em;color:var(--ink-soft)}.note{margin:10px 0 0;font-size:12px;letter-spacing:.08em;color:var(--ink-soft)}.bottom-bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.nav{display:flex;gap:8px}.nav button{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:#00000059;border:1px solid rgba(244,241,234,.45);border-radius:999px;padding:10px 16px;min-height:44px;min-width:44px;cursor:pointer}.nav button:hover:not(:disabled){background:#f4f1ea29}.nav button:disabled{opacity:.45;cursor:default}.credit{margin:0;font-size:12px;color:var(--ink-soft);text-align:right}.credit a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #0009}.empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:16px;gap:16px}.empty .place{font-size:clamp(44px,9vw,120px)}@media(max-width:600px){.top{font-size:11px;letter-spacing:.14em}.caption{bottom:calc(var(--gutter) + 108px)}.bottom-bar{flex-direction:column;align-items:flex-start;gap:12px}.credit{text-align:left}.nav button{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.photo,.app{transition:none}}