/* Warm observatory gold marks the long-cycle clock. */
main{padding-top:28px}.shift-banner{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.25fr);gap:36px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b48e526b;border-radius:20px;background:radial-gradient(ellipse at 90% 20%,#76502235,transparent 64%),linear-gradient(125deg,#243340,#1e272d 65%);padding:30px 36px;margin-bottom:36px;box-shadow:0 12px 45px #02070d2b}.shift-banner:before{content:'';position:absolute;z-index:-1;width:490px;height:490px;border:1px solid #d9b77913;border-radius:50%;right:-150px;top:-170px;box-shadow:0 0 0 34px #d9b77906,0 0 0 68px #d9b77904}.shift-banner-kicker{font-size:12px;letter-spacing:2px;color:#e4c38d;display:flex;align-items:center;gap:9px}.shift-spark{font-size:25px;line-height:1}.shift-banner h2{font-size:28px;font-weight:550;letter-spacing:-1px;line-height:1.4;margin:12px 0 10px}.shift-banner-copy>p{font-size:14px;line-height:1.8;color:#b9c3cc;margin:0;word-break:keep-all}.shift-small-break{display:none}.shift-guide-link{display:inline-flex;align-items:center;gap:22px;margin-top:17px;font-size:14px;color:#f3d6a3;border-bottom:1px solid #c9a97878;padding:5px 0;min-height:36px}.shift-guide-link span{font-size:20px}.shift-banner-count{align-self:center;min-width:0}.shift-banner-count>p{color:#debd89;font-size:14px;letter-spacing:.3px;margin:0 0 14px}.shift-timer{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:12px;align-items:end;font-variant-numeric:tabular-nums}.shift-timer>div{display:flex;flex-direction:column;align-items:center;gap:7px;border-left:1px solid #aa8e6236}.shift-timer>div:first-child{border:0;align-items:flex-start}.shift-timer strong{font-size:clamp(34px,3.7vw,58px);font-weight:400;line-height:1;letter-spacing:-1.5px;color:#efdfc2}.shift-timer .shift-days strong{font-size:clamp(61px,6.2vw,96px);color:#f0ce94;letter-spacing:-4px}.shift-timer span{color:#b7bec4;font-size:13px}.shift-days span{color:#e9c893}.shift-date-line{border-top:1px solid #9b846044;margin-top:23px;padding-top:13px}.shift-date-line time{display:block;font-size:15px;letter-spacing:.1px;color:#dfd6c6}.shift-date-line time b{font-weight:500;margin-left:9px;color:#efdfc2}.shift-date-line>span{display:block;font-size:12px;color:#b0b5b9;margin-top:4px}.shift-banner.has-arrived{border-color:#d9b779}.shift-banner.has-arrived .shift-days strong{color:#f6dfb9}
.tabs{flex-wrap:wrap;overflow:visible;column-gap:25px;row-gap:0}.toolbar{flex-wrap:wrap}.tabs button{font-size:14px}.tabs #shift-tab{color:#e2bd81}.tabs #shift-tab.active{color:#f2d5a3;border-bottom-color:#f2d5a3}
.shift-guide{max-width:1100px;margin:0 auto;--shift-ink:#c2cbd3}.shift-guide-header{padding:35px 0 27px;border-bottom:1px solid var(--line);position:relative}.shift-guide-header>.eyebrow{color:var(--gold);font-size:12px}.shift-guide-header h2{font-weight:500;font-size:clamp(30px,4vw,48px);line-height:1.4;letter-spacing:-1.7px;margin:19px 0}.shift-deck{font-size:18px;line-height:1.9;color:#bfccd6;margin:0}.shift-guide-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:25px;color:var(--muted);font-size:12px}.shift-contents{display:flex;flex-wrap:wrap;gap:8px 24px;padding:17px 0;border-bottom:1px solid var(--line)}.shift-contents a{font-size:14px;color:var(--gold);padding:5px 0;min-height:32px}.shift-intro{max-width:840px;padding:24px 0 4px}.shift-guide p{font-size:16px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere;color:var(--shift-ink)}.shift-guide strong{font-weight:550;color:#ede3d1}.shift-chapter{padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:28px}.shift-chapter>p{max-width:840px}.shift-chapter-label{font-size:12px;letter-spacing:1.5px;color:var(--gold);margin-bottom:13px}.shift-chapter h3{font-size:29px;line-height:1.45;font-weight:500;letter-spacing:-.8px;margin:0 0 24px}.shift-era-line{display:flex;align-items:center;gap:35px;margin:30px 0;padding:23px 27px;background:#192631;border:1px solid var(--line);border-radius:12px}.shift-era-line>div{display:flex;gap:24px;align-items:center;flex:1}.shift-era-line strong{font-family:Georgia,serif;font-weight:400;font-size:37px;color:var(--gold)}.shift-era-line span{font-size:14px;line-height:1.8;color:#b9c6d2}.shift-era-arrow{font-size:25px!important;color:var(--gold)!important}.shift-cross-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.shift-cross{padding:27px;border:1px solid #3a4855;border-radius:14px;background:#15222e}.shift-cross.new{border-color:#9e7e4c88;background:linear-gradient(145deg,#2a302e,#17232b)}.shift-cross .eyebrow{font-size:11px;letter-spacing:1.3px}.shift-cross h4{font-size:23px;font-weight:500;margin:12px 0 8px;letter-spacing:-.5px}.shift-gate-set{font-size:26px;letter-spacing:2px;color:var(--blue);font-family:Georgia,serif}.shift-cross.new .shift-gate-set{color:var(--gold)}.shift-cross-key{border-top:1px solid #56605b66;margin-top:22px;padding-top:15px;font-size:14px;color:#c9bdab}.shift-four-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:28px}.shift-four-gates>div{border-left:1px solid #60513d;padding-left:20px}.shift-four-gates span{font-family:Georgia,serif;color:var(--gold);font-size:34px}.shift-four-gates h4{font-size:17px;font-weight:500;margin:5px 0 8px}.shift-four-gates p{font-size:14px;margin:0}.shift-reading-note{max-width:840px;border-left:2px solid var(--gold);padding:15px 23px;background:#d9b77908;margin-top:28px}.shift-reading-note>strong{font-size:15px}.shift-reading-note p{font-size:15px;margin:8px 0 0}.shift-text-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}.shift-text-columns h4{font-size:19px;font-weight:500;margin:0 0 12px;color:#e3d5bd}.shift-text-columns p{margin:0 0 15px}.shift-framework-note{font-size:14px!important;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:var(--muted)!important}.shift-practice-list{padding:0;margin:25px 0;list-style:none;counter-reset:practice;display:grid;grid-template-columns:1fr 1fr;gap:28px 35px}.shift-practice-list li{counter-increment:practice;padding-left:40px;position:relative}.shift-practice-list li:before{content:'0' counter(practice);position:absolute;left:0;top:3px;font-size:13px;color:var(--gold);letter-spacing:1px}.shift-practice-list h4{font-size:17px;font-weight:500;margin:0 0 8px}.shift-practice-list p{font-size:15px;margin:0}.shift-closing{text-align:center;padding:24px 0 8px}.shift-closing p{font-size:20px;color:#ddc8a4;line-height:1.9;letter-spacing:-.4px}.shift-closing span{font-size:12px;color:var(--muted)}.shift-event-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0}.shift-event-note h3{font-size:19px;font-weight:500;margin:0 0 8px}.shift-event-note p{font-size:14px;max-width:710px;margin:0;color:var(--muted)}.shift-preview{background:#29332f;border:1px solid #9d8258;border-radius:8px;font-size:14px;padding:12px 18px;color:#efcf9b;white-space:nowrap;min-height:46px}.shift-preview>span{margin-left:10px;font-size:19px}#shift-view:focus{outline:none}#shift-view:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.shift-celebration{position:fixed;inset:0;z-index:100;pointer-events:none}.shift-celebration canvas{display:block;width:100%;height:100%;pointer-events:none}.shift-celebration-notice{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);display:flex;align-items:center;gap:18px;background:#182733f5;border:1px solid #b59a6e;border-radius:12px;padding:14px 18px;box-shadow:0 8px 36px #02080e66;pointer-events:auto}.shift-celebration-notice p{font-size:15px;line-height:1.7;margin:0;color:#edd2a5;word-break:keep-all}.shift-celebration-notice button{flex-shrink:0;background:none;border:1px solid #7a6c55;border-radius:50%;width:36px;height:36px;font-size:24px;color:#edd2a5}
@media(max-width:1000px){.shift-banner{grid-template-columns:1fr 1.25fr;padding:26px;gap:25px}.shift-banner h2{font-size:24px}.shift-timer{gap:8px}.shift-timer .shift-days strong{font-size:70px}.shift-timer strong{font-size:42px}.shift-era-line{gap:20px}.shift-era-line>div{flex-direction:column;align-items:flex-start;gap:6px}.shift-four-gates{grid-template-columns:1fr 1fr;gap:24px}.shift-cross{padding:22px}.shift-event-note{align-items:flex-start}}
@media(max-width:700px){.shift-banner{grid-template-columns:1fr;gap:24px;padding:23px;margin-bottom:28px}.shift-banner-copy{position:relative}.shift-banner h2{font-size:25px;margin:10px 0 8px}.shift-banner h2 br{display:none}.shift-banner-copy>p{font-size:14px}.shift-guide-link{margin-top:8px;min-height:38px}.shift-banner-count{padding-top:20px;border-top:1px solid #a98d573d}.shift-banner-count>p{font-size:13px;margin-bottom:14px}.shift-timer{gap:10px;grid-template-columns:2fr repeat(3,1fr)}.shift-timer .shift-days strong{font-size:66px}.shift-timer strong{font-size:42px}.shift-date-line{margin-top:21px}.shift-date-line time{font-size:14px}.shift-date-line time b{margin-left:5px}.shift-date-line>span{font-size:11px}.tabs{gap:0 22px;border-bottom:0}.tabs button{font-size:14px;padding:12px 0}.shift-guide-header{padding-top:22px}.shift-guide-header h2{font-size:32px;letter-spacing:-1px}.shift-guide p.shift-deck{font-size:17px}.shift-guide-meta{flex-direction:column;gap:7px}.shift-contents{gap:4px 19px}.shift-contents a{font-size:13px}.shift-chapter{padding:30px 0}.shift-chapter h3{font-size:25px}.shift-cross-grid,.shift-text-columns{grid-template-columns:1fr}.shift-text-columns{gap:21px}.shift-practice-list{grid-template-columns:1fr}.shift-closing p{font-size:18px}.shift-event-note{flex-direction:column;gap:18px}.shift-preview{align-self:flex-start}.shift-era-line{padding:20px;gap:16px}.shift-era-line strong{font-size:34px}.shift-era-line span{font-size:13px}.shift-four-gates{gap:22px 17px}.shift-four-gates>div{padding-left:15px}}
@media(max-width:380px){.shift-banner{padding:20px}.shift-banner h2{font-size:23px}.shift-banner-kicker{font-size:10px;letter-spacing:1.5px}.shift-timer .shift-days strong{font-size:52px;letter-spacing:-2px}.shift-timer strong{font-size:33px}.shift-timer span{font-size:12px}.shift-timer{gap:7px}.shift-date-line time{font-size:13px}.shift-date-line time b{margin-left:0}.shift-date-line>span{font-size:11px}.shift-guide-header h2{font-size:29px}.shift-era-line{gap:12px;padding:16px}.shift-four-gates{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.shift-guide *{scroll-behavior:auto}}

/* Cinematic instrument panel: crisp vector numerals over a deep-black glass face. */
.shift-banner{grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:32px;padding:32px;border-color:#58e8da66;background:radial-gradient(ellipse at 82% 0%,#06797d29,transparent 65%),linear-gradient(130deg,#12232f,#060e17 75%);box-shadow:0 18px 56px #0006,inset 0 1px #b1fff22b,0 0 24px #28d6d00a}
.shift-banner:before{border-color:#5effe615;box-shadow:0 0 0 34px #5effe608,0 0 0 68px #5effe605}
.shift-banner:after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#8cfff0,transparent);box-shadow:0 0 13px #42ffe8;pointer-events:none}
.shift-banner-kicker,.shift-banner-count>p{color:#9eece2}.shift-banner-kicker{letter-spacing:2px}.shift-banner h2{color:#f1fbff}.shift-guide-link{color:#adfff0;border-color:#70e5d879}.shift-guide-link:hover{color:#e2fff9;text-shadow:0 0 12px #4ffff3a1}.shift-banner-count>p{font-size:13px;letter-spacing:1px;margin-bottom:15px}
.shift-timer{grid-template-columns:1.85fr repeat(3,1fr);gap:8px;align-items:stretch;isolation:isolate}
.shift-timer>div,.shift-timer>div:first-child{min-width:0;align-items:center;justify-content:flex-end;gap:13px;padding:15px 7px 11px;border:1px solid #2f736a70;border-radius:9px;background:linear-gradient(180deg,#020b1499,#03111ac9);box-shadow:inset 0 1px #adfff50a,0 0 16px #20b4b409}
.shift-timer>div:first-child{border-color:#72efd193;background:linear-gradient(165deg,#0a292694,#041217);box-shadow:inset 0 0 22px #1fcfb00b,0 0 18px #19dbb80c}
.shift-timer strong,.shift-timer .shift-days strong{color:#b7f5ff;letter-spacing:0;font-family:ui-monospace,monospace;font-weight:500;font-size:clamp(45px,4.8vw,74px)}
.shift-timer .shift-days strong{font-size:clamp(72px,7.5vw,116px);color:#a3ffe4}
.shift-timer #shift-seconds{color:#ffd98f}
.shift-timer .shift-digital-number{display:block;position:relative;width:calc(var(--digits)*.596em + .134em);max-width:100%;height:1em;line-height:1;flex-shrink:0}
.shift-number-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 9px #58fff05c)}
#shift-seconds .shift-number-svg{filter:drop-shadow(0 0 2px #ffc16a) drop-shadow(0 0 9px #ffa3295c)}
.shift-segment.is-on{fill:currentColor;stroke:#eafffa;stroke-width:.25;stroke-linejoin:round}.shift-segment.is-off{fill:#4edbc808;stroke:none}
.shift-timer .shift-number-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shift-timer>div>span{font-size:12px;letter-spacing:1.2px;color:#b9d4dc}.shift-timer>.shift-days>span{color:#adf6dd}
.shift-date-line{border-color:#4e8a8c45;margin-top:18px}.shift-date-line time{color:#d4e9ee}.shift-date-line time b{color:#edfffc}.shift-date-line>span{color:#9ab3bd}.shift-banner.has-arrived{border-color:#a3ffe4}.shift-banner.has-arrived .shift-days strong{color:#beffe9}
.shift-celebration{background:radial-gradient(ellipse at 50% 34%,#030b151a,#03091455);z-index:100}.shift-celebration-notice{border-color:#adfff09c;box-shadow:0 8px 40px #0007,0 0 25px #34efc512;background:#071923f5}.shift-celebration-notice p{color:#e3fff3}
@media(max-width:1100px){.shift-banner{grid-template-columns:minmax(225px,.8fr) minmax(0,1.45fr);padding:27px;gap:24px}.shift-timer{gap:6px}.shift-timer>div,.shift-timer>div:first-child{padding:12px 5px 10px}.shift-timer strong{font-size:58px}.shift-timer .shift-days strong{font-size:88px}}
@media(max-width:850px){.shift-banner{grid-template-columns:1fr;gap:22px}.shift-banner h2 br{display:none}.shift-guide-link{margin-top:8px}.shift-banner-count{border-top:1px solid #58bea82e;padding-top:20px}.shift-timer strong{font-size:clamp(50px,8vw,72px)}.shift-timer .shift-days strong{font-size:clamp(78px,13vw,110px)}}
@media(max-width:540px){.shift-banner{padding:22px 18px;gap:20px}.shift-banner h2{font-size:25px}.shift-timer{grid-template-columns:2fr repeat(3,1fr);gap:5px}.shift-timer>div,.shift-timer>div:first-child{padding:10px 3px 9px;gap:8px;border-radius:6px}.shift-timer strong{font-size:42px}.shift-timer .shift-days strong{font-size:70px}.shift-timer>div>span{font-size:11px;letter-spacing:.6px}.shift-date-line{margin-top:16px}.shift-banner-kicker{font-size:10px;letter-spacing:1.6px}}
@media(max-width:380px){.shift-banner{padding:20px 14px}.shift-banner h2{font-size:22px}.shift-timer{gap:4px}.shift-timer strong{font-size:35px}.shift-timer .shift-days strong{font-size:60px}.shift-date-line time{font-size:12px}.shift-date-line>span{font-size:10px}.shift-banner-count>p{font-size:12px;letter-spacing:.3px}}
