:root{--bg:#120d0b;--bg-light:#1a1310;--text:#ece3d3;--muted:#9c8f7b;--brass:#c9a36a;--brass-bright:#e3cb98;--brass-dim:#c9a36a59;--hairline:#c9a36a2e;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;font:18px/1.55 var(--serif);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.page{isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative;overflow:hidden}.page:before{z-index:0;border:1px solid var(--hairline);content:"";pointer-events:none;position:absolute;inset:18px}.backdrop{z-index:-1;background:radial-gradient(ellipse at 50% 45%, var(--bg-light) 0%, var(--bg) 70%);pointer-events:none;position:absolute;inset:0}.system{--sun:280px;--dot:9px;--r1x:min(270px, 38vw);--r1y:155px;--r2x:min(360px, 44vw);--r2y:205px;--r3x:min(440px, 47vw);--r3y:245px;width:100%;height:calc(2 * var(--r2y) + 60px);place-items:center;display:grid;position:relative}.ring,.orbit{position:absolute;top:50%;left:50%}[data-ring="1"]{--rx:var(--r1x);--ry:var(--r1y);--period:60s}[data-ring="2"]{--rx:var(--r2x);--ry:var(--r2y);--period:90s}[data-ring="3"]{--rx:var(--r3x);--ry:var(--r3y);--period:120s}.ring{z-index:0;width:calc(2 * var(--rx));height:calc(2 * var(--ry));border:1px solid var(--hairline);border-radius:50%;translate:-50% -50%}.orbit{--half:calc(var(--period) / 2);--delay-x:calc(var(--phase) * var(--period) * -1);--delay-y:calc(var(--delay-x) - var(--period) / 4);z-index:1;animation:orbit-z var(--half) var(--delay-y) ease-in-out infinite alternate}.orbit-x{animation:orbit-x var(--half) var(--delay-x) ease-in-out infinite alternate}.orbit-y{animation:orbit-y var(--half) var(--delay-y) ease-in-out infinite alternate}.system:has(.moon:hover,.moon:focus-visible,.orbit[data-busy]) :is(.orbit,.orbit-x,.orbit-y){animation-play-state:paused}.orbit[data-busy]{z-index:5!important}@keyframes orbit-x{0%{transform:translateX(calc(-1 * var(--rx)))}to{transform:translateX(var(--rx))}}@keyframes orbit-y{0%{opacity:.45;transform:translateY(calc(-1 * var(--ry))) scale(.85)}to{transform:translateY(var(--ry))}}@keyframes orbit-z{0%{z-index:0}to{z-index:4}}.sun{z-index:2;width:var(--sun);aspect-ratio:1;border:1px solid var(--brass-dim);background:var(--bg-light);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:22px;animation:1.4s ease-out both fade-in;display:flex;position:relative}.sun:before{border:1px solid var(--hairline);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:7px}.name{--tracking:.26em;font-size:calc(var(--sun) * .095);letter-spacing:var(--tracking);color:var(--text);text-transform:uppercase;margin:0;font-weight:400;line-height:1.3}.word{padding-left:var(--tracking);display:block}.name:after{background:var(--brass);content:"";opacity:.6;width:32px;height:1px;margin:18px auto 0;display:block}.links{justify-content:center;display:flex}.text-link{font-variant:small-caps;letter-spacing:.12em;color:var(--brass-bright);text-decoration:underline;-webkit-text-decoration-color:var(--brass-dim);text-decoration-color:var(--brass-dim);text-underline-offset:6px;font-size:.95rem;text-decoration-thickness:1px;transition:color .3s,text-decoration-color .3s}.text-link:hover{color:var(--text);-webkit-text-decoration-color:var(--brass);text-decoration-color:var(--brass)}.moon{color:var(--text);white-space:nowrap;translate:-50% calc(-6px - var(--dot) / 2);flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:1rem;font-style:italic;text-decoration:none;display:inline-flex;position:absolute}.moon-dot{width:var(--dot);height:var(--dot);border:1px solid var(--text);background:var(--text);border-radius:50%;flex-shrink:0;transition:background-color .4s,border-color .4s,box-shadow .4s}.moon-label{opacity:.85;transition:color .4s,opacity .4s}.moon:hover .moon-dot,.moon:focus-visible .moon-dot{border-color:var(--brass);background:var(--brass);box-shadow:0 0 0 3px var(--bg-light), 0 0 0 4px var(--brass-dim)}.moon:hover .moon-label,.moon:focus-visible .moon-label{color:var(--brass-bright);opacity:1}.moon[data-state=checking] .moon-dot{animation:1.2s ease-in-out infinite pulse}.moon[data-state=declined]{pointer-events:none}.moon[data-state=declined] .moon-dot{border-color:var(--muted);background:0 0}.moon[data-state=declined] .moon-label{color:var(--muted)}@keyframes pulse{50%{opacity:.35}}.moon-message{z-index:6;color:var(--muted);white-space:nowrap;margin:0;font-size:1rem;font-style:italic;animation:.8s ease-out both fade-in;position:fixed;bottom:14vh;left:50%;translate:-50%}.moon-message:empty{display:none}.star{z-index:6;cursor:pointer;background:0 0;border:0;place-items:center;padding:12px;display:grid;position:absolute;top:34px;right:34px}.star-core{background:var(--brass-bright);border-radius:50%;width:3px;height:3px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative}.star-core:before,.star-core:after{background:linear-gradient(transparent, var(--brass-bright), transparent);content:"";width:1px;height:13px;position:absolute;top:50%;left:50%;translate:-50% -50%}.star-core:after{rotate:90deg}.star-label{font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;color:var(--text);white-space:nowrap;opacity:0;font-size:.85rem;transition:opacity .5s,translate .6s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;right:100%;translate:6px -50%}.star:hover .star-core,.star:focus-visible .star-core{transform:rotate(45deg)scale(1.3)}.star:hover .star-label,.star:focus-visible .star-label{opacity:1;translate:0 -50%}.about-backdrop{z-index:10;background:#0a0706b8;place-items:center;padding:16px;animation:.4s ease-out both fade-in;display:grid;position:fixed;inset:0}.about{border:1px solid var(--brass-dim);background:var(--bg-light);border-radius:2px;flex-direction:column;width:min(100%,580px);max-height:calc(100svh - 32px);animation:.6s cubic-bezier(.22,1,.36,1) both panel-in;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -24px #000000d9}.about-scroll{scrollbar-color:#c9a36a4d transparent;scrollbar-width:thin;min-height:0;padding:48px 48px 40px;overflow-y:auto}.about:focus{outline:none}.about-eyebrow{font-variant:small-caps;letter-spacing:.2em;color:var(--brass);align-items:center;gap:12px;margin:0 0 16px;font-size:.85rem;display:flex}.about-eyebrow:after{background:var(--brass);content:"";opacity:.5;width:32px;height:1px}.about h2{margin:0 0 10px;font-size:clamp(1.6rem,5vw,2rem);font-weight:400;line-height:1.2}.about-intro{color:var(--muted);margin:0 0 30px;font-size:1.1rem;font-style:italic;line-height:1.55}.about-sections{gap:24px;display:grid}.about-section h3{font-variant:small-caps;letter-spacing:.16em;color:var(--brass);margin:0 0 4px;font-size:.9rem;font-weight:400}.about-section p{color:#efe6d6d1;margin:0;font-size:1rem;line-height:1.7}.about .links{justify-content:flex-start;margin-top:34px}.about-close{z-index:2;font:inherit;font-variant:small-caps;letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.85rem;transition:color .3s;position:absolute;top:22px;right:24px}.about-close:hover{color:var(--text)}@keyframes fade-in{0%{opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=480px){.about-scroll{padding:64px 26px 30px}}.stamp{z-index:1;opacity:.7;filter:sepia(.55)saturate(1.3)brightness(.92);width:88px;height:88px;transition:opacity .4s;animation:1.4s ease-out .6s both fade-in;position:absolute;bottom:40px;left:40px;rotate:-6deg}.stamp:hover{opacity:.95}:is(.text-link,.moon,.star,.about-close):focus-visible{outline:1px solid var(--brass-bright);outline-offset:4px}@media (width<=720px){.system{--sun:210px;--r1x:min(130px, 34vw);--r1y:175px;--r2x:min(150px, 38vw);--r2y:235px;--r3x:min(160px, 40vw);--r3y:285px}.page:before{inset:10px}.star{top:16px;right:16px}.stamp{width:60px;height:60px;bottom:26px;left:26px}.moon{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.sun,.moon-dot,.moon-message,.about-backdrop,.about,.stamp{animation:none}.orbit,.orbit-x,.orbit-y{animation-play-state:paused}}