:root{--bg:#0b0a09;--ink:#efe7da;--ink-2:#efe7daad;--ink-3:#efe7da6b;--ink-4:#efe7da2e;--line:#efe7da1a;--wheel:#e9c24a, #f08c3b, #e2554b, #7d5ee0, #4f7fdc, #36a99b, #8ea83e;--serif:"Fraunces", "Hahmlet", "Iowan Old Style", Georgia, serif;--sans:"Hanken Grotesk", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--mono:"Martian Mono", "Pretendard Variable", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2, .7, .1, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(70vmax 50vmax at 12% -10%, #f59b3c17, transparent 60%), radial-gradient(60vmax 50vmax at 100% 110%, #5584ec12, transparent 60%), var(--bg);min-height:100svh;color:var(--ink);font:400 15px/1.55 var(--sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0}.hub{max-width:1080px;margin:0 auto;padding:72px 36px 56px}.kicker{font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin:0 0 28px;display:flex}.kicker i{background:conic-gradient(var(--wheel), #e9c24a);border-radius:50%;width:7px;height:7px}h1{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 100;letter-spacing:-.045em;margin:0;font-size:clamp(64px,10.5vw,148px);font-weight:300;line-height:1}h1 em{background:linear-gradient(100deg, var(--wheel));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:400}.lede{max-width:48ch;color:var(--ink-2);margin:30px 0 0;font-size:17px;line-height:1.75}.entries{border-top:1px solid var(--line);margin:72px 0 0;padding:0;list-style:none}.entries a{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:200px minmax(0,1fr) auto;gap:6px 28px;padding:28px 12px 28px 0;text-decoration:none;transition:background .3s;display:grid}.entries a:hover,.entries a:focus-visible{background:linear-gradient(90deg,#efe7da0b,#0000 80%);outline:none}.entry__path{font:400 10.5px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-3);grid-row:span 2;padding-top:12px}.entry__title{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 100;letter-spacing:-.03em;font-size:34px;font-weight:400;line-height:1.2}.entry__desc{color:var(--ink-2);grid-column:2}.entry__go{color:var(--ink-3);transition:transform .35s var(--ease), color .2s;grid-area:1/3/span 2;align-self:center;font-size:24px}.entries a:hover .entry__go,.entries a:focus-visible .entry__go{color:var(--ink);transform:translate(6px)}.entry--empty{border-bottom:1px solid var(--line);color:var(--ink-3);padding:28px 0}.howto{font:400 10px/2 var(--mono);letter-spacing:.03em;color:var(--ink-3);margin-top:56px}.howto p{margin:0}.howto span{width:96px;color:var(--ink-4);display:inline-block}@media (prefers-reduced-motion:no-preference){.kicker,h1,.lede,.entries,.howto{animation:rise 1.1s var(--ease) both}h1{animation-delay:80ms}.lede{animation-delay:.18s}.entries{animation-delay:.3s}.howto{animation-delay:.42s}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (width<=720px){.hub{padding:44px 16px 40px}.entries{margin-top:48px}.entries a{grid-template-columns:minmax(0,1fr) auto;padding-right:4px}.entry__path{grid-area:auto/1;padding-top:0}.entry__title{font-size:30px}.entry__desc{grid-column:1}.entry__go{grid-area:1/2/span 3}.howto span{width:auto;display:block}}