#app{width:100%;max-width:980px;margin:0 auto;padding:1rem;z-index:0;line-height:1.8em}@media (min-width: 680px){#app{padding:2rem}}.subscription-trigger{margin-top:1em}.books .book{display:inline-block;opacity:1;transition:opacity .1s ease-in-out}.books .book:hover{opacity:.8}.books .book .book-thumbnail{width:150px}.book-page{display:flex;flex-direction:column;word-break:keep-all}.book-page hr{margin:.2em 0 1em;border:0;border-top:1px solid #213547;opacity:.5}.book-page .info{display:flex;flex-direction:row;gap:.8em}.book-page .info .book-info{flex:1}.book-page .info .book-info .title{margin:0;font-size:1.5em}.book-page .info .book-info .original-title{margin-top:.1em;margin-bottom:1em;font-size:1em;color:#666}.book-page .info .book-info .physical{display:flex;flex-wrap:wrap;column-gap:.2em}.book-page .info .book-info .buy{display:flex;flex-wrap:wrap;gap:.2em;margin-top:.5em}.book-page .details{margin-top:1em}.book-page .details h2{margin-top:1.6em;font-size:1.2em}.book-image{perspective:1000px;display:inline-block;cursor:w-resize}.book-image.tilt .book-3d{animation:tilt .3s normal forwards ease-in-out}.book-image.tilt-out .book-3d{animation:tilt-out .3s normal forwards ease-in-out}.book-image.flip{cursor:e-resize}.book-image.flip .book-3d{animation:flip 1s forwards ease-in-out}.book-image.flip-back .book-3d{animation:flip-back .4s forwards ease-in-out}.book-image .book-3d{--width:148px;--height:210px;--depth:22px;position:relative;width:var(--width);height:var(--height);transform-style:preserve-3d;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;z-index:-10}.book-image .book-3d .pane{isolation:isolate;position:absolute;text-align:center;line-height:200px;opacity:1}.book-image .book-3d .pane.front{width:100%;height:100%;transform:translateZ(calc(var(--depth) / 2));background:black;z-index:-5}.book-image .book-3d .pane.back{width:100%;height:100%;transform:rotateY(180deg) translateZ(calc(var(--depth) / 2));background:black}.book-image .book-3d .pane.left{width:var(--depth);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--depth) / 2));background:black}.book-image .book-3d .pane.top{width:100%;height:var(--depth);transform:rotateX(-90deg) translateZ(calc(var(--depth) / 2 * -1));background:rgb(230,230,226)}.book-image .book-3d .pane img{width:100%;height:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (min-width: 680px){.book-page .info{gap:2em}.book-image{perspective:1500px}.book-image .book-3d{--width: calc(148px * 1.8);--height:378px;--depth:39.6px}}@keyframes rotate{to{transform:rotateY(360deg)}}@keyframes flip{0%{transform:rotate3d(-.7,1.4,-.3,45deg) scale3d(.9,.9,.9)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}@keyframes flip-back{0%{transform:rotateY(180deg)}to{transform:rotate3d(-.7,1.4,-.3,45deg) scale3d(.9,.9,.9)}}@keyframes tilt{0%{transform:rotate3d(0,0,0,0)}to{transform:rotate3d(-.7,1.4,-.3,45deg) scale3d(.9,.9,.9)}}@keyframes tilt-out{0%{transform:rotate3d(-.7,1.4,-.3,45deg) scale3d(.9,.9,.9)}to{transform:rotate3d(0,0,0,0)}}.notices{display:flex;flex-direction:column;row-gap:1em}.notice{padding:1em;border:1px solid #5a5a5a;color:#213547}.notice h2{margin-top:.8em;margin-bottom:.6em}.notice .date{font-size:1em;font-weight:700;color:#666}.notice.collapsed h2{margin-top:.3em}.notice.collapsed .notice-content{display:none}:root{font-family:sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:'Pretendard Variable__subset', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, 'Noto Sans KR__subset', Malgun Gothic, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, sans-serif}body{background-color:#fff}h1,h2{font-family:'Noto Sans KR__subset', Noto Sans JP;font-weight:700}h2:first-child{margin-top:0}.ja h1,.ja h2{font-family:'Noto Sans JP__subset', Noto Sans KR;font-weight:700}.introduction{font-size:1.1rem;white-space:pre-wrap;word-break:break-all}.introduction{font-family:'Gowun Batang__subset'}.ja .introduction{font-family:'BIZ UDPMincho__subset'}.notice-pinned{margin:0 -.5em 2em;background-color:#fffca1}body{margin:0;display:flex;min-width:320px;min-height:100vh}a{font-family:'Roboto Mono__subset', Pretendard Variable;font-weight:400;color:#aaa;text-decoration:inherit}a:hover{text-decoration:underline}a.home-link{font-family:'Noto Sans KR__subset';color:unset;text-decoration:none;font-size:3.2em;line-height:1.1;font-weight:900}.container{max-width:760px;margin:0 auto;padding:2em 0}@media (min-width: 760px){.container{width:760px}}button,a[role=button]{border-radius:8px;border:1px solid transparent;padding:.5em 1.2em;font-weight:400;background-color:#36383b;cursor:pointer;transition:border-color .25s}button,a[role=button]{display:inline-block;font-size:.9rem;color:#c8c8c8;text-decoration:none;white-space:nowrap;word-break:keep-all;line-height:normal}button.active,a[role=button].active{border:2px solid #2ace6c}button.primary,a[role=button].primary{border:1px solid #629175;background-color:#e3f6ea}button:hover,a[role=button]:hover{border-color:#2be073}h2{margin-top:2.5rem}.languages{display:flex;column-gap:.3rem}.container{width:100%}footer{font-family:'Roboto Mono__subset', Pretendard Variable;margin-top:5rem;font-size:.9rem;text-align:center;color:#aaa;display:flex;flex-direction:column;align-items:center}a{color:#666}button,a[role=button]{color:#3a4c5c}footer{color:#666}:root{color:#213547;background-color:#fff}button,a[role=button]{background-color:#f9f9f9}.navbar ul{display:flex;justify-content:flex-start;column-gap:2em;align-items:center;padding:.4em .2em;border-bottom:1px solid #5a5a5a}.navbar ul li{list-style:none}.navbar ul li.active a{color:#000}