.bk{--bk-tone:var(--hl-y);container-type:inline-size;position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;aspect-ratio:3/4;padding:15% 7% 8% 17%;border:1px solid var(--wb-line);border-radius:4px 9px 9px 4px;background:var(--wb-paper);isolation:isolate;box-shadow:0 1px 2px rgb(31 42 68/.07),0 14px 26px -18px rgb(31 42 68/.36),4px 5px 0 -1px var(--wb-paper),4px 5px 0 0 var(--wb-line);color:var(--wb-ink);font-family:var(--font-greet);line-height:1.1;text-align:left;overflow:hidden}.bk[data-tone=o]{--bk-tone:var(--hl-o)}.bk[data-tone=p]{--bk-tone:var(--hl-p)}.bk[data-tone=s]{--bk-tone:var(--hl-s)}.bk[data-tone=g]{--bk-tone:var(--hl-g)}.bk[data-tone=v]{--bk-tone:var(--hl-v)}.bk-ln{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0 9.6cqw,color-mix(in srgb,var(--wb-line) 70%,transparent) 9.6cqw calc(9.6cqw + 1px))}.bk:before{inset:0 auto 0 0;width:10.5cqw;background:var(--bk-tone);border-right:1px solid color-mix(in srgb,var(--wb-ink) 10%,transparent)}.bk:after,.bk:before{content:"";position:absolute}.bk:after{top:5cqw;bottom:5cqw;left:3.6cqw;width:3.4cqw;background:radial-gradient(circle,var(--wb) 0 1.15cqw,color-mix(in srgb,var(--wb-ink) 24%,transparent) 1.25cqw 1.5cqw,transparent 1.6cqw) 50% 0 /3.4cqw 9.6cqw repeat-y}.bk-pin{position:absolute;top:2.6cqw;left:calc(50% + 5cqw);width:7.5cqw;height:7.5cqw;translate:-50% 0;border:1px solid var(--wb-pin-edge);border-radius:50%;background:radial-gradient(circle at 34% 30%,rgb(255 255 255/.9) 0 16%,transparent 18%),var(--wb-pin);box-shadow:0 1.2cqw 1.8cqw rgb(31 42 68/.16)}.bk-k{font-family:var(--font-ui);font-size:6.2cqw;letter-spacing:-.02em;color:var(--wb-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-t{margin-top:2cqw;font-size:19cqw;line-height:1.04;word-break:keep-all}.bk-tt{padding:0 .08em;background:linear-gradient(transparent 56%,var(--bk-tone) 56% 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.bk-s{display:-webkit-box;margin-top:2.8cqw;font-family:var(--font-ui);font-size:5.6cqw;line-height:1.38;color:var(--wb-ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bk-d{display:flex;flex-direction:column;gap:1.2cqw;margin-top:auto;padding-top:3cqw;font-size:9.6cqw;line-height:1.12;color:color-mix(in srgb,var(--wb-ink) 62%,transparent)}.bk-d>span{max-width:100%;white-space:nowrap;overflow:hidden}.bk-d0{rotate:-3deg}.bk-d1{align-self:flex-end;rotate:2.5deg}.bk-d2{margin-left:6%;rotate:-1.5deg}.bk-d3{align-self:flex-end;rotate:3deg}.bk-img{flex:1 1;min-height:0;width:100%;margin-top:2cqw;object-fit:contain;object-position:100% 100%;rotate:-3deg;pointer-events:none}.bk-logo{margin-top:3cqw;font-size:7.2cqw;color:var(--wb-ink-2)}.bk--sm .bk-d3,.bk--sm .bk-s{display:none}.hb{display:block;flex:none;color:var(--wb-ink);overflow:visible}.hb-edge{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.hb--todo{color:color-mix(in srgb,var(--wb-ink-3) 62%,transparent)}.hb--done .hb-edge{fill:currentColor}.hb-hatch{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.home-go{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.home-go-b{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 17px 0 14px;border:1.5px solid var(--wb-line-2);border-radius:999px;background:color-mix(in srgb,var(--wb-paper) 55%,transparent);font:400 16px/1 var(--font-ui);color:var(--wb-ink-2);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.home-go-b:hover{background:color-mix(in srgb,var(--wb-hl) 30%,var(--wb-paper));color:var(--wb-ink)}.home-go-b[aria-expanded=true]{border-color:var(--wb-ink);background:var(--wb-hl);color:var(--wb-hl-ink)}.home-go-b:focus-visible{outline:2px solid var(--wb-ink);outline-offset:2px}@media (max-height:880px){.home--main:has(.home-go) .hero .home-hint{display:none}}@media (max-height:760px){.home-go{margin-top:6px}.home-go-b{height:34px}}@media (max-height:760px) and (min-width:521px){.home--main:has(.home-go) .hero{padding-top:26px;padding-bottom:12px}.home--main:has(.home-go) .hero .cmp-ta{min-height:92px}}.hshelf{--font-ui:var(--font-gowun),"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-family:var(--font-ui);letter-spacing:-.01em;word-break:keep-all;position:fixed;left:50%;z-index:35;box-sizing:border-box;width:min(900px,calc(100vw - 32px));translate:-50% 0;overflow:auto;overscroll-behavior:contain;padding:14px 18px 16px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-paper);box-shadow:0 2px 4px rgb(31 42 68/.06),0 22px 44px -22px rgb(31 42 68/.38);animation:hshelf-in .18s cubic-bezier(.2,.7,.2,1)}.hshelf:focus:not(:focus-visible){outline:none}.hshelf:focus-visible{outline:2px solid var(--wb-ink);outline-offset:2px}@keyframes hshelf-in{0%{opacity:0;transform:translateY(-6px)}}.hshelf-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.hshelf-h{margin:0;font:400 28px/1 var(--font-greet);color:var(--wb-ink)}.hshelf-more{padding:4px 2px;border:0;background:none;font:400 15px/1 var(--font-ui);color:var(--wb-ink-2);text-decoration:none;cursor:pointer}.hshelf-more:hover{color:var(--wb-ink);text-decoration:underline;text-underline-offset:3px}.hshelf-books{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:16px 14px;gap:16px 14px;margin:0;padding:4px 6px 2px 2px;list-style:none}.hshelf-book{display:flex;flex-direction:column;gap:9px;color:var(--wb-ink);text-decoration:none}.hshelf-book .bk{transition:transform .18s cubic-bezier(.2,.7,.2,1)}.hshelf-book:focus-visible .bk,.hshelf-book:hover .bk{transform:translateY(-3px) rotate(-1.2deg)}.hshelf-book:focus-visible{outline:none}.hshelf-book:focus-visible .hshelf-book-t{text-decoration:underline;text-underline-offset:3px}.hshelf-book-t{display:-webkit-box;font-size:14px;line-height:1.32;color:var(--wb-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hshelf-docs{display:grid;grid-gap:2px;gap:2px;margin:0;padding:0;list-style:none}.hshelf-doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:none;font:400 15px/1.3 var(--font-ui);color:var(--wb-ink);text-align:left;cursor:pointer}.hshelf-doc:focus-visible,.hshelf-doc:hover{background:color-mix(in srgb,var(--wb-hl) 26%,transparent);outline:none}.hshelf-doc svg{color:var(--wb-ink-3)}.hshelf-doc-t{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hshelf-doc-m{font-size:13px;color:var(--wb-ink-3);white-space:nowrap}.hshelf-empty{margin:4px 0;font-size:15px;line-height:1.5;color:var(--wb-ink-3)}@media (max-width:720px){.hshelf{padding:12px 14px 14px}.hshelf-books{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:112px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.hshelf-books>li{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.hshelf-book .bk{transition:none}.hshelf{animation:none}}