@layer reset,base,header,chapters,visuals,motion,responsive;:root{--font-ui: Inter, Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f8fbff;--color-bg-2: #eef6ff;--color-text: #132033;--color-muted: #596a7e;--color-border: rgb(17 70 105 / 16%);--color-surface: rgb(255 255 255 / 86%);--color-primary: #b77900;--color-cyan: #007f8c;--color-violet: #6e57d8;--shadow-panel: 0 24px 70px rgb(65 93 125 / 18%);--radius-frame: 8px;--space-page: clamp(28px, 6vw, 72px);--motion-scroll: linear both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:var(--header-offset)}body,figure,h1,h2,p,dl,dd{margin:0}}@layer base{:root{--header-offset: 72px;--chapter-inline: clamp(24px, 5vw, 72px);--chapter-block: 112px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-ui);color-scheme:light}body{min-width:320px;min-height:100vh;background:var(--color-bg);timeline-scope:--signal,--drift,--arrival,--fallback}#signal,.scene-nav a[href="#signal"]{--scene-timeline: --signal}#drift,.scene-nav a[href="#drift"]{--scene-timeline: --drift}#arrival,.scene-nav a[href="#arrival"]{--scene-timeline: --arrival}#fallback,.scene-nav a[href="#fallback"]{--scene-timeline: --fallback}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--color-cyan) 38%,transparent);outline-offset:4px}}@layer header{.site-header{position:fixed;inset:0 0 auto;z-index:20;min-height:var(--header-offset);display:grid;grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto;align-items:center;gap:28px;padding:10px var(--chapter-inline);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{min-width:0;display:flex;align-items:center;gap:10px}.brand-mark{width:24px;height:24px;flex:0 0 auto;border:5px solid var(--color-cyan);border-right-color:var(--color-primary);border-radius:50%}.brand strong,.brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand strong{font-size:14px;line-height:1.2}.brand small{margin-top:2px;color:var(--color-muted);font-size:10px}.scene-nav{display:flex;justify-content:center;gap:6px;min-width:0}.scene-nav a{min-height:34px;position:relative;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-radius:6px;color:var(--color-muted);font-size:12px;white-space:nowrap}.scene-nav a:after{content:"";position:absolute;inset:auto 10px 3px;height:2px;border-radius:999px;opacity:0;background:var(--color-cyan);animation:mark-current-scene linear both;animation-timeline:var(--scene-timeline);animation-range:entry 25% exit 75%}.scene-nav a:hover,body:has(#signal:target) .scene-nav a[href="#signal"],body:has(#drift:target) .scene-nav a[href="#drift"],body:has(#arrival:target) .scene-nav a[href="#arrival"],body:has(#fallback:target) .scene-nav a[href="#fallback"]{color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 7%,transparent)}.scene-nav span{color:var(--color-cyan);font-size:10px;font-weight:900}.reading-toggle{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--color-border);border-radius:var(--radius-frame);color:var(--color-muted);background:var(--color-surface);cursor:pointer;font-size:12px;white-space:nowrap}.reading-toggle input{width:15px;height:15px;margin:0;accent-color:var(--color-cyan)}.site-header:has(#reading-mode:checked) .reading-toggle{border-color:color-mix(in srgb,var(--color-cyan) 40%,transparent);color:var(--color-cyan);background:color-mix(in srgb,var(--color-cyan) 7%,white)}.story-progress{position:absolute;inset:auto 0 0;height:3px;overflow:hidden;background:color-mix(in srgb,var(--color-text) 7%,transparent)}.story-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--color-cyan);animation:story-progress linear both;animation-timeline:scroll(root block)}}@layer chapters{.chapter{min-height:100vh;min-block-size:100svh;position:relative;display:grid;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:clip;padding:var(--chapter-block) var(--chapter-inline) 64px;border-bottom:1px solid var(--color-border)}.chapter-layout{width:min(1320px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:clamp(48px,7vw,112px);align-items:center}.chapter-copy{max-width:560px}.scene .chapter-copy{padding:clamp(24px,3vw,38px);border:1px solid var(--color-border);border-top:3px solid var(--scene-color);border-radius:var(--radius-frame);background:color-mix(in srgb,var(--color-surface) 94%,var(--scene-color));box-shadow:0 18px 48px #415d7d1a}.eyebrow,.scene-index{color:var(--color-cyan);font-size:11px;font-weight:900;line-height:1.4;text-transform:uppercase}.scene-index{width:max-content;margin-bottom:16px;padding-bottom:6px;border-bottom:2px solid currentColor}h1,h2{margin-top:10px;letter-spacing:0;line-height:1.12;word-break:keep-all;overflow-wrap:break-word}h1{font-size:48px}h2{font-size:44px}.chapter-lead{margin-top:20px;color:var(--color-muted);font-size:17px;line-height:1.72;word-break:keep-all;overflow-wrap:break-word}.story-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border-block:1px solid var(--color-border)}.story-facts div{padding:13px 10px}.story-facts div+div{border-left:1px solid var(--color-border)}.story-facts dt{color:var(--color-muted);font-size:10px}.story-facts dd{margin-top:5px;font-size:21px;font-weight:900;font-variant-numeric:tabular-nums}.scene-notes{display:grid;gap:9px;margin:24px 0 0;padding:0;color:var(--color-text);font-size:13px;line-height:1.5;list-style:none}.scene-notes li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px}.scene-notes li:before{content:"";width:6px;height:6px;margin-top:.55em;border-radius:50%;background:var(--scene-color, var(--color-cyan))}.chapter-next{width:max-content;min-height:40px;display:inline-flex;align-items:center;gap:10px;margin-top:30px;border-bottom:1px solid currentColor;color:var(--scene-color, var(--color-cyan));font-size:13px;font-weight:800}.chapter-next span{font-size:16px}.scene{view-timeline:var(--scene-timeline) block}.scene-a{--scene-color: var(--color-cyan);background:#f8fcfd}.scene-b{--scene-color: var(--color-violet);background:#fbfaff}.scene-c{--scene-color: var(--color-primary);background:#fffdf7}.scene-d{--scene-color: #2f845b;background:#f8fff9}.scene .eyebrow,.scene .scene-index{color:var(--scene-color)}}@layer visuals{.chapter-visual{min-width:0;min-height:540px;position:relative;overflow:hidden;border-left:1px solid var(--color-border)}.hero-visual{background:#f2f9ff}.hero-sun,.hero-orbit,.hero-node,.hero-horizon,.signal-core,.signal-ring,.signal-point,.drift-track,.drift-marker,.arrival-axis,.arrival-ring,.arrival-core{position:absolute;display:block}.hero-sun{top:19%;left:50%;width:116px;aspect-ratio:1;border:18px solid #ffe7a3;border-radius:50%;background:#f8a84d;transform:translate(-50%)}.hero-orbit{top:48%;left:50%;border:1px solid color-mix(in srgb,var(--color-cyan) 36%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.orbit-one{width:44%;aspect-ratio:1.8}.orbit-two{width:67%;aspect-ratio:2.15}.orbit-three{width:88%;aspect-ratio:2.5}.hero-node{width:12px;height:12px;border:3px solid white;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 0 1px var(--color-cyan)}.node-one{top:41%;left:31%}.node-two{top:57%;left:68%;background:var(--color-violet);box-shadow:0 0 0 1px var(--color-violet)}.node-three{top:37%;left:76%;background:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.hero-horizon{inset:auto 8% 18%;height:1px;background:var(--color-border)}.signal-visual{background:#effafb}.signal-core,.signal-ring{top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.signal-core{width:34px;aspect-ratio:1;border:9px solid white;background:var(--scene-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--scene-color) 32%,transparent)}.signal-ring{border:1px solid color-mix(in srgb,var(--scene-color) 44%,transparent)}.ring-one{width:26%;aspect-ratio:1}.ring-two{width:52%;aspect-ratio:1}.ring-three{width:80%;aspect-ratio:1}.signal-point{width:9px;height:9px;border-radius:50%;background:var(--scene-color)}.point-one{top:28%;left:31%}.point-two{top:66%;left:69%}.point-three{top:18%;left:71%}.drift-visual{background:#f6f3ff}.drift-track{top:50%;left:50%;border:1px dashed color-mix(in srgb,var(--scene-color) 50%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.track-one{width:78%;aspect-ratio:2}.track-two{width:48%;aspect-ratio:1.55}.drift-marker{top:48%;left:16%;width:24px;aspect-ratio:1;border:7px solid white;border-radius:50%;background:var(--scene-color);box-shadow:0 0 0 1px var(--scene-color)}.drift-coordinate{position:absolute;display:grid;place-items:center;width:36px;height:26px;border:1px solid color-mix(in srgb,var(--scene-color) 24%,transparent);border-radius:5px;color:var(--scene-color);background:#fff;font-size:10px;font-weight:900}.coordinate-one{top:24%;left:28%}.coordinate-two{top:67%;left:54%}.coordinate-three{top:31%;left:77%}.arrival-visual{background:#fff9eb}.arrival-axis{top:50%;left:50%;background:color-mix(in srgb,var(--scene-color) 24%,transparent)}.axis-horizontal{width:78%;height:1px;transform:translate(-50%,-50%)}.axis-vertical{width:1px;height:78%;transform:translate(-50%,-50%)}.arrival-ring{top:50%;left:50%;border:1px solid color-mix(in srgb,var(--scene-color) 46%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.arrival-one{width:18%;aspect-ratio:1}.arrival-two{width:42%;aspect-ratio:1}.arrival-three{width:70%;aspect-ratio:1}.arrival-core{top:50%;left:50%;width:22px;aspect-ratio:1;border-radius:2px;background:var(--scene-color);transform:translate(-50%,-50%) rotate(45deg)}.arrival-label{position:absolute;right:12%;bottom:14%;color:var(--scene-color);font-size:10px;font-weight:900}.fallback-visual{display:grid;place-items:center;background:#f0fbf3}.document-sheet{width:min(62%,380px);min-height:390px;padding:44px 38px;border:1px solid color-mix(in srgb,var(--scene-color) 28%,transparent);border-radius:4px;background:#fff;box-shadow:16px 16px color-mix(in srgb,var(--scene-color) 9%,transparent)}.document-title,.document-line{display:block;height:9px;background:color-mix(in srgb,var(--scene-color) 22%,transparent)}.document-title{width:48%;height:16px;margin-bottom:38px;background:var(--scene-color)}.document-line+.document-line{margin-top:13px}.line-long{width:100%}.line-mid{width:78%}.line-short{width:54%}.document-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:54px 0 0;padding:0;list-style:none}.document-scenes span{min-height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--scene-color) 24%,transparent);color:var(--scene-color);font-size:11px;font-weight:900}}@layer motion{.chapter-copy,.chapter-visual{animation:reveal-chapter var(--motion-scroll);animation-timeline:view();animation-range:entry 8% cover 36%}.hero-sun{animation:sun-drift linear both;animation-timeline:scroll(root block)}.signal-ring{animation:signal-expand var(--motion-scroll);animation-timeline:view();animation-range:entry 0% cover 45%}.drift-marker{animation:marker-drift var(--motion-scroll);animation-timeline:view();animation-range:entry 0% cover 70%}.arrival-ring{animation:arrival-focus var(--motion-scroll);animation-timeline:view();animation-range:entry 0% cover 48%}@keyframes story-progress{to{transform:scaleX(1)}}@keyframes mark-current-scene{0%,to{opacity:0}18%,82%{opacity:1}}@keyframes reveal-chapter{0%{opacity:.42;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes sun-drift{0%{transform:translate(-50%,28vh)}to{transform:translate(-50%,-12vh)}}@keyframes signal-expand{0%{scale:.68;opacity:.18}to{scale:1;opacity:1}}@keyframes marker-drift{0%{translate:0 72px}to{translate:430px -90px}}@keyframes arrival-focus{0%{scale:1.2;opacity:.24}to{scale:1;opacity:1}}@supports not (animation-timeline: view()){.chapter-copy,.chapter-visual,.signal-ring,.drift-marker,.arrival-ring{animation:none}}@supports not (animation-timeline: scroll()){.story-progress{display:none}.hero-sun{animation:none}}html:has(#reading-mode:checked){scroll-behavior:auto;scroll-snap-type:none}body:has(#reading-mode:checked) .chapter-copy,body:has(#reading-mode:checked) .chapter-visual,body:has(#reading-mode:checked) .hero-sun,body:has(#reading-mode:checked) .signal-ring,body:has(#reading-mode:checked) .drift-marker,body:has(#reading-mode:checked) .arrival-ring{animation:none;opacity:1;scale:1;translate:0}}@layer responsive{@media(max-width:920px){:root{--header-offset: 104px;--chapter-block: 128px}.site-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding-block:10px 8px}.scene-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.reading-toggle{grid-column:2;grid-row:1;justify-self:end}.chapter-layout{grid-template-columns:1fr;gap:48px}.chapter-copy{max-width:680px}.chapter-visual{width:calc(100% + (var(--chapter-inline) * 2));min-height:480px;margin-inline:calc(var(--chapter-inline) * -1);border-block:1px solid var(--color-border);border-left:0}.chapter{min-height:auto}}@media(max-width:560px){:root{--chapter-inline: 20px}.brand small{display:none}.scene-nav a{padding-inline:7px}.reading-toggle{padding-inline:8px}h1{font-size:36px}h2{font-size:34px}.chapter-lead{font-size:16px}.scene .chapter-copy{padding:24px 20px}.story-facts div{padding-inline:7px}.chapter-visual{min-height:390px}.document-sheet{width:min(78%,320px);min-height:300px;padding:34px 26px}.document-scenes{margin-top:40px}@keyframes marker-drift{0%{translate:0 54px}to{translate:230px -56px}}}}