:root{--text:#5d534c;--text-h:#201714;--muted:#846f64;--bg:#f3ece3;--bg-strong:#f9f4ee;--border:#2017141f;--code-bg:#2017140f;--shadow:#6f4e371f 0 20px 45px -24px, #3d261814 0 18px 24px -18px;--sans:"Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{min-height:100svh}body{background:radial-gradient(circle at top left, #ffbc7566, transparent 30%), radial-gradient(circle at top right, #b0ddff4d, transparent 32%), linear-gradient(180deg, var(--bg-strong), var(--bg));min-width:320px;min-height:100svh;margin:0}h1{font-family:var(--display);letter-spacing:-.05em;color:var(--text-h);margin:.35rem 0 1rem;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.95}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:.9rem;line-height:135%;display:inline-flex}.app-shell{gap:2rem;padding:4rem clamp(1.25rem,3vw,2.5rem);display:grid}.hero-panel,.info-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf5b8;border-radius:28px}.hero-panel{padding:clamp(1.5rem,4vw,3rem)}.eyebrow,.label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.78rem}.intro,.supporting{max-width:42rem;color:var(--text)}.clock-card{background:linear-gradient(135deg,#ff7b001f,#ffe4b3b3);border:1px solid #ff7b0033;border-radius:22px;margin-top:2rem;padding:1.5rem}.time{font-family:var(--display);letter-spacing:-.06em;color:var(--text-h);margin:.25rem 0 0;font-size:clamp(3rem,10vw,6rem);line-height:.95}.date,.value{color:var(--text-h);margin:.5rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.info-card{padding:1.5rem}.info-card code{word-break:break-word}@media (width<=720px){.app-shell{padding-block:2rem}.info-grid{grid-template-columns:1fr}}