/* DII Chronosphere V3 — guided time-travel experience */
body.journey-open{overflow:hidden}
.journey-invitation{position:relative;overflow:hidden;margin:20px 0 24px;border:1px solid rgba(115,241,226,.32);border-radius:22px;padding:28px;background:radial-gradient(ellipse at 88% -45%,rgba(55,162,182,.21),transparent 60%),linear-gradient(125deg,#101d30,#0a1526 65%,#0d182e);box-shadow:0 14px 50px #0004}
.journey-invitation:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#86c2cb0b 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#86c2cb0b 50%,transparent 50.1%);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.journey-invitation-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.journey-invitation-heading h2{font-size:clamp(20px,2.3vw,31px);line-height:1.22;letter-spacing:-.9px;margin:9px 0 8px}
.journey-invitation-heading p{font-size:12px;line-height:1.7;color:#a5b8cb;margin:0;max-width:670px}
.journey-invitation-main{background:#79f2dc;color:#09232d;border:0;border-radius:10px;padding:14px 18px;display:flex;gap:20px;align-items:center;justify-content:center;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 0 34px #64dfc42a}
.journey-invitation-main span:last-child{font-size:20px}
.journey-invitation-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.journey-invitation-card{position:relative;text-align:left;min-height:124px;padding:17px 20px;background:rgba(6,15,29,.75);border:1px solid rgba(115,163,196,.19);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:transform .25s,border-color .25s,background .25s;color:#e6f5ff}
.journey-invitation-card:hover{transform:translateY(-3px);border-color:#7bf2dc80;background:#152a3c}
.journey-card-index{font:9px 'DM Mono',monospace;letter-spacing:1.2px;color:#74d7d1}
.journey-invitation-card strong{font:700 28px 'DM Mono',monospace;letter-spacing:-1px;color:#f1f9ff}
.journey-invitation-card>span:nth-of-type(2){font-size:11px;color:#aabbd0;max-width:95%}
.journey-invitation-card i{position:absolute;right:16px;top:16px;font-size:18px;font-style:normal;color:#70ddc7}
.hero-journey-btn{border:0}
.hero-free-link{font-size:11px;color:#a6bdcb;text-decoration:underline;text-decoration-color:#608b94;text-underline-offset:5px}
.hero-free-link:hover{color:#8df2e1}
.journey-overlay[hidden],.journey-custom-box[hidden]{display:none!important}
.journey-overlay{position:fixed;inset:0;z-index:1000;background:rgba(1,5,13,.92);overflow:auto;overscroll-behavior:contain;padding:clamp(10px,1.6vh,24px);color:#eaf7ff}
.journey-overlay:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 15%,#12436b3d,transparent 46%),radial-gradient(ellipse at 12% 90%,#203a7840,transparent 48%)}
.journey-shell{position:relative;max-width:1520px;margin:0 auto;border:1px solid #356b7a7a;border-radius:20px;overflow:hidden;background:linear-gradient(155deg,#0c1729,#050d1a 70%);box-shadow:0 35px 130px #000b,inset 0 1px #a1fbec12}
.journey-topbar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;border-bottom:1px solid #34506962;background:#09182a}
.journey-top-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.journey-brand-glyph{width:35px;height:35px;border:1px solid #5ed4c27d;border-radius:11px;display:grid;place-items:center;color:#83f5e1;font-size:24px;box-shadow:inset 0 0 20px #4dbaa72c}
.journey-top-brand>span:last-child{display:flex;flex-direction:column;gap:1px}
.journey-top-brand strong{font-size:11px;letter-spacing:1.6px}
.journey-top-brand small{font:8px 'DM Mono',monospace;letter-spacing:2px;color:#7bd9d4}
.journey-top-meta{display:flex;align-items:center;gap:11px;color:#8eafc5;font:10px 'DM Mono',monospace;letter-spacing:1.3px}
.journey-top-meta b{color:#d9f5ff;border-left:1px solid #5070877a;padding-left:12px;font-size:12px}
.journey-status-dot,.journey-pulse{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#77f1d9;box-shadow:0 0 14px #70ffdf;animation:journey-pulse 2.2s ease-in-out infinite}
.journey-top-actions{display:flex;align-items:center;gap:12px}
.journey-lang{border:1px solid #3a5268;border-radius:8px;padding:3px;display:flex;gap:3px}
.journey-lang button{font:10px 'DM Mono',monospace;border:0;background:transparent;color:#839cb4;padding:6px 8px;border-radius:5px}
.journey-lang button.selected{background:#1b4b51;color:#a4fff0}
.journey-close{width:35px;height:35px;border-radius:9px;border:1px solid #43576a;background:#142339;color:#bcd4e7;font-size:14px}
.journey-close:hover{border-color:#84e8db;color:#fff}
.journey-progress-track{height:2px;background:#1a3546}.journey-progress-track span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#6ef8d5,#9cb5ff);box-shadow:0 0 12px #69ffe5;transition:width .65s}
.journey-body{display:grid;grid-template-columns:minmax(340px,.87fr) minmax(0,1.13fr);min-height:430px}
.journey-copy{padding:clamp(28px,3.3vw,55px);display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1}
.journey-copy-overline{display:flex;align-items:center;gap:11px;color:#81e6da;font:10px 'DM Mono',monospace;letter-spacing:2px}
.journey-copy h2{font-size:clamp(31px,3.4vw,55px);line-height:1.09;letter-spacing:-2px;font-weight:800;max-width:600px;margin:24px 0 16px}
.journey-copy>p#journeyDescription{font-size:clamp(12px,1.1vw,15px);color:#b2c7d8;line-height:1.95;max-width:580px;margin:0 0 25px}
.journey-discovery{display:flex;gap:13px;align-items:start;border:1px solid #5d9c9973;background:linear-gradient(95deg,#13343c8f,#0c24344d);padding:16px;border-radius:12px;width:100%;max-width:600px}
.journey-discovery-symbol{font-size:22px;color:#7df6d8;line-height:1.1}
.journey-discovery>div{display:flex;flex-direction:column;gap:5px}
.journey-discovery>div>span{font:9px 'DM Mono',monospace;letter-spacing:1.3px;color:#8de6dc}
.journey-discovery strong{font-size:12px;font-weight:700;line-height:1.6;color:#ecfffc}
.journey-question{font-size:12px;color:#8fa8bb;line-height:1.8;margin:16px 0 0}
.journey-copy-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:20px}
.journey-open-atlas{background:#76ead8;color:#08222a;border:0;padding:12px 16px;border-radius:9px;font-weight:800;font-size:11px;display:flex;gap:18px;align-items:center}
.journey-open-atlas span:last-child{font-size:18px}
.journey-autoplay{border:1px solid #3c5d6b;color:#d2e7f0;background:#0e2532;padding:12px 14px;border-radius:9px;font-size:11px}
.journey-autoplay[aria-pressed="true"]{border-color:#78f5df;color:#8df5df}
.journey-custom-box{width:100%;margin-top:20px;padding:14px;border-radius:10px;background:#10243a;border:1px solid #4c6a80}
.journey-custom-box label{display:block;color:#9bbbd1;font:10px 'DM Mono',monospace;margin-bottom:8px}
.journey-custom-box>div{display:flex;gap:8px;flex-wrap:wrap}
.journey-custom-box input{min-width:160px;flex:1;background:#081828;color:#f2f9ff;border:1px solid #466879;padding:10px;border-radius:7px;font-size:12px;color-scheme:dark}
.journey-custom-box button{background:#77f2dc;border:0;color:#0b2832;padding:10px 12px;border-radius:7px;font-size:11px;font-weight:800}
.journey-custom-box p{font-size:11px;color:#ffc4b0;margin:6px 0 0}
.journey-stage{position:relative;min-height:440px;overflow:hidden;border-left:1px solid #34536973;background:radial-gradient(ellipse at 55% 45%,#1c4b6e8a,transparent 52%),radial-gradient(ellipse at 90% 90%,#1e25527a,transparent 55%),linear-gradient(145deg,#0b1d32,#030c1a 74%)}
.journey-stage:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#6ccfd80b 1px,transparent 1px),linear-gradient(90deg,#6ccfd80b 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 75%)}
.journey-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 44%,#6fe9f40a 50%,transparent 56%);transform:translateX(-100%);animation:journey-scan 8s linear infinite}
.journey-stage-stars{position:absolute;inset:-100%;opacity:.55;background-image:radial-gradient(1px 1px at 13% 20%,#d6edff 99%,transparent),radial-gradient(1px 1px at 53% 36%,#b0dfff 99%,transparent),radial-gradient(2px 2px at 71% 73%,#d6edff 99%,transparent),radial-gradient(1px 1px at 34% 82%,#fff 99%,transparent);background-size:230px 270px;animation:journey-star-drift 45s linear infinite}
.journey-stage.is-jumping .journey-stage-stars{animation-duration:1.6s}
.journey-stage-hud,.journey-stage-bottom{position:absolute;z-index:5;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#82a5bb;font:9px 'DM Mono',monospace;letter-spacing:1px}
.journey-stage-hud{top:22px}.journey-stage-hud>span:first-child{display:flex;align-items:center;gap:8px}.journey-stage-hud i{width:6px;height:6px;border-radius:50%;background:#79f9df;box-shadow:0 0 12px #79f9df}
.journey-stage-bottom{bottom:16px;font-size:8px;color:#6c93ac}
.journey-year-wrap{position:absolute;top:65px;left:0;right:0;text-align:center;z-index:4;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.journey-year-wrap span{font:9px 'DM Mono',monospace;letter-spacing:3px;color:#85b3c9}
.journey-year-wrap strong{font:800 clamp(65px,10vw,146px) Manrope,sans-serif;letter-spacing:-10px;line-height:1.12;color:#e6faff15;-webkit-text-stroke:1px #b4f5ff65;text-shadow:0 0 60px #74dbe437}
.journey-stage.is-jumping .journey-year-wrap strong{color:#a7efff3a;text-shadow:0 0 40px #75e4fa95}
.journey-celestial{position:absolute;inset:0;transform:translateY(55px)}
.journey-orbit{position:absolute;left:53%;top:51%;border:1px solid #76bddb36;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}
.journey-orbit.orbit-a{width:min(76%,490px);height:54%}.journey-orbit.orbit-b{width:min(95%,630px);height:77%;border-style:dashed;border-color:#94c0d92b;transform:translate(-50%,-50%) rotate(18deg)}
.journey-orbit.orbit-c{width:34%;height:67%;border-color:#77f1d62b;transform:translate(-50%,-50%) rotate(65deg)}
.journey-sun{position:absolute;top:35%;left:17%;width:clamp(66px,9vw,115px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--sun-angle,0deg));background:radial-gradient(circle at 32% 30%,#fff9df,#f7c36f 34%,#f18a43 67%,#ba3828);box-shadow:0 0 35px #ffbd75c7,0 0 105px #f68c5070,0 0 170px #ef954635}
.journey-sun span{position:absolute;inset:0;border-radius:50%;background-image:url('assets/textures/sun-local.webp'),url('assets/textures/sun-fallback.svg');background-size:220% 100%;mix-blend-mode:screen;opacity:.7;animation:journey-texture 28s linear infinite}
.journey-earth{position:absolute;left:58%;top:53%;width:clamp(155px,21vw,260px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background-color:#075077;background-image:url('assets/textures/earth-local.webp'),url('assets/textures/earth-fallback.svg');background-size:200% 100%;background-position:50% center;box-shadow:inset -35px -6px 36px #010611,0 0 42px #6ad8f36e,0 0 100px #2a94b34d;animation:journey-texture 42s linear infinite;animation-delay:var(--earth-delay,0s)}
.journey-earth-clouds{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 25% 32%,#e5faff85,transparent 25%),radial-gradient(ellipse at 58% 64%,#e5faff50,transparent 26%);mix-blend-mode:screen;opacity:.4;animation:journey-clouds 25s linear infinite}
.journey-earth-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 28%,#e8faff57,transparent 34%),linear-gradient(90deg,transparent 35%,#020816cf 100%);box-shadow:inset -14px 0 24px #0009}
.journey-moon-track{position:absolute;left:58%;top:53%;width:clamp(245px,32vw,390px);aspect-ratio:1;border:1px dashed #badce651;border-radius:50%;transform:translate(-50%,-50%);animation:journey-moon-orbit 18s linear infinite;animation-delay:var(--moon-delay,0s)}
.journey-moon-sphere{position:absolute;top:0;left:50%;width:clamp(28px,4vw,48px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background-color:#b6b8bc;background-image:url('assets/textures/moon-local.webp'),url('assets/textures/moon-fallback.svg');background-size:200% 100%;box-shadow:inset -12px -3px 11px #070b14,0 0 22px #c6e4ef82}
.journey-celestial-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#78d3e05c,transparent);width:72%;left:16%;top:53%;transform:rotate(-27deg)}
.journey-celestial-line.line-two{transform:rotate(35deg);opacity:.5}
.journey-date-utc{position:absolute;bottom:46px;left:24px;z-index:5;display:flex;flex-direction:column;gap:4px;padding:11px 14px;background:#081729cc;border:1px solid #6aabb244;border-radius:8px;backdrop-filter:blur(9px)}
.journey-date-utc span{font:9px 'DM Mono',monospace;color:#74cbbf;letter-spacing:1.2px}.journey-date-utc strong{font:11px 'DM Mono',monospace;color:#e1f7ff}
.journey-readouts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #315069;border-bottom:1px solid #315069;background:#0b1b2d}
.journey-readouts>div{min-width:0;padding:18px 17px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #2b4a5d}
.journey-readouts>div:last-child{border-right:0}.journey-readouts span{font:9px 'DM Mono',monospace;letter-spacing:1px;color:#84a6b9}
.journey-readouts strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#effaff;font-weight:700}
.journey-moon-readout i{height:3px;background:#315266;display:block;border-radius:4px;overflow:hidden}.journey-moon-readout em{height:100%;display:block;background:linear-gradient(90deg,#67c8f4,#80f2d9);width:50%;transition:width .8s}
.journey-bottom{padding:19px 26px;display:flex;align-items:center;gap:26px;justify-content:space-between;background:#091728}
.journey-rail{display:flex;align-items:center;gap:5px;min-width:0;flex:1;justify-content:space-between}
.journey-rail-stop{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:#708ca3;border:0;background:transparent;padding:0 4px 3px}
.journey-rail-stop:not(:last-child):after{content:'';position:absolute;height:1px;background:#456577;left:calc(50% + 16px);width:calc(100% - 25px);top:15px}
.journey-rail-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #486679;border-radius:50%;background:#10263b;color:#89a6b8;font:10px 'DM Mono',monospace;position:relative;z-index:1;transition:background .2s,box-shadow .2s}
.journey-rail-stop strong{font:10px 'DM Mono',monospace;white-space:nowrap}
.journey-rail-stop.active .journey-rail-number{background:#73f1dc;color:#092a2d;border-color:#a5fff1;box-shadow:0 0 22px #79f6df7a}
.journey-rail-stop.active strong{color:#a6fff0}.journey-rail-stop:hover .journey-rail-number{border-color:#a7f5e6}
.journey-nav-buttons{display:flex;gap:9px;flex-shrink:0}.journey-nav-buttons button{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:9px;background:#112b3b;border:1px solid #476679;color:#bcd6e5;font-size:11px;font-weight:700}
.journey-nav-buttons button:disabled{opacity:.32;cursor:not-allowed}.journey-nav-buttons .journey-next{background:#79efdb;color:#09292e;border-color:#79efdb;font-weight:800}
.journey-mobile-nav{display:none}
.journey-footer{display:flex;justify-content:space-between;gap:20px;padding:11px 26px;border-top:1px solid #263d4e;background:#081322;color:#67879e;font-size:9px;line-height:1.6}
.journey-footer span{max-width:50%}
@keyframes journey-pulse{50%{opacity:.45;box-shadow:0 0 3px #70ffdf}}
@keyframes journey-scan{to{transform:translateX(100%)}}
@keyframes journey-star-drift{to{transform:translate(115px,160px)}}
@keyframes journey-texture{to{background-position:250% center}}
@keyframes journey-clouds{50%{transform:rotate(22deg)}}
@keyframes journey-moon-orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1100px){.journey-readouts{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-readouts>div:nth-child(3){border-right:0}.journey-readouts>div:nth-child(-n+3){border-bottom:1px solid #29465a}.journey-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.journey-copy{padding:30px}.journey-copy h2{font-size:clamp(28px,3.5vw,43px)}.journey-bottom{flex-wrap:wrap}.journey-rail{flex:1 1 100%}}
@media(max-width:700px){.journey-mobile-nav{position:fixed;z-index:1010;bottom:0;left:0;right:0;display:flex;gap:10px;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#081b2cf2;border-top:1px solid #456b80;backdrop-filter:blur(20px);box-shadow:0 -12px 30px #0009}.journey-mobile-nav button{display:flex;justify-content:center;align-items:center;gap:10px;flex:1;padding:12px 10px;border-radius:9px;background:#102b3c;border:1px solid #4c7183;color:#d5e7f1;font-size:11px;font-weight:700}.journey-mobile-nav button:last-child{background:#79efdb;border-color:#79efdb;color:#09292e;font-weight:800}.journey-mobile-nav button:disabled{opacity:.32}.journey-shell{padding-bottom:66px}.journey-invitation{padding:19px}.journey-invitation-heading{align-items:start;flex-direction:column}.journey-invitation-main{width:100%}.journey-invitation-cards{grid-template-columns:1fr}.journey-invitation-card{min-height:95px}.journey-overlay{padding:0}.journey-shell{border-radius:0;border:0;min-height:100dvh}.journey-topbar{padding:0 13px;height:59px;gap:6px}.journey-top-brand strong{font-size:9px;letter-spacing:.5px}.journey-top-brand small{font-size:7px;letter-spacing:1px}.journey-brand-glyph{width:28px;height:28px}.journey-top-meta{margin-left:auto;font-size:9px}.journey-top-meta>span:not(.journey-status-dot){display:none}.journey-top-meta b{border:0;padding-left:0}.journey-top-actions{gap:5px}.journey-close{width:30px;height:30px}.journey-lang button{padding:5px}.journey-body{display:flex;flex-direction:column-reverse}.journey-stage{min-height:285px;border-left:0;border-bottom:1px solid #34536973}.journey-copy{padding:22px 19px}.journey-copy h2{font-size:31px;letter-spacing:-1.2px;margin:12px 0}.journey-copy>p#journeyDescription{line-height:1.75;margin-bottom:16px}.journey-year-wrap{top:30px}.journey-year-wrap strong{font-size:72px;letter-spacing:-5px}.journey-celestial{transform:translateY(28px)}.journey-sun{left:15%;top:42%;width:70px}.journey-earth{width:145px;left:60%;top:56%}.journey-moon-track{width:210px;left:60%;top:56%}.journey-date-utc{left:12px;bottom:29px;padding:6px 9px}.journey-date-utc strong{font-size:9px}.journey-stage-hud{left:13px;right:13px;top:10px}.journey-stage-bottom{left:13px;right:13px;bottom:7px;font-size:7px}.journey-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-readouts>div{padding:12px}.journey-readouts>div:nth-child(3){border-right:1px solid #29465a}.journey-readouts>div:nth-child(even){border-right:0}.journey-readouts>div:nth-child(-n+4){border-bottom:1px solid #29465a}.journey-readouts strong{font-size:11px}.journey-bottom{padding:16px 10px;gap:14px}.journey-rail{gap:0}.journey-rail-stop{padding:0 2px}.journey-rail-number{width:26px;height:26px;font-size:9px}.journey-rail-stop:not(:last-child):after{top:13px;left:calc(50% + 13px);width:calc(100% - 18px)}.journey-rail-stop strong{font-size:9px}.journey-nav-buttons{width:100%}.journey-nav-buttons button{flex:1;justify-content:center;padding:12px 10px}.journey-footer{padding:10px 16px;flex-direction:column;gap:5px}.journey-footer span{max-width:none}.journey-copy-actions{padding-top:14px}.journey-open-atlas,.journey-autoplay{font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-stage:after,.journey-stage-stars,.journey-sun span,.journey-earth,.journey-earth-clouds,.journey-moon-track,.journey-status-dot,.journey-pulse{animation:none!important}.journey-progress-track span{transition:none}}

/* ================================================================
   V4 · TIME CONTINUUM — extended navigation, era layers and history
   ================================================================ */
.journey-topbar{position:sticky;top:0;z-index:40;backdrop-filter:blur(22px);background:#08192aeF}
.journey-navigation{position:relative;padding:20px 27px 17px;border-bottom:1px solid #37617780;background:radial-gradient(ellipse at 95% 0,#164e6347,transparent 50%),linear-gradient(180deg,#0d2436,#081725);display:flex;flex-direction:column;gap:14px}
.journey-navigation:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.5%,#89d3ec08 50%,transparent 50.5%);background-size:36px 36px;opacity:.5}
.journey-nav-title,.journey-input-grid,.journey-scrub-row,.journey-navigation-status{position:relative;z-index:1}
.journey-nav-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.journey-nav-title>div:first-child{display:flex;flex-direction:column;gap:6px}
.journey-nav-title strong{font-size:12px;line-height:1.5;color:#d7eaf7;font-weight:600}
.journey-kicker-small{font:9px 'DM Mono',monospace;letter-spacing:1.6px;color:#70e4d3}
.journey-mode-switch{display:flex;gap:4px;padding:4px;border:1px solid #34596a;border-radius:10px;background:#071523;flex-shrink:0}
.journey-mode-switch button{padding:9px 13px;background:transparent;color:#94b0c3;border:0;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}
.journey-mode-switch button.active{background:#1e5258;color:#a7fff0;box-shadow:inset 0 0 0 1px #60d6c959}
.journey-input-grid{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(130px,1fr) 88px minmax(110px,1fr) auto auto;gap:9px;align-items:end}
.journey-input-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}
.journey-input-grid label span,.journey-scrub-row>label{font:9px 'DM Mono',monospace;letter-spacing:1.3px;color:#80a9bd}
.journey-input-grid input,.journey-input-grid select,.journey-scrub-row select{width:100%;height:44px;border:1px solid #3c667a;border-radius:8px;background:#061421;color:#f0fdff;padding:0 12px;font:700 14px 'DM Mono',monospace;color-scheme:dark;outline-offset:3px}
.journey-input-grid input:focus,.journey-input-grid select:focus,.journey-scrub-row select:focus{border-color:#82f7e3;box-shadow:0 0 0 3px #6aebd321}
.journey-input-year input{font-size:20px;font-weight:800;letter-spacing:-.5px}
.journey-go-button,.journey-utility-button{height:44px;padding:0 17px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}
.journey-go-button{display:flex;align-items:center;justify-content:space-between;gap:13px;background:linear-gradient(110deg,#82ffe3,#5ce5da);color:#052e35;border:1px solid #a0ffe9;box-shadow:0 0 28px #5bf5dd28}
.journey-go-button span:last-child{font-size:17px}
.journey-utility-button{background:#10293a;border:1px solid #40697a;color:#d0e5f1}
.journey-utility-button:hover,.journey-scrub-row button:hover{border-color:#84dacf;color:#a8fff2}
.journey-scrub-row{display:flex;gap:8px;align-items:center;min-width:0}
.journey-scrub-row select{max-width:175px;height:35px;font:11px Manrope,sans-serif;font-weight:700}
.journey-scrub-row button{height:32px;min-width:42px;padding:0 7px;border:1px solid #3b6073;border-radius:7px;background:#102538;color:#c2e2ec;font:10px 'DM Mono',monospace}
.journey-scrub-row input[type=range]{flex:1;min-width:70px;accent-color:#7cf5e1;cursor:pointer}
.journey-scrub-row #journeyRangeCaption{font:10px 'DM Mono',monospace;color:#9dc5d0;white-space:nowrap;min-width:124px;text-align:right}
.journey-navigation-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:#80a6ba;line-height:1.6}
.journey-navigation-status #journeyYearExplanation{color:#d1f8f1}
.journey-navigation-status #journeyNavError{color:#ffd49c;max-width:100%;overflow-wrap:anywhere}
.journey-year-wrap strong{letter-spacing:-5px;font-size:clamp(65px,8vw,132px);white-space:nowrap}
.journey-year-wrap small{font:10px 'DM Mono',monospace;letter-spacing:1px;color:#d0ecffb5;margin-top:5px}
.journey-stage[data-era=prehistory]{background:radial-gradient(ellipse at 50% 44%,#3c345583,transparent 53%),radial-gradient(ellipse at 86% 88%,#412b5270,transparent 60%),linear-gradient(130deg,#0a172a,#070b19)}
.journey-stage[data-era=antiquity]{background:radial-gradient(ellipse at 60% 42%,#65432b4a,transparent 57%),linear-gradient(130deg,#13243b,#0b111f)}
.journey-stage[data-era=future]{background:radial-gradient(ellipse at 50% 42%,#1a607d78,transparent 54%),linear-gradient(140deg,#061c34,#070c21)}
.journey-stage[data-precision=symbolic] .journey-celestial{filter:saturate(.8)}
.journey-stage[data-precision=symbolic] .journey-year-wrap strong{color:#dbf5ff20;-webkit-text-stroke:1px #d5f9ff86}
.journey-stage.is-jumping .journey-celestial{filter:blur(1.3px) brightness(1.3);transition:filter .35s}
.journey-stage .journey-orbit.orbit-b{animation:journey-orbit-breathe 12s ease-in-out infinite alternate}
@keyframes journey-orbit-breathe{to{border-color:#8cf6df59;box-shadow:0 0 35px #6be6d915}}
.journey-custom-box{max-width:600px;background:#122f3d9c;border-color:#67b3b553;color:#b7e5e5;font-size:11px;line-height:1.6}
.journey-custom-box>span{display:block}
.journey-custom-box input[hidden],.journey-custom-box button[hidden]{display:none!important}
.journey-readouts>div{background:linear-gradient(180deg,#0b1d30,#0a1929)}
.journey-history{padding:24px 26px 25px;background:linear-gradient(180deg,#081728,#071321);border-top:1px solid #355d76}
.journey-history-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}
.journey-history-head h3{font-size:clamp(18px,1.7vw,25px);margin:7px 0 6px;letter-spacing:-.6px;color:#f0faff}
.journey-history-head p{font-size:11px;color:#92adbf;line-height:1.6;margin:0}
.journey-event-filters{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.journey-event-filters button{border:1px solid #365668;border-radius:20px;background:#0e2335;color:#a0baca;padding:8px 12px;font-size:10px;font-weight:700;white-space:nowrap}
.journey-event-filters button.active{background:#1b5153;color:#a2fff0;border-color:#6dd9cb}
.journey-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.journey-event-card{display:flex;flex-direction:column;align-items:stretch;gap:11px;min-height:190px;text-align:left;background:radial-gradient(ellipse at 100% 0,#1c3d5152,transparent 62%),#0c2032;border:1px solid #3d5b7180;border-radius:13px;padding:17px 17px 15px;color:#d6e8f4;transition:transform .2s,border-color .2s,background .2s;position:relative;overflow:hidden}
.journey-event-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#74f5dd,#72b0f2);opacity:.5}
.journey-event-card:hover,.journey-event-card:focus-visible{transform:translateY(-2px);border-color:#8cf6dfb8;background:#123047}
.journey-event-card.in-year{border-color:#77e5d2;background:linear-gradient(150deg,#153e46,#0b2439)}
.journey-event-meta{display:flex;align-items:center;justify-content:space-between;gap:7px}
.journey-event-meta strong{font:700 11px 'DM Mono',monospace;color:#7df6df}
.journey-event-meta span{font:9px 'DM Mono',monospace;color:#91a9bf;text-align:right}
.journey-event-card h4{font-size:14px;line-height:1.35;color:#f2faff;margin:0;font-weight:800;letter-spacing:-.15px}
.journey-event-card p{font-size:11px;line-height:1.65;color:#9db6c8;margin:0;flex:1}
.journey-event-distance{font:10px 'DM Mono',monospace;color:#78c9d5;margin-top:auto}
.journey-history-note{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:10px;color:#819eae;line-height:1.6}
.journey-history-note span:first-child{max-width:70%}
.journey-footer a{color:#91f2df;text-decoration:underline;text-underline-offset:3px}
.journey-shell{max-width:1560px}
.journey-topbar .journey-top-meta b{font-size:11px}
.journey-bottom{border-top:1px solid #294c60}
@media(max-width:1100px){
  .journey-input-grid{grid-template-columns:1.5fr 1fr 75px 1fr;gap:9px}
  .journey-input-grid .journey-utility-button{grid-row:2}
  .journey-input-grid .journey-utility-button:nth-last-child(2){grid-column:3}
  .journey-input-grid .journey-utility-button:last-child{grid-column:4}
  .journey-scrub-row{flex-wrap:wrap}
  .journey-scrub-row input[type=range]{flex-basis:30%}
  .journey-events{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-history-head{align-items:start;flex-direction:column}
}
@media(max-width:700px){
  .journey-topbar{top:0}
  .journey-navigation{padding:14px 14px 12px;gap:12px}
  .journey-nav-title{flex-direction:column;align-items:stretch;gap:12px}
  .journey-nav-title strong{font-size:11px}
  .journey-mode-switch{width:100%}.journey-mode-switch button{flex:1}
  .journey-input-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 68px;gap:7px}
  .journey-input-grid label span{font-size:8px;letter-spacing:.5px}
  .journey-input-grid input,.journey-input-grid select{height:43px;padding:0 8px;font-size:12px}
  .journey-input-year input{font-size:18px}
  .journey-go-button{grid-column:1 / 2;justify-content:center;height:41px}
  .journey-input-grid .journey-utility-button:nth-last-child(2){grid-column:2;grid-row:auto}
  .journey-input-grid .journey-utility-button:last-child{grid-column:3;grid-row:auto}
  .journey-utility-button{padding:0 7px;height:41px;font-size:10px}
  .journey-scrub-row{gap:6px;justify-content:space-between}
  .journey-scrub-row>label{width:43px;font-size:8px}
  .journey-scrub-row select{max-width:none;flex:1}
  .journey-scrub-row button{min-width:0;flex:1;font-size:9px}
  .journey-scrub-row input[type=range]{order:10;flex:1 1 100%;width:100%;height:24px}
  .journey-scrub-row #journeyRangeCaption{order:11;flex:1;text-align:center}
  .journey-navigation-status{flex-direction:column;gap:4px;font-size:9px}
  .journey-year-wrap{top:23px}.journey-year-wrap strong{font-size:clamp(52px,16vw,85px);letter-spacing:-3px}.journey-year-wrap small{font-size:8px}
  .journey-stage{min-height:310px}.journey-celestial{transform:translateY(45px)}
  .journey-date-utc{bottom:33px}
  .journey-history{padding:20px 14px}
  .journey-history-head h3{font-size:19px}
  .journey-event-filters{justify-content:flex-start}
  .journey-event-filters button{font-size:9px;padding:7px 9px}
  .journey-events{grid-template-columns:1fr}
  .journey-event-card{min-height:0;padding:14px;gap:7px}
  .journey-event-card h4{font-size:13px}.journey-event-card p{font-size:11px}
  .journey-history-note{flex-direction:column;gap:6px}
  .journey-history-note span:first-child{max-width:none}
  .journey-footer{padding-bottom:75px}
}
@media(prefers-reduced-motion:reduce){.journey-stage .journey-orbit.orbit-b{animation:none}.journey-event-card{transition:none}}

@media(min-width:1101px){.journey-invitation-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.journey-invitation-card{padding:16px 13px}.journey-invitation-card strong{font-size:25px}}
@media(min-width:701px) and (max-width:1100px){.journey-invitation-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

.journey-event-item{display:flex;flex-direction:column;min-width:0}
.journey-event-item .journey-event-card{flex:1;width:100%}
.journey-event-source{display:inline-flex;align-self:flex-start;color:#80d8dc;font:10px 'DM Mono',monospace;margin:8px 0 0 5px;text-decoration:underline;text-underline-offset:3px}

.journey-time-precision{position:relative;z-index:1;align-self:flex-start;color:#9cc5d3;font-size:10px}
.journey-time-precision summary{cursor:pointer;color:#82d9d2;font:10px 'DM Mono',monospace;list-style-position:inside}
.journey-time-precision>div{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding-top:10px}
.journey-time-precision label{display:flex;flex-direction:column;gap:5px;color:#89b3c4;font:9px 'DM Mono',monospace}
.journey-time-precision input{height:35px;width:75px;border:1px solid #426b7c;border-radius:7px;background:#061725;color:#eafffa;padding:0 9px;font:12px 'DM Mono',monospace;color-scheme:dark}
.journey-time-precision>div>span{font-size:10px;color:#8ca6ba;padding-bottom:7px}

.journey-time-playback{display:flex;align-items:center;gap:11px;flex-wrap:wrap;position:relative;z-index:1}
.journey-time-playback button{padding:10px 14px;border:1px solid #66d6c7;border-radius:8px;background:#153b42;color:#9ffff0;font-size:11px;font-weight:800}
.journey-time-playback button[aria-pressed=true]{background:#79f0da;color:#0a2730}
.journey-time-playback label{font:9px 'DM Mono',monospace;color:#8bb3c3;letter-spacing:1px}
.journey-time-playback select{background:#081b2d;color:#def7f8;border:1px solid #426579;border-radius:7px;height:35px;padding:0 10px;font:10px 'DM Mono',monospace;color-scheme:dark}
.journey-time-playback>span{font-size:10px;color:#86a6b8}
@media(max-width:700px){.journey-time-playback{gap:8px}.journey-time-playback>span{width:100%}}

.journey-scrub-row input[type=range]{appearance:none;-webkit-appearance:none;height:5px;border-radius:9px;background:linear-gradient(90deg,#76f1dc 0 var(--range-fill,50%),#24495d var(--range-fill,50%) 100%);box-shadow:0 0 12px #54dfc81b}
.journey-scrub-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#c4fff3;border:3px solid #0d4b55;box-shadow:0 0 0 3px #78f3db33,0 0 17px #65e9d9b0;cursor:grab}
.journey-scrub-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#c4fff3;border:3px solid #0d4b55;box-shadow:0 0 0 3px #78f3db33;cursor:grab}