:root{color-scheme:dark;--bg:#0c0d13;--panel:#15151e;--line:#ffffff17;--ink:#f2eee5;--muted:#aaa9b8;--gold:#e6ba81;--mint:#89cecf;--rose:#d999bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.8}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{touch-action:manipulation}button,select{min-height:44px}h1,h2,h3,p{margin:0}button{border:1px solid var(--line);background:#1d1d29;border-radius:9px}button:hover{border-color:#e6ba8166}button:active{transform:translateY(1px)}.skip{position:fixed;top:-100px;left:16px;z-index:10000;background:var(--gold);padding:8px 16px;color:#17131c}.skip:focus{top:10px}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:42px 0 30px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:700}.intro h1{font-family:'Nanum Myeongjo',Georgia,serif;font-size:clamp(30px,3.2vw,45px);font-weight:700;line-height:1.4;letter-spacing:-.055em;margin-top:11px}.intro h1 em{font-style:normal;color:var(--gold)}.intro>p{font-size:14px;color:var(--muted);line-height:1.9;flex-shrink:0;padding-bottom:3px}.voyage{border:1px solid var(--line);border-radius:18px;overflow:hidden;scroll-margin-top:12px;background:#11111a}.scene-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px}.space{position:relative;height:560px;min-width:0;overflow:hidden;background:#090b12}.space canvas{display:block;width:100%;height:100%}.scale-rail{position:absolute;left:0;top:0;bottom:0;width:114px;padding:22px 12px 20px 18px;background:linear-gradient(90deg,#0c101bf5,#0c101bc9);border-right:1px solid #ffffff10;z-index:3;pointer-events:none}.scale-rail>p{font-size:11px;letter-spacing:.06em;color:var(--muted)}.scale-rail strong{display:block;color:var(--gold);font-size:16px;font-weight:600;line-height:1.5;margin:5px 0;overflow-wrap:anywhere;min-height:48px}.scale-rail>small{position:absolute;bottom:10px;left:18px;font-size:9px;color:#858394}.rail-track{position:absolute;top:128px;bottom:44px;left:24px;width:1px;background:#ffffff24}.rail-fill{position:absolute;top:0;width:1px;background:var(--gold)}.rail-tick{position:absolute;white-space:nowrap;padding-left:16px;transform:translateY(-50%);font-size:10px;color:#b3aebb;line-height:1}.rail-tick:before{content:'';position:absolute;left:-3px;top:4px;width:7px;height:1px;background:#8b8297}.rail-marker{position:absolute;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px #f0bb7c;transform:translateY(-50%)}.space-top{position:absolute;top:22px;left:136px;right:22px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#c6bfca;letter-spacing:.08em}.status{display:flex;align-items:center;gap:7px}.status:before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%}.scene-caption{position:absolute;left:146px;right:30px;bottom:35px;pointer-events:none}.scene-caption .kicker{color:var(--gold);font-size:11px;letter-spacing:.1em}.scene-caption h2{font-family:'Nanum Myeongjo',Georgia,serif;font-size:38px;line-height:1.3;letter-spacing:-.04em;margin:7px 0 10px;text-shadow:0 2px 20px #000}.scene-caption>p:last-child{font-size:13px;color:#cac4d0;max-width:470px;line-height:1.75}.start{position:absolute;left:calc(50% + 45px);top:52%;transform:translate(-50%,-50%);padding:12px 23px;border-radius:30px;background:#f2d8ae;color:#231d22;box-shadow:0 6px 50px #0008;border:0;font-size:15px;font-weight:700;white-space:nowrap}.start:active{transform:translate(-50%,-49%)}.start[hidden]{display:none}.model-mark{position:absolute;right:17px;top:53px;color:#8c8497;font-size:9px}.info{padding:30px 27px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#2c202a 0,transparent 70%),#14141d;min-width:0}.tag{font-size:11px;letter-spacing:.09em;color:var(--gold)}.info h2{font-size:25px;line-height:1.5;letter-spacing:-.04em;margin:11px 0}.size{font-size:13px;color:var(--mint);padding:12px 0 20px;border-bottom:1px solid var(--line)}.explanation{font-size:16px;line-height:1.95;margin:20px 0 18px;word-break:keep-all}.insight{font-size:12px;line-height:1.9;color:#b4adbd;padding-left:12px;border-left:2px solid #9a7256}.info>a{margin-top:auto;padding-top:20px;font-size:12px;color:var(--gold);text-decoration:none}.telemetry{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:#171720}.metric{padding:15px 25px;min-width:0}.metric+.metric{border-left:1px solid var(--line)}.metric small{display:block;color:var(--muted);font-size:10px}.metric strong{display:block;color:#e7dbca;font-size:16px;line-height:1.6;font-weight:500;margin-top:3px}.metric strong sup{font-size:11px}.control-deck{padding:17px 24px 13px;border-top:1px solid var(--line)}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.launch{background:var(--gold);color:#221c20;border:0;font-weight:700;padding:0 19px;min-width:130px}.icon-button{width:44px;font-size:24px;line-height:1}.transport select{padding:0 10px;background:#20202b;border:1px solid var(--line);border-radius:8px;font-size:13px}.arrival-note{margin-left:auto;color:var(--muted);font-size:11px}.timecode{display:flex;justify-content:space-between;color:#aaa1b1;font-size:10px;margin-top:16px;gap:10px}.timeline{width:100%;margin:10px 0 0;accent-color:var(--gold);cursor:pointer;min-height:28px}.assumption{border-top:1px solid var(--line);padding:14px 24px;font-size:11px;line-height:1.9;color:#a49ba9;background:#11111a}.complete{padding:20px 24px;background:#352b2b;color:#f0dbbd;font-size:14px;line-height:1.9}.complete[hidden]{display:none}.complete a{display:inline-block;margin-left:15px}.below{padding-top:23px}.route-map,.all-sources{border:1px solid var(--line);border-radius:12px;padding:16px 22px}summary{cursor:pointer;font-size:14px;font-weight:600}summary span{font-size:11px;color:var(--muted);font-weight:400;margin-left:12px}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.waypoint{padding:13px 11px;text-align:left;display:flex;gap:10px;background:#14151e;min-width:0}.waypoint .num{font-size:10px;color:#9c8293}.waypoint b{font-size:12px;display:block;font-weight:500;line-height:1.7}.waypoint small{font-size:10px;color:var(--muted);display:block}.waypoint[aria-current=true]{border-color:var(--gold);background:#2c2427}.reading{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:46px 4px}.reading h2{font-family:'Nanum Myeongjo',Georgia,serif;font-size:25px;line-height:1.5;margin:12px 0 20px;letter-spacing:-.035em}.reading p:not(.eyebrow){font-size:15px;line-height:2;color:#bfb8c5;word-break:keep-all}.source-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.source-links a{font-size:11px;text-decoration:none;color:var(--gold);border-bottom:1px solid #b4936233}.lab-label{display:flex;justify-content:space-between;font-size:12px;margin-top:22px;color:#a99caf}.lab-output{display:flex;gap:14px;align-items:center;background:#1d1a22;border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:12px}.lab-output strong{font-size:24px;white-space:nowrap;color:var(--gold);font-weight:500}.lab-output span{font-size:12px;color:#b5aabc;line-height:1.7}.lab-note{font-size:11px!important;margin-top:12px}.knowledge{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);padding:32px 4px}.knowledge h3{font-size:15px;margin-bottom:11px;color:#e2d3bd}.knowledge p{font-size:12px;line-height:1.95;color:#aaa0b2}.all-sources{margin:12px 0 24px;font-size:12px;color:#aaa0b2}.all-sources p{padding-top:15px;font-size:12px}.all-sources li{margin:7px 0}.all-sources a{color:#c2b5ca}.closing{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);font-size:12px;color:#beadb9}.closing a{text-decoration:none}.foot{color:#7f7488;font-size:10px;padding:10px 0 35px}.noscript article{margin:24px 0}.noscript p{font-size:14px}.static-canvas-note{padding:20px}.dot-symbol{font-size:10px}
@media(min-width:1500px){.space{height:610px}}
@media(max-width:1050px){.wrap{width:calc(100% - 36px)}.scene-layout{grid-template-columns:minmax(0,1fr) 285px}.info{padding:25px 21px}.space{height:560px}.intro>p{font-size:12px}.scene-caption{left:136px;right:20px}.scene-caption h2{font-size:32px}.reading{gap:30px}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.intro{display:block;padding:27px 2px 23px}.intro>p{margin-top:15px;font-size:12px}.intro h1{font-size:31px}.scene-layout{display:block}.info{border-left:0;border-top:1px solid var(--line);padding:22px 23px}.info h2{font-size:23px;margin:8px 0}.size{padding:5px 0 12px}.explanation{margin:13px 0;font-size:15px;line-height:1.9}.info>a{padding-top:14px}.space{height:500px}.scene-caption{bottom:27px}.scene-caption h2{font-size:31px}.scene-caption>p:last-child{font-size:12px}.scale-rail{width:102px;padding-left:14px}.scale-rail strong{font-size:14px}.scale-rail>small{left:13px;font-size:9px}.rail-track{left:20px}.rail-tick{font-size:9px;padding-left:13px}.space-top{left:121px;right:16px}.scene-caption{left:122px;right:18px}.metric{padding:13px 18px}.metric strong{font-size:14px}.metric small{font-size:9px}.arrival-note{width:100%;margin-top:3px}.control-deck{padding:17px 18px 11px}.assumption{padding:13px 18px;font-size:10px}.reading{display:block;padding:32px 4px}.reading article+article{margin-top:34px;border-top:1px solid var(--line);padding-top:28px}.reading p:not(.eyebrow){font-size:14px}.knowledge{display:block;padding:25px 4px}.knowledge>div+div{margin-top:23px}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closing{font-size:10px;flex-wrap:wrap}.start{left:calc(50% + 45px);top:49%;font-size:14px;padding:11px 18px}.model-mark{top:51px;right:13px;font-size:8px}.all-sources{padding:15px}.all-sources ol{padding-left:19px}.route-map{padding:15px 16px}summary span{display:block;margin:3px 0 0 18px;font-size:10px}}
@media(max-width:420px){.wrap{width:calc(100% - 20px)}.intro h1{font-size:28px}.space{height:490px}.scale-rail{width:87px;padding-left:10px}.rail-track{left:16px;top:129px;bottom:43px}.rail-tick{font-size:8px;padding-left:11px}.scale-rail strong{font-size:12px}.scale-rail>p{font-size:9px}.scale-rail>small{font-size:8px;left:9px}.space-top{left:103px;font-size:10px}.scene-caption{left:106px;right:13px}.scene-caption h2{font-size:28px}.scene-caption>p:last-child{font-size:11px}.start{left:calc(50% + 38px);font-size:12px;padding:10px 14px}.transport{gap:6px}.launch{min-width:113px;padding:0 12px;font-size:13px}.icon-button{width:38px;min-height:44px}.transport select{padding:0 6px;font-size:12px}.metric{padding:12px}.metric strong{font-size:12px;overflow-wrap:anywhere}.info{padding:20px}.timecode{font-size:9px}.waypoint{padding:11px 8px}.waypoint b{font-size:11px}.route-grid{gap:6px}.lab-output{padding:14px}.lab-output strong{font-size:20px}}
/* Focus-led photographic journey. The target stays attached to the same source point. */
.space{height:640px}.focus-hint{position:absolute;left:calc(114px + 17px);right:17px;top:72px;display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;line-height:1.5;pointer-events:none}.focus-hint i{width:13px;height:13px;flex:0 0 13px;border:2px solid #ffe0a4;border-radius:50%}.focus-hint strong{color:#f6d7a6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-hint span{margin-left:auto;color:#aaa4af;font-size:10px;white-space:nowrap}.scene-caption{bottom:25px}.scene-caption>p:last-child{max-width:570px}.model-mark{font-size:10px;color:#aaa2b1}.start{top:auto;bottom:155px;left:calc(50% + 57px);transform:translateX(-50%);font-size:13px;padding:10px 18px}.start:active{transform:translateX(-50%) translateY(1px)}.asset-notice:empty{display:none}.asset-notice{padding:12px 24px;color:#f4cc97;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:780px){.space{height:580px}.focus-hint{left:119px;right:17px;font-size:10px;gap:6px}.focus-hint span{font-size:9px}.scene-caption{bottom:23px}.start{left:calc(50% + 51px);bottom:151px;font-size:12px}.scene-caption>p:last-child{font-size:11px;line-height:1.7}.model-mark{font-size:9px}.scene-caption h2{font-size:29px}}
@media(max-width:420px){.space{height:580px}.focus-hint{left:102px;right:15px}.focus-hint span{display:none}.start{left:calc(50% + 43.5px);padding:9px 13px}.scene-caption{left:106px;right:14px}.scene-caption h2{font-size:26px}.scene-caption>p:last-child{font-size:10px}.model-mark{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}