.sp-root{display:flex;flex-direction:column;min-height:100vh;--sky-top:#6fa8de;--sky-mid:#a6cce8;--sky-hor:#f2e2b0;--sun-color:#fff6dc;--sun-glow:#ffe49e;--sun-y:12vh;--sun-op:1;--sun-x:84%;--glow-color:#ffefc0;--glow-op:0.3;--moon-y:120vh;--moon-op:0;--moon-glow:#c8d2ec;--moon-color:#efead6;--hill-1:#9db7a0;--hill-2:#7e9a82;--hill-3:#5e7a66;--star-op:0;--bird-op:0.8;--ink:#2c3950;--ink-soft:#5a6678;--paper:#faf3e4;--paper-op:0.62;--line:rgba(40,40,60,0.14);--accent:#e08a4e;--grain:0.5;--bg:transparent;--cream:color-mix(in srgb,var(--paper) 70%,transparent);--surface:color-mix(in srgb,var(--paper) 35%,transparent);--surface-2:color-mix(in srgb,var(--paper) 25%,transparent);--chip:color-mix(in srgb,var(--paper) 55%,transparent);--warm:var(--accent);--rule:rgba(40,40,60,0.14);--mute:#5a6678}.sp-sky{z-index:0;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 50%,var(--sky-hor) 100%);transition:background .4s ease}.sp-sky,.sp-stars{position:fixed;inset:0}.sp-stars{z-index:1;opacity:var(--star-op);pointer-events:none;transition:opacity .4s}.sp-star{position:absolute;border-radius:50%;background:#fbf6e6;animation:sp-twinkle 4s ease-in-out infinite}@keyframes sp-twinkle{0%,to{opacity:.35}50%{opacity:1}}.sp-glowband{left:-10%;right:-10%;top:30vh;height:54vh;z-index:1;opacity:var(--glow-op);filter:blur(14px);background:radial-gradient(60% 70% at var(--sun-x) 50%,var(--glow-color) 0,transparent 70%);transition:opacity .4s}.sp-glowband,.sp-sun{position:fixed;pointer-events:none}.sp-sun{left:var(--sun-x);top:var(--sun-y);z-index:2;width:clamp(120px,13vw,190px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:var(--sun-op);background:radial-gradient(circle,#fff 0,var(--sun-color) 30%,color-mix(in srgb,var(--sun-color) 70%,var(--sun-glow)) 60%,var(--sun-glow) 100%);box-shadow:0 0 calc(50px + 130px * var(--glow-op)) calc(16px + 50px * var(--glow-op)) var(--sun-glow);animation:sp-breathe 7s ease-in-out infinite}@keyframes sp-breathe{0%,to{box-shadow:0 0 calc(50px + 130px * var(--glow-op)) calc(16px + 50px * var(--glow-op)) var(--sun-glow)}50%{box-shadow:0 0 calc(70px + 150px * var(--glow-op)) calc(26px + 60px * var(--glow-op)) var(--sun-glow)}}.sp-moon{position:fixed;left:var(--sun-x);top:var(--moon-y);z-index:2;width:clamp(80px,9vw,128px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:var(--moon-op);pointer-events:none;background:radial-gradient(circle at 38% 36%,#fff 0,var(--moon-color) 46%,color-mix(in srgb,var(--moon-color) 80%,#8a8fb0) 100%);box-shadow:0 0 70px 20px color-mix(in srgb,var(--moon-glow) 60%,transparent);transition:opacity .4s}.sp-moon:after,.sp-moon:before{content:"";position:absolute;border-radius:50%;background:color-mix(in srgb,var(--moon-color) 82%,#9a8fa8);opacity:.5}.sp-moon:before{width:22%;height:22%;top:26%;left:54%}.sp-moon:after{width:14%;height:14%;top:58%;left:34%}.sp-birds{position:fixed;top:16vh;left:0;right:0;z-index:2;opacity:var(--bird-op);pointer-events:none;transition:opacity .4s}.sp-birds svg{display:block;width:100%;height:60px}.sp-hills{left:0;right:0;bottom:0;z-index:3;width:100%;height:42vh;transition:fill .4s}.sp-grain,.sp-hills{position:fixed;pointer-events:none}.sp-grain{inset:0;z-index:30;opacity:var(--grain);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px}.sp-content{flex:1;flex-direction:column;padding-top:16px}.sp-content,.sp-foot{display:flex;position:relative;z-index:10}.sp-foot{background:color-mix(in srgb,var(--hill-3) 88%,#000);color:var(--ink);border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent);padding:22px clamp(24px,4vw,56px);align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.sp-foot-cc{font-family:var(--font-ibm-plex-mono),ui-monospace,monospace;font-size:13px;color:var(--accent)}.sp-foot-soc{display:flex;gap:20px}.sp-foot-soc a{color:color-mix(in srgb,var(--ink) 55%,transparent);transition:color .2s,transform .2s;text-decoration:none}.sp-foot-soc a:hover{color:var(--ink);transform:translateY(-2px)}.sp-foot-soc svg{width:18px;height:18px;display:block}@media (max-width:720px){.sp-content{padding-top:8px}}@media (prefers-reduced-motion:reduce){.sp-star,.sp-sun{animation:none!important}}