:root{--background: #ffffff;--bg: var(--background);--paper: #ffffff;--ink: #303030;--muted-foreground: #666661;--muted-2: #75756f;--rule: #e6e6e3;--muted: #f4f4f2;--accent: #34e6d4;--accent-foreground: #083a34;--accent-strong: #168b81;--accent-deep: #176f68;--section-teal: #0f756d;--on-section: #ffffff;--on-section-muted: rgba(255, 255, 255, .76);--book-cream: #f4f0e7;--book-title: #1f1c16;--book-date: #8a857a;--cover-cream: #f4f0e7;--cover-sand: #e9e5da;--cover-ink: #26282a;--on-cover-dark: #ffffff;--on-cover-dark-muted: rgba(255, 255, 255, .66);--on-cover-dark-icon: rgba(255, 255, 255, .7);--on-cover-dark-soft: rgba(255, 255, 255, .6);--on-cover-light: #303030;--on-cover-light-body: rgba(48, 48, 48, .88);--on-cover-light-muted: #666661;--on-cover-light-icon: rgba(48, 48, 48, .5);--shadow-pill: 0 8px 24px rgba(0, 0, 0, .06);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .05);--shadow-book: 1px 3px 8px rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .02);--font-en: "Bricolage Grotesque", "Pretendard Variable", "Pretendard", ui-sans-serif, system-ui, sans-serif;--font-kr: "Pretendard Variable", "Pretendard", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-display: var(--font-en);--font-sans: var(--font-kr);--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-body: color-mix(in srgb, var(--ink) 88%, transparent);--text-subtitle: color-mix(in srgb, var(--ink) 70%, transparent);--frame: 90rem;--col: 80rem;--pad-x: 2rem;--gap-section: 4rem;--measure: 42rem;--measure-narrow: 34rem;--fs-min: .875rem;--fs-s: .875rem;--fs-m: 1rem;--fs-body-en: 1.0625rem;--fs-l: 1.125rem;--fs-hero: 2.875rem;--fs-section: 3rem;--fs-title: 3rem;--fs-h2: 1.75rem;--fs-viewpoint: 1.5rem;--fs-lead: 1.625rem;--fs-hero-home: 4rem;--fs-hero-tablet: 4.75rem;--fs-hero-mobile: 3.25rem;--fs-hero-narrow: 2.75rem;--fs-feature-title: 2.5rem;--fs-feature-title-mobile: 1.75rem;--fs-subtitle: var(--fs-l);--fs-nav: .9375rem;--fs-mark: var(--fs-s);--fs-count: var(--fs-m);--fs-chip: var(--fs-m);--fs-row-title: var(--fs-m);--fs-row-date: var(--fs-m);--fs-row-topic: var(--fs-m);--fs-meta: var(--fs-s);--fs-label: var(--fs-min);--fs-body: var(--fs-m);--fs-eyebrow: var(--fs-min);--fs-tool-name: var(--fs-m);--fs-tool-desc: var(--fs-s);--lh-title: 1.08;--lh-snug: 1.32;--lh-caption: 1.45;--lh-ui: 1.5;--lh-mid: 1.58;--lh-body: 1.72;--fw-body: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-strong: 700;--fw-x: 800;--track-base: 0;--track-label: 0;--track-caps: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--space-9: 3.5rem;--space-hero: 2.5rem;--space-para: 1.25rem;--space-h2: 3rem;--space-block: 3.5rem;--space-rule-pad: 1.75rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--r-card: var(--radius-xl);--r-control: var(--radius-2xl);--r-island: var(--radius-pill);--accent-bar: 3px;--card-w: 25.5rem;--carousel-gap: 1.5rem;--r-feature: var(--radius-xl);--r-blog-card: var(--radius-xl);--fs-card-title: 1.25rem;--fs-cover-title: 1.625rem;--card-live-rule: color-mix(in srgb, var(--accent) 32%, var(--rule));--card-soon-rule: color-mix(in srgb, var(--muted-2) 44%, var(--rule));--row-pad-y: 1.375rem;--page-pad-top: 2.5rem;--page-pad-bottom: 5rem;--hero-min-h: 15rem;--hero-copy-max: 64rem;--hero-lead-max: 34rem;--hero-title-max: 12ch;--lh-hero: .9;--fs-hero-lead: 1.25rem;--card-min-h: 30rem;--card-pad: 2.5rem;--band-pad: var(--space-9);--strip-pad: 2.5rem;--r-stage: 32px;--stage-h: 32rem;--fs-quote: 2.125rem;--quote-max: 40rem;--cover-h: 10rem;--feature-visual-h: 22rem;--feature-copy-pad: 2rem;--shelves-grid-gap: 1rem;--dur-fill: .12s;--dur-tap: .14s;--dur-base: .16s;--dur-slow: .18s;--hover-lift: -1px;--hover-lift-card: -2px;--header-h: 4.5rem;--logo-h: 2.75rem;--size-icon-control: 2.25rem;--size-touch-control: 2.75rem}.dark{--background: #141719;--paper: #1c2023;--ink: #e9e6e0;--muted-foreground: #9b988f;--muted-2: #939890;--rule: #2c3034;--muted: #23272b;--accent: #34e6d4;--accent-foreground: #08201c;--accent-strong: #34e6d4;--accent-deep: #6fe9dc;--section-teal: #0b5f59;--book-cream: #2a2722;--book-title: #ece7dc;--book-date: #9a9484;--shadow-book: 0 2px 10px rgba(0, 0, 0, .5)}html.dark{color-scheme:dark}*{box-sizing:border-box;border-color:var(--rule)}html{scrollbar-gutter:stable;color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body);letter-spacing:var(--track-base);word-break:keep-all;overflow-wrap:break-word}h1,h2,h3,h4{margin:0;letter-spacing:var(--track-base)}a{color:inherit;text-decoration:none}.section-heading{font-family:var(--font-en);font-size:var(--fs-section);font-weight:var(--fw-x);color:var(--ink);line-height:var(--lh-snug)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:inherit}:focus:not(:focus-visible){outline:none}.site-header{position:sticky;top:0;z-index:20;padding:0 var(--pad-x);background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--rule);backdrop-filter:blur(14px)}.site-header__inner{display:grid;grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,1fr);align-items:center;gap:var(--space-7);width:100%;max-width:var(--col);min-height:var(--header-h);margin:0 auto}.brand{display:inline-flex;align-items:center}.brand__logo{display:block;height:var(--logo-h);width:auto;flex:0 0 auto}.site-header__menu{display:none;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:1px solid var(--rule);border-radius:var(--r-island);color:var(--ink);cursor:pointer}.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.site-header__nav{display:flex;align-items:center;gap:2.75rem}.nav-link{font-family:var(--font-en);font-size:var(--fs-nav);font-weight:var(--fw-x);color:var(--ink);transition:color var(--dur-base) ease,transform var(--dur-base) ease}.nav-link:hover,.nav-link[aria-current=page]{color:var(--ink);transform:translateY(var(--hover-lift))}.theme-switch{display:inline-flex;align-items:center;justify-content:center;width:4.875rem;height:var(--size-touch-control);padding:0 1rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-island);cursor:pointer;transition:background-color var(--dur-base) ease,border-color var(--dur-base) ease,color var(--dur-base) ease,transform var(--dur-base) ease}.theme-switch:hover{border-color:var(--ink);color:var(--ink);transform:translateY(var(--hover-lift))}.theme-switch[data-on=true]{background:var(--ink);border-color:var(--ink)}.theme-switch__label{font-family:var(--font-en);font-size:var(--fs-min);font-weight:var(--fw-semibold);color:var(--muted-foreground)}.theme-switch[data-on=true] .theme-switch__label{color:var(--bg)}.site-header__drawer{position:absolute;top:calc(var(--header-h) + 1.5rem);left:var(--pad-x);right:var(--pad-x);margin:0 auto;max-width:var(--col)}.site-header__drawer-inner{display:grid;gap:.25rem;padding:.5rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-card);box-shadow:var(--shadow-pill)}.site-header__drawer[hidden]{display:none}.drawer-link{padding:.625rem;border-radius:var(--r-control);text-align:center;font-family:var(--font-en);font-size:var(--fs-nav);font-weight:var(--fw-x);color:var(--ink)}.drawer-link:hover{background:var(--muted);color:var(--ink)}@media(max-width:640px){.site-header__menu{display:inline-flex;width:var(--size-touch-control);height:var(--size-touch-control)}.site-header__nav{display:none}.site-header__inner{grid-template-columns:1fr auto;gap:1rem}.site-header__actions{gap:.5rem}.carousel__btn{width:var(--size-touch-control);height:var(--size-touch-control)}.chip{padding:.625rem 1rem}.theme-switch{width:4.25rem;height:var(--size-touch-control);padding-inline:.875rem}}.page{display:flex;flex-direction:column;gap:var(--gap-section);max-width:var(--frame);margin:0 auto;padding:var(--page-pad-top) var(--pad-x) var(--page-pad-bottom)}.page>.hero,.page>.book-display,.page>.the-stacks,.page>.quote-band,.page>.about,.page>.article,.page>.shelves-blog{width:100%;max-width:var(--col);margin-inline:auto}.page>.article{max-width:var(--measure)}.hero{display:flex;align-items:center;justify-content:flex-start;min-height:var(--hero-min-h);padding-block:var(--space-hero);text-align:left}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);max-width:min(100%,var(--hero-copy-max))}.hero__title{font-family:var(--font-en);font-size:var(--fs-hero-home);font-weight:var(--fw-x);color:var(--ink);line-height:var(--lh-hero);max-width:var(--hero-title-max);overflow-wrap:normal;text-wrap:balance}.hero__lead{max-width:var(--hero-lead-max);color:var(--text-subtitle);font-size:var(--fs-hero-lead);font-weight:var(--fw-medium);line-height:var(--lh-mid)}.book-display{display:flex;flex-direction:column;gap:var(--carousel-gap);padding:0;background:transparent;color:inherit}.book-display__head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-7)}.section-heading--inverse{color:var(--ink)}.book-display__guide{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-touch-control);padding:0 1.125rem;border:1px solid var(--rule);border-radius:var(--r-island);color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-s);font-weight:var(--fw-semibold);transition:background-color var(--dur-base) ease,border-color var(--dur-base) ease,color var(--dur-base) ease,transform var(--dur-base) ease}.book-display__guide:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:translateY(var(--hover-lift))}.feature-stage{display:flex;align-items:center;justify-content:center;min-height:var(--stage-h);padding:var(--strip-pad);background:var(--cover-cream);border-radius:var(--r-stage)}.feature-stage__card{display:flex;flex-direction:column;gap:var(--space-3);max-width:44rem;padding:var(--space-8);background:var(--paper);border-radius:var(--r-feature);box-shadow:var(--shadow-soft);transition:box-shadow var(--dur-slow) ease,transform var(--dur-slow) ease}.feature-stage:hover .feature-stage__card{box-shadow:var(--shadow-pill);transform:translateY(var(--hover-lift-card))}.feature-stage__topic{margin:0;color:var(--muted-foreground);font-family:var(--font-kr);font-size:var(--fs-m);font-weight:var(--fw-semibold)}.feature-stage__title{margin:0;color:var(--ink);font-family:var(--font-kr);font-size:2rem;font-weight:var(--fw-bold);line-height:var(--lh-snug);text-wrap:balance}.feature-stage__view{margin:0;color:var(--text-body);font-family:var(--font-kr);font-size:var(--fs-body);line-height:var(--lh-mid)}.feature-stage__meta{margin:var(--space-2) 0 0;color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-label);font-weight:var(--fw-semibold)}.carousel__viewport{padding-block:.875rem;margin-block:-.875rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel__viewport::-webkit-scrollbar{display:none}.carousel__track{display:flex;gap:var(--carousel-gap)}.post-card{--cover: var(--paper);--cover-title-ink: var(--ink);--cover-body-ink: var(--text-body);--cover-topic-ink: var(--muted-foreground);--cover-foot-ink: var(--muted-foreground);--cover-mark-ink: var(--rule);--cover-mark-hover: var(--ink);--cover-link-hover: var(--ink);position:relative;display:flex;flex-direction:column;flex:0 0 var(--card-w);width:var(--card-w);min-height:var(--card-min-h);padding:var(--card-pad);scroll-snap-align:start;background:var(--cover);border:0;border-radius:var(--r-feature);color:inherit;transition:box-shadow var(--dur-slow) ease,transform var(--dur-slow) ease}.post-card:nth-child(3n+1){--cover: var(--cover-cream)}.post-card:nth-child(3n+2){--cover: var(--cover-sand)}.post-card:nth-child(3n){--cover: var(--cover-ink)}.post-card:nth-child(3n){--cover-title-ink: var(--on-cover-dark);--cover-body-ink: var(--on-cover-dark);--cover-topic-ink: var(--on-cover-dark-muted);--cover-foot-ink: var(--on-cover-dark-muted);--cover-mark-ink: var(--on-cover-dark-icon);--cover-mark-hover: var(--on-cover-dark);--cover-link-hover: var(--on-cover-dark)}.dark .post-card:nth-child(3n+1),.dark .post-card:nth-child(3n+2){--cover-title-ink: var(--on-cover-light);--cover-body-ink: var(--on-cover-light-body);--cover-topic-ink: var(--on-cover-light-muted);--cover-foot-ink: var(--on-cover-light-muted);--cover-mark-ink: var(--on-cover-light-icon);--cover-mark-hover: var(--on-cover-light);--cover-link-hover: var(--on-cover-light)}.post-card:hover{box-shadow:var(--shadow-soft);transform:translateY(var(--hover-lift-card))}.post-card__link{color:inherit}.post-card__link:after{content:"";position:absolute;inset:0;z-index:0}.post-card:hover .post-card__link{color:var(--cover-link-hover)}.post-card__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--size-icon-control)}.bookmark{display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon-control);height:var(--size-icon-control);padding:0;background:transparent;border:1px solid transparent;border-radius:var(--r-island);color:var(--rule);cursor:pointer;transition:background-color var(--dur-tap) ease,border-color var(--dur-tap) ease,color var(--dur-tap) ease,transform var(--dur-tap) ease}.bookmark svg{display:block;width:1.125rem;height:1.125rem;transform-origin:50% 62%}.bookmark svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:fill var(--dur-tap) ease,stroke var(--dur-tap) ease,stroke-width var(--dur-tap) ease}.bookmark:hover{background:var(--muted);border-color:var(--rule);color:var(--ink)}.bookmark:active{transform:translateY(1px) scale(.98)}.bookmark[data-saved=true]{background:var(--cover-title-ink, var(--ink));border-color:var(--cover-title-ink, var(--ink));color:var(--cover, var(--paper))}.bookmark[data-saved=true] svg path{fill:currentColor;stroke:currentColor}.bookmark[data-saved=true]:hover{opacity:.88}.post-card .bookmark{position:relative;z-index:1;margin:-.5rem -.5rem 0 0;color:var(--cover-mark-ink)}.post-card .bookmark:hover{color:var(--cover-mark-hover)}@keyframes bookmark-pop{0%{transform:scale(1)}35%{transform:scale(1.3)}65%{transform:scale(.9)}to{transform:scale(1)}}.is-popping svg{animation:bookmark-pop .38s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.is-popping svg{animation:none}}.bookmark-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem .375rem .5rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-island);color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-s);font-weight:var(--fw-semibold);cursor:pointer;transition:border-color var(--dur-base) ease,color var(--dur-base) ease}.bookmark-btn svg{display:block;width:1rem;height:1rem}.bookmark-btn svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:fill var(--dur-fill) ease}.bookmark-btn:hover{border-color:var(--accent-strong);color:var(--accent-deep)}.bookmark-btn[data-saved=true]{border-color:var(--accent);color:var(--accent-deep)}.bookmark-btn[data-saved=true] svg path{fill:var(--accent);stroke:var(--accent)}.bookmark-btn__label:after{content:"저장"}.bookmark-btn[data-saved=true] .bookmark-btn__label:after{content:"저장됨"}.article__meta .bookmark-btn{margin-left:auto}.about{display:flex;flex-direction:column;gap:.75rem}.about__text{max-width:var(--measure);color:var(--text-subtitle);font-size:var(--fs-l);line-height:var(--lh-mid)}.post-card__topic{margin:0;color:var(--cover-topic-ink);font-family:var(--font-kr);font-size:var(--fs-chip);font-weight:var(--fw-semibold)}.post-card__title{margin-top:.5rem;color:var(--cover-title-ink);font-family:var(--font-kr);font-size:var(--fs-cover-title);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-wrap:balance}.post-card__view{margin-top:.75rem;color:var(--cover-body-ink);font-family:var(--font-kr);font-size:var(--fs-body);line-height:var(--lh-mid);overflow-wrap:anywhere}.post-card__foot{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .625rem;margin-top:auto;padding-top:1rem;color:var(--cover-foot-ink);font-family:var(--font-en);font-size:var(--fs-label);font-weight:var(--fw-semibold)}.post-card__foot .sep{display:inline-block;width:1px;height:.85em;background:currentColor;opacity:.5}.post-card.post-card--soon{--cover-title-ink: var(--muted-foreground);--cover-body-ink: var(--muted-foreground);--cover-topic-ink: var(--muted-foreground);--cover-foot-ink: var(--muted-foreground);--cover-mark-ink: var(--rule);background:color-mix(in srgb,var(--cover) 60%,var(--paper))}.post-card.post-card--soon:nth-child(3n){--cover-title-ink: var(--on-cover-dark-muted);--cover-body-ink: var(--on-cover-dark-muted);--cover-topic-ink: var(--on-cover-dark-muted);--cover-foot-ink: var(--on-cover-dark-muted);--cover-mark-ink: var(--on-cover-dark-icon);background:var(--cover)}.dark .post-card.post-card--soon:nth-child(3n+1),.dark .post-card.post-card--soon:nth-child(3n+2){--cover-title-ink: var(--on-cover-light-muted);--cover-body-ink: var(--on-cover-light-muted);--cover-topic-ink: var(--on-cover-light-muted);--cover-foot-ink: var(--on-cover-light-muted);--cover-mark-ink: var(--on-cover-light-icon);background:var(--cover)}.post-card.post-card--soon:hover{transform:none;box-shadow:none}.carousel__controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6)}.carousel__dots{display:flex;gap:.375rem}.carousel__dot{width:.375rem;height:.375rem;border-radius:var(--radius-pill);background:var(--rule);transition:width var(--dur-slow) ease,background-color var(--dur-slow) ease}.carousel__dot[data-active=true]{width:1.5rem;background:var(--ink)}.carousel__nav{display:flex;gap:.5rem}.carousel__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon-control);height:var(--size-icon-control);border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--paper);color:var(--muted-foreground);cursor:pointer;transition:color var(--dur-base) ease,border-color var(--dur-base) ease}.carousel__btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.carousel__btn:disabled{color:color-mix(in srgb,var(--muted-foreground) 45%,transparent);cursor:default}@media(prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}.carousel__dot{transition:none}}.the-stacks{display:flex;flex-direction:column;gap:var(--space-7)}.stacks-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.stacks-count{font-family:var(--font-en);font-size:var(--fs-count);white-space:nowrap}.stacks-count b{color:var(--ink);font-weight:var(--fw-bold)}.stacks-count span{color:var(--muted-foreground);font-weight:var(--fw-semibold)}.search{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;min-height:3.5rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-island);transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.search:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 16%,transparent)}.search svg{flex:0 0 auto;color:var(--muted-2)}.search__input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-body);outline:0}.search__input::placeholder{color:var(--muted-2)}.chips{display:flex;flex-wrap:wrap;gap:.75rem}.chip{padding:.75rem 1.25rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-island);color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-chip);font-weight:var(--fw-medium);cursor:pointer;transition:color var(--dur-base) ease,border-color var(--dur-base) ease,background-color var(--dur-base) ease}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[data-active=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.post-list{margin:0;padding:0;list-style:none}.post-row{border-top:1px solid var(--rule)}.post-row[hidden]{display:none}.post-row__link{display:grid;grid-template-columns:3.5rem 1fr auto;align-items:baseline;gap:.5rem 1rem;margin-inline:calc(-1 * var(--space-3));padding:var(--row-pad-y) var(--space-3);min-height:3.75rem;border-radius:var(--radius-sm);transition:background-color var(--dur-base) ease}a.post-row__link:hover{background:var(--cover-cream)}a.post-row__link:hover .post-row__title{color:var(--ink)}.post-row__date{color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-row-date);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.post-row__title{color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-row-title);font-weight:var(--fw-bold);line-height:1.35;transition:color var(--dur-base) ease;overflow-wrap:anywhere}.post-row__topic,.post-row__detail{align-self:center;color:var(--muted-foreground);font-family:var(--font-kr);font-size:var(--fs-row-topic);font-weight:var(--fw-semibold);white-space:nowrap}.post-row--soon .post-row__title{color:var(--muted-foreground);font-weight:var(--fw-body)}.post-row__badge{align-self:center;padding:.125rem .5rem;border:1px solid var(--rule);border-radius:var(--r-island);color:var(--muted-2);font-family:var(--font-kr);font-size:var(--fs-meta);font-weight:var(--fw-semibold);white-space:nowrap}.archive__empty{margin-top:1.5rem;padding:2rem 0;text-align:center;color:var(--muted-foreground);font-size:var(--fs-meta)}.archive__empty[hidden]{display:none}.archive-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:.25rem}.archive-pagination[hidden]{display:none}.archive-pagination__status{margin:0;color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.archive-pagination__buttons{display:flex;gap:.5rem}.page--shelves{padding-top:var(--space-8)}.shelves-blog{display:flex;flex-direction:column;gap:var(--space-8)}.shelves-blog__masthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-7)}.shelves-blog__masthead h1{color:var(--ink);font-family:var(--font-en);font-size:var(--fs-section);font-weight:var(--fw-x);line-height:var(--lh-snug)}.shelves-blog__publication{order:2;margin:0;color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-s);font-weight:var(--fw-semibold)}.shelves-feature{display:flex;flex-direction:column;gap:1rem}.shelves-feature__slide{overflow:hidden;background:var(--book-cream);border:1px solid var(--rule);border-radius:var(--r-stage)}.shelves-feature__slide[hidden]{display:none}.shelves-feature__visual{position:relative;display:grid;place-items:center;min-height:var(--feature-visual-h);overflow:hidden;background:var(--section-teal)}.shelves-feature__visual img{width:8rem;height:8rem;object-fit:contain;filter:brightness(1.6) saturate(.9)}.shelves-feature__copy{padding:var(--feature-copy-pad)}.shelves-feature__topic,.shelves-card__topic{margin:0;color:var(--accent-deep);font-family:var(--font-kr);font-size:var(--fs-s);font-weight:var(--fw-semibold)}.shelves-feature__copy h2{max-width:19ch;margin-top:.5rem;color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-feature-title);font-weight:var(--fw-bold);line-height:1.16;text-wrap:balance}.shelves-feature__copy h2 a:hover{color:var(--accent-deep)}.shelves-feature__summary{max-width:44rem;margin:1rem 0 0;color:var(--text-subtitle);font-size:var(--fs-body);line-height:var(--lh-mid)}.shelves-feature__meta,.shelves-card__meta{display:flex;gap:.5rem;margin:1.25rem 0 0;color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-s);font-weight:var(--fw-semibold)}.shelves-feature__controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.shelves-feature__controls>p{margin:0;color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-s);font-weight:var(--fw-semibold)}.shelves-latest{display:flex;flex-direction:column;gap:var(--space-5)}.shelves-latest__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.shelves-latest__head h2{color:var(--ink);font-family:var(--font-en);font-size:var(--fs-h2);font-weight:var(--fw-x)}.shelves-latest__head p{margin:0;color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-s);font-weight:var(--fw-semibold)}.shelves-latest__tools{display:flex;align-items:center;gap:1rem}.shelves-view{display:inline-flex;padding:.1875rem;background:var(--muted);border:1px solid var(--rule);border-radius:var(--r-island)}.shelves-view button{min-height:2rem;padding:0 .75rem;background:transparent;border:0;border-radius:var(--r-island);color:var(--muted-foreground);font-family:var(--font-en);font-size:var(--fs-s);font-weight:var(--fw-semibold);cursor:pointer}.shelves-view button[data-active=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-pill)}.shelves-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--shelves-grid-gap)}.shelves-card{position:relative;min-width:0;overflow:hidden;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-blog-card);transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease,transform var(--dur-base) ease}.shelves-card[hidden]{display:none}.shelves-card:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--rule));box-shadow:var(--shadow-soft);transform:translateY(var(--hover-lift-card))}.shelves-card__cover{position:relative;display:grid;place-items:center;min-height:var(--cover-h);background:color-mix(in srgb,var(--accent) 42%,var(--paper))}.shelves-card:nth-child(3n+2) .shelves-card__cover{background:var(--section-teal)}.shelves-card:nth-child(3n) .shelves-card__cover{background:var(--ink)}.shelves-card__cover img{width:3.75rem;height:3.75rem;object-fit:contain}.shelves-card:nth-child(3n+2) .shelves-card__cover img,.shelves-card:nth-child(3n) .shelves-card__cover img{filter:brightness(1.8) saturate(.9)}.shelves-card__body{padding:var(--space-5)}.shelves-card__body h3{margin-top:.5rem;color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-card-title);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-wrap:balance}.shelves-card__link:after{content:"";position:absolute;inset:0}.shelves-card:hover .shelves-card__link{color:var(--accent-deep)}.shelves-card__bookmark{position:absolute;top:.75rem;right:.75rem;z-index:2;background:var(--paper);color:var(--muted-foreground);box-shadow:var(--shadow-pill)}.shelves-card__summary{display:-webkit-box;min-height:4.75rem;margin:.75rem 0 0;overflow:hidden;color:var(--text-subtitle);font-size:var(--fs-body);line-height:var(--lh-mid);-webkit-box-orient:vertical;-webkit-line-clamp:3}.shelves-card--soon{background:color-mix(in srgb,var(--muted) 45%,var(--paper))}.shelves-card--soon:hover{transform:none;box-shadow:none;border-color:var(--rule)}.shelves-latest__empty{margin:0;padding:3rem 1rem;border:1px dashed var(--rule);border-radius:var(--radius-md);color:var(--muted-foreground);text-align:center;font-size:var(--fs-body)}.shelves-latest__empty[hidden]{display:none}.eyebrow{color:var(--accent-deep);font-family:var(--font-kr);font-size:var(--fs-eyebrow);font-weight:var(--fw-x);line-height:var(--lh-snug);letter-spacing:var(--track-base)}.article__title{margin-top:1rem;color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:var(--lh-title)}.article__subtitle{margin-top:1.125rem;color:var(--text-subtitle);font-family:var(--font-kr);font-size:var(--fs-subtitle);font-weight:var(--fw-medium);line-height:var(--lh-mid)}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem;margin-top:var(--space-rule-pad);padding-bottom:var(--space-rule-pad);border-bottom:1px solid var(--rule);color:var(--muted-foreground);font-size:var(--fs-meta);font-weight:var(--fw-semibold)}.article__meta .sep{display:inline-block;width:1px;height:.85em;background:var(--rule)}.article__meta strong{color:var(--accent-deep);font-weight:var(--fw-x)}.viewpoint{margin:var(--space-block) 0;padding:1.5rem 0 1.5rem 1.5rem;border-left:var(--accent-bar) solid var(--accent)}.viewpoint__label{color:var(--accent-deep);font-family:var(--font-kr);font-size:var(--fs-label);font-weight:var(--fw-x);letter-spacing:var(--track-base)}.viewpoint__text{margin-top:.75rem;color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-viewpoint);font-weight:var(--fw-semibold);line-height:var(--lh-mid)}.prose{color:var(--ink)}.prose>p{margin:var(--space-para) 0;color:var(--text-body);font-size:var(--fs-body);line-height:var(--lh-body)}.prose>p:first-child{margin-top:0}.prose strong{color:var(--ink);font-weight:var(--fw-bold)}.prose code{padding:.1em .35em;border-radius:6px;background:var(--muted);color:var(--accent-deep);font-family:var(--font-mono);font-size:var(--fs-s)}.prose h2{margin-top:var(--space-h2);color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.prose h2+p{margin-top:1rem}.prose .lead-statement{margin:var(--space-block) 0;max-width:var(--measure-narrow);color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-lead);font-weight:var(--fw-medium);line-height:var(--lh-mid)}.prose .lead-statement b{font-weight:var(--fw-x)}.tools{margin-top:var(--space-block);padding-top:var(--space-rule-pad);border-top:1px solid var(--rule)}.tools__label{color:var(--accent-deep);font-family:var(--font-kr);font-size:var(--fs-label);font-weight:var(--fw-x);letter-spacing:var(--track-base)}.tools__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.tool-card{padding:.875rem 1rem;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-card)}.tool-card h3{color:var(--ink);font-family:var(--font-kr);font-size:var(--fs-tool-name);font-weight:var(--fw-bold);line-height:1.3;overflow-wrap:anywhere}.tool-card p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:var(--fs-tool-desc);line-height:1.5}.article__footer{display:flex;justify-content:space-between;gap:1rem;margin-top:var(--space-block);padding-top:var(--space-rule-pad);border-top:1px solid var(--rule)}.foot-link{display:inline-flex;flex-direction:column;gap:.25rem;font-size:var(--fs-meta)}.foot-link span{color:var(--muted-foreground);font-size:var(--fs-label);font-weight:var(--fw-semibold)}.foot-link strong{color:var(--ink);font-weight:var(--fw-bold)}.foot-link--next{text-align:right}.foot-link:hover strong{color:var(--accent-deep)}.foot-link[aria-disabled=true]{opacity:.5}.foot-link[aria-disabled=true]:hover strong{color:var(--ink)}.quote-band{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding:var(--band-pad);background:var(--cover-ink);border-radius:var(--r-stage);color:var(--on-cover-dark)}.quote-band__label{margin:0;color:var(--cover-cream);font-family:var(--font-en);font-size:var(--fs-label);font-weight:var(--fw-x);line-height:var(--lh-snug)}.quote-band__text{margin:0;max-width:var(--quote-max);color:var(--on-cover-dark);font-family:var(--font-kr);font-size:var(--fs-quote);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-wrap:balance}.quote-band__link{color:var(--on-cover-dark-soft);font-family:var(--font-kr);font-size:var(--fs-s);font-weight:var(--fw-semibold);line-height:var(--lh-ui);transition:color var(--dur-base) ease}.quote-band__link:hover{color:var(--on-cover-dark)}html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .64s cubic-bezier(.22,.61,.36,1),transform .64s cubic-bezier(.22,.61,.36,1)}html.js .reveal[data-reveal-delay="1"]{transition-delay:.14s}html.js .reveal[data-reveal-delay="2"]{transition-delay:.28s}html.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}.site-footer{padding:0 var(--pad-x)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;max-width:var(--col);margin:0 auto;padding:2.25rem 0;border-top:1px solid var(--rule)}.site-footer__brand{font-family:var(--font-en);font-size:var(--fs-s);font-weight:var(--fw-x);color:var(--ink)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-link{font-family:var(--font-en);font-size:var(--fs-nav);font-weight:var(--fw-semibold);color:var(--muted-foreground);transition:color var(--dur-base) ease}.footer-link:hover{color:var(--ink)}.site-footer__copy{color:var(--muted-2);font-size:var(--fs-min)}@media(max-width:640px){:root{--gap-section: 3rem;--pad-x: 1.25rem;--card-w: 20rem;--header-h: 4.125rem;--logo-h: 2.25rem;--space-hero: 2rem;--hero-min-h: 11rem;--fs-hero-lead: 1.125rem;--band-pad: 2.5rem;--strip-pad: 1.25rem;--fs-quote: 1.75rem;--feature-visual-h: 15rem;--feature-copy-pad: 1.25rem}.hero__title{font-size:var(--fs-hero-mobile)}.book-display__head{align-items:flex-start;flex-direction:column;gap:1rem}.feature-stage{min-height:20rem}.feature-stage__card{padding:var(--space-6)}.feature-stage__title{font-size:1.5rem}.tools__grid{grid-template-columns:1fr}.post-row__link{grid-template-columns:1fr auto}.post-row__title{grid-row:1;grid-column:1}.post-row__topic,.post-row__detail,.post-row__badge{grid-row:1;grid-column:2;align-self:start}.post-row__date{grid-row:2;grid-column:1}.carousel__btn,.bookmark{width:var(--size-touch-control);height:var(--size-touch-control)}.shelves-view button{min-width:var(--size-touch-control);min-height:var(--size-touch-control)}.shelves-blog__masthead{align-items:flex-start;flex-direction:column-reverse;gap:.25rem}.shelves-feature__copy h2{font-size:var(--fs-feature-title-mobile)}.shelves-latest__head{align-items:flex-start;flex-direction:column}.shelves-latest__tools{width:100%;justify-content:space-between}.shelves-grid{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:960px){.hero__title{font-size:var(--fs-hero-tablet)}.shelves-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.hero__title{max-width:100%;font-size:var(--fs-hero-narrow)}}.copy-en{font-size:var(--fs-body-en);line-height:1.6}