:root{--ink:#121a31;--lapis:#26386b;--enamel:#dfe7ee;--brass:#c9a55c;--brass-light:#e6cb8a;--mist:#9aa7bc;--violet:#9a8fd6;--amber:#e7b45e;--sky:0;--serif:"Bodoni Moda", Didot, "Bodoni 72", serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:400 15px/1.5 var(--sans);color:var(--enamel);background:color-mix(in oklab, var(--ink), #3a5089 calc(var(--sky) * 100%));-webkit-font-smoothing:antialiased;transition:background 1.5s linear}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--brass-light);outline-offset:2px}.app{grid-template:"head stage read""ctrl stage read"1fr"time time time"/minmax(250px,300px) 1fr minmax(270px,330px);column-gap:8px;height:100%;display:grid}.masthead{grid-area:head;padding:28px 24px 8px 28px}.masthead h1{font:italic 500 44px/1 var(--serif);color:var(--brass-light);letter-spacing:-.01em;margin:0 0 12px}.masthead p{color:var(--mist);max-width:34ch;margin:0;font-size:14px}.panel{padding:12px 24px 24px 28px;overflow-y:auto}.panel h2{font:600 13px/1.3 var(--sans);color:var(--mist);margin:0 0 10px}.controls{flex-direction:column;grid-area:ctrl;gap:26px;display:flex}.controls section{margin:0}.hint{color:var(--mist);margin:8px 0 0;font-size:13px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:0 0;border:1px solid #9aa7bc59;border-radius:999px;padding:5px 12px;font-size:13px}.chip:hover{border-color:var(--brass)}.chip[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--ink)}.options{gap:8px;display:grid}.option{text-align:left;background:#121a3159;border:1px solid #9aa7bc4d;border-radius:10px;padding:10px 12px}.option strong{font:500 17px/1.2 var(--serif);margin-bottom:3px;display:block}.option span{color:var(--mist);font-size:13px}.option[aria-pressed=true]{border-color:var(--brass);box-shadow:inset 3px 0 0 var(--brass)}.seg{border:1px solid #9aa7bc59;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;padding:7px 16px}.seg button[aria-pressed=true]{background:var(--enamel);color:var(--ink)}input[type=range]{width:100%;accent-color:var(--violet)}.stage{background:radial-gradient(closest-side, rgba(223, 231, 238, calc(.05 + var(--sky) * .08)), transparent);grid-area:stage;min-height:0;position:relative}.stage canvas{touch-action:none}.stage-hint{text-align:center;width:100%;color:var(--mist);pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:8px}.part-labels{pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.part-labels.on{opacity:1}.part-labels button{white-space:nowrap;font:500 15px/1 var(--serif);color:var(--brass-light);border:0;border-left:1px solid var(--brass);background:#121a31b8;border-radius:0 4px 4px 0;padding:4px 8px 4px 10px;position:absolute;top:0;left:0}.part-labels.on button{pointer-events:auto}.part-labels button:hover,.part-labels button[aria-pressed=true]{color:var(--enamel);border-left-width:3px}.caption{z-index:2;max-width:38ch;color:var(--enamel);margin:0;font-size:14px;position:absolute;bottom:34px;left:20px}.caption strong{font:italic 500 22px/1.2 var(--serif);color:var(--brass-light);margin-bottom:4px;display:block}.caption span{color:var(--mist);display:block}.caption .chip{margin-top:10px}.view-switch{z-index:2;white-space:nowrap;justify-content:center;gap:8px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}@media (width<=1180px){.view-switch{flex-wrap:wrap}}.view-switch .seg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121a31b3}.caption .fit{color:var(--enamel);margin-top:6px}.caption.warn .fit,.caption.warn>span:only-of-type{color:#f0a7b2}.option:disabled{opacity:.55;cursor:not-allowed}.reading{grid-area:read;padding-top:28px}.phase{font:italic 500 20px/1 var(--serif);color:var(--brass-light);margin:0}.big{font:400 88px/1 var(--serif);font-variant-numeric:lining-nums tabular-nums;margin:4px 0 6px}.colon{color:var(--brass);padding:0 2px}.sub{color:var(--mist);margin:0 0 22px}dl{grid-template-columns:auto 1fr;gap:7px 14px;margin:0 0 26px;font-size:14px;display:grid}dt{color:var(--mist)}dd{font-variant-numeric:tabular-nums;margin:0}dd small{color:var(--mist);font-size:12px;display:block}.upcoming{gap:4px;margin:0;padding:0;list-style:none;display:grid}.upcoming button{text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:14px 1fr auto;align-items:baseline;column-gap:8px;width:100%;padding:8px 6px;display:grid}.upcoming button:hover{background:#dfe7ee0f}.upcoming strong{font:500 16px/1.2 var(--serif)}.upcoming em{color:var(--brass-light);font-variant-numeric:tabular-nums;font-size:13px;font-style:normal}.upcoming .note{color:var(--mist);grid-column:2/4;margin-top:2px;font-size:12.5px}.dot{background:var(--brass-light);border-radius:50%;align-self:center;width:9px;height:9px}.dot-equinox{background:linear-gradient(90deg, var(--brass-light) 50%, transparent 50%);border:1px solid var(--brass-light)}.dot-cross-quarter{border-radius:1px;transform:rotate(45deg)scale(.8)}.dot-sunrise,.dot-sunset{background:var(--amber)}.dot-polar{background:var(--violet)}.timeline{grid-area:time;gap:8px;padding:10px 28px 18px;display:grid}.transport{flex-wrap:wrap;gap:6px;display:flex}.year svg{cursor:ew-resize;touch-action:none;border-radius:6px;width:100%;height:76px;display:block}.year-night{fill:var(--lapis);opacity:.55}.year-day{fill:var(--enamel);opacity:.85}.year-line{fill:none;stroke:var(--brass);stroke-width:1.5px;vector-effect:non-scaling-stroke}.year-half{stroke:var(--ink);stroke-dasharray:3 4;opacity:.5;vector-effect:non-scaling-stroke}.months{text-align:center;color:var(--mist);grid-template-columns:repeat(12,1fr);margin-top:4px;font-size:11px;display:grid}.year-now{stroke:var(--violet);stroke-width:2px;vector-effect:non-scaling-stroke}.year{position:relative}.mark-line{stroke:var(--brass);opacity:.45;vector-effect:non-scaling-stroke}.mark{border:2px solid var(--ink);background:var(--brass-light);border-radius:50%;width:12px;height:12px;margin-left:-6px;padding:0;position:absolute;top:2px}.mark:hover{transform:scale(1.35)}.mark-sunrise,.mark-sunset{background:var(--amber)}.mark-polar{background:var(--violet)}.mark-cross-quarter{border-radius:2px;transform:rotate(45deg)scale(.8)}.mark-cross-quarter:hover{transform:rotate(45deg)scale(1.1)}@media (width<=960px){.app{grid-template:"head""stage""time""read""ctrl"/1fr;height:auto}.stage{height:62vh}.panel{overflow:visible}}@media (prefers-reduced-motion:reduce){body,.part-label{transition:none}}dd.warn{color:#f0a7b2}.stage.is-spec canvas,.stage.is-spec .stage-hint{visibility:hidden}.spec{z-index:1;padding:120px 28px 40px;font-size:14px;position:absolute;inset:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 76px);mask-image:linear-gradient(#0000 0,#000 76px)}.spec header,.spec section{max-width:780px;margin:0 auto 34px}.spec h2{font:italic 500 32px/1.1 var(--serif);color:var(--brass-light);margin:0 0 8px}.spec h3{font:500 21px/1.2 var(--serif);color:var(--enamel);margin:0 0 12px}.spec .lede,.spec .note{color:var(--mist);max-width:68ch}.verdict{margin:0 0 8px;font-weight:600}.verdict.ok{color:#a8d8a0}.verdict.bad{color:#f0a7b2}.downloads{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.spec table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.spec th{text-align:left;color:var(--mist);border-bottom:1px solid #9aa7bc59;padding:6px 10px 6px 0;font-size:12.5px;font-weight:600}.spec td{vertical-align:top;border-bottom:1px solid #9aa7bc24;padding:7px 10px 7px 0}.spec tr.fail td{color:#f0a7b2}.spec tr.total td{border-bottom:0;font-weight:600}.flow,.todo{gap:8px;max-width:68ch;padding-left:20px;display:grid}.cams{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.cams figure{grid-template-columns:170px 1fr;align-items:start;gap:14px;margin:0;display:grid}.cams dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:6px 0 0;font-size:13px;display:grid}.cam-drawing{background:#eef2f5;border-radius:6px;width:170px;height:170px}.cam-drawing .cam{fill:#c9d3dc;stroke:var(--ink);stroke-width:1px}.cam-drawing .ghost{fill:none;stroke:#9aa7bc;stroke-dasharray:2 3}.cam-drawing .bore{fill:#eef2f5;stroke:var(--ink)}.cam-drawing .mark{stroke:#b3203a;stroke-width:2px}.cam-drawing .scale{stroke:var(--ink);stroke-width:2px}.cam-drawing .scale-label{fill:var(--ink);font-size:9px}.pairs{gap:10px;margin:0;display:grid}.pairs dt{color:var(--mist);font-size:12.5px}.pairs dd{margin:2px 0 0}.seg button:disabled{opacity:.45;cursor:not-allowed}@media (width<=960px){.stage.is-spec{height:auto;min-height:62vh}.spec{padding-top:110px;position:relative}.cams figure{grid-template-columns:1fr}}