:root{font-family:system-ui,sans-serif;color:oklch(94% .015 85);background:oklch(19% .025 250);overflow-wrap:break-word;--accent:oklch(80% .09 85);--space:clamp(1.25rem,.8rem + 2vw,3rem)}
*{box-sizing:border-box;min-inline-size:0}body{margin:0;min-block-size:100svh}main{display:grid;grid-template-columns:[full-start] minmax(var(--space),1fr) [content-start] min(100% - var(--space)*2,64rem) [content-end] minmax(var(--space),1fr) [full-end];row-gap:2rem;padding-block:var(--space)}main>*{grid-column:content}h1{font-family:Georgia,serif;font-size:clamp(2rem,1.4rem + 2vw,3.5rem);font-weight:400;line-height:1.1;margin-block:.7rem;text-wrap:balance}.eyebrow{font-size:.8rem;letter-spacing:.08em;color:var(--accent)}p{line-height:1.5}#status{font-weight:650;margin-block-end:.3rem}#time{margin-block-start:0;color:oklch(80% .015 85)}.screen{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:oklch(12% .015 250);border:1px solid oklch(36% .02 250);padding:1rem}.screen p{text-align:center;max-inline-size:28rem}iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}nav{display:flex;flex-wrap:wrap;gap:.8rem}a{color:var(--accent);text-underline-offset:.2em;touch-action:manipulation}nav a{border:1px solid color-mix(in oklch,var(--accent),transparent 60%);padding-block:.8rem;padding-inline:1.1rem;border-radius:.25rem;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:4px}a:active{color:oklch(98% 0 none)}@media(hover:hover) and (pointer:fine){a:hover{color:oklch(98% 0 none)}nav a:hover{background:color-mix(in oklch,var(--accent),transparent 90%)}}footer{font-size:.9rem}[hidden]{display:none!important}