:root{--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--bg: #f6f3ee;--surface: #fffdf9;--surface-hover: #f1ece4;--ink: #1f1d1a;--muted: #8f877c;--line: #e8e2d8;--accent: #a0673f;--accent-soft: #f3e8de;--danger: #b4483c;--shadow: 0 1px 2px rgb(60 40 20 / .04), 0 12px 40px -12px rgb(60 40 20 / .12);color-scheme:light}:root[data-theme=dark]{--bg: #141311;--surface: #1c1b18;--surface-hover: #26241f;--ink: #ede8e0;--muted: #8a8378;--line: #2e2b26;--accent: #d39a6a;--accent-soft: #2e2419;--danger: #e07a6c;--shadow: 0 12px 40px -12px rgb(0 0 0 / .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{display:block;max-width:34rem;margin:0 auto;padding:clamp(2rem,8vh,6rem) 1rem calc(5.5rem + env(safe-area-inset-bottom,0px))}.card{position:relative;padding:clamp(1.5rem,5vw,2.75rem);background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow)}.date{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1{display:flex;align-items:flex-start;gap:.55rem;margin:.4rem 0 .25rem;font-family:var(--font-display);font-size:clamp(2.25rem,7vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1.15}h1 .icon{flex-shrink:0;margin-top:.3em;color:var(--accent)}.summary{margin:0;color:var(--muted)}.hint{margin-top:1.5rem;text-align:center;font-size:.8rem;color:var(--muted)}
