:root{color-scheme:dark;--ink:#050608;--text:#f3f0e9;--muted:#9c9a96;--line:rgba(236,230,214,.18);--glow:rgba(255,244,207,.9)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--text);font-family:Noto Sans KR,sans-serif;overflow:hidden}button{font:inherit}#universe{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 46%,#11131a 0,#07080b,#030405 76%)}#field{position:absolute;inset:0;width:100%;height:100%}.intro{position:absolute;left:clamp(24px,6vw,88px);top:clamp(34px,8vh,90px);max-width:560px;pointer-events:none;transition:opacity 1.2s ease,transform 1.2s ease}.intro.is-quiet{opacity:.22;transform:translateY(-8px)}.kicker,.story-meta,.story-related,.orientation,.hint{letter-spacing:.18em;text-transform:uppercase;font-size:11px}.intro h1{margin:.65rem 0 .4rem;font-family:Playfair Display,serif;font-size:clamp(42px,7vw,88px);font-weight:500;line-height:.96}.intro>p:last-child{color:var(--muted);font-weight:300}.nodes{position:absolute;inset:0}.node{position:absolute;width:22px;height:22px;border:0;border-radius:50%;padding:0;background:transparent;transform:translate(-50%,-50%);cursor:none}.node:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff6dc;box-shadow:0 0 10px #fff6dccc,0 0 28px #f8e1a666;transition:transform .8s ease,box-shadow .8s ease,opacity .8s ease}.node:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(255,242,205,0);border-radius:50%;transition:all .9s ease}.node.near:before,.node:focus-visible:before{transform:scale(1.9);box-shadow:0 0 14px #fff,0 0 46px #f8e1a6b8}.node.active:after{inset:-32px;border-color:#fff2cd47}.node-label{position:absolute;left:26px;top:50%;width:max-content;max-width:210px;transform:translateY(-50%);opacity:0;color:#f4efe4;font-size:12px;letter-spacing:.08em;text-align:left;transition:opacity .5s ease,transform .5s ease;pointer-events:none}.node.near .node-label,.node.active .node-label,.node:focus-visible .node-label{opacity:1;transform:translate(8px,-50%)}.story{position:absolute;right:clamp(22px,7vw,96px);bottom:clamp(68px,13vh,130px);width:min(410px,calc(100vw - 44px));opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .8s ease,transform .8s ease}.story.visible{opacity:1;transform:none}.story h2{font-family:Playfair Display,serif;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.06;margin:.55rem 0 1rem}.story #story-copy{color:#cbc7bd;line-height:1.8;font-weight:300}.story-meta,.story-related{color:#aaa69c}.orientation{position:absolute;left:clamp(22px,4vw,54px);bottom:28px;color:#87857f;display:flex;gap:18px;align-items:center}.orientation button{border:0;background:none;color:#d1cdc3;padding:0;cursor:pointer;letter-spacing:.12em;font-size:11px}.hint{position:absolute;right:clamp(22px,4vw,54px);bottom:28px;color:#6e6d69;margin:0}.node:focus-visible{outline:1px solid #fff;outline-offset:12px}@media(max-width:700px){.intro{top:26px;left:22px;right:22px}.intro h1{font-size:42px}.story{right:22px;bottom:82px}.hint{display:none}.node-label{font-size:10px;max-width:130px}.orientation{bottom:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.node:before{box-shadow:0 0 12px #fff6dcd9}}