*{box-sizing:border-box} :root{color-scheme:light;--ink:#151515;--muted:#686868;--rule:#d9d9d9} body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased} .frame{max-width:1280px;margin:34px auto 0;border:1px solid #999;min-height:calc(100svh - 104px);padding:32px 36px 0;display:flex;flex-direction:column} .masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} h1{font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.05;letter-spacing:-2.2px;margin:0;font-weight:700} .masthead p{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.5;margin:9px 0 0;color:var(--muted)} .status{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:12px;padding-top:12px} .status span{width:4px;height:4px;border-radius:50%;background:#b35b5b} .sphere{position:relative;flex:1;width:100%;max-width:850px;min-height:330px;height:52svh;max-height:620px;align-self:center;margin:0} canvas,.sphere-fallback{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:contain} canvas{opacity:0} canvas.ready{opacity:1} .sphere:has(canvas.ready) .sphere-fallback{visibility:hidden} .message{text-align:center;margin:0 0 28px} .message p{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(25px,3vw,37px);line-height:1.2;letter-spacing:-.9px;margin:24px 0 0} .junction{display:block;position:relative;width:1px;height:29px;background:var(--rule);margin:auto} .junction:before{content:"";position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--ink)} .mobile-break{display:none} .frame-footer{border-top:1px solid var(--rule);min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px} button{border:0;background:none;color:var(--muted);font:inherit;min-height:44px;padding:10px 0 10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap} [hidden]{display:none!important} .motion-icon{width:7px;height:9px;border-left:1px solid currentColor;border-right:1px solid currentColor} button[aria-pressed="true"] .motion-icon{height:0;width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;border-right:0} a{color:inherit;text-decoration:none} a:hover,button:hover{color:#000} a:hover{text-decoration:underline;text-underline-offset:4px} a:focus-visible,button:focus-visible{outline:2px solid #151515;outline-offset:5px} button:active{transform:translateY(1px)} button:disabled{cursor:default} .colophon{max-width:1280px;margin:0 auto;min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)} .colophon a{display:flex;align-items:center;gap:5px;min-height:44px} @media(min-width:1440px){.frame{margin-top:42px;min-height:calc(100svh - 112px)}} @media(max-width:1370px){.frame,.colophon{margin-left:40px;margin-right:40px}} @media(max-width:700px){.frame{margin:16px 16px 0;padding:23px 20px 0;min-height:calc(100svh - 80px)}h1{font-size:39px;letter-spacing:-1.6px}.masthead p{font-size:17px;margin-top:7px}.status{font-size:10px;gap:5px;padding-top:9px}.sphere{height:44svh;min-height:270px;max-height:470px;width:calc(100% + 20px);flex:1}.message{margin-bottom:27px}.message p{font-size:29px;line-height:1.15;letter-spacing:-.65px;margin-top:22px}.mobile-break{display:block}.frame-footer{font-size:11px;min-height:56px;gap:10px}.colophon{margin:0 16px;min-height:63px}.junction{height:24px}} @media(max-width:360px){.masthead{gap:8px}.status{font-size:9px}.masthead p{font-size:15px}.frame-footer{font-size:10px}} @media(max-height:650px) and (min-width:701px){.frame{margin-top:18px;padding-top:22px;min-height:calc(100svh - 78px)}h1{font-size:38px}.masthead p{font-size:18px}.sphere{min-height:220px;height:38svh}.message{margin-bottom:20px}.message p{font-size:29px;margin-top:12px}.junction{height:16px}.colophon{min-height:59px}} @media print{canvas,#motion{display:none}.sphere .sphere-fallback{visibility:visible!important}.frame{min-height:0}.sphere{height:400px;flex:auto}.colophon{min-height:40px}}