:root{--dimension-x0-5: 2px;--dimension-x1: 4px;--dimension-x1-5: 6px;--dimension-x2: 8px;--dimension-x2-5: 10px;--dimension-x3: 12px;--dimension-x3-5: 14px;--dimension-x4: 16px;--dimension-x4-5: 18px;--dimension-x5: 20px;--dimension-x6: 24px;--dimension-x7: 28px;--dimension-x8: 32px;--dimension-x9: 36px;--dimension-x10: 40px;--dimension-x12: 48px;--dimension-x13: 52px;--dimension-x14: 56px;--dimension-x16: 64px;--dimension-x20: 80px;--radius-r0-5: 2px;--radius-r1: 4px;--radius-r1-5: 6px;--radius-r2: 8px;--radius-r2-5: 10px;--radius-r3: 12px;--radius-r4: 16px;--radius-r5: 20px;--radius-r6: 24px;--radius-full: 9999px;--t1: .6875rem;--t2: .75rem;--t3: .8125rem;--t4: .875rem;--t5: .9375rem;--t6: 1rem;--t7: 1.125rem;--t8: 1.25rem;--t9: 1.4375rem;--t10: 1.625rem;--t1-line: .9375rem;--t2-line: 1rem;--t3-line: 1.25rem;--t4-line: 1.375rem;--t5-line: 1.5rem;--t6-line: 1.75rem;--t7-line: 1.875rem;--t8-line: 2rem;--t9-line: 2.125rem;--t10-line: 2.375rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-family-base: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--palette-ink: #1a1a18;--palette-ink-muted: #6b6b63;--palette-ink-subtle: #91908a;--palette-line: #e2e0d8;--palette-line-strong: #cfccc0;--palette-paper: #fbfaf6;--palette-surface: #ffffff;--palette-green: #2f5d50;--palette-green-pressed: #24483e;--palette-green-weak: #edf3f0;--palette-green-weak-pressed: #e0eae5;--palette-paper-pressed: #f2efe6;--palette-surface-pressed: #f6f4ef;--palette-ink-alpha-weak: rgb(26 26 24 / 4%);--palette-ink-alpha-weak-pressed: rgb(26 26 24 / 8%);--color-fg-neutral: var(--palette-ink);--color-fg-neutral-muted: var(--palette-ink-muted);--color-fg-neutral-subtle: var(--palette-ink-subtle);--color-fg-neutral-inverted: var(--palette-paper);--color-fg-brand: var(--palette-green);--color-fg-brand-contrast: var(--palette-paper);--color-fg-placeholder: var(--palette-ink-subtle);--color-fg-disabled: var(--palette-ink-subtle);--color-bg-neutral-solid: var(--palette-paper);--color-bg-neutral-weak: var(--palette-surface);--color-bg-neutral-weak-pressed: var(--palette-surface-pressed);--color-bg-neutral-weak-alpha: var(--palette-ink-alpha-weak);--color-bg-neutral-weak-alpha-pressed: var(--palette-ink-alpha-weak-pressed);--color-bg-neutral-inverted: var(--palette-ink);--color-bg-neutral-inverted-pressed: #2e2e2b;--color-bg-brand-weak: var(--palette-green-weak);--color-bg-brand-weak-pressed: var(--palette-green-weak-pressed);--color-bg-brand-solid: var(--palette-green);--color-bg-brand-solid-pressed: var(--palette-green-pressed);--color-bg-disabled: var(--palette-paper-pressed);--color-stroke-neutral-weak: var(--palette-line);--color-stroke-neutral-muted: var(--palette-line-strong);--color-stroke-neutral-contrast: var(--palette-ink);--color-stroke-brand-solid: var(--palette-green);--color-stroke-focus-ring: var(--palette-green);--spacing-global-gutter: var(--dimension-x5);--spacing-between-text: var(--dimension-x1-5);--spacing-between-chips: var(--dimension-x2);--spacing-component-default: var(--dimension-x3);--spacing-section-gap: var(--dimension-x10);--spacing-screen-bottom: var(--dimension-x20);--radius-surface: var(--radius-r2-5);--radius-control: var(--radius-r2-5);--radius-pill: var(--radius-full);--layout-max-width: 940px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--palette-ink: #ece8df;--palette-ink-muted: #a39e93;--palette-ink-subtle: #7d786e;--palette-line: #34322d;--palette-line-strong: #4a4740;--palette-paper: #171614;--palette-paper-pressed: #201f1c;--palette-surface: #201f1c;--palette-surface-pressed: #2a2825;--palette-green: #7fb5a1;--palette-green-pressed: #96c4b3;--palette-green-weak: #1d2a26;--palette-green-weak-pressed: #24332e;--palette-ink-alpha-weak: rgb(255 255 255 / 6%);--palette-ink-alpha-weak-pressed: rgb(255 255 255 / 11%);--color-fg-brand-contrast: #14201c;--color-fg-neutral-inverted: #171614;--color-bg-neutral-inverted: #ece8df;--color-bg-neutral-inverted-pressed: #d8d3c8;--color-stroke-neutral-contrast: #ece8df}}:root[data-theme=dark]{--palette-ink: #ece8df;--palette-ink-muted: #a39e93;--palette-ink-subtle: #7d786e;--palette-line: #34322d;--palette-line-strong: #4a4740;--palette-paper: #171614;--palette-paper-pressed: #201f1c;--palette-surface: #201f1c;--palette-surface-pressed: #2a2825;--palette-green: #7fb5a1;--palette-green-pressed: #96c4b3;--palette-green-weak: #1d2a26;--palette-green-weak-pressed: #24332e;--palette-ink-alpha-weak: rgb(255 255 255 / 6%);--palette-ink-alpha-weak-pressed: rgb(255 255 255 / 11%);--color-fg-brand-contrast: #14201c;--color-fg-neutral-inverted: #171614;--color-bg-neutral-inverted: #ece8df;--color-bg-neutral-inverted-pressed: #d8d3c8;--color-stroke-neutral-contrast: #ece8df}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light dark}body{margin:0;background:var(--color-bg-neutral-solid);color:var(--color-fg-neutral);font-family:var(--font-family-base);font-size:var(--t5);line-height:var(--t5-line);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--color-stroke-focus-ring);outline-offset:2px;border-radius:var(--radius-r1)}.screen-title{font-size:var(--t10);line-height:var(--t10-line);font-weight:var(--font-weight-bold);letter-spacing:-.022em;margin:var(--dimension-x6) 0 var(--spacing-between-text)}.section-title{font-size:var(--t7);line-height:var(--t7-line);font-weight:var(--font-weight-bold);letter-spacing:-.014em;margin:var(--spacing-section-gap) 0 var(--spacing-component-default)}.article-body{font-size:var(--t6);line-height:var(--t6-line);margin:0 0 var(--dimension-x4)}.lede{font-size:var(--t5);line-height:var(--t5-line);color:var(--color-fg-neutral-muted);margin:0 0 var(--spacing-between-text)}.caption{font-size:var(--t3);line-height:var(--t3-line);color:var(--color-fg-neutral-muted)}.site-header{max-width:var(--layout-max-width);margin:0 auto;padding:var(--dimension-x6) var(--spacing-global-gutter) var(--dimension-x5);display:flex;flex-wrap:wrap;gap:var(--dimension-x3) var(--dimension-x6);align-items:baseline;justify-content:space-between}.brand{font-size:var(--t8);line-height:var(--t8-line);font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:var(--dimension-x4-5);font-size:var(--t4);line-height:var(--t4-line)}.site-nav a{color:var(--color-fg-neutral-muted);text-decoration:none}.site-nav a:hover{color:var(--color-fg-brand)}main{max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--spacing-global-gutter) var(--spacing-screen-bottom)}.site-footer{border-top:1px solid var(--color-stroke-neutral-weak);margin-top:var(--spacing-section-gap);padding:var(--dimension-x6) var(--spacing-global-gutter) var(--dimension-x14)}.site-footer__inner{max-width:var(--layout-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--dimension-x5);font-size:var(--t3);line-height:var(--t3-line);color:var(--color-fg-neutral-muted)}.site-footer p{margin:0}.site-footer a{color:var(--color-fg-neutral-muted);text-decoration:none}.site-footer a:hover{color:var(--color-fg-brand)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--dimension-x4)}.site-footer__team{padding-top:var(--dimension-x5);border-top:1px solid var(--color-stroke-neutral-weak);display:flex;flex-direction:column;gap:var(--dimension-x2)}.site-footer__made-by{font-size:var(--t4);line-height:var(--t4-line)}.site-footer__made-by a{color:var(--color-fg-neutral)}.site-footer__made-by a:hover{color:var(--color-fg-brand)}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--dimension-x4)}.site-footer__links a{color:var(--color-fg-brand);font-weight:var(--font-weight-medium)}.site-footer__copyright{color:var(--color-fg-neutral-subtle)}.about-section .callout{margin:var(--dimension-x2) 0 var(--dimension-x4)}.about-actions{display:flex;flex-wrap:wrap;gap:var(--dimension-x2);margin-top:var(--dimension-x4)}.section-more{float:right;font-size:var(--t3);line-height:var(--t3-line);font-weight:var(--font-weight-regular);color:var(--color-fg-neutral-muted);text-decoration:none}.section-more:hover{color:var(--color-fg-brand)}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--dimension-x1-5);border:1px solid transparent;border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-bold);text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.action-button:disabled,.action-button[aria-disabled=true]{background:var(--color-bg-disabled);color:var(--color-fg-disabled);border-color:transparent;cursor:default;pointer-events:none}.action-button--xsmall{min-height:var(--dimension-x8);padding:var(--dimension-x1-5) var(--dimension-x3-5);font-size:var(--t3);line-height:var(--t3-line)}.action-button--small{min-height:var(--dimension-x9);padding:var(--dimension-x2) var(--dimension-x3-5);font-size:var(--t4);line-height:var(--t4-line)}.action-button--medium{min-height:var(--dimension-x10);padding:var(--dimension-x2-5) var(--dimension-x4);font-size:var(--t4);line-height:var(--t4-line)}.action-button--large{min-height:var(--dimension-x13);padding:var(--dimension-x3-5) var(--dimension-x5);font-size:var(--t6);line-height:var(--t6-line)}.action-button--brand-solid{background:var(--color-bg-brand-solid);color:var(--color-fg-brand-contrast)}.action-button--brand-solid:hover{background:var(--color-bg-brand-solid-pressed)}.action-button--neutral-weak{background:var(--color-bg-neutral-weak-alpha);color:var(--color-fg-neutral)}.action-button--neutral-weak:hover{background:var(--color-bg-neutral-weak-alpha-pressed)}.action-button--neutral-outline{background:transparent;border-color:var(--color-stroke-neutral-muted);color:var(--color-fg-neutral)}.action-button--neutral-outline:hover{background:var(--color-bg-neutral-weak-alpha)}.action-button--ghost{background:transparent;color:var(--color-fg-neutral-muted);font-weight:var(--font-weight-medium)}.action-button--ghost:hover{background:var(--color-bg-neutral-weak-alpha);color:var(--color-fg-brand)}.chip{display:inline-flex;align-items:center;gap:var(--dimension-x1-5);border:1px solid transparent;border-radius:var(--radius-pill);font-family:inherit;font-size:var(--t4);line-height:var(--t4-line);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.chip--small{min-height:var(--dimension-x8);padding:0 var(--dimension-x3-5)}.chip--medium{min-height:var(--dimension-x9);padding:0 var(--dimension-x4)}.chip--solid{background:var(--color-bg-neutral-weak-alpha);color:var(--color-fg-neutral)}.chip--solid:hover{background:var(--color-bg-neutral-weak-alpha-pressed)}.chip--outline-weak{background:var(--color-bg-neutral-weak);border-color:var(--color-stroke-neutral-weak);color:var(--color-fg-neutral-muted)}.chip--outline-weak:hover{border-color:var(--color-stroke-brand-solid);color:var(--color-fg-brand)}.chip[aria-current=page],.chip[aria-pressed=true],.chip--selected{background:var(--color-bg-neutral-inverted);border-color:transparent;color:var(--color-fg-neutral-inverted)}.chip[aria-current=page]:hover,.chip[aria-pressed=true]:hover,.chip--selected:hover{background:var(--color-bg-neutral-inverted-pressed);color:var(--color-fg-neutral-inverted)}.chip .chip__count{color:var(--color-fg-neutral-subtle);font-size:var(--t3);font-variant-numeric:tabular-nums}.chip--selected .chip__count,.chip[aria-current=page] .chip__count,.chip[aria-pressed=true] .chip__count{color:var(--color-fg-neutral-inverted);opacity:.7}.chip-group{display:flex;flex-wrap:wrap;gap:var(--spacing-between-chips);padding:0;margin:var(--dimension-x4) 0;list-style:none}.callout{display:flex;flex-direction:column;gap:var(--dimension-x3);min-height:50px;padding:var(--dimension-x3-5);border-radius:var(--radius-surface);font-size:var(--t4);line-height:var(--t4-line)}.callout--neutral{background:var(--color-bg-neutral-weak);border:1px solid var(--color-stroke-neutral-weak);color:var(--color-fg-neutral)}.callout--brand{background:var(--color-bg-brand-weak);border:1px solid transparent;color:var(--color-fg-neutral)}.callout__title{font-weight:var(--font-weight-bold);margin:0}.callout__description{margin:0;color:var(--color-fg-neutral-muted)}.callout .chip-group{margin:0}.callout__actions{display:flex;flex-wrap:wrap;gap:var(--dimension-x2)}.text-input{width:100%;min-height:var(--dimension-x12);padding:var(--dimension-x3) var(--dimension-x4);font-family:inherit;font-size:var(--t6);line-height:var(--t6-line);color:var(--color-fg-neutral);background:var(--color-bg-neutral-weak);border:1px solid var(--color-stroke-neutral-weak);border-radius:var(--radius-control)}.text-input::placeholder{color:var(--color-fg-placeholder)}.text-input:focus{outline:none;border-color:var(--color-stroke-brand-solid);box-shadow:0 0 0 3px var(--color-bg-brand-weak)}.list{list-style:none;padding:0;margin:0;display:grid;gap:var(--dimension-x0-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.list-item{display:flex;align-items:flex-start;gap:var(--dimension-x3);padding:var(--dimension-x3) var(--dimension-x3-5);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-surface);transition:background-color .12s ease,border-color .12s ease}.list-item:hover{background:var(--color-bg-neutral-weak);border-color:var(--color-stroke-neutral-weak)}.list-item__body{min-width:0;flex:1}.list-item__label{display:block;font-size:var(--t5);line-height:var(--t5-line);font-weight:var(--font-weight-medium);margin-bottom:var(--dimension-x0-5)}.list-item__description{display:block;font-size:var(--t3);line-height:var(--t3-line);color:var(--color-fg-neutral-muted)}.book-cover{flex-shrink:0;display:block;object-fit:cover;aspect-ratio:2 / 3;border-radius:var(--radius-r1);border:1px solid var(--color-stroke-neutral-weak);background:var(--color-bg-neutral-weak)}.book-cover[hidden]{display:none}.book-cover--list{width:var(--dimension-x14)}.book-cover--detail{width:var(--dimension-x16);margin-top:var(--dimension-x6)}.book-browser [hidden]{display:none}.book-browser__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dimension-x2) var(--dimension-x6);margin:var(--dimension-x4) 0 var(--dimension-x3)}.book-browser__group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-between-chips)}.book-browser__group-label{font-size:var(--t3);line-height:var(--t3-line);color:var(--color-fg-neutral-muted);margin-right:var(--dimension-x1)}.book-browser__status{margin:0 0 var(--dimension-x3);font-variant-numeric:tabular-nums}.book-browser__more{margin:var(--dimension-x6) 0 0;text-align:center}.collection-grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--dimension-x3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.collection-card[hidden]{display:none}.collection-card__link{display:flex;flex-direction:column;gap:var(--dimension-x1-5);height:100%;padding:var(--dimension-x4);text-decoration:none;border:1px solid var(--color-stroke-neutral-weak);border-radius:var(--radius-surface);transition:background-color .12s ease}.collection-card__link:hover{background:var(--color-bg-neutral-weak)}.collection-card__covers{display:flex;gap:var(--dimension-x1-5);margin-bottom:var(--dimension-x1)}.collection-card__cover{width:var(--dimension-x12)}.collection-card__title{font-size:var(--t6);line-height:var(--t6-line);font-weight:var(--font-weight-bold)}.collection-card__lede{font-size:var(--t3);line-height:var(--t3-line);color:var(--color-fg-neutral-muted)}.collection-card__count{margin-top:auto;font-size:var(--t2);line-height:var(--t2-line);color:var(--color-fg-neutral-subtle)}.faq__question{font-size:var(--t6);line-height:var(--t6-line);font-weight:var(--font-weight-bold);margin:0 0 var(--dimension-x1)}