@font-face{font-family:NanumGothic;src:url('./assets/NanumGothic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:NanumGothic;src:url('./assets/NanumGothic-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#fff;--muted:#a9a498;--line:#383833;--paper:#f4f5ef;--paper-ink:#4e5449;--gap:64px}*{box-sizing:border-box}body{margin:0;background:#000;color:var(--ink);font:400 16px/1.6 NanumGothic,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit;background:none;border:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #bdb9a9;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;word-break:keep-all;overflow-wrap:anywhere}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:24px;background:var(--paper);color:#000;padding:12px;z-index:20}.skip:focus{top:8px}.masthead{height:96px;padding:0 40px;display:flex;align-items:center;gap:40px;max-width:1920px;margin:auto}.brand{text-decoration:none;font-size:22px;line-height:1.3;flex-shrink:0}.brand small{display:block;font-size:10px;letter-spacing:.06em;color:var(--muted);margin-top:6px}.masthead nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}.masthead nav a{font-size:14px;text-decoration:none;white-space:nowrap;padding:14px 0}.masthead nav [aria-current]{border-bottom:1px solid #fff}.search{display:flex;align-items:center;gap:12px;border:1px solid #77776e;border-radius:100px;padding:0 16px;width:265px;height:44px}.search img,.icon-button img{width:22px;height:22px;filter:invert(1)}.search input{background:none;color:white;border:0;outline:0;width:100%;min-width:0;font-size:14px}.search input::placeholder{color:var(--muted)}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.menu,.mobile-search{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;max-width:1920px;margin:auto;align-items:start;min-height:calc(100svh - 96px)}.workspace:has(#reader[hidden]){grid-template-columns:1fr}.explorer{padding:24px 40px 0;min-width:0}.intro h1{font-size:36px;line-height:1.38;letter-spacing:-.035em}.intro p{color:#c6c3ba;margin-top:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;margin-bottom:32px}.view-switch{display:flex;border:1px solid #828278;border-radius:100px;padding:3px}.view-switch button{min-width:64px;height:36px;border-radius:100px;font-size:14px}.view-switch button[aria-pressed=true]{background:var(--paper);color:#000}.scope-label select{color:#eee;background:#000;border:0;border-bottom:1px solid #8e8b82;padding:10px 24px 10px 0;min-height:44px;font-size:14px;max-width:100%}.result-count{color:var(--muted);font-size:13px;margin-top:-16px;margin-bottom:20px}.result-count:empty{display:none}#map{position:relative;min-height:580px}.column-heads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-bottom:24px}.column-heads h2{font-size:19px;line-height:1.5}.column-heads p{font-size:13px;color:var(--muted);margin-top:4px}.column-heads>div{position:relative}.column-heads>div:not(:first-child):before{content:'';position:absolute;left:calc(var(--gap)/-2);top:-12px;width:1px;height:570px;background:#282825;pointer-events:none}#nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(208px,auto);column-gap:var(--gap);row-gap:64px;align-items:start;position:relative;z-index:1}.node{display:block;width:100%;min-width:0;text-align:left;padding:0;text-decoration:none;align-self:start;position:relative;transition:opacity .15s}.node:hover{opacity:.86}.node .image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #595952}.node h3{font-size:20px;line-height:1.45;margin-top:8px}.node .caption{font-size:13px;color:var(--muted);margin-top:4px}.node.essay,.node.concept,.node.judgment,.node.topic,.node.paper,.node.creator{padding:16px;border:1px solid #5b5b52;background:#11110f;margin-top:24px}.node.essay h3{font-size:19px;margin:8px 0}.node.essay{min-height:166px}.node.concept .image{margin:12px 0 0;aspect-ratio:2.1}.node.concept h3{margin-top:0}.node.concept[data-id='concept:felt-time']{padding:0}.node.concept[data-id='concept:felt-time'] h3{padding:12px 16px 0}.node.concept[data-id='concept:felt-time'] .caption{padding:0 16px 12px}.node.concept[data-id='concept:felt-time'] .image{margin:0;order:-1}.node.judgment{padding:16px}.node.judgment h3{margin:0}.node.judgment:after{content:'';display:block;aspect-ratio:2.3;margin-top:16px;background:url('/pages/profile/constellation/assets/afternoon-shadows.webp') center/cover}.node.selected:not(.work){background:var(--paper);color:#10110f;outline:1px solid #c5c4b8;outline-offset:3px}.node.selected .caption{color:#65685f}.node.work.selected .image{outline:2px solid var(--paper);outline-offset:4px}.node .node-type{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.node.concept[data-id='concept:felt-time']{display:flex;flex-direction:column}.node.paper h3{font-size:17px}.node.paper{margin-top:0}.node.creator{min-height:120px}#connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.map-footer{border-top:1px solid #58584e;margin-top:24px;display:flex;align-items:center;gap:16px;min-height:64px;color:var(--muted);font-size:12px}.map-footer #map-note{margin-left:auto}.text-button{text-decoration:underline;text-underline-offset:5px;min-height:44px;text-align:left;padding:0}.map-footer .icon-button{border:1px solid #5b5b52;border-radius:100%}#reader{background:var(--paper);color:var(--paper-ink);padding:32px;position:sticky;top:0;max-height:100svh;overflow:auto;overscroll-behavior:contain;min-height:calc(100svh - 96px);border-radius:4px 0 0 0;scrollbar-width:thin;scrollbar-color:#b9b9ad transparent}#close-reader{position:absolute;right:16px;top:16px}#reader .icon-button img{filter:none}.reader-eyebrow{font-size:13px;padding-right:32px;margin-bottom:40px}.reader-title{color:#10110f;font-size:30px;line-height:1.4;letter-spacing:-.025em}.reader-summary{color:#717568;margin-top:12px;white-space:pre-line}.reader-image{margin:24px 0}.reader-image img{width:100%;height:auto}.reader-section{border-top:1px solid #b7bbae;margin-top:32px;padding-top:28px}.reader-section h3{font-size:19px;color:#1d201b;margin-bottom:12px}.reader-section p{font-size:15px;line-height:1.85;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}.original{display:flex;align-items:center;justify-content:space-between;text-decoration:none;gap:12px;border-top:1px solid #b7bbae;border-bottom:1px solid #b7bbae;padding:18px 0;margin-top:32px;color:#151811;font-size:15px}.original img{width:22px}.related{margin-top:24px}.related>h3{font-size:15px;color:#20251d;margin-bottom:12px}.relation{width:100%;border-top:1px solid #d0d3c7;padding:16px 0;text-align:left}.relation small{display:block;color:#72776b;font-size:12px}.relation strong{font-size:16px;font-weight:400;display:block;margin-top:4px}.relation-reason{font-size:12px;line-height:1.7;margin:0 0 12px;color:#777c70}.reader-caption{font-size:12px;color:#73796c;margin-top:20px}.reading-index{border-top:1px solid #383833;margin:32px 40px;padding:24px 0;max-width:1152px;color:var(--muted);font-size:13px}.reading-index summary{cursor:pointer;padding:12px 0}.reading-index>p{margin:16px 0}.reading-index article{padding:24px 0;border-top:1px solid #333}.reading-index article h3{font-size:18px;color:#eee}.reading-index article p{margin:12px 0}.reading-index ul{padding-left:20px}#record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;min-height:400px}#record-list .list-record{display:grid;grid-template-columns:72px 1fr;gap:16px;text-align:left;align-items:center;border-top:1px solid #444;padding:20px 0;min-height:118px;min-width:0}#record-list .list-record.no-image{grid-template-columns:1fr}#record-list img{width:72px;height:auto}#record-list h3{font-size:17px;line-height:1.5}#record-list small{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}#record-list .selected{border-top-color:var(--paper)}.empty{color:var(--muted);padding:32px 0;grid-column:1/-1}.empty p{margin-top:8px}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 440px}.explorer{padding-left:56px;padding-right:56px}#map{min-height:680px}#nodes{row-gap:88px}.column-heads>div:not(:first-child):before{height:670px}#reader{padding:40px}.node h3{font-size:24px}.masthead{padding:0 56px}}@media(max-width:1199px) and (min-width:761px){:root{--gap:36px}.masthead{padding:0 24px;gap:24px}.masthead nav{gap:14px}.masthead nav a{font-size:12px}.search{width:205px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.explorer{padding:24px}.intro h1{font-size:32px}#reader{padding:24px}.reader-title{font-size:27px}.column-heads p{font-size:11px}.node h3,.node.essay h3{font-size:17px}.node.essay,.node.concept,.node.judgment{padding:12px}.column-heads h2{font-size:17px}}
@media(max-width:760px){:root{--gap:24px}.masthead{height:72px;padding:0 20px;gap:4px;position:relative;flex-wrap:wrap;z-index:5}.brand{margin-right:auto;font-size:21px}.brand small{display:none}.masthead nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:#111;padding:16px 24px;border-bottom:1px solid #444;gap:0}.masthead nav.open{display:flex}.masthead nav a{min-height:44px;font-size:16px}.menu,.mobile-search{display:inline-flex}.search{display:none;position:absolute;top:72px;left:20px;right:20px;width:auto;background:#111;z-index:6}.search.open{display:flex}.masthead:has(.search.open){margin-bottom:56px}.workspace,.workspace:has(#reader[hidden]){display:flex;flex-direction:column;min-height:0}.explorer{width:100%;padding:16px 20px 0}.intro h1{font-size:28px;line-height:1.4}.intro p{font-size:13px;line-height:1.7;margin-top:4px}.toolbar{margin:20px 0 24px;gap:12px}.view-switch button{min-width:52px;font-size:13px}.scope-label select{font-size:13px;padding-right:4px}.column-heads{display:none}#map{min-height:340px}#nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;grid-auto-rows:auto;align-items:start;padding-bottom:8px}.node.mobile-hidden{display:none!important}.node{order:var(--mobile-order);grid-column:auto!important;grid-row:auto!important}.node h3{font-size:17px;line-height:1.5}.node .caption{font-size:11px}.node.work .image{height:auto;aspect-ratio:16/9;object-fit:contain}.node.essay,.node.concept,.node.judgment,.node.paper,.node.topic,.node.creator{margin:0;padding:12px;min-height:0}.node.essay h3,.node.paper h3{font-size:15px}.node.concept .image{display:none}.node.concept[data-id='concept:felt-time'] h3{padding:12px}.node.concept[data-id='concept:felt-time'] .caption{padding:0 12px 12px}.node.judgment{grid-column:1/-1!important;justify-self:end;width:70%;max-width:220px;min-width:0}.node.judgment:after{aspect-ratio:2.1;margin-top:12px}.node.judgment h3{font-size:16px}.map-footer{margin-top:8px;font-size:11px;gap:12px;min-height:56px}.map-footer #map-note{display:none}.map-footer .icon-button{margin-left:auto;width:36px;height:36px}#reader{position:relative;top:auto;width:100%;max-height:none;min-height:0;overflow:visible;margin-top:8px;padding:28px 24px 40px;border-radius:4px 4px 0 0}.reader-eyebrow{font-size:12px;margin-bottom:28px}.reader-title{font-size:27px}.reader-summary{font-size:15px}.reader-section{margin-top:28px;padding-top:24px}.reader-section h3{font-size:18px}.reader-section p{font-size:14px}.reading-index{margin:16px 20px;font-size:12px}#record-list{grid-template-columns:1fr;min-height:200px}.result-count{font-size:12px;margin-top:-10px}.reader-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}