:root{--paper:#fbf9f4;--ink:#161412;--ink-2:#5c5751;--ink-3:#8c867e;--line:#e6e1d8;--raised:#f1ede5;--raised-2:#e7e2d8;--scrim:#16141280;--heart:#e4322b;--focus:#2b6cb0;--s1:#e4322b;--s2:#f28c28;--s3:#f3cf2e;--s4:#3a9b4e;--s5:#2b6cb0;--s6:#7b4fa3;--s7:#e46ba3;--display:var(--font-archivo),"Apple SD Gothic Neo","Pretendard",var(--font-sans-kr),system-ui,sans-serif;--body:var(--font-sans-kr),"Apple SD Gothic Neo","Pretendard",system-ui,sans-serif;--fs:1;--measure:34rem;--lh:1.75;--topbar:56px;--navbar:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-mode=book]){--paper:#141311;--ink:#ece7dc;--ink-2:#b3ada2;--ink-3:#86807a;--line:#2b2824;--raised:#1e1c19;--raised-2:#2a2723;--scrim:#0009;--heart:#ff5a4e;--focus:#8fb8ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-mode=dark]{--paper:#141311;--ink:#ece7dc;--ink-2:#b3ada2;--ink-3:#86807a;--line:#2b2824;--raised:#1e1c19;--raised-2:#2a2723;--scrim:#0009;--heart:#ff5a4e;--focus:#8fb8ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=book]{--paper:#f3e7d2;--ink:#3a2d20;--ink-2:#6b5a47;--ink-3:#95836d;--line:#dccbb0;--raised:#eadcc3;--raised-2:#e0d0b4;--scrim:#3a2d2080;--heart:#b8432f;--focus:#5a4a3a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--display:var(--font-fraunces),var(--font-serif-kr),"Apple Myungjo",Georgia,serif;--body:var(--font-serif-kr),var(--font-fraunces),"Apple Myungjo",Georgia,serif;--measure:30rem;--lh:1.95}:root[data-font=l]{--fs:1.15}:root[data-font=xl]{--fs:1.32}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:calc(16px * var(--fs));line-height:var(--lh);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.root{max-width:560px;min-height:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;gap:12px;margin:0 auto;padding-block:40px;display:flex;overflow:auto}.root .k{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:12px;font-weight:800}.root h1{font-family:var(--display);margin:0;font-size:clamp(28px,8vw,40px);font-weight:900;line-height:1.1}.root p{color:var(--ink-2);margin:0}.root .cta{margin:16px 0}.root .credit{font-family:var(--display);color:var(--ink-3);font-size:12px}.app{grid-template-rows:auto 1fr auto;height:100%;display:grid}.stripes{background:linear-gradient(90deg,var(--s1) 0 14.28%,var(--s2) 0 28.57%,var(--s3) 0 42.85%,var(--s4) 0 57.14%,var(--s5) 0 71.42%,var(--s6) 0 85.71%,var(--s7) 0);transform-origin:0;height:6px;animation:.7s cubic-bezier(.2,.7,.2,1) both draw}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.top{border-bottom:1px solid var(--line);background:var(--paper)}.top-in{height:var(--topbar);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));align-items:center;gap:6px;max-width:640px;margin:0 auto;display:flex}.offline{color:var(--ink-2);background:var(--raised);padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));text-align:center;font-size:12px;line-height:1.4}.brand{text-align:left;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding-right:8px;display:flex}.brand .mark{background:linear-gradient(180deg,var(--s1) 0 14.28%,var(--s2) 0 28.57%,var(--s3) 0 42.85%,var(--s4) 0 57.14%,var(--s5) 0 71.42%,var(--s6) 0 85.71%,var(--s7) 0);border-radius:6px;flex:none;width:28px;height:28px}.brand .t{font-family:var(--display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.brand .t small{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.ctl{min-width:44px;height:44px;font-family:var(--display);color:var(--ink-2);border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.ctl:hover{background:var(--raised)}.ctl:active{transform:scale(.96)}.ctl svg{width:20px;height:20px}.ctl .aa{letter-spacing:-.02em;font-size:15px}.ctl .aa b{font-size:18px;font-weight:800}.lang{position:relative}.lang select{appearance:none;border:1px solid var(--line);background:var(--paper);height:44px;color:var(--ink);font:inherit;font-family:var(--display);border-radius:10px;padding:0 26px 0 10px;font-size:13px;font-weight:600}.lang:after{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:10px;transform:translateY(-70%)rotate(45deg)}.main{min-height:0;position:relative;overflow:hidden}.view{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.view-in{max-width:640px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:20px 48px}.hero{background:repeating-linear-gradient(180deg,var(--s1) 0 10px,var(--s2) 10px 18px,var(--s3) 18px 30px,var(--ink) 30px 33px,var(--s4) 33px 45px,var(--s5) 45px 51px,var(--s6) 51px 63px,var(--s7) 63px 69px,var(--paper) 69px 72px);aspect-ratio:4/3;border-radius:16px;max-width:100%;position:relative;overflow:hidden}.hero .plate{background:var(--paper);color:var(--ink);border-radius:10px;padding:14px 16px;position:absolute;bottom:16px;left:16px;right:16px}.hero .plate .k{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:800}.hero .plate .d{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin-top:2px;font-size:clamp(18px,5.2vw,24px);font-weight:800;line-height:1.15}h1.title{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:24px 0 6px;font-size:clamp(30px,8.5vw,44px);font-weight:900;font-stretch:90%;line-height:1.05}.sub{font-family:var(--display);color:var(--ink-2);font-weight:500;font-size:calc(15px * var(--fs));margin:0 0 20px}.meta{font-size:calc(14px * var(--fs));border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 20px;padding:14px 16px;display:grid}.meta dt{color:var(--ink-3);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;align-self:baseline;padding-top:.3em;font-size:11px;font-weight:600}.meta dd{font-variant-numeric:tabular-nums;margin:0}.intro p,.body p{max-width:var(--measure);margin:0 0 1em}.cta{background:var(--ink);height:56px;color:var(--paper);font-family:var(--display);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin:8px 0 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s;display:flex}.cta:active{transform:scale(.98)}.cta svg{stroke-width:2.2px;width:20px;height:20px}.h2{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:12px;font-weight:800}.toc{gap:8px;margin:0 0 28px;padding:0;list-style:none;display:grid}.toc button{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 10px;transition:background .12s;display:grid}.toc button:hover{background:var(--raised)}.toc button.cur{background:var(--raised);border-color:var(--ink-2)}.toc .no{font-family:var(--display);color:var(--c);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1}.toc .tt{font-weight:500;font-size:calc(15px * var(--fs));line-height:1.35}.toc .st{color:var(--ink-3);font-size:12px;font-family:var(--display);font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.toc .st svg{width:14px;height:14px}.toc .seen{color:var(--s4);align-items:center;gap:4px;display:inline-flex}.toc .liked{color:var(--heart);display:inline-flex}.credit{color:var(--ink-3);font-family:var(--display);letter-spacing:.04em;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;display:flex}.credit b{color:var(--ink-2);font-weight:700}.track{will-change:transform;touch-action:pan-y;height:100%;transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.track.drag{transition:none}.slide{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:0 0 100%;width:100%;overflow-y:auto}.sec{max-width:640px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:22px 56px}.sec .num{align-items:flex-end;gap:14px;margin:0 0 8px;display:flex}.sec .num .n{font-family:var(--display);letter-spacing:-.04em;color:var(--c);font-variant-numeric:tabular-nums;font-size:clamp(56px,16vw,84px);font-weight:900;font-stretch:85%;line-height:.85}.sec .num .of{font-family:var(--display);letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;padding-bottom:6px;font-size:12px;font-weight:600}.sec .bar{background:var(--c);border-radius:2px;width:72px;height:10px;margin:0 0 18px}.sec h2{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 16px;font-size:clamp(22px,6.4vw,30px);font-weight:800;line-height:1.18}.sec .body p{font-size:calc(17px * var(--fs));margin:0 0 1.1em}.sec .fallback{color:var(--ink-2);background:var(--raised);border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 18px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.sec .fallback svg{flex:none;width:16px;height:16px;margin-top:2px}.react{border-top:1px solid var(--line);align-items:center;gap:12px;margin:26px 0 0;padding-top:18px;display:flex}.heart{border:1.5px solid var(--line);height:48px;font-family:var(--display);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.heart svg{width:22px;height:22px;transition:fill .15s,stroke .15s}.heart .cnt{font-variant-numeric:tabular-nums;text-align:left;min-width:2ch}.heart[aria-pressed=true]{border-color:var(--heart);color:var(--heart);background:color-mix(in srgb,var(--heart) 10%,transparent)}.heart[aria-pressed=true] svg{fill:var(--heart);stroke:var(--heart);animation:.4s cubic-bezier(.3,1.6,.4,1) pop}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.heart:active{transform:scale(.96)}.react .hint{color:var(--ink-3);font-size:12px;line-height:1.4}.swipehint{color:var(--ink-3);font-size:12px;font-family:var(--display);letter-spacing:.06em;text-align:center;margin:28px 0 0}.poll{border:1.5px solid var(--line);background:var(--raised);border-radius:16px;margin:26px 0 0;padding:18px}.poll .q{font-family:var(--display);font-weight:800;font-size:calc(18px * var(--fs));text-wrap:balance;margin:0 0 6px;line-height:1.3}.poll .h{color:var(--ink-2);margin:0 0 14px;font-size:13px;line-height:1.5}.poll .opts{gap:8px;display:grid}.opt{border:1.5px solid var(--line);background:var(--paper);text-align:left;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:54px;padding:8px 12px 8px 10px;transition:border-color .15s,transform .12s;display:grid;position:relative;overflow:hidden}.opt:active{transform:scale(.985)}.opt:disabled{cursor:default}.opt .fill{background:color-mix(in srgb,var(--c) 20%,transparent);width:0;transition:width .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0}.opt>span{position:relative}.opt .no{font-family:var(--display);color:var(--c);font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.opt .lb{font-size:calc(15px * var(--fs));line-height:1.3}.opt .pct{font-family:var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-size:13px;font-weight:700}.opt[aria-checked=true]{border-color:var(--c)}.opt[aria-checked=true] .pct{color:var(--c)}.poll .ft{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:12px;font-size:12px}.nav{border-top:1px solid var(--line);background:var(--paper)}.nav-in{height:calc(var(--navbar) + env(safe-area-inset-bottom,0px));max-width:640px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 auto;display:grid}.nb{height:46px;font-family:var(--display);color:var(--ink);border-radius:12px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0 12px;font-size:14px;font-weight:700;transition:background .12s;display:inline-flex}.nb:hover{background:var(--raised)}.nb:disabled{color:var(--ink-3);cursor:default}.nb:disabled:hover{background:0 0}.nb svg{stroke-width:2.2px;flex:none;width:20px;height:20px}.nb .lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nb.next{justify-self:end}.nb.list{border:1.5px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 16px}.nb.list .dots{gap:4px;margin-left:4px;display:flex}.nb.list .dots i{background:var(--line);border-radius:50%;width:6px;height:6px}.nb.list .dots i.on{background:var(--ink)}.sheet-wrap{z-index:30;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-wrap .scrim{background:var(--scrim);animation:.2s both fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{background:var(--paper);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:640px;max-height:82%;animation:.28s cubic-bezier(.2,.7,.2,1) both up;display:flex;position:relative;box-shadow:0 -8px 32px #0000002e}@keyframes up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet .hd{padding:14px max(10px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.sheet .hd h3{font-family:var(--display);margin:0;font-size:15px;font-weight:800}.sheet .hd .x{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sheet .hd .x svg{width:20px;height:20px}.sheet .bd{padding:10px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto}.sheet .toc{margin:0}.dev-toggle{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(var(--navbar) + 14px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--ink);height:34px;color:var(--paper);font-family:var(--display);letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 6px 18px #00000040}.dev-toggle i{background:var(--s4);border-radius:50%;width:7px;height:7px}.dev{z-index:40;background:var(--ink);color:var(--paper);border-radius:16px 16px 0 0;flex-direction:column;max-height:62%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;display:flex;position:fixed;bottom:0;left:0;right:0}.dev .hd{padding:10px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid #ffffff24;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dev .hd b{font-family:var(--display);letter-spacing:.08em;margin-right:auto;font-size:12px}.dev .hd button{height:30px;font-family:var(--display);color:inherit;border:1px solid #ffffff4d;border-radius:8px;padding:0 10px;font-size:11px;font-weight:600}.dev .ids{padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));color:#ffffffa6;white-space:nowrap;border-bottom:1px solid #ffffff24;overflow-x:auto}.dev ol{padding:6px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));margin:0;list-style:none;overflow-y:auto}.dev li{border-bottom:1px dashed #ffffff1a;grid-template-columns:62px 92px 1fr;gap:10px;padding:4px 0;display:grid}.dev li .t{color:#ffffff8c;font-variant-numeric:tabular-nums}.dev li .e{font-weight:700}.dev li .p{color:#fffc;word-break:break-all;min-width:0}.dev li.dup .e{color:#f3cf2e}.dev li.dup .p:after{content:" · 통계 제외(같은 세션 재조회)";color:#f3cf2e}@media (prefers-reduced-motion:reduce){.stripes,.sheet,.sheet-wrap .scrim,.heart svg{animation:none!important}.track{transition:none}}