:root{--paper: #e0c7b1;--paper-deep: #d4b89e;--ink: #26221f;--ink-soft: rgba(38, 34, 31, .62);--ink-faint: rgba(38, 34, 31, .28);--night-paper: #e8d3bd;--serif: "IM Fell English", Georgia, serif;--body: "Inter", -apple-system, sans-serif;--mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--ink);color:var(--paper)}#sky{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}main{position:relative;z-index:2}.almanac-title{font-family:var(--serif);font-weight:400;letter-spacing:.01em}.phase-numeral{font-family:var(--serif);font-style:italic}.phase-rule{border:none;border-top:1px solid currentColor;opacity:.5}.mono-label{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase}.phase{position:relative;min-height:100vh;display:flex;align-items:center;pointer-events:none}.phase>*{pointer-events:auto}.plate{position:relative;border:1px solid var(--ink);padding:clamp(24px,3.5vw,44px) clamp(22px,3.5vw,44px);background:#e0c7b18c;box-shadow:0 0 0 4px var(--plate-gap, rgba(224, 199, 177, .55)),0 0 0 5px var(--ink);max-width:600px}.plate:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--ink-faint);pointer-events:none}body.night{--ink: #e8d3bd;--ink-soft: rgba(232, 211, 189, .62);--ink-faint: rgba(232, 211, 189, .26);--paper: #26221f;--paper-deep: #1b1815;--plate-gap: rgba(38, 34, 31, .55)}body.night .plate{background:#26221f8c}body.night ::selection{background:#e8d3bd;color:#26221f}.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.reveal.on{opacity:1;transform:translateY(0)}.film-frame{position:relative;border:1px solid var(--ink);box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--ink);background:#000}.film-frame video{display:block;width:100%;height:100%;object-fit:cover}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,1%)}}.scroll-cue{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .8s ease;pointer-events:none}.scroll-cue .line{width:1px;height:44px;background:currentColor;transform-origin:top;animation:cue-drop 2.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes cue-drop{0%{transform:scaleY(0)}45%{transform:scaleY(1);transform-origin:top}46%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.chrome{position:fixed;z-index:30;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;font-size:10px}#chrome-brand{top:22px;left:24px}#chrome-phase{top:22px;left:50%;transform:translate(-50%);opacity:.6}#chrome-right{top:18px;right:24px;display:flex;gap:16px;align-items:center}#progress-rail{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px}#progress-rail a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;opacity:.35;transition:opacity .4s ease}#progress-rail a.active{opacity:1}#progress-rail .dot{width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg);flex-shrink:0}#progress-rail a.active .dot{background:currentColor}#progress-rail .lbl{font-family:var(--mono);font-size:8px;letter-spacing:.22em;white-space:nowrap}button.sound-toggle{background:none;border:1px solid currentColor;color:inherit;font-family:var(--mono);font-size:9px;letter-spacing:.22em;padding:7px 12px 6px;cursor:pointer;text-transform:uppercase}button.sound-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.correspondence-line{width:100%;background:transparent;border:none;border-bottom:1px solid var(--ink);color:var(--ink);font-family:var(--serif);font-size:clamp(1.3rem,3.4vw,2.2rem);font-style:italic;padding:12px 2px;outline:none;caret-color:var(--ink)}.correspondence-line::placeholder{color:var(--ink-faint);font-style:italic}.aperture{border:1px solid var(--ink);background:#e8d3bd1f;position:relative}.aperture .ap-screen{aspect-ratio:16 / 9;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media(max-width:768px){#progress-rail .lbl,#chrome-phase{display:none}.plate{max-width:88%}.phase{align-items:flex-end;padding-bottom:12vh}}@media(prefers-reduced-motion:reduce){.grain,.scroll-cue .line{animation:none}.reveal{transition:none;opacity:1;transform:none}}