:root{--bg:#070b13;--bg2:#0c1423;--panel:#101a2a;--fg:#e5edf8;--muted:#93a1b8;--muted2:#677994;--blue:#9ecaff;--bright:#cfecff;--gold:#e5ca91;--stroke:rgba(170,200,248,.19);--serif:'Nanum Myeongjo','AppleMyungjo','Batang','Times New Roman',serif;--sans:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px;background:var(--bg)}body{margin:0;min-width:320px;color:var(--fg);background:radial-gradient(circle at 75% 8%,rgba(48,82,128,.15),transparent 27%),linear-gradient(180deg,#050810,var(--bg) 22%,#070b13);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:#101722}.skip-link{position:fixed;top:-70px;left:20px;z-index:400;display:block;background:#f5e3bc;color:#0a0e16;padding:12px 20px;border-radius:4px}.skip-link:focus{top:16px}
.page-glow{pointer-events:none;position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 65% 30%,rgba(76,120,195,.045),transparent 48%)}.trail-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:25;pointer-events:none}.custom-cursor{display:none;pointer-events:none;position:fixed;left:-60px;top:-60px;width:26px;height:26px;border:1px solid rgba(198,226,255,.7);border-radius:50%;z-index:200;transform:translate(-50%,-50%);transition:width .16s,height .16s,border-color .16s;mix-blend-mode:screen;box-shadow:0 0 18px rgba(146,200,255,.18)}.custom-cursor::before{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#c9e4ff;transform:translate(-50%,-50%)}@media(hover:hover) and (pointer:fine){.custom-cursor.visible{display:block}}
.intro{position:fixed;inset:0;z-index:300;background:#03060b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;text-align:center;transition:opacity 1s ease,visibility 1s ease}.intro.hide{opacity:0;visibility:hidden;pointer-events:none}.intro-symbol{position:relative;width:90px;height:90px;border:1px solid rgba(155,203,255,.25);border-radius:50%;display:grid;place-items:center;animation:introBreathe 3s infinite ease-in-out}.intro-symbol::before{content:"";position:absolute;inset:13px;border:1px solid rgba(225,203,150,.25);border-radius:50%;transform:rotateX(68deg) rotate(-12deg)}.intro-symbol span{width:8px;height:8px;border-radius:50%;background:#f4e0af;box-shadow:0 0 16px #c6dcff,0 0 48px #81bfff}.intro p{font-family:var(--serif);font-size:clamp(1rem,2.1vw,1.3rem);letter-spacing:.1em;color:#ced9e7}.intro button{background:none;border:none;color:var(--muted);padding:10px;cursor:pointer;letter-spacing:.11em;font-size:.75rem}.intro button:hover{color:var(--bright)}@keyframes introBreathe{50%{transform:scale(1.18);box-shadow:0 0 50px rgba(138,190,242,.12)}}
.site-header{height:72px;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,4.8vw,90px);background:linear-gradient(180deg,rgba(6,11,20,.94),rgba(6,11,20,.65));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:11px;letter-spacing:.22em;font-weight:650;white-space:nowrap}.wordmark em{font-style:normal;color:var(--muted2);margin:0 3px}.mark-orbit{font-size:32px;line-height:1;color:var(--gold);font-weight:300}.chapter-nav{display:flex;align-items:center;gap:clamp(8px,1.9vw,27px)}.chapter-nav a{color:#6e7d91;text-decoration:none;font-family:var(--mono);font-size:11px;transition:color .2s;padding:12px 3px}.chapter-nav a:hover,.chapter-nav a.active{color:var(--gold)}.chapter-nav a.active{border-bottom:1px solid var(--gold)}.header-actions{display:flex;align-items:center;gap:20px}.chapter-now{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);white-space:nowrap}.tiny-button{border:1px solid var(--stroke);background:rgba(120,160,220,.04);color:#aab9d0;border-radius:99px;cursor:pointer;font-size:10px;letter-spacing:.08em;padding:9px 12px;white-space:nowrap}.tiny-button[aria-pressed=true]{background:rgba(223,197,142,.13);border-color:rgba(223,197,142,.55);color:var(--gold)}.progress{height:2px;position:absolute;bottom:0;left:0;width:0;background:linear-gradient(90deg,#809ed3,#e6d2aa);transition:width .15s linear}
.section{position:relative;min-height:100svh;overflow:hidden;padding:clamp(115px,12vh,180px) 28px clamp(95px,12vh,150px);display:flex;align-items:center;justify-content:center;isolation:isolate}.section::before{content:"";position:absolute;top:15%;left:15%;width:1px;height:1px;border-radius:50%;box-shadow:47vw 4vh #6385b9,10vw 35vh #8ca5c3,20vw 70vh #5c729c,54vw 56vh #a3bfe8,72vw 9vh #738fb7,-4vw 62vh #647fa8;opacity:.6;pointer-events:none}.section-ornament{position:absolute;top:120px;left:clamp(25px,5vw,92px);writing-mode:vertical-rl;letter-spacing:.25em;color:rgba(130,161,202,.24);font:10px var(--mono);pointer-events:none}.section-content{position:relative;z-index:2;width:100%;max-width:930px;text-align:center}.chapter-heading{position:relative;z-index:3;text-align:center;width:100%;max-width:900px;margin:0 auto 26px}.eyebrow{margin:0 0 25px;color:var(--gold);letter-spacing:.29em;font-size:11px;line-height:1.6;font-family:var(--mono)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;text-wrap:balance;color:#e6effa}h1{font-size:clamp(2.05rem,5vw,4.2rem);line-height:1.45;margin:0 0 27px}h2{font-size:clamp(1.9rem,4.6vw,3.75rem);line-height:1.46;margin:0 0 28px}.shimmer-text{background:linear-gradient(90deg,#e2eafb,#9ec9f5,#eddfbc,#e2eafb);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 12s linear infinite}@keyframes shimmer{to{background-position:-200% center}}.sub{max-width:680px;margin:0 auto;color:var(--muted);font-size:clamp(.9rem,1.38vw,1.05rem);line-height:2.05;word-break:keep-all}.sub strong{color:#c1d3e9;font-weight:500}.section-note{max-width:760px;color:#778aa6;font-size:12px;line-height:1.85;text-align:center;margin:18px auto 0;word-break:keep-all}.interaction-bar{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin:28px auto 0}.outline-button,.primary-button,.text-button{border-radius:2px;min-height:44px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;color:var(--fg)}.outline-button{border:1px solid rgba(175,201,239,.35);background:rgba(18,36,58,.44);padding:12px 21px;font-size:12px;letter-spacing:.04em}.outline-button span,.primary-button span{color:var(--gold);margin-left:8px}.outline-button:hover{border-color:var(--blue);background:rgba(66,105,158,.19);transform:translateY(-2px)}.primary-button{background:linear-gradient(110deg,#d4b984,#eee1c7);color:#101724;font-weight:700;border:1px solid #e4cea1;padding:13px 21px;font-size:12px}.primary-button span{color:#131b2b}.primary-button:hover{transform:translateY(-2px);background:#f5e7ce}.text-button{background:none;border:0;color:#9eaec4;font-size:12px;text-decoration:underline;text-decoration-color:rgba(170,187,207,.35);text-underline-offset:5px;padding:9px 2px}.text-button:hover{color:var(--gold)}.micro-label{font:11px var(--mono);letter-spacing:.08em;color:#a9b8ce;white-space:nowrap}
.opening{display:block;text-align:center;padding-top:clamp(100px,12vh,135px);min-height:105svh}.opening .reveal-world{position:relative;margin:0 auto;max-width:1060px;height:clamp(315px,43vw,520px);overflow:hidden;border:1px solid rgba(150,184,233,.18);box-shadow:0 20px 100px rgba(0,0,0,.35),inset 0 0 80px rgba(27,47,80,.4);background:radial-gradient(circle at 50% 50%,#182944,#050912 70%);touch-action:pan-y}.reveal-world canvas{position:absolute;inset:0;width:100%;height:100%}#reveal-veil{z-index:1;touch-action:pan-y}.world-label{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;padding:15px 19px;pointer-events:none;font:9px var(--mono);letter-spacing:.2em;color:#7c98b6;opacity:.75}.scroll-cue{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:55px;color:#687a97;font:9px var(--mono);letter-spacing:.23em}.scroll-line{display:block;width:50px;height:1px;background:linear-gradient(90deg,#8cabc6,transparent)}
.time-section{background:radial-gradient(ellipse at 45% 45%,rgba(27,51,80,.21),transparent 55%)}.time-display{margin:44px 0 52px;display:grid;place-items:center;gap:10px}.time-display div{font:300 clamp(4.4rem,12vw,9.7rem)/1 var(--mono);letter-spacing:-.09em;color:#d9eafb;text-shadow:0 0 55px rgba(133,193,255,.24);font-variant-numeric:tabular-nums}.time-display span{font:10px var(--mono);color:var(--muted2);letter-spacing:.4em}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--stroke);background:var(--stroke);text-align:left}.metric{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;column-gap:10px;padding:25px 25px 22px;background:rgba(11,18,30,.9)}.metric-label{grid-column:1/-1;color:#b4c4d9;font-size:12px;line-height:1.6;margin-bottom:17px}.metric-label small{display:block;font-size:10px;color:#74849e;line-height:1.7;margin-top:4px}.metric strong{font:400 clamp(1.65rem,3.6vw,2.7rem)/1 var(--mono);color:var(--bright);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.metric-unit{font:12px var(--mono);color:var(--gold);justify-self:end}.scientific-note{margin:25px auto 0;max-width:770px;color:var(--muted2);font-size:11px;line-height:1.8}.timestamp{font:11px var(--mono);color:#7284a3;letter-spacing:.1em;margin-top:28px}
.canvas-frame{position:relative;overflow:hidden;border:1px solid rgba(141,186,239,.2);background:radial-gradient(ellipse at 50% 50%,#15253b 0%,#090e18 74%);margin:47px auto 0;box-shadow:0 18px 85px rgba(0,0,0,.18),inset 0 0 60px rgba(0,0,0,.24)}.canvas-frame canvas{width:100%;height:100%;display:block;touch-action:pan-y}.ship-frame{max-width:760px;height:390px}.corner{position:absolute;width:23px;height:23px;pointer-events:none}.corner.top-left{top:13px;left:13px;border-top:1px solid rgba(232,207,160,.65);border-left:1px solid rgba(232,207,160,.65)}.corner.bottom-right{bottom:13px;right:13px;border-bottom:1px solid rgba(232,207,160,.65);border-right:1px solid rgba(232,207,160,.65)}.ship-stats{max-width:760px;margin:20px auto 0;display:flex;align-items:center;gap:24px}.ship-stats p{font:11px var(--sans);color:var(--muted);white-space:nowrap;margin:0}.ship-stats strong{font:14px var(--mono);color:var(--gold);margin-left:8px}.plank-progress{height:3px;flex:1;background:rgba(134,163,206,.17);overflow:hidden}.plank-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#719bcb,#ead6a2);transition:width .35s ease}.quantum-frame{height:330px;max-width:880px}.mind-frame{height:390px;max-width:880px}.others-frame{height:360px;max-width:880px}.canvas-status{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;color:#a4b8d2;font:11px var(--mono);letter-spacing:.12em;text-align:left}.canvas-status strong{color:var(--gold);font:16px var(--mono)}.led{width:6px;height:6px;border-radius:50%;background:#7890af;box-shadow:0 0 8px #9cbbf1}.led.active{background:var(--gold);box-shadow:0 0 15px var(--gold)}.others-message{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:660px;pointer-events:none;text-align:center;font:13px/1.7 var(--serif);color:#dce8f9;text-shadow:0 0 12px rgba(0,0,0,.9)}
.finale-section{align-items:flex-start;background:radial-gradient(ellipse at 50% 33%,rgba(60,90,128,.18),transparent 60%),#070b13;padding-bottom:70px}.finale-content{max-width:840px}.final-card{position:relative;text-align:left;border:1px solid rgba(208,204,185,.32);background:linear-gradient(144deg,rgba(25,40,63,.72),rgba(9,16,29,.94) 57%,rgba(34,38,43,.55));padding:clamp(25px,5vw,58px);margin:44px 0 0;box-shadow:0 30px 100px rgba(0,0,0,.4)}.final-card::before{content:"";position:absolute;inset:12px;border:1px solid rgba(178,192,216,.11);pointer-events:none}.final-card-mark{display:block;color:var(--gold);font-size:26px;line-height:1;margin:0 0 22px}.letter-lead{font:400 clamp(1.23rem,2.5vw,1.7rem)/2 var(--serif);color:#edf1f8;margin:0 0 29px;word-break:keep-all}.letter-text{font-size:14px;line-height:2.1;color:#bbc9db;white-space:pre-line;word-break:keep-all}.letter-data{border-top:1px solid rgba(166,190,227,.22);border-bottom:1px solid rgba(166,190,227,.22);display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:34px 0 26px;padding:20px 0}.letter-data div{padding:0 12px;border-right:1px solid rgba(180,210,244,.12);display:flex;align-items:flex-start;flex-direction:column;gap:11px}.letter-data div:first-child{padding-left:0}.letter-data div:last-child{border-right:none}.letter-data span{font-size:10px;color:#899bb6}.letter-data strong{font:400 1.2rem var(--mono);color:var(--gold);font-variant-numeric:tabular-nums}.final-quote{font:clamp(.95rem,1.7vw,1.15rem)/2 var(--serif);color:#d3dce9;margin:28px 0 22px}.visit-note{font-size:11px;line-height:1.7;color:#8c9cb6}.final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.action-status{min-height:20px;color:var(--gold);font-size:11px;margin:16px 0 0}.privacy-note{margin:45px 0;padding:0 5px;color:#90a0b9;text-align:left}.privacy-note strong{color:#c6d6e9;font-size:12px;font-weight:550}.privacy-note p{font-size:11px;line-height:2;max-width:750px;margin:12px 0}.closing{color:#5b718e;font:10px var(--mono);letter-spacing:.2em;padding-top:40px}.closing span{color:var(--gold);margin:0 9px}.noscript{position:fixed;bottom:15px;left:15px;right:15px;padding:14px 20px;background:#f1d7ad;color:#15191f;z-index:500;font-size:13px}
@media(max-width:900px){.chapter-nav{gap:10px}.wordmark{letter-spacing:.13em}.section-ornament{left:20px}.letter-data{grid-template-columns:repeat(3,1fr);row-gap:22px}.letter-data div:nth-child(3){border-right:0}.letter-data div:nth-child(4){padding-left:0}.header-actions{gap:10px}}
@media(max-width:700px){html{scroll-padding-top:60px}.site-header{height:61px;padding:0 16px}.chapter-nav{display:none}.chapter-now{font-size:10px}.wordmark{font-size:10px}.mark-orbit{font-size:26px}.section{padding:100px 19px 85px}.section-ornament{display:none}.opening{padding-top:110px}.chapter-heading{margin-bottom:30px}h1,h2{letter-spacing:-.055em}h1{font-size:clamp(1.8rem,8.1vw,2.7rem)}h2{font-size:clamp(1.7rem,7.4vw,2.65rem)}.sub{font-size:.91rem}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.19em}.opening .reveal-world{height:390px}.interaction-bar{gap:10px}.outline-button,.primary-button{padding:12px 13px}.text-button{font-size:11px}.time-display{margin:35px 0 40px}.metrics{grid-template-columns:1fr}.metric{padding:22px}.metric-label{margin-bottom:10px}.metric strong{font-size:2rem}.scientific-note{font-size:10px}.ship-frame{height:290px}.quantum-frame{height:260px}.mind-frame{height:280px}.others-frame{height:280px}.ship-stats{gap:10px}.finale-section{padding-top:115px}.final-card{margin-top:30px;padding:25px 22px}.final-card::before{inset:8px}.letter-data{grid-template-columns:repeat(2,1fr)}.letter-data div:nth-child(3){border-right:1px solid rgba(180,210,244,.12);padding-left:0}.letter-data div:nth-child(4){padding-left:12px;border-right:0}.letter-data div:nth-child(5){padding-left:0}.letter-data span{font-size:10px}.letter-data strong{font-size:1.1rem}.closing{font-size:9px;letter-spacing:.1em}.scroll-cue{margin-top:40px}.others-message{font-size:12px;bottom:20px}.privacy-note{margin:32px 0}}
@media(max-width:385px){.tiny-button{padding:7px 8px;font-size:9px}.header-actions{gap:6px}.wordmark{gap:5px;font-size:9px}.mark-orbit{font-size:21px}.opening .reveal-world{height:315px}.letter-data{padding:15px 0}.letter-data div{padding:0 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body.motion-reduced *,body.motion-reduced *::before,body.motion-reduced *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}body.motion-reduced{scroll-behavior:auto}