@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');
:root{color-scheme:dark;--ink:#ebf0ef;--muted:#acbdc9;--gold:#e7c387;--line:#8db2c32e}*{box-sizing:border-box}body{margin:0;background:#050b13;color:var(--ink);font-family:'Gowun Batang',Georgia,serif;line-height:1.7;background-image:radial-gradient(ellipse at 15% 28%,#16364870,transparent 52%)}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);padding:13px 19px;min-height:48px}button:disabled{opacity:.4;cursor:wait}button:hover{border-color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}header,footer{max-width:1280px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;letter-spacing:.2em;font-family:Georgia,serif;font-size:20px}.brand span{display:block;font:9px/1.8 monospace;letter-spacing:.14em;color:var(--muted)}header>a:last-child{font:13px sans-serif}main{max-width:1120px;margin:auto;padding:60px 32px 24px}.eyebrow{font:11px/1.7 monospace;letter-spacing:.15em;color:var(--gold)}h1{font-size:clamp(40px,6vw,76px);line-height:1.25;letter-spacing:-.04em;font-weight:400;margin:22px 0}h1 em{font-style:normal;color:var(--gold)}.lead{font-size:17px;max-width:520px;color:var(--muted)}.minute{font:12px sans-serif;color:var(--muted);margin:25px 0 0}.experiment{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin:25px 0 70px}.observatory svg{width:100%;display:block;overflow:visible}.diagram-note{font:11px/1.6 sans-serif;color:var(--muted);text-align:center;margin-top:0}.field-notes{border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;padding-top:18px}.field-notes>span{font:10px monospace;color:var(--gold)}.field-notes p{font:12px/1.5 sans-serif;color:var(--muted);margin:0}.field-notes strong{display:block;font:28px/1.6 Georgia,serif;color:var(--ink)}small{font-size:.45em;color:var(--muted)}.instrument{padding:30px 0}.instrument label{display:block;color:var(--muted);font-size:15px}output{display:block;font:64px/1.5 Georgia,serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--gold);height:38px;cursor:ew-resize}.range-ends{display:flex;justify-content:space-between;font:11px monospace;color:var(--muted)}.angle-comparison{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.angle-comparison p{font:12px/1.6 sans-serif;color:var(--muted)}.angle-comparison strong{display:block;color:var(--ink);font:30px/1.5 Georgia,serif}.angle-comparison>span{color:var(--gold)}#hint{color:var(--muted);font-size:13px;min-height:44px}.primary{background:var(--gold);border-color:var(--gold);color:#0a1820}#check{width:100%}.result{border-top:1px solid var(--gold);padding:32px 0 48px;max-width:760px}.result h2,.explanation h2{font-size:clamp(24px,3vw,36px);line-height:1.5;font-weight:400}.result-value{font:64px/1.4 Georgia,serif;margin:12px 0;color:var(--gold)}#difference{font:13px sans-serif;color:var(--muted)}#result-explanation{max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.continue{display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.explanation{max-width:700px;padding:24px 0 48px}.explanation p{color:var(--muted)}details{border-block:1px solid var(--line);padding:16px 0}summary{cursor:pointer;color:var(--gold)}.assumption{font:12px/1.9 sans-serif;margin:26px 0}footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#share-status{font-size:13px}#share-url{width:100%;padding:12px;border:1px solid var(--line);background:#0b1723;color:var(--ink);font:12px monospace}.language-suggestion{max-width:1120px;margin:auto;padding:15px 32px;font:13px sans-serif;display:flex;align-items:center;gap:15px}.language-suggestion button{margin-left:auto;padding:2px 15px}@media(min-width:850px){.introduction{position:relative}.observatory{margin-top:-45px}.instrument{margin-top:-70px}}@media(max-width:650px){header,footer{padding:20px 24px}main{padding:35px 24px 10px}.experiment{grid-template-columns:1fr;gap:0;margin-top:10px;margin-bottom:35px}.observatory{max-width:430px;width:100%;margin:auto}.observatory svg{margin-top:-5px}.instrument{padding-top:22px}.field-notes{justify-content:space-between;gap:10px}.lead{font-size:15px}.result-value{font-size:48px}.actions button{width:100%}footer{flex-direction:column;align-items:flex-start}.explanation>a{font-size:14px}.language-suggestion{padding:12px 24px;flex-wrap:wrap}output{font-size:56px}}@media(prefers-reduced-motion:no-preference){.introduction{animation:arrive .8s both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}