.jrn-band{--bg:var(--color-surface);--heading:var(--color-foreground);--text:var(--brand-body-text);--primary:var(--color-primary,#db1374);--primary-text:#db1374;--hairline:rgba(20,30,45,0.14);--ring:rgba(20,30,45,0.1);--rail-track:color-mix(in srgb,var(--heading) 14%,transparent);--node-bg:color-mix(in srgb,var(--heading) 6%,transparent);--node-ring:color-mix(in srgb,var(--heading) 15%,transparent);--node-fg:color-mix(in srgb,var(--heading) 62%,transparent);--panel-bg:radial-gradient(130% 130% at 50% -20%,var(--color-background) 0%,var(--color-background) 58%,color-mix(in srgb,var(--color-background) 94%,var(--color-foreground)) 100%);--sh-panel:0 0 64px -12px color-mix(in srgb,var(--primary) 26%,transparent),0 2px 6px rgba(32,61,80,0.06),0 30px 80px -26px rgba(32,61,80,0.3);--bloom-a:0.09;--spot-a:0.14;--f-display:var(--font-display,"Segoe UI",system-ui,sans-serif);--f-body:var(--font-body,"Quicksand",system-ui,sans-serif);--f-mono:var(--font-mono,"JetBrains Mono","SFMono-Regular",Consolas,monospace);--gap:20px;--node:52px;--phase-h:0px;position:relative;isolation:isolate;background:var(--bg);color:var(--text);font-family:var(--f-body);padding-block:clamp(56px,10vw,152px);overflow-x:clip}html[data-theme=dark] .jrn-band{--bg:var(--color-background);--primary-text:#f25fa6;--hairline:rgba(255,255,255,0.14);--ring:rgba(255,255,255,0.08);--rail-track:rgba(255,255,255,0.16);--node-bg:rgba(255,255,255,0.06);--node-ring:rgba(255,255,255,0.14);--node-fg:rgba(255,255,255,0.68);--panel-bg:radial-gradient(130% 130% at 50% -20%,color-mix(in srgb,var(--color-surface) 92%,var(--color-foreground)) 0%,var(--color-surface) 52%,color-mix(in srgb,var(--color-surface) 88%,var(--color-background)) 100%);--sh-panel:0 0 72px -14px color-mix(in srgb,var(--primary) 34%,transparent),0 2px 6px rgba(0,0,0,0.45),0 30px 80px -26px rgba(0,0,0,0.7);--bloom-a:0.2;--spot-a:0.22}.jrn-band:after,.jrn-band:before{content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(to right,transparent,var(--hairline),transparent)}.jrn-band:before{top:0}.jrn-band:after{bottom:0}.jrn-wrap{position:relative;width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(20px,4.2vw,64px)}.jrn-bloom{position:absolute;z-index:-1;left:50%;bottom:6%;width:min(58rem,88%);aspect-ratio:3.4/1;translate:-50% 0;border-radius:9999px;background:var(--primary);opacity:var(--bloom-a);filter:blur(96px);pointer-events:none}.jrn-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(44px,6.5vw,104px)}.jrn-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(20px,2.4vw,30px);padding:8px 16px 8px 11px;border-radius:999px;background:color-mix(in srgb,var(--heading) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--heading) 16%,transparent);color:var(--heading);font-family:var(--f-mono);font-size:.6875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.jrn-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.jrn-h2{margin:0;max-width:24ch;font-family:var(--f-display);font-weight:700;color:var(--heading);font-size:clamp(2rem,1.3rem + 2.9vw,3.5rem);line-height:1.05;letter-spacing:-.032em;text-transform:lowercase;text-wrap:balance}.jrn-lede{margin:clamp(16px,1.8vw,24px) 0 0;max-width:54ch;font-family:var(--f-body);font-weight:400;font-size:clamp(1.0625rem,.95rem + .55vw,1.3125rem);line-height:1.6;letter-spacing:-.004em;color:var(--text);text-wrap:pretty}.jrn-stage{position:relative;border-radius:28px;background:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--ring),var(--sh-panel);padding:clamp(28px,3.4vw,52px) clamp(20px,2.8vw,44px) clamp(30px,3.6vw,54px);overflow:hidden}.jrn-stage:before{inset:0 0 auto;height:140px;background:linear-gradient(to bottom,var(--card-sheen),transparent)}.jrn-stage:after,.jrn-stage:before{content:"";position:absolute;z-index:1;pointer-events:none}.jrn-stage:after{top:0;left:36px;right:36px;height:1px;background:linear-gradient(to right,transparent,var(--card-hairline),transparent)}.jrn-spot{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease-out;background:radial-gradient(260px 260px at var(--jrn-x,50%) var(--jrn-y,50%),color-mix(in srgb,var(--primary) 42%,transparent) 0,transparent 68%)}.jrn-stage[data-spot="1"] .jrn-spot{opacity:var(--spot-a)}.jrn-inner{position:relative;z-index:2}.jrn-band [data-phase=before]{--ph:#db1374;--ph-deep:#a00c55;--ph-ink:#c0106a}.jrn-band [data-phase=during]{--ph:#43aaad;--ph-deep:#267679;--ph-ink:#1d7174}.jrn-band [data-phase=after]{--ph:#f28c00;--ph-deep:#b85a00;--ph-ink:#9f4e00}html[data-theme=dark] .jrn-band [data-phase=before]{--ph-ink:#f472b0}html[data-theme=dark] .jrn-band [data-phase=during]{--ph-ink:#74d3d6}html[data-theme=dark] .jrn-band [data-phase=after]{--ph-ink:#ffb54f}.jrn-phases{display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap);margin-bottom:30px}.jrn-phase{display:flex;flex-direction:column;align-items:center;gap:12px}.jrn-inline-phase,.jrn-phase-name{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 14px 6px 10px;border-radius:999px;background:color-mix(in srgb,var(--ph) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ph) 26%,transparent);color:var(--ph-ink);font-family:var(--f-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em;line-height:1;text-transform:lowercase}.jrn-inline-phase:before,.jrn-phase-name i{content:"";width:8px;height:8px;border-radius:50%;background:var(--ph);box-shadow:0 0 0 3px color-mix(in srgb,var(--ph) 24%,transparent)}.jrn-bracket{position:relative;width:100%;height:7px;border:1.5px solid color-mix(in srgb,var(--ph) 42%,transparent);border-bottom:0;border-radius:6px 6px 0 0}.jrn-steps{grid-template-columns:1fr;margin:0;padding:0;list-style:none}.jrn-step,.jrn-steps{position:relative;display:grid}.jrn-step{--lit:1;grid-template-columns:var(--node) minmax(0,1fr);-moz-column-gap:18px;column-gap:18px;row-gap:14px;align-items:start;padding-bottom:34px}.jrn-steps>.jrn-step:last-child{padding-bottom:0}.jrn-band[data-anim=on] .jrn-step{--lit:0}.jrn-body{padding-top:4px}.jrn-body,.jrn-moment{grid-column:2;min-width:0}@media (min-width:640px){.jrn-step{grid-template-columns:var(--node) minmax(0,1fr) minmax(0,250px);-moz-column-gap:24px;column-gap:24px;align-items:center}.jrn-body,.jrn-moment{grid-column:auto}}.jrn-seg{position:absolute;left:calc(var(--node) / 2 - 1.5px);top:var(--node);width:3px;height:calc(100% - var(--node));border-radius:3px;background:var(--rail-track);pointer-events:none}.jrn-steps>.jrn-step:last-child .jrn-seg{display:none}.jrn-seg-fill{position:absolute;inset:0;border-radius:inherit;background:var(--ph);box-shadow:0 0 12px 1px color-mix(in srgb,var(--ph) 55%,transparent);transform-origin:50% 0}.jrn-node{position:relative;z-index:2;width:var(--node);height:var(--node);border-radius:18px 18px 18px 6px;display:grid;place-items:center;background:color-mix(in srgb,var(--ph) 9%,var(--color-background));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ph) 30%,transparent),0 10px 24px -14px color-mix(in srgb,var(--ph) 60%,transparent);transition:translate .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease-out}.jrn-node-solid{position:absolute;inset:0;border-radius:inherit;opacity:var(--lit);background:radial-gradient(120% 90% at 30% 10%,rgba(255,255,255,.35),transparent 55%),linear-gradient(145deg,var(--ph),var(--ph-deep));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 30px -12px color-mix(in srgb,var(--ph) 75%,transparent)}.jrn-node-ico{position:relative;color:color-mix(in srgb,#fff calc(var(--lit) * 100%),var(--ph-ink))}.jrn-node-num{position:absolute;top:-9px;right:-11px;min-width:26px;padding:3px 6px;border-radius:999px;background:var(--color-background);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ph) 30%,transparent),0 4px 10px -4px rgba(32,61,80,.3);color:var(--ph-ink);font-family:var(--f-mono);font-size:.625rem;font-weight:700;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums}.jrn-node-ring{inset:0;border-radius:inherit;border:2px solid var(--ph)}.jrn-comet,.jrn-node-ring{position:absolute;opacity:0;pointer-events:none}.jrn-comet{z-index:3;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--ph,#db1374),0 0 0 9px color-mix(in srgb,var(--ph,#db1374) 22%,transparent),0 0 30px 10px color-mix(in srgb,var(--ph,#db1374) 55%,transparent);visibility:hidden;transition:box-shadow .3s ease-out}.jrn-inline-phase{margin:0 0 10px;font-size:.8125rem;padding:5px 12px 5px 9px}.jrn-title{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(1.25rem,1.1rem + .45vw,1.5rem);line-height:1.12;letter-spacing:-.025em;text-transform:lowercase;color:var(--heading);transition:color .3s ease-out}.jrn-line{margin:6px 0 0;font-weight:400;font-size:.9688rem;line-height:1.6;color:var(--text);text-wrap:pretty}.jrn-line,.jrn-moment{font-family:var(--f-body)}.jrn-moment{position:relative;padding:12px 14px;border-radius:16px;background:var(--color-background);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ph) 20%,var(--ring)),inset 0 1px 0 rgba(255,255,255,.6),0 18px 36px -24px color-mix(in srgb,var(--ph) 70%,transparent);font-size:.8125rem;font-weight:600;line-height:1.3;color:var(--heading);transition:translate .35s cubic-bezier(.2,.7,.3,1)}.jrn-moment:before{content:"";position:absolute;top:0;left:16px;right:16px;height:2px;border-radius:0 0 2px 2px;background:var(--ph);opacity:.75}html[data-theme=dark] .jrn-moment{background:color-mix(in srgb,var(--color-surface) 80%,var(--color-background));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ph) 30%,transparent),0 18px 36px -24px rgba(0,0,0,.8)}.jrn-moment b{font-weight:700;color:var(--ph-ink)}.jm-chat,.jm-list,.jm-meet,.jm-slots{display:flex;flex-direction:column;gap:7px}.jm-bub{max-width:92%;padding:6px 10px;border-radius:12px 12px 12px 4px;background:color-mix(in srgb,var(--heading) 7%,transparent);font-weight:600;width:-moz-fit-content;width:fit-content}.jm-bub.jm-out{align-self:flex-end;border-radius:12px 12px 4px 12px;background:linear-gradient(145deg,var(--ph),var(--ph-deep));color:#fff}.jm-k{font-size:.75rem;font-weight:700;color:color-mix(in srgb,var(--heading) 58%,transparent);text-transform:lowercase}.jm-row{display:flex;flex-wrap:wrap;gap:6px}.jm-row i{font-style:normal;padding:5px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--heading) 16%,transparent);font-variant-numeric:tabular-nums}.jm-row i.on{background:linear-gradient(145deg,var(--ph),var(--ph-deep));box-shadow:0 6px 14px -6px color-mix(in srgb,var(--ph) 70%,transparent);color:#fff}.jm-check{display:flex;align-items:center;gap:7px}.jm-check svg{flex:none;box-sizing:content-box;padding:3px;border-radius:50%;background:var(--ph);color:#fff}.jm-live{display:flex;align-items:center;gap:8px}.jm-live i{width:9px;height:9px;border-radius:50%;background:var(--ph);box-shadow:0 0 0 0 color-mix(in srgb,var(--ph) 55%,transparent);animation:jm-live 1.8s ease-out infinite}@keyframes jm-live{to{box-shadow:0 0 0 9px color-mix(in srgb,var(--ph) 0%,transparent)}}.jm-stars{display:flex;gap:3px;color:var(--ph)}.jm-stars svg{fill:currentColor}@media (hover:hover) and (pointer:fine){.jrn-step:hover .jrn-node{translate:0 -3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ph) 30%,transparent),0 18px 34px -12px color-mix(in srgb,var(--ph) 75%,transparent)}.jrn-step:hover .jrn-title{color:var(--ph-ink)}.jrn-step:hover .jrn-moment{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.jm-live i{animation:none}}@media (min-width:1200px){.jrn-band{--gap:22px;--node:56px}.jrn-phases{display:grid}.jrn-steps{grid-template-columns:repeat(6,minmax(0,1fr));-moz-column-gap:var(--gap);column-gap:var(--gap);align-items:stretch}.jrn-step{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-bottom:0}.jrn-body{padding-top:0;margin:22px 0 20px}.jrn-moment{width:100%;margin-top:auto}.jrn-seg{left:var(--node);top:calc(var(--node) / 2 - 1.5px);width:calc(100% - var(--node) + var(--gap));height:3px}.jrn-seg-fill{transform-origin:0 50%}.jrn-inline-phase{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.jrn-line{font-size:.9375rem;line-height:1.6}}