:root{--night:#070f19;--midnight:#0d1b2a;--deep:#1b3a5c;--electric:#3a86ff;--gold:#ffb703;--warm:#f5f3f0;--mist:#f5f3f08c;--font-serif:var(--font-playfair);--font-sans:var(--font-dm-sans);--dawn:0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--warm);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-weight:300;overflow:hidden auto}#sky{width:100%;height:100%;display:block;position:fixed;inset:0}#horizon{pointer-events:none;height:68vh;opacity:calc(.45 + .55 * var(--dawn));transform:translateY(calc(30% - 38% * var(--dawn)));transition:opacity 3.2s cubic-bezier(.2,.7,.2,1),transform 3.2s cubic-bezier(.2,.7,.2,1);position:fixed;bottom:-10vh;left:0;right:0}#horizon:before,#horizon:after{content:"";transition:opacity 3.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}#horizon:after{opacity:calc(1 - var(--dawn));background:radial-gradient(120% 70% at 50% calc(100% - 10vh),#ffb70333 0%,#3a86ff24 35%,#070f1900 70%)}#horizon:before{opacity:var(--dawn);background:radial-gradient(130% 80% at 50% calc(100% - 10vh),#ffb7038c 0%,#ff8c3c42 25%,#3a86ff33 50%,#070f1900 75%)}#daylight{pointer-events:none;opacity:var(--dawn);background:linear-gradient(#1b3a5c00 0%,#1b3a5c59 40%,#3a86ff47 70%,#ff8c3c2e 100%);transition:opacity 3.2s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0}body.no-transition #horizon,body.no-transition #horizon:before,body.no-transition #horizon:after,body.no-transition #daylight{transition:none}main{z-index:2;grid-template-rows:auto 1fr auto;min-height:100%;padding:clamp(20px,4vh,40px) clamp(20px,5vw,64px);display:grid;position:relative}header{letter-spacing:.02em;color:var(--mist);justify-content:space-between;align-items:baseline;font-size:.8rem;display:flex}header .mark{color:var(--gold);font-size:1rem}.stage{text-align:center;place-items:center;display:grid}.panel{width:100%;max-width:34rem}.scene{transition:opacity 1.2s,transform 1.2s}.scene[hidden]{display:none}.scene.leaving{opacity:0;transform:translateY(-10px)}.scene.entering{opacity:0;transform:translateY(12px)}h1,.fragment h2{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--warm);text-wrap:balance;font-size:clamp(1.7rem,4.2vw,2.7rem);font-weight:400;line-height:1.25}h1 em{font-style:italic}.riddle>p{font-family:var(--font-serif);color:var(--warm);text-wrap:balance;max-width:30rem;margin:0 auto;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.6}form{margin-top:clamp(28px,5vh,44px)}.line{border-bottom:1px solid #f5f3f047;align-items:center;gap:12px;max-width:22rem;margin:0 auto;transition:border-color .4s;display:flex}.line:focus-within{border-color:var(--gold)}.line.wrong{border-color:#ff785acc;animation:.4s shake}input[type=text],input[type=email]{color:var(--warm);font:inherit;text-align:center;letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:1.05rem}input::placeholder{color:#f5f3f052}button{cursor:pointer;color:var(--gold);background:0 0;border:0;border-radius:4px;padding:8px;font-size:1.3rem;line-height:1;transition:transform .3s}button:hover,button:focus-visible{outline:none;transform:translate(3px)}button:focus-visible{box-shadow:0 0 0 2px var(--gold)}.hint{min-height:1.4em;color:var(--mist);margin-top:18px;font-size:.85rem;transition:opacity .6s}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.fragment p{font-family:var(--font-serif);color:var(--warm);max-width:32rem;margin:0 auto;font-size:clamp(1.05rem,2.1vw,1.3rem);line-height:1.7}.fragment h2+.body>p:first-child{margin-top:1.4em}.fragment p+p{margin-top:1.1em}.final.cta{margin-top:clamp(28px,5vh,44px)}.final.cta>p{font-family:var(--font-sans);color:var(--mist);margin-bottom:14px;font-size:.95rem}.final .closed{margin-top:clamp(20px,4vh,32px)}.final .restart{font-family:var(--font-sans);letter-spacing:.04em;margin-top:clamp(32px,6vh,56px);font-size:.78rem}.final .restart a{color:#f5f3f052;text-decoration:none;transition:color .3s}.final .restart a:hover,.final .restart a:focus-visible{color:var(--gold);outline:none}.manifesto .logo{width:min(100%,30rem);height:auto;margin:0 auto clamp(36px,7vh,64px);display:block}.thanks p{font-family:var(--font-serif);font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.6}.thanks .small{font-family:var(--font-sans);color:var(--mist);margin-top:16px;font-size:.9rem}footer{color:#f5f3f052;letter-spacing:.04em;justify-content:center;font-size:.78rem;display:flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){#horizon,#horizon:before,#horizon:after,#daylight,.scene,button{transition:none}.line.wrong{animation:none}}footer[data-astro-cid-jo6i4kqk]{flex-direction:column;align-items:center;gap:10px}nav[data-astro-cid-jo6i4kqk]{letter-spacing:.03em;opacity:.75;gap:10px;font-size:.7rem;display:flex}nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:inherit;text-decoration:none;transition:color .3s}nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover,nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:focus-visible{color:var(--gold);outline:none}