:root{--bg: #162240;--face-bg: #08102A;--h-lit: rgba(238,242,255,.95);--h-face: rgba(205,213,250,.88);--h-mid: rgba(175,185,232,.84);--h-dim: rgba(112,122,192,.6);--h-edge: rgba(55,65,138,.28);--h-glow: rgba(238,242,255,.14);--text-label: rgba(235,242,255,.18);--accent: rgba(245,248,255,.44);--t-brand-size: clamp(11px, 1.02vw, 17px);--t-brand-track: 0;--t-event-size: clamp(7px, .5vw, 9px);--t-event-track: .52em;--t-chapter-size: clamp(10px, .82vw, 14px);--t-chapter-track:.3em;--t-cap-size: clamp(6px, .42vw, 8px);--t-cap-track: .58em;--t-foot-size: clamp(7px, .48vw, 9px);--t-foot-track: .4em;--face-xl: clamp(80px, min(27vh, 15.2vw), 340px);--gap-xl: clamp(4px, .55vw, 11px);--digit-gap-xl: clamp(12px, 1.6vw, 30px);--transition-slow: 2.6s;--lens-dx: 0%;--lens-dy: 0%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg);background:var(--bg);cursor:none;user-select:none;-webkit-user-select:none;transition:background-color 60s linear,background 60s linear}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-feature-settings:"kern" 1,"tnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:transparent;pointer-events:none}.field-texture{position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'><g stroke='rgb(242,239,230)' stroke-opacity='0.30' stroke-width='1.25' stroke-linecap='round' fill='none'><path d='M120 120 V 78'/><path d='M120 120 H 78'/></g></svg>");background-repeat:repeat;background-size:240px 240px;opacity:.085;pointer-events:none;z-index:0}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 70% 60% at 41% 38%,rgba(255,250,240,.05) 0%,transparent 62%),radial-gradient(ellipse 88% 88% at 50% 50%,transparent 36%,rgba(0,0,0,.28) 100%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:repeat;background-size:240px 240px;mix-blend-mode:overlay;opacity:.5;animation:grain-flicker 1s steps(8) infinite;pointer-events:none;z-index:30}@keyframes grain-flicker{0%{transform:translate(0)}12%{transform:translate(-3%,-5%)}24%{transform:translate(-7%,2%)}37%{transform:translate(4%,-7%)}49%{transform:translate(-4%,6%)}62%{transform:translate(2%,4%)}74%{transform:translate(-6%,-2%)}86%{transform:translate(6%,1%)}to{transform:translate(0)}}#app{position:relative;z-index:1;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.3vh,20px);will-change:transform}.event-header{display:flex;flex-direction:column;align-items:center;gap:.55em;text-align:center}.brand-mark{font-size:var(--t-brand-size);font-weight:400;letter-spacing:var(--t-brand-track);line-height:1.5;color:var(--text-label)}.event-name{font-size:var(--t-event-size);font-weight:400;letter-spacing:var(--t-event-track);text-transform:uppercase;color:var(--text-label)}.chapter-label{font-size:var(--t-chapter-size);font-weight:400;letter-spacing:var(--t-chapter-track);text-transform:uppercase;color:var(--accent);min-height:1.4em}.chapter-rule{display:block;height:9px;overflow:visible}.chapter-rule line{stroke-linecap:round}.chapter-rule .seg{stroke:var(--text-label);stroke-width:1}.chapter-rule .seg-done{stroke:var(--accent);stroke-width:1;opacity:.55}.chapter-rule .seg-now,.chapter-rule .riser{stroke:var(--accent);stroke-width:1.6}.clock-stage{display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;will-change:transform}.stage-section{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.85vh,13px)}.section-cap{font-size:clamp(6px,.42vw,8px);font-weight:400;letter-spacing:.58em;text-transform:uppercase;color:var(--text-label);white-space:nowrap}.digit-group{display:flex;align-items:center}.digit-group--xl{gap:var(--digit-gap-xl)}.clock-digit{display:grid}.clock-digit--xl{grid-template-columns:repeat(2,var(--face-xl));grid-template-rows:repeat(3,var(--face-xl));gap:var(--gap-xl)}.clock-face{border-radius:50%;background-color:var(--face-bg);background:var(--face-bg);position:relative;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 max(1px,.55%) #000000eb,inset 0 7% 38% #000000f7,inset 0 -5% 18% #00000080,0 0 0 max(1px,.35%) #ffffff07;transition:background-color 60s linear,background 60s linear,box-shadow var(--transition-slow) ease}.clock-face--xl{width:var(--face-xl);height:var(--face-xl)}.clock-face:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 64% 50% at calc(30% + var(--lens-dx)) calc(24% + var(--lens-dy)),rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 44%,transparent 64%);z-index:12;pointer-events:none}.clock-face:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 48%,rgba(0,0,0,.3) 100%);z-index:18;pointer-events:none}.face-ticks{display:none}.hand{position:absolute;bottom:50%;transform-origin:bottom center;transform:rotate(0);z-index:8;will-change:transform;background:linear-gradient(to bottom,rgba(255,255,255,.07) 0%,transparent 22%,transparent 70%,rgba(0,0,0,.22) 100%),linear-gradient(to right,transparent 0%,var(--h-lit) 15%,var(--h-face) 33%,var(--h-mid) 60%,var(--h-dim) 84%,var(--h-edge) 96%,transparent 100%);border-radius:2px 2px 0 0;box-shadow:0 2px 8px #0000008c,0 1px 2px #000000d1,0 0 14px var(--h-glow)}.clock-face--xl .hand{width:calc(var(--face-xl) * .09);height:calc(var(--face-xl) * .448);left:calc(50% - var(--face-xl) * .045)}.hub{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background:radial-gradient(circle at calc(26% + var(--lens-dx)) calc(20% + var(--lens-dy)),rgba(255,255,255,1) 0%,rgba(255,255,255,.72) 24%,transparent 48%),radial-gradient(circle at 44% 42%,var(--h-face, rgba(232,234,248,.97)) 0%,var(--h-mid, rgba(210,215,242,.9)) 48%,var(--h-dim, rgba(145,155,215,.72)) 76%,var(--h-edge, rgba(68,80,155,.44)) 100%);box-shadow:0 2px 5px #0000009e,0 1px 1px #000000e0,0 0 8px var(--h-glow)}.clock-face--xl .hub{width:clamp(5px,calc(var(--face-xl) * .062),16px);height:clamp(5px,calc(var(--face-xl) * .062),16px)}.event-footer{display:flex;flex-direction:column;align-items:center;gap:.5em;font-size:clamp(7px,.48vw,9px);font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--text-label);text-align:center}.milestone-next{font-size:clamp(6px,.4vw,8px);letter-spacing:.28em;color:var(--text-label);opacity:.65}.dedication{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.6em;background:var(--bg);font-size:clamp(18px,2.2vw,40px);font-weight:300;letter-spacing:.06em;color:#ffffffe0;text-align:center;padding:6vw;pointer-events:none;opacity:0;transition:opacity 4.5s ease .8s;z-index:100}.dedication.visible{display:flex;opacity:1}.dedication-sub{font-size:.38em;font-weight:400;letter-spacing:.44em;text-transform:uppercase;color:#ffffff42}.dedication-mark{width:clamp(46px,5vw,84px);opacity:.88}.dedication-mark svg{display:block;width:100%;height:100%}.dedication-brand{font-size:.42em;font-weight:400;color:#fff6;line-height:1.4}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.event-header{animation:rise 2.2s cubic-bezier(.16,1,.3,1) 0s both}.clock-stage{animation:rise 2.2s cubic-bezier(.16,1,.3,1) .16s both}.event-footer{animation:rise 2.2s cubic-bezier(.16,1,.3,1) .32s both}.slot-text-char{display:inline-block;overflow:hidden;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.quiet-room,.no-script{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.15em;padding:8vw;text-align:center;background:var(--bg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;z-index:200}.quiet-room-mark{width:clamp(52px,7vw,88px);opacity:.92}.quiet-room-mark svg{display:block;width:100%;height:100%}.quiet-room-line,.no-script p:first-child{font-size:clamp(15px,1.5vw,22px);font-weight:300;letter-spacing:.06em;color:#fffc}.quiet-room-sub,.no-script-sub{font-size:clamp(10px,.82vw,13px);font-weight:400;letter-spacing:.16em;line-height:1.7;text-transform:uppercase;color:#ffffff4d;max-width:34em}@media(prefers-reduced-motion:reduce){body:after{animation:none}.event-header,.clock-stage,.event-footer,.clock-face{animation:none}.dedication{transition-duration:.2s;transition-delay:0s}html,body,.clock-face{transition-duration:.2s}}@media(max-width:700px)and (orientation:portrait){:root{--face-xl: clamp(40px, min(7.5vh, 42vw), 120px);--gap-xl: clamp(3px, .55vh, 7px);--digit-gap-xl: clamp(6px, 1vh, 14px)}#app{gap:clamp(4px,.8vh,11px)}.digit-group--xl{flex-direction:column;align-items:center;gap:var(--digit-gap-xl)}.section-cap{font-size:clamp(5px,1.8vw,8px);letter-spacing:.48em}.event-name{font-size:clamp(6px,1.9vw,9px)}.chapter-label{font-size:clamp(8px,3vw,13px)}.event-footer{font-size:clamp(6px,1.8vw,9px)}.milestone-next{font-size:clamp(5px,1.5vw,8px)}}.slot-text{display:inline-flex;white-space:pre;align-items:baseline}.char-slot{position:relative;display:inline-flex;flex:none;justify-content:center;align-items:baseline;overflow:hidden;overflow-x:visible;overflow-y:clip;line-height:1.3}.char-slot.is-resizing{overflow-x:clip}.char-sizer{visibility:hidden;white-space:pre}.char-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:pre;will-change:transform}