:root{--paper: #FAFAF8;--tint: #F1F1ED;--ink: #16161A;--gray: #65656E;--gray-2: #9A9AA2;--hair: #E6E5DF;--accent: #2540FF;--glow: rgba(37, 64, 255, .45)}:root[data-theme=dark]{--paper: #0D0D10;--tint: #16161C;--ink: #ECECF1;--gray: #9395A0;--gray-2: #62646F;--hair: #23232B;--accent: #7C8DFF;--glow: rgba(124, 141, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:350;line-height:1.8;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.mono{font-family:IBM Plex Mono,Pretendard Variable,monospace}.wrap{max-width:680px;margin:0 auto;padding:0 28px}a{color:inherit;text-decoration:none}header.bar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--hair);transition:background .4s,border-color .4s}.bar .row{max-width:680px;margin:0 auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:22px;letter-spacing:-.04em}.logo .dot{color:var(--accent)}.right{display:flex;align-items:center;gap:20px}nav.menu{display:flex;gap:20px}nav.menu a{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;color:var(--gray);transition:color .2s;position:relative}nav.menu a:hover{color:var(--ink)}nav.menu a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--accent);transition:width .25s}nav.menu a:hover:after{width:100%}.toggle{width:34px;height:34px;border-radius:9px;border:1px solid var(--hair);background:var(--tint);cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.25s;font-size:15px}.toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(-12deg)}:root[data-theme=dark] .sun{display:none}:root:not([data-theme=dark]) .moon{display:none}.hero{padding:80px 0 18px}.kicker{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;letter-spacing:.02em;color:var(--accent);margin-bottom:22px}.hero h1{font-weight:800;font-size:clamp(42px,7.6vw,66px);line-height:1.1;letter-spacing:-.045em}.hero h1 .q{color:var(--gray-2);font-weight:200}.hero .sub{margin-top:24px;font-size:18.5px;line-height:1.78;color:var(--gray);font-weight:350;max-width:520px}.hero .status{margin-top:28px;font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;color:var(--gray-2);display:flex;align-items:center;gap:9px}.live{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.div{height:1px;background:var(--hair);margin:54px 0 0;transition:background .4s}.sec{display:flex;align-items:baseline;justify-content:space-between;margin:44px 0 6px}.sec .l{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;letter-spacing:.18em;color:var(--ink);font-weight:500}.sec .r{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12px;color:var(--gray-2)}article.post{display:block;padding:30px 0;border-top:1px solid var(--hair);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .4s}article.post:first-of-type{border-top:0}article.post:hover{transform:translate(8px)}.p-meta{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12px;color:var(--gray-2);margin-bottom:11px;display:flex;gap:12px;align-items:center}.p-meta .tag{color:var(--accent)}.p-meta .sep{opacity:.45}.p-title{font-weight:700;font-size:29px;line-height:1.32;letter-spacing:-.03em;transition:color .25s}article.post:hover .p-title{color:var(--accent)}.p-dek{margin-top:9px;font-size:16.5px;color:var(--gray);font-weight:350;line-height:1.7}.p-read{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12px;color:var(--accent);margin-top:14px;opacity:0;transform:translateY(4px);transition:.3s}article.post:hover .p-read{opacity:1;transform:none}footer.site{margin:18px 0 84px;padding-top:28px;border-top:1px solid var(--hair);transition:border-color .4s}footer.site .big{font-weight:300;font-size:21px;color:var(--ink);margin-bottom:14px;line-height:1.55;letter-spacing:-.02em}footer.site .big b{font-weight:800}footer.site .fnote{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;color:var(--gray);line-height:2}footer.site .fnote a{color:var(--accent)}.reveal{opacity:0;transform:translateY(18px);animation:rise .85s cubic-bezier(.2,.7,.2,1) forwards}@keyframes rise{to{opacity:1;transform:none}}.d1{animation-delay:.04s}.d2{animation-delay:.14s}.d3{animation-delay:.24s}.d4{animation-delay:.34s}.d5{animation-delay:.46s}.d6{animation-delay:.56s}.d7{animation-delay:.66s}.d8{animation-delay:.76s}.d9{animation-delay:.86s}.d10{animation-delay:.96s}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.live{animation:none}html{scroll-behavior:auto}*{transition:none!important}}.page{padding:64px 0 18px}.page-kicker{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;letter-spacing:.02em;color:var(--accent);margin-bottom:18px}.page-title{font-weight:800;font-size:clamp(34px,6vw,48px);line-height:1.12;letter-spacing:-.045em}.page-lead{margin-top:20px;font-size:18px;line-height:1.78;color:var(--gray);font-weight:350}.year-group{margin-top:40px}.year-label{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:13px;letter-spacing:.14em;color:var(--gray-2);font-weight:500;padding-bottom:8px;border-bottom:1px solid var(--hair)}.arch-item{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair);transition:transform .3s cubic-bezier(.2,.7,.2,1)}.arch-item:hover{transform:translate(6px)}.arch-item:hover .arch-title{color:var(--accent)}.arch-date{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12px;color:var(--gray-2);flex:0 0 86px}.arch-title{font-size:17.5px;font-weight:500;line-height:1.5;transition:color .25s}.arch-cat{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:11px;color:var(--accent);margin-left:8px}article.prose{padding:8px 0 12px}.post-head{padding:56px 0 30px;border-bottom:1px solid var(--hair);margin-bottom:38px}.post-head .p-meta{margin-bottom:18px}.post-head h1{font-weight:800;font-size:clamp(32px,5.6vw,46px);line-height:1.18;letter-spacing:-.04em}.post-head .lead{margin-top:20px;font-size:18px;line-height:1.78;color:var(--gray);font-weight:350}.post-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.post-tags .t{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:11.5px;color:var(--gray);background:var(--tint);border:1px solid var(--hair);padding:4px 10px;border-radius:7px;transition:.2s}.prose-body{font-size:17.5px;line-height:1.92;color:var(--ink);font-weight:350}.prose-body>*+*{margin-top:1.35em}.prose-body h2{font-weight:800;font-size:26px;line-height:1.3;letter-spacing:-.03em;margin-top:2em;margin-bottom:.2em}.prose-body h3{font-weight:700;font-size:21px;line-height:1.35;letter-spacing:-.02em;margin-top:1.7em;margin-bottom:.2em}.prose-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);transition:border-color .2s}.prose-body a:hover{border-bottom-color:var(--accent)}.prose-body strong{font-weight:700}.prose-body em{font-style:italic}.prose-body blockquote{border-left:2px solid var(--accent);padding-left:20px;color:var(--gray);font-weight:350}.prose-body ul,.prose-body ol{padding-left:1.4em}.prose-body li{margin-top:.4em}.prose-body li::marker{color:var(--gray-2)}.prose-body hr{border:0;height:1px;background:var(--hair);margin:2.4em 0}.prose-body code{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:.88em;background:var(--tint);border:1px solid var(--hair);border-radius:5px;padding:2px 6px}.prose-body pre{font-family:IBM Plex Mono,Pretendard Variable,monospace;background:var(--tint);border:1px solid var(--hair);border-radius:11px;padding:18px 20px;overflow-x:auto;font-size:13.5px;line-height:1.7}.prose-body pre code{background:none;border:0;padding:0;font-size:inherit}.prose-body img{max-width:100%;border-radius:11px}.post-foot{margin-top:56px;padding-top:26px;border-top:1px solid var(--hair)}.back-link{font-family:IBM Plex Mono,Pretendard Variable,monospace;font-size:12.5px;color:var(--accent);transition:opacity .2s}.back-link:hover{opacity:.7}