.layout{grid-template-areas:"title""readout""clock""legend";gap:16px;width:min(1080px,100% - 32px);margin:0 auto;padding:28px 0 48px;display:grid}.title-block{grid-area:title}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:650}h1,h2{font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-weight:600}h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.1rem,5vw,3.4rem);line-height:.95}.sidebar{display:contents}.clock-wrap{grid-area:clock;width:100%}.clock{aspect-ratio:8/5;background:#2a2733;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;box-shadow:0 16px 40px #00000047;container-type:size}.square{color:#111;-webkit-user-select:none;user-select:none;place-items:center;font-size:7cqi;font-weight:750;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #2a2733}.square-1{font-size:4.2cqi}.square-2{grid-area:1/1/span 2/span 2}.square-1-top{grid-area:1/3}.square-1-bottom{grid-area:2/3}.square-5{grid-area:1/4/span 5/span 5;font-size:14cqi}.square-3{grid-area:3/1/span 3/span 3;font-size:10cqi}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px}.readout{grid-area:readout}.digital{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:0;font-size:clamp(2.3rem,7vw,3.5rem);font-weight:650;line-height:1}.date,.face-line,.help,.equation{margin:0}.date{color:var(--muted);margin-top:8px}.face-line{margin-top:14px;font-size:1.05rem}.equations{gap:6px;margin-top:12px;display:grid}.equation{font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;display:flex}.equation span{color:var(--muted)}.legend-card{grid-area:legend}h2{margin:0 0 12px;font-size:1.35rem}.legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:10px;display:flex}.swatch{border:2px solid #2a2733;flex:none;width:22px;height:22px}.help{color:var(--muted);margin-top:14px;font-size:.95rem}.source{margin:12px 0 0;font-size:.92rem}.source a{color:#fff}@media (width>=880px){.layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);grid-template-areas:"title title""clock side";align-items:center;gap:18px 32px;padding-top:40px}.sidebar{flex-direction:column;grid-area:side;justify-content:center;gap:16px;display:flex}}@media (width<=380px){.layout{width:min(1080px,100% - 20px)}.equation{flex-direction:column;gap:2px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2e2b3b;--ink:#f7f2ff;--muted:#f7f2ffc7;--card:#00000047;--line:#ffffff29;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);margin:0}button,input{font:inherit}