*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--ink:#0b1633;--ink-deep:#060d20;--ink-tile:#16244f;--cream:#f2ece1;--blue:#2b44ff;--blue-tile:#1f30c8;--orange:#ff5a1f;--text:var(--cream);--text-secondary:#b9c3e0;--text-muted:#8f9bc0;--border:#1d2b52;--border-light:#2b3d6d;--accent:var(--orange);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--chrono-fringe:0;--chrono-flare:0.25;--chrono-blur:0px}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--ink-deep);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::selection{background:var(--orange);color:var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid var(--ink-deep)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showcase-shell{display:block;width:100%;margin:0;padding:0}.showcase-toolbar{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.7rem clamp(0.9rem,3vw,1.6rem);pointer-events:none}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--text-muted);font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--orange);box-shadow:0 0 12px color-mix(in srgb,var(--orange) 70%,transparent)}.showcase-stage{width:100%}.chrono{position:relative;display:grid;grid-template-rows:1fr auto;height:100svh;min-height:520px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(160,200,255,0.022) 0 1px,transparent 1px 64px),var(--ink-deep)}.chrono__band{--chrono-era-hue:232;position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 105%,hsl(var(--chrono-era-hue) 88% 56% / 0.22),transparent 68%),radial-gradient(50% 60% at 50% 0%,hsl(var(--chrono-era-hue) 80% 48% / 0.10),transparent 70%);transition:background 900ms linear;pointer-events:none}.chrono__deck{position:relative;z-index:4;display:flex;align-items:center;min-height:0;min-width:0;overflow:hidden;padding-top:clamp(1.6rem,4vh,2.4rem)}.chrono__playhead{position:absolute;z-index:8;left:50%;top:0;bottom:0;width:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.chrono__playhead-line{flex:1;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--orange) 92%,transparent),color-mix(in srgb,var(--orange) 22%,transparent));box-shadow:0 0 calc(6px + var(--chrono-flare) * 26px) color-mix(in srgb,var(--orange) 80%,transparent);opacity:calc(0.45 + var(--chrono-flare) * 0.55)}.chrono__playhead-cap,.chrono__playhead-foot{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent}.chrono__playhead-cap{border-top:9px solid var(--orange);filter:drop-shadow(0 0 calc(var(--chrono-flare) * 12px) var(--orange))}.chrono__playhead-foot{border-bottom:9px solid var(--orange);filter:drop-shadow(0 0 calc(var(--chrono-flare) * 12px) var(--orange))}.chrono__viewport{width:100%;min-width:0;perspective:1500px;will-change:transform}.chrono__viewport:focus-visible{outline:2px solid var(--orange);outline-offset:-6px}.chrono__inner{display:flex;align-items:center;gap:clamp(1.1rem,2.4vw,2rem);padding-inline:1rem;width:max-content;transform-style:preserve-3d}.chrono__entry{flex:0 0 auto;width:clamp(320px,33vw,424px);transform-origin:center center;will-change:transform,opacity}.chrono__card{--card-bg:var(--ink-tile);--card-ink:var(--cream);--card-soft:#c3cdea;--card-rule:rgba(242,236,225,0.22);--card-accent:var(--orange);--card-mark:var(--orange);--card-ring:var(--cream);position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-height:min(74svh,486px);gap:0.8rem;padding:1.05rem 1.2rem 1.2rem;border:0;border-radius:14px;background:var(--card-bg);color:var(--card-ink);box-shadow:0 22px 50px rgba(3,8,22,0.6);overflow:hidden}.chrono__card--cream{--card-bg:var(--cream);--card-ink:var(--ink);--card-soft:#333f60;--card-rule:rgba(11,22,51,0.2);--card-accent:var(--blue);--card-mark:var(--ink);--card-ring:var(--blue)}.chrono__card--blue{--card-bg:var(--blue-tile);--card-ink:var(--cream);--card-soft:#eef0ff;--card-rule:rgba(242,236,225,0.34);--card-accent:var(--cream);--card-mark:var(--cream);--card-ring:var(--cream)}.chrono__card--orange{--card-bg:var(--orange);--card-ink:var(--ink);--card-soft:#2a1408;--card-rule:rgba(11,22,51,0.28);--card-accent:var(--ink);--card-mark:var(--ink);--card-ring:var(--cream)}.chrono__entry.is-live .chrono__card{box-shadow:0 26px 60px rgba(3,8,22,0.68),0 0 0 3px color-mix(in srgb,var(--card-ring) 85%,transparent)}.chrono__mark{position:relative;display:block;width:100%;overflow:hidden;min-height:clamp(86px,18svh,190px);min-width:0;color:var(--card-mark);opacity:calc(1 - var(--chrono-t,0) * 0.45)}.chrono__mark svg{position:absolute;top:0.2rem;left:10%;display:block;width:80%;height:calc(100% - 0.4rem)}.chrono__bars{display:flex;align-items:flex-end;justify-content:center;gap:7%;padding:0.2rem 10%}.chrono__bars i{width:13%;height:var(--h,60%);border-radius:100px;background:currentColor}.chrono__stripes{display:flex;flex-direction:column;justify-content:center;gap:11%;padding:0.2rem 10%}.chrono__stripes i{height:15%;width:var(--w,100%);border-radius:100px;background:currentColor}.chrono__dots{background-image:radial-gradient(currentColor 22%,transparent 24%);background-size:13% 22%;opacity:calc(0.9 - var(--chrono-t,0) * 0.45)}.chrono__masthead{display:flex;align-items:baseline;justify-content:space-between;gap:0.8rem;padding-bottom:0.55rem;border-bottom:1px solid var(--card-rule);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.5rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--card-soft)}.chrono__head{display:grid;gap:0.3rem;min-width:0}.chrono__year{font-family:'Syne',system-ui,sans-serif;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:800;letter-spacing:-0.05em;line-height:0.82;color:var(--card-accent);font-variant-numeric:tabular-nums}.chrono__title{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:clamp(1.05rem,1.5vw,1.34rem);line-height:1;letter-spacing:-0.035em;text-transform:uppercase;color:var(--card-ink)}.chrono__note{font-size:0.75rem;line-height:1.6;color:var(--card-soft);opacity:calc(1 - var(--chrono-t,0) * 1.15)}.chrono__facts,.chrono__changes{opacity:calc(1 - var(--chrono-t,0) * 1.35);border-top:1px solid var(--card-rule);padding-top:0.6rem;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.6rem;line-height:1.45}.chrono__facts{display:grid;gap:0.3rem}.chrono__facts > div{display:flex;align-items:baseline;justify-content:space-between;gap:0.8rem}.chrono__facts dt{color:var(--card-soft);letter-spacing:0.1em;text-transform:uppercase;font-size:0.55rem;white-space:nowrap}.chrono__facts dd{color:var(--card-ink);font-weight:500;text-align:right}.chrono__changes{list-style:none;display:grid;gap:0.32rem;color:var(--card-ink)}.chrono__changes li{position:relative;padding-left:0.95rem}.chrono__changes li::before{content:'';position:absolute;left:0;top:0.5em;width:0.55rem;height:2px;background:var(--card-accent)}.chrono__base{position:relative;z-index:5;padding:0 clamp(0.9rem,3vw,1.6rem) clamp(0.8rem,2.4vh,1.3rem)}.chrono__scale{position:relative}.chrono__ruler-wrap{height:22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.chrono__ruler{height:100%;width:calc(100% + 5000px);margin-inline-start:-2500px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--blue) 88%,white 20%) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(242,236,225,0.24) 0 1px,transparent 1px 110px);filter:blur(var(--chrono-blur));will-change:transform,filter}.chrono__marks{display:flex;flex-wrap:wrap;gap:0.35rem 1.1rem;padding-top:0.35rem;min-height:1.4rem}.chrono__marks.is-placed{display:block;padding-top:0;height:1.5rem}.chrono__mark-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.15rem 0.2rem;border:0;background:none;color:var(--text-muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.575rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;cursor:pointer;transition:color 0.3s var(--ease-out-expo)}.chrono__marks.is-placed .chrono__mark-btn{position:absolute;top:0;display:grid;justify-items:start;gap:0.1rem;padding:0;transform:translateX(-1px)}.chrono__marks.is-placed .chrono__mark-btn::after{content:'';position:absolute;inset:-10px -14px}.chrono__mark-tick{width:2px;height:22px;background:var(--text-secondary);transition:background 0.3s var(--ease-out-expo),box-shadow 0.3s}.chrono__marks:not(.is-placed) .chrono__mark-tick{height:0.62rem;width:1px}.chrono__mark-btn:hover,.chrono__mark-btn:focus-visible{color:var(--text)}.chrono__mark-btn:hover .chrono__mark-tick{background:var(--text)}.chrono__mark-btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.chrono__mark-btn.is-live{color:var(--orange)}.chrono__mark-btn.is-live .chrono__mark-tick{background:var(--orange);box-shadow:0 0 10px color-mix(in srgb,var(--orange) 65%,transparent)}.chrono__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);padding-top:0.5rem;margin-top:0.35rem}.chrono__readout{font-family:'Syne',system-ui,sans-serif;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;letter-spacing:-0.05em;color:var(--text);font-variant-numeric:tabular-nums}.chrono__era-title{position:relative;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:clamp(1rem,2.6vw,1.6rem);letter-spacing:-0.035em;text-transform:uppercase;color:var(--text-secondary)}.chrono__era-title::before,.chrono__era-title::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.chrono__era-title::before{color:var(--blue);transform:translateX(calc(var(--chrono-fringe) * -0.4px));mix-blend-mode:screen}.chrono__era-title::after{color:var(--orange);transform:translateX(calc(var(--chrono-fringe) * 0.4px));mix-blend-mode:screen}.chrono--static{height:auto;min-height:0;padding-bottom:2rem}.chrono--static .chrono__deck{display:block;padding-top:3rem}.chrono--static .chrono__playhead{display:none}.chrono--static .chrono__viewport{overflow:visible;perspective:none}.chrono--static .chrono__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:auto;gap:1rem;padding:1rem clamp(0.9rem,3vw,1.6rem)}.chrono--static .chrono__entry{width:auto}@media (prefers-reduced-motion:reduce){.chrono{height:auto;min-height:0;padding-bottom:2rem}.chrono__deck{display:block;padding-top:3rem}.chrono__playhead{display:none}.chrono__viewport{overflow:visible;perspective:none}.chrono__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:auto;gap:1rem;padding:1rem clamp(0.9rem,3vw,1.6rem)}.chrono__entry{width:auto}.chrono__note,.chrono__facts,.chrono__changes,.chrono__mark{opacity:1}.chrono__dots{opacity:0.9}.chrono__ruler{filter:none}.chrono__ruler-wrap{display:none}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (max-width:768px){.showcase-prompt span:last-child{display:none}.chrono__deck{padding-top:2.4rem}.chrono__inner{gap:0.9rem}.chrono__entry{width:min(84vw,340px)}.chrono__card{padding:0.9rem 1rem 1rem;gap:0.65rem;grid-template-rows:auto auto auto auto auto;min-height:0}.chrono__mark{min-height:0;height:clamp(78px,13svh,116px)}.chrono__year{font-size:1.8rem}.chrono__title{font-size:1.02rem}.chrono__note{font-size:0.72rem;line-height:1.55}.chrono__facts,.chrono__changes{font-size:0.58rem;padding-top:0.5rem}.chrono__masthead{font-size:0.47rem;letter-spacing:0.16em;padding-bottom:0.45rem}.chrono__facts dt{font-size:0.53rem;letter-spacing:0.08em}.chrono__mark-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chrono__marks:not(.is-placed){gap:0.35rem 0.7rem}.chrono__meta{align-items:flex-end}}@media (max-height:720px) and (min-width:769px){.chrono__deck{padding-top:1.2rem}.chrono__mark{min-height:clamp(74px,14svh,120px)}.chrono__card{gap:0.6rem;padding:0.9rem 1.05rem 1rem;min-height:min(78svh,452px)}.chrono__year{font-size:clamp(1.7rem,2.8vw,2.1rem)}.chrono__note{font-size:0.74rem;line-height:1.55}}