/* A bright street bookshop: book-spine answers and a character receipt. */
.book-world{--book-ink:#202020;--book-red:#e3312b;--book-blue:#356ee8;background:#fff;color:var(--book-ink);min-height:100vh;padding-bottom:32px;font-family:Pretendard,'Apple SD Gothic Neo',sans-serif}
.book-world *,.book-result *{box-sizing:border-box}
.book-nav{display:flex;max-width:560px;margin:auto;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:2px solid #202020}
.book-nav-button{border:0;background:none;color:inherit;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}
.book-shopmark{font-size:20px;font-weight:850;color:#e3312b;text-decoration:none}
.book-main{max-width:500px;padding:22px 20px 0;margin:auto}
.book-reading-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5;gap:16px;margin-bottom:14px}
.book-reading-meta strong{font-size:14px;white-space:nowrap}
.book-chapters{display:flex;gap:5px;margin-bottom:24px;height:8px}
.book-chapters span{flex:1;background:#e8e8e8;border:1px solid #202020}
.book-chapters .book-chapter-read{background:#e3312b}
.book-chapter-caption{display:inline-block;background:#c72821;color:#fff;font-size:13px;font-weight:700;padding:6px 10px;line-height:1.4}
.book-question{font-size:24px;line-height:1.45;font-weight:800;letter-spacing:-.02em;word-break:keep-all;margin:16px 0 0}
.book-question-spread{border-bottom:2px solid #202020;margin-bottom:24px}
.book-scene{width:100%;max-width:420px;margin:0 auto;height:auto}
.book-scene svg{display:block;width:100%;height:auto}
.book-shelf-choices{display:flex;flex-direction:column;gap:14px}
.book-choice{display:flex;align-items:stretch;background:#fff;color:#202020;border:2px solid #202020;border-radius:0;min-height:82px;padding:0;position:relative;cursor:pointer;text-align:left;font:650 17px/1.5 Pretendard,sans-serif;box-shadow:3px 3px 0 #202020}
.book-choice-spine{display:grid;place-items:center;flex:0 0 36px;align-self:stretch;background:#d02a24;color:#fff;border-right:2px solid #202020;font-size:16px;font-weight:800}
.book-choice:nth-child(2) .book-choice-spine{background:#356ee8}
.book-choice-text{display:flex;align-items:center;flex:1;min-width:0;padding:16px 18px;word-break:keep-all;overflow-wrap:normal}
.book-choice-page{position:absolute;right:-2px;bottom:-8px;left:36px;height:5px;border-bottom:2px solid #202020;background:#fff}
@media(hover:hover){.book-choice:hover{background:#f5f5f5}}.book-choice.book-selected,.book-choice.is-selected{background:#ffe3df;box-shadow:1px 1px 0 #202020;transform:translate(2px,2px)}.book-choice:active{box-shadow:1px 1px 0 #202020;transform:translate(2px,2px)}
.book-choice:focus-visible,.book-entry-button:focus-visible,.book-nav-button:focus-visible,.book-resume:focus-visible{outline:3px solid #356ee8;outline-offset:5px}
.book-bottom-note{text-align:center;font-size:13px;line-height:1.6;color:#5c5c5c;margin:24px 0 0;word-break:keep-all}
.book-entry-nav{display:flex;max-width:540px;margin:auto;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;font-size:12px}
.book-entry-nav a{color:#202020;text-decoration:none;display:flex;gap:6px;align-items:center;min-height:44px}
.book-entry-nav .icon{width:16px}
.book-detail-main{max-width:460px;margin:auto;padding:12px 20px 24px}
.book-awning{height:32px;display:flex;border:2px solid #202020;border-bottom:0}
.book-awning i{flex:1;background:#e3312b;border-right:1px solid #202020;border-radius:0 0 7px 7px;border-bottom:2px solid #202020}
.book-awning i:nth-child(even){background:#fff}
.book-awning i:last-child{border-right:0}
.book-storefront{border:2px solid #202020;border-top:0;padding:24px 12px 20px;text-align:center}
.book-entry-kicker{font-size:12px;font-weight:650;margin:0 0 16px}
.book-storefront h1{font-size:33px;font-weight:850;line-height:1.3;letter-spacing:-.02em;margin:0;word-break:keep-all}
.book-storefront h1 em{font-style:normal;color:#e3312b;font-size:43px}
.book-entry-sub{font-size:15px;line-height:1.6;margin:16px 0 12px;word-break:keep-all}
.book-entry-cast{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;width:100%;max-width:280px}
.book-entry-cast>div{min-width:0;height:112px}
.book-entry-cast svg{width:100%;height:100%;display:block}
.book-entry-meta{display:flex;justify-content:center;gap:14px;font-size:12px;line-height:1.5;margin:16px 0 0}
.book-entry-button{width:100%;background:#e3312b;color:#fff;border:2px solid #202020;min-height:60px;padding:16px;font:750 17px/1.5 Pretendard,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;margin-top:18px;box-shadow:3px 3px 0 #202020}
.book-resume{display:block;background:none;border:0;min-height:44px;padding:8px;margin:12px auto;font:500 14px/1.5 Pretendard,sans-serif;color:#202020;cursor:pointer}
.book-result{max-width:460px;margin:0 auto 20px;line-height:0;padding:0;background:#fff;font-family:Pretendard,sans-serif}
.book-result>svg{display:block;width:100%;height:auto}
.book-cartoon-art{display:block;overflow:hidden;background:#fff}
.book-cartoon-art>svg{display:block;width:100%;height:100%;object-fit:contain}
.themed-result--book-nook{max-width:500px;padding:16px 12px 90px!important}
.themed-result--book-nook>.result-heading{display:none}
.themed-result--book-nook .result-actions .primary-button{background:#e3312b;color:#fff;border:2px solid #202020;border-radius:0;font-weight:750;box-shadow:3px 3px 0 #202020}
.themed-result--book-nook .result-actions .secondary-button{background:#fff;color:#202020;border:2px solid #202020;border-radius:0;font-weight:700}
.themed-result--book-nook .result-section-title{font-family:Pretendard,sans-serif}
.themed-result--book-nook .type-mini .book-cartoon-art{width:100%;height:120px}
.themed-result--book-nook .match-image{width:96px;height:96px;flex:none}
.themed-share--book-nook .book-share-poster{width:174px;margin:14px auto;line-height:0}
.book-share-poster>svg{width:100%;height:auto;display:block}
.themed-share--book-nook .share-option{border-radius:0}
.themed-share--book-nook .sheet-heading{font-family:Pretendard,sans-serif}
@media(max-width:380px){.book-main{padding-left:16px;padding-right:16px}.book-detail-main{padding-left:16px;padding-right:16px}.book-question{font-size:24px}.book-choice-text{padding-left:14px;padding-right:14px}.book-storefront h1{font-size:30px}.book-storefront h1 em{font-size:40px}.themed-result--book-nook{padding-left:8px!important;padding-right:8px!important}.themed-share--book-nook .book-share-poster{width:158px}}
@media(prefers-reduced-motion:reduce){.book-choice{transition:none}}