:root{--bg: #1a1814;--bg-raised: #242019;--fg: #f5f3ef;--fg-dim: #a39e94;--accent: #b89a3a;--border: #3d3830;--error: #c44536;--display: "Fraunces", serif;--body: "Source Serif 4", serif;--mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--body);line-height:1.7}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}@media(min-width:640px){header{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.5rem}}.wordmark{font-family:var(--display);font-size:1.125rem;font-weight:500;letter-spacing:.02em}nav{display:flex;align-items:center;gap:.5rem}.btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border);color:var(--fg);font-size:1.125rem;cursor:pointer;transition:border-color .15s,color .15s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}#date-input{height:44px;padding:0 .75rem;background:var(--bg);border:1px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:.875rem}.btn-random{height:44px;padding:0 1rem;background:transparent;border:none;color:var(--fg-dim);font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.btn-random:hover{color:var(--fg)}main{flex:1}.hero{width:100%;max-height:85vh;background:var(--bg-raised)}.hero img,.hero video{display:block;width:100%;max-height:85vh;object-fit:contain}.hero iframe{display:block;width:100%;aspect-ratio:16 / 9;border:none}.info{max-width:65ch;margin:0 auto;padding:2rem 1rem}@media(min-width:640px){.info{padding:3rem 1.5rem}}.meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem;font-family:var(--mono);font-size:.75rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.plate{color:var(--accent)}h1{margin-bottom:1.5rem;font-family:var(--display);font-size:1.5rem;font-weight:500;line-height:1.2}@media(min-width:640px){h1{font-size:2rem}}footer{padding:1.5rem 1rem;border-top:1px solid var(--border);font-family:var(--mono);font-size:.75rem;color:var(--fg-dim);text-align:center}footer a{color:var(--fg-dim);text-decoration:underline;text-underline-offset:2px}footer a:hover{color:var(--fg)}.loading{padding:3rem 1rem;text-align:center;color:var(--fg-dim)}.error{max-width:65ch;margin:3rem auto;padding:1.5rem 1rem;border-left:3px solid var(--error);background:var(--bg-raised);color:var(--fg-dim)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}