.bb{--bb-ink:#ececea;--bb-soft:#9a9a9a;--bb-dim:#5c5c5c;--bb-red:#ff6b57;--bb-mono:var(--font-mono),ui-monospace,"SF Mono",Menlo,monospace;--bb-serif:var(--font-serif),Georgia,serif;position:relative;background:#000;color:var(--bb-ink);min-height:100vh}.bb-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:#000}.bb-fallback{position:fixed;inset:0;display:grid;place-items:center;padding:32px;text-align:center;font-family:var(--bb-serif);color:var(--bb-soft)}.bb-mono{font-family:var(--bb-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}.bb-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:baseline;padding:18px 22px;pointer-events:none}.bb-nav a{pointer-events:auto;color:var(--bb-soft);text-decoration:none;transition:color .16s}.bb-nav a:hover{color:var(--bb-ink)}.bb-readout{position:fixed;top:54px;right:22px;z-index:20;padding:12px 14px;border-radius:8px;background:rgba(0,0,0,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:max-content;display:grid;grid-template-columns:auto auto;column-gap:14px;row-gap:6px;text-align:right;font-family:var(--bb-mono);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;pointer-events:none}.bb-readout dt{color:var(--bb-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px;align-self:baseline}.bb-readout dd{margin:0;color:var(--bb-ink);white-space:nowrap}.bb-chapters{position:fixed;left:0;right:0;bottom:0;top:0;z-index:10;pointer-events:none}.bb-chapter{position:absolute;left:22px;bottom:100px;max-width:480px;padding:18px 22px 20px;border-radius:10px;background:rgba(0,0,0,.46);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);opacity:0;transform:translateY(8px);will-change:opacity,transform}.bb-fade{position:fixed;left:0;right:0;z-index:5;pointer-events:none}.bb-fade-top{top:0;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.bb-fade-bottom{bottom:0;height:150px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.bb-chapter .bb-kicker{color:var(--bb-red);margin-bottom:14px}.bb-chapter h2{font-family:var(--bb-serif);font-weight:300;letter-spacing:-.02em;line-height:1.02;font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 16px}.bb-chapter p{font-family:var(--bb-serif);font-size:1.08rem;line-height:1.55;color:#d4d4d2;margin:0;text-shadow:0 1px 14px rgba(0,0,0,.9)}.bb-chapter[data-first]{max-width:780px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.bb-chapter[data-first] h2{font-size:clamp(3rem,8vw,6rem)}.bb-hint{margin-top:22px;color:var(--bb-soft)}.bb-timeline{position:fixed;left:22px;right:22px;bottom:26px;z-index:20;height:44px}.bb-track{position:absolute;left:0;right:0;top:22px;height:1px;background:#3a3a3a}.bb-tick{position:absolute;top:12px;width:1px;height:20px;margin-left:-.5px;background:#555;border:0;padding:0;cursor:pointer}.bb-tick:before{content:"";position:absolute;inset:-10px -8px}.bb-tick span{position:absolute;top:24px;left:50%;transform:translateX(-50%)}.bb-tick[data-edge=start] span{left:0;transform:none}.bb-tick[data-edge=end] span{left:auto;right:0;transform:none}.bb-tick span{white-space:nowrap;color:var(--bb-dim);transition:color .16s}.bb-tick:hover span,.bb-tick[data-on] span{color:var(--bb-ink)}.bb-tick[data-on]{background:var(--bb-ink)}.bb-marker{position:absolute;top:16px;width:7px;height:13px;margin-left:-3.5px;border-radius:2px;background:var(--bb-red);box-shadow:0 0 10px rgba(255,107,87,.7);pointer-events:none}.bb-spacer{position:relative;z-index:1;pointer-events:none}.bb-end{position:relative;z-index:15;background:linear-gradient(180deg,transparent,#000 35%);padding:22vh 22px 48px}.bb-end .bb-column{max-width:620px;margin:0 auto}.bb-end p{font-family:var(--bb-serif);font-size:1.05rem;line-height:1.6;color:var(--bb-soft);margin:0 0 18px}.bb-end a{color:var(--bb-ink);text-decoration:underline;text-decoration-color:#444;text-underline-offset:3px}.bb-end a:hover{text-decoration-color:var(--bb-red)}@media (max-width:720px){.bb-readout{top:auto;bottom:76px;right:16px;left:auto;grid-template-columns:auto;row-gap:2px;font-size:10.5px}.bb-readout dt{display:none}.bb-chapter{left:12px;bottom:112px;max-width:calc(100% - 24px);padding:14px 16px 16px}.bb-chapter h2{font-size:2rem;margin-bottom:10px}.bb-chapter[data-first] h2{font-size:2.8rem}.bb-readout{bottom:auto;top:46px;right:12px;padding:8px 10px}.bb-chapter p{font-size:.98rem}.bb-timeline{left:16px;right:16px}.bb-tick span{display:none}.bb-tick[data-on] span{display:block}}@media (prefers-reduced-motion:reduce){.bb-chapter{transition:none}}