:root {
  color-scheme: dark;
  --canvas: #101015;
  --canvas-deep: #0b0b0f;
  --paper: #e9e6ec;
  --text: #e9e6ec;
  --ink: #111116;
  --muted: #aaa4b2;
  --line: rgba(233, 230, 236, .16);
  --line-strong: rgba(233, 230, 236, .32);
  --violet: #b58aff;
  --pink: #ff8cdd;
  --lime: #d2ff92;
  --bar: rgba(16, 16, 21, .8);
  --track: rgba(233, 230, 236, .18);
  --selection: #d2ff92;
}

:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --canvas-deep: #ffffff;
  --paper: #ffffff;
  --text: #17141c;
  --ink: #17141c;
  --muted: #615b68;
  --line: rgba(23, 20, 28, .16);
  --line-strong: rgba(23, 20, 28, .33);
  --violet: #7444b9;
  --pink: #bb3f91;
  --lime: #4d680d;
  --bar: rgba(255, 255, 255, .92);
  --track: rgba(23, 20, 28, .2);
  --selection: #c7f57d;
}

* { box-sizing: border-box; }
html { overflow-x: clip; background: var(--canvas-deep); scroll-behavior: smooth; scrollbar-color: var(--violet) var(--canvas-deep); scrollbar-width: thin; }
body { min-width: 320px; margin: 0; overflow-x: clip; background: var(--canvas-deep); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.66; }
body.entry-pending { overflow: hidden; }
main, .paper-footer { position: relative; z-index: 1; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { border-left: 1px solid var(--line); background: var(--canvas-deep); }
::-webkit-scrollbar-thumb { min-height: 48px; border: 3px solid var(--canvas-deep); border-radius: 999px; background: linear-gradient(180deg, #00f5ff 0%, #008cff 27%, #6e32ff 53%, #a000ff 75%, #ff00dc 100%); }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #71fbff 0%, #3ca7ff 27%, #9a73ff 53%, #d657ff 75%, #ff71e8 100%); }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .19em; }
button, input { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--selection); color: var(--ink); }
.skip-link { position: fixed; z-index: 20; top: -4rem; left: 1rem; padding: .6rem .8rem; background: var(--lime); color: var(--ink); font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 1rem; }
.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; }
.galaxy-render { position: fixed; z-index: 0; inset: 0; display: block; width: 100vw; height: 100svh; pointer-events: none; opacity: 0; transition: opacity 1.2s ease; }
html.galaxy-live .galaxy-render { opacity: .84; }
:root[data-theme="light"].galaxy-live .galaxy-render { opacity: .16; }
:root[data-theme="light"] .galaxy-render { display: none; }
:root[data-theme="light"] .cover::before,
:root[data-theme="light"] .cover::after { display: none; }
.entry-gate { position: fixed; z-index: 30; inset: 0; display: grid; place-items: center; background: rgba(9, 8, 14, .46); backdrop-filter: blur(13px) saturate(.8); -webkit-backdrop-filter: blur(13px) saturate(.8); transition: opacity .75s ease, visibility .75s ease, backdrop-filter .75s ease; }
.entry-gate::before { position: absolute; inset: 0; background: radial-gradient(circle at center, transparent 0 14%, rgba(7,7,11,.15) 37%, rgba(7,7,11,.5) 100%); content: ""; pointer-events: none; }
.entry-gate.is-leaving { opacity: 0; visibility: hidden; backdrop-filter: blur(0) saturate(1); -webkit-backdrop-filter: blur(0) saturate(1); }
.entry-prompt { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; }
.entry-logo { display: block; width: min(280px, 62vw); height: auto; filter: drop-shadow(0 10px 26px rgba(0,0,0,.35)); }
.entry-button { padding: .45rem .1rem; border: 0; background: transparent; color: var(--text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8rem; font-weight: 600; letter-spacing: .08em; transition: color .2s, transform .2s; }
.entry-button b { color: var(--lime); }
.entry-button:hover, .entry-button:focus-visible { color: var(--pink); outline: 0; transform: translateX(4px); }

.reading-bar { position: fixed; z-index: 10; top: 0; left: 0; right: 0; display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 1.2rem; padding: .65rem max(24px, calc((100vw - 1240px) / 2)); border-bottom: 1px solid transparent; background: var(--bar); backdrop-filter: blur(18px); transition: border-color .28s, background .28s; }
.reading-bar.is-scrolled { border-color: var(--line); }
.bar-logo { display: block; width: 138px; opacity: 0; pointer-events: none; transform: translateY(-11px); transition: opacity .34s ease, transform .34s ease; }
.reading-bar.is-scrolled .bar-logo { opacity: 1; pointer-events: auto; transform: translateY(0); }
.bar-logo img { display: block; width: 100%; height: auto; }
.bar-actions, .audio-player { display: flex; align-items: center; }
.bar-actions { gap: .85rem; margin-left: auto; }
.audio-player { width: min(405px, 38vw); gap: .55rem; }
.play-button { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; padding: 0; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; color: var(--text); }
.play-button:hover, .play-button:focus-visible { border-color: var(--pink); color: var(--pink); }
.pause-icon { display: block; width: 7px; height: 10px; border-right: 2px solid currentColor; border-left: 2px solid currentColor; }
.play-button.is-paused .pause-icon { width: 0; height: 0; margin-left: 2px; border-top: 5px solid transparent; border-right: 0; border-bottom: 5px solid transparent; border-left: 7px solid currentColor; }
.range-wrap { flex: 1; min-width: 45px; }
.volume-wrap { display: flex; width: 82px; align-items: center; gap: .35rem; }
.volume-glyph { color: var(--muted); font-size: .95rem; }
input[type="range"] { width: 100%; height: 14px; margin: 0; accent-color: var(--violet); cursor: pointer; }
.mute-button, .theme-toggle { padding: .2rem; border: 0; background: transparent; color: var(--muted); font-size: .61rem; font-weight: 650; letter-spacing: .09em; line-height: 1; text-transform: uppercase; }
.mute-button:hover, .mute-button:focus-visible, .theme-toggle:hover, .theme-toggle:focus-visible { color: var(--text); }
.download-button { display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; border: 1px solid transparent; border-radius: 50%; color: var(--muted); }
.download-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.download-button:hover, .download-button:focus-visible { border-color: var(--pink); color: var(--pink); outline: 0; }
.player-status { position: absolute; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); }
.theme-toggle { display: flex; align-items: center; gap: .35rem; padding-left: .75rem; border-left: 1px solid var(--line); }
.theme-toggle-icon { font-size: .95rem; }

.cover { position: relative; z-index: 0; display: grid; min-height: 100svh; overflow: visible; place-items: center; padding: 7.5rem max(24px, calc((100vw - 960px) / 2)) 4rem; }
.cover::before, .cover::after { position: absolute; width: min(75vw, 1000px); aspect-ratio: 1; border: 1px solid rgba(181, 138, 255, .18); border-radius: 50%; content: ""; pointer-events: none; }
.cover::before { top: -43%; right: -15%; box-shadow: inset 0 0 130px rgba(181,138,255,.1); }
.cover::after { bottom: -62%; left: -25%; border-color: rgba(255, 140, 221, .15); }
.cover-mark { display: none; }
.cover-inner { position: relative; z-index: 1; display: flex; width: 100%; flex-direction: column; gap: clamp(1.4rem, 2.6vw, 2.25rem); justify-content: center; transform: translateY(-1.2rem); }
.cover-logo { display: block; width: 100%; max-width: 930px; height: auto; filter: drop-shadow(0 15px 42px rgba(0,0,0,.25)); }
.cover-copy { max-width: 530px; }
.cover-kicker { margin: 0 0 .8rem; }
.cover h1 { margin: 0; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: clamp(2rem, 3.2vw, 3.15rem); font-weight: 480; letter-spacing: -.055em; line-height: 1.02; }
.cover h1 em { display: block; color: var(--pink); font-family: Georgia, "Times New Roman", serif; font-size: 1.06em; font-weight: 400; letter-spacing: -.07em; }
.cover-deck { max-width: 480px; margin: 1.1rem 0 0; color: var(--muted); font-family: Georgia, "Times New Roman", serif; font-size: 1.04rem; letter-spacing: -.015em; line-height: 1.45; }
.cover-scroll { margin: 2.1rem 0 0; color: var(--muted); font-size: .65rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.cover-scroll span { display: inline-block; margin-left: .7rem; color: var(--lime); font-size: 1.35em; }

.paper { position: relative; z-index: 1; width: min(calc(100% - 64px), 960px); margin: 0 auto; padding: 8rem 0 9rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.18rem, 1.62vw, 1.34rem); letter-spacing: -.006em; line-height: 1.75; text-shadow: 0 2px 13px rgba(5, 5, 12, .94), 0 0 30px rgba(5, 5, 12, .72); }
:root[data-theme="light"] .paper { text-shadow: none; }
.paper > h2 { position: relative; margin: 0 0 2.1rem; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Roboto Condensed", sans-serif; font-size: clamp(3.15rem, 5.8vw, 5.55rem); font-weight: 400; letter-spacing: -.052em; line-height: .84; text-transform: uppercase; }
.section-kicker { margin: 7rem 0 .95rem; color: var(--violet); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .67rem; font-weight: 730; letter-spacing: .095em; line-height: 1.45; text-transform: uppercase; }
.paper > .section-kicker:first-child { margin-top: 0; }
.paper p { margin: 0 0 1.55em; font-size: 1.12em; }
.paper .section-kicker { font-size: .67rem; }
.paper strong { color: var(--violet); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .8em; font-weight: 720; letter-spacing: .015em; }
.paper em { color: var(--pink); }
.paper code { display: inline-block; padding: .13em .48em .15em .52em; border: 1px solid color-mix(in srgb, #ffd34e, transparent 35%); border-left: 2px solid #ffd34e; border-radius: 3px; background: linear-gradient(105deg, rgba(21, 18, 7, .96), rgba(35, 28, 7, .86)); box-shadow: inset 0 0 14px rgba(255, 211, 78, .16), 0 0 12px rgba(255, 211, 78, .16); color: #ffd34e; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: .74em; font-weight: 650; letter-spacing: -.025em; line-height: 1.2; text-shadow: 0 0 6px rgba(255, 211, 78, .65), 0 0 15px rgba(255, 211, 78, .28); white-space: nowrap; }
.paper code::before { margin-right: .14em; color: inherit; content: "$ "; font-size: .9em; letter-spacing: 0; }
:root[data-theme="light"] .paper code { border-color: color-mix(in srgb, var(--violet), transparent 54%); background: linear-gradient(105deg, color-mix(in srgb, var(--violet), transparent 91%), color-mix(in srgb, var(--pink), transparent 95%)); box-shadow: inset 0 0 14px color-mix(in srgb, var(--violet), transparent 91%); }
.paper a { color: var(--text); text-decoration: none; }
.paper a:not(.github-link)[target="_new"] { position: relative; padding: .06em .08em .06em .34em; border-radius: 1px; color: color-mix(in srgb, var(--text), var(--violet) 24%); background: linear-gradient(180deg, var(--violet), var(--pink)) 0 50% / 2px 72% no-repeat; box-shadow: 0 0 16px color-mix(in srgb, var(--violet), transparent 94%); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .82em; font-weight: 610; letter-spacing: -.01em; transition: color .18s, background-color .18s, box-shadow .18s; }
.paper a:not(.github-link)[target="_new"]::after { display: inline-block; margin-left: .2em; color: var(--lime); content: "↗"; font-size: .76em; font-weight: 800; line-height: 1; transform: translateY(-.12em); transition: transform .18s, color .18s; }
.paper a:not(.github-link)[target="_new"]:hover { color: var(--text); background-color: color-mix(in srgb, var(--pink), transparent 88%); box-shadow: 0 0 20px color-mix(in srgb, var(--pink), transparent 78%), inset 0 0 0 1px color-mix(in srgb, var(--pink), transparent 72%); }
.paper a:not(.github-link)[target="_new"]:hover::after { color: var(--pink); transform: translate(.14em, -.25em); }
.paper a:focus-visible { outline: 1px solid var(--lime); outline-offset: 3px; }
.service-capability { display: flow-root; margin: 0 0 1.55em; }
.service-capability p { margin: 0; }
.service-figure { float: right; width: 210px; margin: .05rem 0 .9rem 1.4rem; }
.service-figure img { display: block; width: 100%; height: auto; }
.workflow-figure { margin: 2.25rem 0 3rem; }
.workflow-figure img { display: block; width: min(100%, 940px); height: auto; }
.runtime-cutaway-figure { margin: 2.6rem 0 3.25rem; }
.runtime-cutaway-figure img { display: block; width: min(100%, 940px); height: auto; }
.retry-progress-figure { float: right; width: min(34%, 320px); margin: -.2rem -1rem 1.2rem 1.8rem; }
.retry-progress-figure img { display: block; width: 100%; height: auto; }
.working-world-figure { margin: 2.6rem 0 3.3rem; }
.working-world-figure img { display: block; width: min(100%, 940px); height: auto; }
.maintenance-case-figure { width: min(100%, 860px); margin: 2.6rem auto 3rem; }
.maintenance-case-figure img { display: block; width: 100%; height: auto; }
.closing-operations-figure { width: min(100%, 900px); margin: 4.2rem auto 0; }
.closing-operations-figure img { display: block; width: 100%; height: auto; }
.decision-figure { float: right; width: min(43%, 420px); margin: -.45rem -1.5rem 1.4rem 2.2rem; }
.decision-figure img { display: block; width: 100%; height: auto; }
.github-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 2.3rem 0 3.1rem; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.github-link { display: grid; min-height: 106px; grid-template-columns: 30px 1fr auto; gap: .85rem; align-items: center; padding: 1rem; border: 1px solid var(--line-strong); background: color-mix(in srgb, var(--violet), transparent 94%); color: var(--text); text-decoration: none; transition: border-color .2s, background .2s, transform .2s; }
.github-link:hover { border-color: var(--pink); background: color-mix(in srgb, var(--pink), transparent 90%); color: var(--text); transform: translateY(-2px); }
.github-link img, .footer-github img { width: 25px; height: 25px; filter: invert(74%) sepia(38%) saturate(1183%) hue-rotate(208deg) brightness(103%) contrast(101%); }
.github-link span { min-width: 0; }
.github-link small, .github-link strong { display: block; }
.github-link small { color: var(--muted); font-size: .61rem; font-weight: 650; letter-spacing: .08em; line-height: 1.25; text-transform: uppercase; }
.github-link strong { margin-top: .3rem; color: var(--text); font-size: .8rem; font-weight: 680; letter-spacing: -.01em; line-height: 1.25; }
.github-link b { color: var(--pink); font-size: .95rem; font-weight: 500; }
.paper table { display: block; width: 100%; margin: 2.4rem 0 2.8rem; overflow-x: auto; border-collapse: collapse; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .73em; letter-spacing: 0; line-height: 1.5; }
.paper th, .paper td { min-width: 150px; padding: .9rem; border: 1px solid var(--line); vertical-align: top; text-align: left; }
.paper th { color: var(--violet); font-size: .92em; font-weight: 700; }
.paper td { color: var(--muted); }
.paper tbody tr:hover { background: color-mix(in srgb, var(--violet), transparent 94%); }

.paper-footer { display: flex; width: min(calc(100% - 64px), 960px); margin: 0 auto; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 0 2.5rem; color: var(--muted); font-size: .65rem; font-weight: 650; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.paper-footer a:hover { color: var(--text); }
.footer-github { display: inline-flex; align-items: center; gap: .45rem; }
.footer-github img { width: .9rem; height: .9rem; }

@media (max-width: 680px) {
  .reading-bar { min-height: 56px; padding-inline: 18px; gap: .6rem; }
  .bar-logo { width: 94px; }
  .bar-actions { gap: .55rem; }
  .audio-player { width: min(210px, 58vw); gap: .4rem; }
  .volume-wrap, .mute-button { display: none; }
  .theme-toggle { padding-left: .55rem; }
  .theme-toggle [data-theme-label] { display: none; }
  .entry-logo { width: min(235px, 65vw); }
  .cover { min-height: 100svh; padding: 6.5rem 1.5rem 3rem; }
  .cover-mark { left: 18px; }
  .cover-inner { transform: translateY(-.6rem); }
  .cover-logo { width: 100%; }
  .cover-copy { max-width: 420px; }
  .cover h1 { font-size: clamp(1.9rem, 8.7vw, 2.65rem); }
  .paper { width: min(calc(100% - 36px), 960px); padding-block: 5.5rem 6.5rem; font-size: clamp(1.12rem, 4.9vw, 1.24rem); line-height: 1.72; }
  .paper > h2 { font-size: clamp(2.6rem, 13vw, 4rem); }
  .service-figure { width: min(42%, 190px); margin-left: 1rem; }
  .decision-figure { float: none; width: min(100%, 440px); margin: .6rem auto 1.8rem; }
  .retry-progress-figure { float: none; width: min(100%, 440px); margin: .6rem auto 1.8rem; }
  .section-kicker { margin-top: 5.25rem; }
  .github-links { grid-template-columns: 1fr; }
  .paper-footer { width: min(calc(100% - 36px), 960px); flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }

.paper-footer .copyright-company{text-decoration:none}