:root{--bg:#05060a;--fg:#e9ecf5;--muted:#8a90a6;--hud:#8dffb0;--warm:#ffcf9a;--line:rgba(255,255,255,0.12);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--fg)}body{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.intro-lock{overflow:hidden;overscroll-behavior:none;touch-action:none}.intro{position:fixed;inset:0;z-index:10}.intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.intro .layer{position:absolute;inset:0;pointer-events:none}.vf{transition:opacity .6s}.vf .bracket{position:absolute;width:44px;height:30px;left:50%;top:50%;transform:translate(-50%,-50%);border:1.5px solid var(--hud);border-radius:3px}.vf .corner{position:absolute;width:28px;height:28px;border-color:rgba(255,255,255,.55);border-style:solid}.vf .tl{left:24px;top:24px;border-width:1.5px 0 0 1.5px}.vf .tr{right:24px;top:24px;border-width:1.5px 1.5px 0 0}.vf .bl{left:24px;bottom:24px;border-width:0 0 1.5px 1.5px}.vf .br{right:24px;bottom:24px;border-width:0 1.5px 1.5px 0}.vf .hud{position:absolute;left:0;right:0;bottom:34px;display:flex;justify-content:center;gap:28px;font:500 13px/1 ui-monospace,SF Mono,Menlo,monospace;color:var(--hud);letter-spacing:.04em}.vf .rec{position:absolute;right:64px;top:34px;font:500 12px ui-monospace,monospace;color:#ff6b6b}.vf .rec.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.vf .expo{position:absolute;left:50%;bottom:64px;width:220px;height:2px;transform:translateX(-50%);background:rgba(141,255,176,.2);overflow:hidden}.vf .expo i{display:block;height:100%;background:var(--hud);width:0}.counter{position:absolute;left:0;right:0;top:9vh;text-align:center;transition:opacity .5s}.counter .tag{font:500 11px ui-monospace,monospace;letter-spacing:.2em;color:var(--muted)}.counter .place{margin-top:10px;font-size:clamp(20px,3.2vw,34px);font-weight:500;letter-spacing:-.01em}.counter .dist{margin-top:6px;font:400 clamp(13px,1.4vw,16px) ui-monospace,monospace;color:var(--warm)}.caption{display:flex;align-items:flex-end;justify-content:center;padding:0 24px max(13vh,172px);text-align:center;font-size:clamp(15px,1.7vw,19px);line-height:1.6;color:rgba(233,236,245,.88);text-shadow:0 1px 12px rgba(0,0,0,.8)}.caption span{display:inline-block;animation:capIn .9s cubic-bezier(.2,.7,.2,1) both}@keyframes capIn{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.here{position:absolute;transform:translate(-50%,-50%);transition:opacity .4s}.here .dot{width:10px;height:10px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 4px rgba(255,207,154,.25),0 0 18px var(--warm)}.here .label{position:absolute;left:18px;top:-6px;white-space:nowrap;font-size:13px;color:var(--warm)}.ticks{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.ticks i{width:10px;height:2px;background:rgba(255,255,255,.18);transition:width .3s,background .3s}.ticks i.done{background:rgba(255,255,255,.45)}.ticks i.on{width:22px;background:#fff}.skip{position:absolute;right:22px;bottom:22px;pointer-events:auto;background:rgba(10,12,20,.4);color:var(--fg);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skip:hover{border-color:rgba(255,255,255,.35)}.hint{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);font-size:12px;color:var(--muted);letter-spacing:.08em;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translate(-50%,5px)}}.main{position:relative;min-height:100vh}.main-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,40px) 80px}.main header{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.main header .mark{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--warm);position:relative}.main header .mark:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#000;box-shadow:0 0 0 1px rgba(255,207,154,.5)}.main nav{display:flex;gap:20px;font-size:14px;color:var(--muted)}.main nav a{color:inherit;text-decoration:none;transition:color .2s}.main nav a:hover{color:var(--fg)}.main .hero{padding:22vh 0 16vh}.main .hero h1{font-size:clamp(34px,6vw,56px);font-weight:600;letter-spacing:-.035em;margin:0}.main .hero p{color:var(--muted);font-size:16px;margin:14px 0 0}.main .posts h2{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.04em;margin:0 0 8px}.main .posts ul{list-style:none;margin:0;padding:0}.main .posts li{border-top:1px solid var(--line)}.main .posts li:last-child{border-bottom:1px solid var(--line)}.main .posts a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;color:var(--fg);text-decoration:none}.main .posts .title{font-size:18px;font-weight:500;letter-spacing:-.01em;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.main .posts a:hover .title{transform:translateX(6px)}.main .posts .meta{font-size:13px;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.main footer{display:flex;justify-content:space-between;align-items:center;margin-top:30vh;font-size:13px;color:var(--muted)}.main .replay{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;cursor:pointer;font:inherit}.main .replay:hover{color:var(--fg);border-color:rgba(255,255,255,.3)}.main-enter{animation:mainIn 1.4s cubic-bezier(.2,.7,.2,1) both}@keyframes mainIn{0%{opacity:0}to{opacity:1}}.main-enter .main-inner{animation:innerIn 1.4s cubic-bezier(.2,.7,.2,1) both}@keyframes innerIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:640px){.main .posts a{flex-direction:column;gap:4px}}@supports (animation-timeline:view()){.main .posts li{animation:rowIn linear both;animation-timeline:view();animation-range:entry 0 entry 80%}@keyframes rowIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}.sky-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% 0,#0a0d1a 0,#05060a 60%)}.sky-tint{position:absolute;inset:0;opacity:0;background:radial-gradient(90% 70% at 70% 100%,rgba(70,30,60,.35),transparent 70%)}.sky-band{left:-30%;right:-30%;top:20%;height:60vh;transform:rotate(-32deg);opacity:.55;background:radial-gradient(28% 18% at 55% 50%,rgba(255,214,170,.1),transparent 70%),radial-gradient(60% 22% at 50% 50%,rgba(170,185,255,.07),transparent 75%),linear-gradient(180deg,transparent 30%,rgba(150,160,210,.05) 48%,rgba(20,10,10,.25) 51%,rgba(150,160,210,.05) 54%,transparent 70%)}.sky-band,.sky-stars{position:absolute;will-change:transform}.sky-stars{left:0;right:0;top:0;height:calc(100% + 1024px);background-size:1024px 1024px}.sky-stars-2{animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.85}to{opacity:1}}.sky-ring{position:absolute;left:50%;top:34vh;width:60vh;height:60vh;border-radius:50%;transform:translate(-50%,-50%);opacity:.55;will-change:transform,opacity;background:radial-gradient(circle,transparent 0 40%,rgba(255,170,90,.16) 45%,rgba(255,200,140,.42) 47.5%,rgba(255,150,70,.12) 51%,transparent 60%);-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 70%);mask-image:radial-gradient(circle,#000 55%,transparent 70%)}@media (prefers-reduced-motion:reduce){.sky-stars-2{animation:none}}.lens-ring{position:absolute;left:50%;top:50%;width:84vh;height:84vh;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;will-change:transform,opacity}.lens-ring text{font:500 .052px ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.012px;fill:rgba(235,238,245,.62)}.vf .crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.vf .crosshair:after,.vf .crosshair:before{content:"";position:absolute;background:rgba(255,255,255,.35)}.vf .crosshair:before{left:8.5px;top:0;width:1px;height:18px}.vf .crosshair:after{top:8.5px;left:0;height:1px;width:18px}.intro .hud2{inset:auto auto 40px 40px;font:400 12px/1.7 ui-monospace,SF Mono,Menlo,monospace;color:rgba(233,236,245,.75);letter-spacing:.02em;transition:none}.hud2 .inst{font:500 15px/1.5 Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;color:#fff;letter-spacing:0}.hud2 .inst.swap{animation:capIn .9s cubic-bezier(.2,.7,.2,1) both}.hud2 em{font-style:normal;color:var(--muted)}.hud2 span{color:var(--hud)}.hud2 .width{color:var(--warm);transition:opacity .6s}.hud2 .target{color:var(--muted);font-size:11px;margin-top:2px}@media (max-width:640px){.intro .hud2{inset:auto auto 84px 18px;font-size:11px}.hud2 .target{display:none}}.intro canvas{opacity:0;transition:opacity .8s ease}.intro.ready canvas{opacity:1}.intro .poster{position:absolute;inset:0;transition:opacity .8s ease;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.08) 0 .6vh,transparent 2.2vh),radial-gradient(circle at 50% 50%,#050608 0 31.5vh,#151619 31.9vh,#0b0b0d 32.3vh 37vh,#1a1b1f 37.2vh 41.6vh,#3a3b40 42.2vh,#08090b 43vh,#020203 60vh)}.intro.ready .poster{opacity:0}.intro .perf{position:absolute;left:12px;top:12px;font:11px ui-monospace,monospace;color:#8dffb0;pointer-events:none}.caption span{max-width:min(680px,86vw)}@media (max-width:640px){.caption{padding-bottom:214px;font-size:15px}}.main .hero .eyebrow,.post-eyebrow{font:500 11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.16em;color:var(--muted)}.main .hero h1{margin-top:22px;line-height:1.02;font-size:clamp(48px,9vw,96px);letter-spacing:-.045em}.main .hero h1 span{color:#8f94ad}.main .hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:26px}.main .hero-row p{margin:0;line-height:1.8;font-size:15px}.main .hero-row .count{font:500 11px ui-monospace,monospace;letter-spacing:.14em;color:var(--muted);white-space:nowrap}.main .hero{padding:18vh 0 7vh;border-bottom:1px solid var(--line)}.main-inner{max-width:1080px}.plist{list-style:none;margin:0;padding:0}.plist li{border-bottom:1px solid var(--line)}.prow{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:40px;gap:40px;padding:40px 0;color:var(--fg);text-decoration:none}.pthumb{border-radius:4px;overflow:hidden;aspect-ratio:16/10;background:#0a0b12}.pthumb .thumb{width:100%;height:100%;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.prow:hover .thumb{transform:scale(1.04)}.pbody{position:relative;padding-bottom:8px}.pmeta{display:flex;gap:16px;font:400 12px ui-monospace,monospace;color:var(--muted);letter-spacing:.04em}.pmeta .pno{color:#c9cde0}.pbody h3{margin:14px 0;font-size:clamp(24px,3vw,32px);font-weight:500;letter-spacing:-.02em;line-height:1.3}.pbody p{margin:0;color:#aeb3c7;font-size:15px;line-height:1.85;max-width:600px}.ptags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag{font-size:12px;color:#aeb3c7;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;line-height:1}.tag.series{color:var(--warm);border-color:rgba(255,207,154,.4)}.parrow{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:14px;color:#cfd3e4;transition:background .3s,color .3s}.prow:hover .parrow{background:#fff;color:#05060a}.prow:hover h3{color:#fff}@media (max-width:760px){.prow{grid-template-columns:1fr;gap:20px}.parrow{display:none}}@supports (animation-timeline:view()){.plist li{animation:rowIn linear both;animation-timeline:view();animation-range:entry 0 entry 70%}}.post-wrap{max-width:1080px}.post-wrap footer a,.post-wrap header nav a{color:var(--muted);text-decoration:none}.post{max-width:720px;margin:0 auto;padding-top:10vh}.post h1{font-size:clamp(32px,5vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:18px 0}.post-summary{color:#aeb3c7;font-size:16px;line-height:1.85;margin:0}.post-cover{margin:40px 0 48px;border-radius:6px;overflow:hidden;aspect-ratio:16/9}.post-cover .thumb{width:100%;height:100%;display:block}.prose{font-size:17px;line-height:1.9;color:#d6d9e6}.prose p{margin:0 0 1.25em}.prose h2{font-size:24px;letter-spacing:-.02em;margin:2.6em 0 .8em}.prose h2,.prose h3{font-weight:600;color:#fff}.prose h3{font-size:19px;margin:2em 0 .6em}.prose strong{color:#fff;font-weight:600}.prose blockquote{margin:0 0 2em;padding:2px 0 2px 22px;border-left:2px solid var(--warm);color:#fff;font-size:19px;font-weight:500;line-height:1.7}.prose blockquote p{margin:0}.prose ol,.prose ul{padding-left:1.3em;margin:0 0 1.4em}.prose li{margin:.35em 0}.prose code{font:.88em ui-monospace,SF Mono,Menlo,monospace;background:rgba(255,255,255,.07);padding:2px 6px;border-radius:4px}.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:1.6em 0 2em}.prose th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:10px 8px;border-bottom:1px solid var(--line)}.prose td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.formula{margin:1.6em 0 1.8em;padding:20px 24px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02);text-align:center;font:400 19px/1.6 Times New Roman,"Noto Serif KR",serif;color:#fff;letter-spacing:.01em}.formula small{display:block;margin-top:6px;font:12.5px/1.6 Pretendard,system-ui,sans-serif;color:var(--muted)}.widget{margin:2.4em -40px 2.6em;border:1px solid var(--line);border-radius:12px;background:rgba(8,10,18,.75);overflow:hidden}@media (max-width:860px){.widget{margin-left:0;margin-right:0}}.widget canvas{display:block;width:100%;background:#04050a;touch-action:none}.widget-head{display:flex;justify-content:space-between;align-items:baseline;padding:14px 20px;border-bottom:1px solid var(--line);font:500 11px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.widget-head b{color:var(--warm);font-weight:500}.widget-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px 24px;gap:16px 24px;padding:18px 20px;border-top:1px solid var(--line)}.ctl{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#aeb3c7}.ctl .row{display:flex;justify-content:space-between}.ctl .val{font:500 13px ui-monospace,monospace;color:#fff}.ctl input[type=range]{width:100%;accent-color:var(--warm)}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{font:inherit;font-size:12.5px;color:#aeb3c7;background:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 11px;cursor:pointer}.seg button.on{color:#05060a;background:#e9ecf5;border-color:#e9ecf5}.widget-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--line)}.widget-out div{padding:14px 20px;border-right:1px solid var(--line)}.widget-out div:last-child{border-right:0}.widget-out .k{font-size:12px;color:var(--muted)}.widget-out .v{margin-top:4px;font:500 20px ui-monospace,monospace;color:#fff}.widget-out .v.ok{color:#8dffb0}.widget-out .v.warn{color:#ffd27a}.widget-out .v.bad{color:#ff8a7a}.widget-note{padding:12px 20px 16px;font-size:12.5px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line)}.thumb{overflow:hidden}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none}.logo .mark{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--warm);position:relative;flex:none}.logo .mark:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#000;box-shadow:0 0 0 1px rgba(255,207,154,.5)}.logo .word{font-size:19px;font-weight:700;letter-spacing:-.035em;line-height:1}.logo .dot{color:var(--warm)}.copyright{color:var(--muted);font-size:12.5px}.main .hero,.main .pbody,.post,.prose{word-break:keep-all;overflow-wrap:break-word}.pbody p,.post-summary,.prose li,.prose p{text-wrap:pretty}.pbody h3,.post h1,.prose h2,.prose h3{text-wrap:balance}.prose{color:#dadded}.prose p+h2{margin-top:2.8em}.prose h2{scroll-margin-top:90px;padding-top:.2em}.prose a{color:var(--warm);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose ol li::marker,.prose ul li::marker{color:var(--muted)}.table-wrap{overflow-x:auto;margin:1.6em 0 2em;-webkit-overflow-scrolling:touch}.table-wrap table{margin:0;min-width:520px}.prose td:first-child{white-space:nowrap;color:#fff}.formula{overflow-x:auto}@media (max-width:640px){.prose{font-size:16px;line-height:1.85}.prose h2{font-size:21px}.prose blockquote{font-size:17px}.formula{font-size:16px;padding:16px}}.sky-dim .sky-band{opacity:.18}.sky-dim .sky-stars{opacity:.45}.sky-dim .sky-stars-2{animation:none}.read-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:20;pointer-events:none}.read-progress div{height:100%;background:var(--warm);transform-origin:0 50%;transform:scaleX(0)}.toc{display:none}@media (min-width:1280px){.toc{display:block;position:fixed;top:160px;left:max(24px,calc(50% - 720px / 2 - 260px));width:200px;z-index:2;font-size:13px;line-height:1.5}.toc-title{font:500 11px ui-monospace,monospace;letter-spacing:.14em;color:var(--muted);margin-bottom:12px}.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}.toc li a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:1px solid transparent;color:var(--muted);text-decoration:none;transition:color .2s,border-color .2s}.toc li a:hover{color:var(--fg)}.toc li.on a{color:#fff;border-left-color:var(--warm)}}.main-enter .sky-ring{animation:ringIn 2.2s cubic-bezier(.16,.8,.24,1) both}@keyframes ringIn{0%{transform:translate(-50%,-50%) scale(3.2);opacity:0}35%{opacity:.75}to{transform:translate(-50%,-50%) scale(1);opacity:.55}}