.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--dur-micro: .16s;--dur-ui: .22s;--dur-small: .3s;--dur-section: .8s;--dur-sweep: .7s;--ease-enter: cubic-bezier(.215, .61, .355, 1);--ease-exit: cubic-bezier(.55, .055, .675, .19)}@font-face{font-family:MaruBuri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/maruburi/MaruBuri-Regular.woff2) format("woff2")}@font-face{font-family:MaruBuri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/maruburi/MaruBuri-Bold.woff2) format("woff2")}@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/pretendard/PretendardVariable.woff2) format("woff2-variations")}@font-face{font-family:SUIT Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/suit/SUIT-Variable.woff2) format("woff2-variations")}:root{--font-display: "SUIT Variable", "Pretendard Variable", sans-serif;--font-serif-latin: "MaruBuri", "Noto Serif KR", serif;--font-serif: "MaruBuri", "Noto Serif KR", serif;--font-ui: "SUIT Variable", "Pretendard Variable", Pretendard, sans-serif;--ink: #23282e;--parchment: #f1eee5;--parchment-deep: #e3ded1;--gold: #a87f4a;--gold-bright: #c99a5e;--frame: #5d6672;--link: #46617c;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--paper-grain-faint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html[data-mood=rain-rest]{--accent: #7b7168;--glow: rgba(160, 145, 120, .12);--bg-deep: #f1f0ee}html[data-mood=summer-trip]{--accent: #3f8ca8;--glow: rgba(63, 140, 168, .12);--bg-deep: #f3f9fb}html[data-mood=tower]{--accent: #8a6d3f;--glow: rgba(138, 109, 63, .1);--bg-deep: #f6f2e9}html[data-mood=dark]{--accent: #55524e;--glow: rgba(90, 85, 78, .1);--bg-deep: #e6e5e3}*{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow-x:hidden;font-family:var(--font-serif);color:var(--ink);background:radial-gradient(ellipse at 20% 0%,var(--glow),transparent 55%),linear-gradient(var(--bg-deep),var(--bg-deep));line-height:1.85;word-break:keep-all;overflow-wrap:break-word}button,input,textarea,select{word-break:keep-all;overflow-wrap:break-word}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;z-index:100;background:var(--parchment);padding:.5em 1em}.site-header{font-family:var(--font-ui);padding:.9rem 1.4rem;display:flex;justify-content:center}.site-header nav{width:min(72rem,100%);display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-header a{color:#4c5158;text-decoration:none;letter-spacing:.06em;font-size:.92rem}.site-header a:hover{color:var(--gold)}.site-header .brand{font-family:var(--font-display);font-size:1.2rem;color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-weight:800}.nav-links{display:flex;gap:1.1rem;flex-wrap:wrap}.nav-link{display:grid;justify-items:center;padding-inline:.15em}.nav-link .nav-en,.nav-link .nav-ko{grid-area:1 / 1;white-space:nowrap;text-align:center}.nav-link .nav-en{font-family:var(--font-ui);text-transform:uppercase;font-size:.82em;font-weight:600;letter-spacing:.14em}.nav-link .nav-ko{font-family:var(--font-ui);opacity:0;transform:translateY(40%)}@media(hover:hover){.nav-link .nav-en,.nav-link .nav-ko{transition:transform .8s var(--ease-enter),opacity .8s var(--ease-enter)}.nav-link:hover .nav-en,.nav-link:hover .nav-ko,.nav-link:focus-visible .nav-en,.nav-link:focus-visible .nav-ko{transition-delay:.16s}.nav-link:hover .nav-en,.nav-link:focus-visible .nav-en{opacity:0;transform:translateY(-40%)}.nav-link:hover .nav-ko,.nav-link:focus-visible .nav-ko{opacity:1;transform:translateY(0)}}html[data-motion=reduced] .nav-link .nav-en,html[data-motion=reduced] .nav-link .nav-ko{transition:none}@media(max-width:640px){.site-header .brand{letter-spacing:.1em;font-size:1.05rem}.site-header nav{flex-wrap:nowrap}.nav-links{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,black 1rem,black calc(100% - 1rem),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 1rem,black calc(100% - 1rem),transparent)}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto}}main{display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 4rem}.site-footer{text-align:center;color:#8b7f68;font-size:.85rem;font-style:italic;padding:2rem 1rem 3rem;font-family:var(--font-serif)}.codex{width:min(46rem,100%);--mx: 50%;--my: 25%;--codex-glow-a: 0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,200,120,var(--codex-glow-a)),transparent 70%),var(--paper-grain-faint),radial-gradient(ellipse at 50% -20%,rgba(255,255,255,.55),transparent 40%),linear-gradient(160deg,var(--parchment) 0%,var(--parchment-deep) 100%);background-repeat:no-repeat,repeat,no-repeat,no-repeat;background-size:auto,220px 220px,auto,auto;background-blend-mode:soft-light,multiply,normal,normal;border:1px solid var(--frame);outline:4px double color-mix(in srgb,var(--frame) 70%,transparent);outline-offset:6px;border-radius:3px;padding:clamp(1.4rem,4vw,3.2rem);margin:1.6rem .5rem;box-shadow:0 1px 2px #2834440d,0 6px 14px #28344412,0 20px 44px #2834441a;position:relative}.codex:before,.codex:after{content:"◈";position:absolute;color:var(--gold);font-size:1.1rem;opacity:.8;transform:translateY(var(--corner-parallax, 0px))}.codex:before{top:.6rem;left:.9rem}.codex:after{bottom:.6rem;right:.9rem}.codex h1{font-family:var(--font-display),var(--font-serif);font-size:clamp(1.8rem,4.6vw,2.6rem);font-weight:800;text-align:center;letter-spacing:.03em;border-bottom:1px solid var(--gold);padding-bottom:.8rem;margin-top:.2rem;text-wrap:balance}.codex h1:after{content:"";display:block;width:7rem;height:3px;margin:.55rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.codex h2{font-size:1.25rem;color:color-mix(in srgb,var(--ink) 80%,var(--accent));margin-top:2.2rem}.codex h2:before{content:"◈ ";color:var(--gold);font-size:.8em}.codex blockquote{margin:1.4rem 0;padding:.4rem 1.2rem;border-left:3px solid var(--gold);background:#a8853c12;font-style:italic}.codex table{border-collapse:collapse;width:100%;font-size:.94rem}.codex th,.codex td{border:1px solid color-mix(in srgb,var(--frame) 40%,transparent);padding:.4rem .7rem}.codex th{background:#a8853c1f;font-weight:600}.codex code{font-family:var(--font-ui);font-size:.88em;background:#0000000f;padding:.1em .35em;border-radius:3px}.codex .prose p{text-wrap:pretty}.codex .prose>p:first-of-type:first-line{letter-spacing:.02em}.codex .prose>p:first-of-type:before{content:"◌";color:var(--gold-bright);font-size:1.2em;margin-right:.35em;vertical-align:-.05em}a.wikilink{color:var(--link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold) 60%,transparent);transition:background var(--dur-small) var(--ease-enter)}a.wikilink:hover{background:#a8853c26}a.distant-tower{color:color-mix(in srgb,var(--ink) 55%,transparent);border-bottom:1px dashed color-mix(in srgb,var(--ink) 30%,transparent);cursor:help;text-shadow:0 0 6px rgba(120,120,140,.35);transition:letter-spacing var(--dur-small) var(--ease-enter),text-shadow var(--dur-small) var(--ease-enter)}a.distant-tower:hover{background:none;letter-spacing:.03em;text-shadow:0 0 6px rgba(120,120,140,.4),0 0 18px rgba(140,150,175,.5),0 0 32px rgba(160,170,195,.3)}html[data-motion=reduced] a.distant-tower{transition:none}.doc-meta{font-family:var(--font-ui);font-size:.82rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.8rem 0 1.6rem}.doc-meta .chip{border:1px solid color-mix(in srgb,var(--frame) 50%,transparent);border-radius:999px;padding:.12rem .7rem;color:color-mix(in srgb,var(--ink) 75%,transparent);background:#ffffff40;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em;white-space:nowrap}.doc-meta .chip.draft{border-style:dashed}.doc-meta .chip.spoiler{background:#1f4e5f1f}.doc-meta .chip.worldline{background:#5a7a3a24}.shelf-grid{width:min(72rem,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.2rem;margin-top:1.5rem}.shelf{background:linear-gradient(165deg,var(--parchment),var(--parchment-deep));border:1px solid var(--frame);border-radius:4px;padding:1.1rem 1.3rem;box-shadow:0 1px 2px #2834440d,0 4px 10px #2834440f,0 12px 28px #28344417;position:relative;overflow:hidden;transform:perspective(800px) rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg))}.shelf:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(75deg,transparent,rgba(201,164,78,.35),transparent);transform:skew(-20deg);transition:left var(--dur-sweep) ease;pointer-events:none}.shelf:hover:after{left:130%}html[data-motion=reduced] .shelf:after{display:none}.shelf h2{margin:0 0 .2rem;font-size:1.1rem;text-wrap:balance}.shelf h2 a{color:var(--ink);text-decoration:none}.shelf .count{font-family:var(--font-ui);font-size:.78rem;color:#7a6a4d}.shelf ul{list-style:none;margin:.7rem 0 0;padding:0;font-size:.94rem}.shelf li{margin:.3rem 0}.shelf li a{color:var(--link);text-decoration:none}.shelf li a:hover{border-bottom:1px solid var(--gold)}.shelf .more{font-family:var(--font-ui);font-size:.8rem;color:#7a6a4d}.page-title{font-family:var(--font-display),var(--font-serif);font-weight:750;color:#2e3138;text-align:center;font-size:clamp(1.9rem,5.6vw,2.9rem);letter-spacing:.1em;margin:2.2rem 0 .2rem;text-wrap:balance}.page-sub{color:#75726a;text-align:center;font-style:italic;margin-top:.4rem;text-wrap:pretty}.backlinks{width:min(46rem,100%);font-family:var(--font-ui);font-size:.86rem;color:#6e7278;margin:0 .5rem}.backlinks h2{font-size:.95rem;color:#5d6167}.backlinks a{color:#5d6167}.illustration{position:relative;border:1px solid var(--frame);outline:4px double color-mix(in srgb,var(--frame) 70%,transparent);outline-offset:6px;border-radius:3px;overflow:hidden;box-shadow:0 18px 44px #2834442e}.illustration img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.05) contrast(1.06) saturate(1.02)}.illustration:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #3c281433,inset 0 0 4px #0000002e;pointer-events:none}.illustration-edge{position:relative}.illustration-edge:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #3c281433,inset 0 0 4px #0000002e;pointer-events:none}.shelf:before,.char-card:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(201,164,78,var(--highlight-a, 0)),transparent 70%),var(--paper-grain-faint);background-repeat:no-repeat,repeat;background-size:auto,220px 220px;pointer-events:none}.char-card,.search-panel{position:relative;overflow:hidden}.search-panel:before{content:"";position:absolute;inset:0;background-image:var(--paper-grain);background-size:220px 220px;opacity:.03;mix-blend-mode:multiply;pointer-events:none}.page-title,.codex h1,.gate-title,.footer-brand{overflow-wrap:normal}.site-header .brand{white-space:nowrap}@media(max-width:640px){.site-header .brand{font-size:.95rem;letter-spacing:.08em}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}body{opacity:0}html[data-motion=reduced] body{opacity:1}.grain-clip{position:fixed;inset:0;z-index:999;pointer-events:none;overflow:hidden}.grain-overlay{position:absolute;inset:-2%;width:104%;height:104%;opacity:.025;mix-blend-mode:overlay;animation:grain-jitter .5s steps(2) infinite}.vignette-overlay{position:fixed;inset:0;z-index:998;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(60,72,88,.16) 100%)}@keyframes grain-jitter{0%,to{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-.5%,.5%)}}html[data-motion=reduced] .grain-overlay{animation:none}.motion-toggle-wrap{position:fixed;right:1.2rem;bottom:4.6rem;z-index:40}.motion-toggle{display:block;width:2.8rem;height:2.8rem;border-radius:999px;border:1px solid rgba(201,164,78,.5);background:#ffffffb3;backdrop-filter:blur(6px);color:#8b7f68;font-size:1.15rem;cursor:pointer;transition:all var(--dur-small) var(--ease-enter)}.motion-toggle[aria-pressed=true]{color:#2e3138;box-shadow:0 0 22px #c9a44e40}.footer-brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.24em;color:#7a6a4d;font-size:.8rem;margin:0 0 .6rem}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}