html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.device{height:100dvh}.book-summary{height:100%}.summary-content{height:calc(100% - 220px);overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.summary-content--next .summary-content-section--active>*{animation-name:fadeInUp}.summary-content--prev .summary-content-section--active>*{animation-name:fadeInDown}.toc-scroll{scrollbar-width:none;-ms-overflow-style:none}.toc-scroll::-webkit-scrollbar{display:none}.remove-confirm-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.remove-confirm-dialog{text-align:center;background:#fff;border-radius:12px;width:80%;max-width:300px;padding:24px 20px}.remove-confirm-dialog__text{margin:0 0 20px;font-size:1rem;line-height:1.5}.remove-confirm-dialog__actions{justify-content:center;gap:12px;display:flex}.sign-in-form__footer{text-align:center;color:#888;margin:20px 0 0;font-size:.85rem}.sign-in-form__footer a{color:#333;font-weight:600;text-decoration:underline}.text-field__input,.text-field__area{color:#10253d;background:#f9fbfd;border-color:#dce4ed;border-radius:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.text-field__input:focus,.text-field__area:focus{background:#fff;border-color:#073568;outline:none;box-shadow:0 0 0 4px #07356817}.text-field__input::placeholder,.text-field__area::placeholder{color:#a5b0bc;font-size:.9rem}.text-field__input:read-only{color:#6d7d8d;background:#f1f4f7}.account-page--login{--login-navy:#073568;--login-navy-deep:#04284f;color:#10253d;background:radial-gradient(circle at 12% 12%,#1959941f,#0000 28%),radial-gradient(circle at 92% 86%,#07356814,#0000 32%),#f6f8fb}.account-page--login:before{content:"";pointer-events:none;border:1px solid #07356814;border-radius:50%;width:170px;height:170px;position:absolute;top:100px;right:-68px}.login-header{z-index:2;align-items:center;min-height:64px;padding:12px 20px;display:flex;position:relative}.login-header__brand{color:var(--login-navy);letter-spacing:-.03em;align-items:center;gap:9px;font-size:1rem;font-weight:800;display:flex}.login-header__brand img{object-fit:cover;border-radius:9px;width:30px;height:30px}.account-page--login .global-header__show-menu-button{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:9px;transition:background-color .2s;top:12px}.account-page--login .global-header__show-menu-button:hover{background:#0735680f}.account-page--login .account-page__main{z-index:1;padding:10px 18px 32px;position:relative}.account-page--login .sign-in-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #07356814;border-radius:28px;max-width:430px;margin:0 auto;padding:34px 30px 28px;box-shadow:0 24px 70px #1c37571f}.login-intro{text-align:center;margin-bottom:30px}.login-intro__logo-wrap{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:15px;display:inline-flex;overflow:hidden;box-shadow:0 12px 30px #07356829}.login-intro__logo{object-fit:cover;width:100%;height:100%}.login-intro__eyebrow{color:#52708f;letter-spacing:.2em;margin:0;font-size:.68rem;font-weight:700}.account-page--login .text-field{margin-top:18px}.account-page--login .text-field:first-of-type{margin-top:0}.account-page--login .text-field__label{color:#344b63;font-size:.76rem;font-weight:700}.account-page--login .text-field__input{color:#10253d;background:#f9fbfd;border-color:#dce4ed;border-radius:14px;height:56px;margin-top:8px;padding:0 17px;transition:border-color .2s,box-shadow .2s,background-color .2s}.account-page--login .text-field__input:focus{border-color:var(--login-navy);background:#fff;outline:none;box-shadow:0 0 0 4px #07356817}.account-page--login .text-field__input::placeholder{color:#a5b0bc;font-size:.9rem}.account-page--login .text-field--checkbox label{color:#687b8f;font-size:.8rem;font-weight:500}.account-page--login .text-field__checkbox{width:17px;height:17px;accent-color:var(--login-navy);margin:0}.account-page--login .button--black{background:linear-gradient(135deg, var(--login-navy), var(--login-navy-deep));letter-spacing:-.02em;border:0;border-radius:14px;font-size:.94rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #07356833}.account-page--login .button--black:active{transform:translateY(1px);box-shadow:0 6px 14px #0735682e}.account-page--login .sign-in-form__footer{color:#7b8998;margin-top:20px;font-size:.8rem}.account-page--login .sign-in-form__footer a{color:var(--login-navy);margin-left:4px;font-weight:800;text-decoration:none}@media (width<=480px){.account-page--login .account-page__main{padding:0}.account-page--login .sign-in-form{max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:22px 24px 30px}.login-intro{margin-bottom:25px}}@media (height<=720px){.login-intro__logo-wrap{border-radius:20px;width:66px;height:66px;margin-bottom:10px}.login-intro{margin-bottom:20px}}.policy-page{color:#333;padding:18px 20px 56px;font-family:Spoqa Han Sans Neo,sans-serif;line-height:1.65}.policy-page__header{border-bottom:1px solid #eee;padding-bottom:18px}.policy-page__title{margin:0;font-size:1.45rem;font-weight:800;line-height:1.3}.policy-page__meta{color:#777;margin:10px 0 0;font-size:.85rem}.policy-page__section{border-bottom:1px solid #f0f0f0;padding:24px 0}.policy-page__section:last-child{border-bottom:0}.policy-page h2{margin:0 0 14px;font-size:1.08rem;font-weight:800;line-height:1.4}.policy-page h3{margin:20px 0 8px;font-size:.95rem;font-weight:700;line-height:1.4}.policy-page p{margin:0 0 12px;font-size:.92rem}.policy-page ul{margin:8px 0 0;padding-left:20px;font-size:.92rem}.policy-page li+li{margin-top:6px}.policy-page dl{margin:8px 0 0;font-size:.92rem}.policy-page dl>div{gap:10px;margin-top:6px;display:flex}.policy-page dt{color:#777;min-width:52px;font-weight:700}.policy-page dd{margin:0}.create-recommendation-page{color:#333;min-height:100%;padding:24px 20px 40px;font-family:Spoqa Han Sans Neo,sans-serif}.book-search-form__row{align-items:stretch;gap:8px;display:flex}.book-search-form__input{flex:1;min-width:0}.book-search-form__button{width:72px;font:inherit;cursor:pointer;border-radius:12px;margin-top:8px}.book-search-form__button:disabled,.recommendation-content-form__submit:disabled{cursor:default;opacity:.35}.book-search-results{border:0;min-width:0;margin:28px 0 0;padding:0}.book-search-results__title{padding:0;font-size:.8rem;font-weight:700}.book-search-results__list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.book-search-result{cursor:pointer;border:1px solid #e0e0e0;border-radius:12px;align-items:center;gap:14px;min-height:104px;padding:12px 42px 12px 12px;display:flex;position:relative}.book-search-result--selected{border-color:#222;box-shadow:0 0 0 1px #222}.book-search-result__radio{opacity:0;width:1px;height:1px;position:absolute}.book-search-result__radio:focus-visible+.book-search-result__cover{outline-offset:3px;outline:2px solid #222}.book-search-result__cover{object-fit:cover;background:#eee;border-radius:3px;flex:none;width:58px;height:80px}.book-search-result__info{flex-direction:column;gap:7px;min-width:0;display:flex}.book-search-result__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.book-search-result__author{color:#747474;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.book-search-result__check{border:1px solid #bbb;border-radius:50%;width:20px;height:20px;position:absolute;right:16px}.book-search-result--selected .book-search-result__check{border:6px solid #222}.book-search-results__empty{color:#888;text-align:center;background:#f7f7f7;border-radius:12px;margin:12px 0 0;padding:28px 16px}.recommendation-content-form{margin-top:30px}.recommendation-content-form__heading{color:#747474;justify-content:space-between;font-size:.75rem;display:flex}.recommendation-content-form__textarea{resize:vertical;width:100%;height:150px;font-family:inherit;display:block}.recommendation-content-form__submit{width:100%;height:52px;font:inherit;cursor:pointer;border:0;border-radius:26px;margin-top:24px}.my-book-lists{padding:0 24px 36px}.my-book-tabs{border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr;margin:0 -24px 24px;display:grid}.my-book-tabs__button{color:#999;font:inherit;cursor:pointer;background:#fff;border:0;padding:18px 8px 16px;font-weight:700;position:relative}.my-book-tabs__button--active{color:#222}.my-book-tabs__button--active:after{content:"";background:#222;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:22%;right:22%}.my-book-link-button{color:#333;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.my-book-lists__empty{color:#888;text-align:center;margin:0;padding:48px 16px}.my-recommendation-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;margin:0;padding:0;list-style:none;display:grid}.my-recommendation-thumbnail{color:#333;flex-direction:column;gap:10px;min-width:0;text-decoration:none;display:flex}.my-recommendation-thumbnail img{aspect-ratio:3/4;object-fit:cover;background:#eee;border-radius:8px;width:100%;box-shadow:0 5px 14px #0000001f}.my-recommendation-thumbnail>a:first-child{display:block}.my-recommendation-thumbnail strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.my-recommendation-thumbnail__status{color:#777;background:#eee;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.my-recommendation-thumbnail__status--y{color:#176b3a;background:#dff3e7}.my-recommendation-thumbnail__status--w{color:#8a6200;background:#fff0c2}.my-recommendation-item__content{word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.my-recommendation-thumbnail__link{color:#333;font-size:.8rem;font-weight:600;text-decoration:none}.my-recommendation-detail{flex-direction:column;align-items:center;min-height:100%;padding:28px 24px 40px;font-family:Spoqa Han Sans Neo,sans-serif;display:flex}.my-recommendation-detail__cover{aspect-ratio:3/4;object-fit:cover;background:#eee;border-radius:7px;width:132px;box-shadow:0 8px 20px #00000024}.my-recommendation-detail__title{text-align:center;word-break:keep-all;margin:22px 0 0;font-size:1.25rem;line-height:1.45}.my-recommendation-detail__content{width:100%;margin-top:30px}.my-recommendation-detail__recommendation{white-space:pre-wrap;border:1px solid #ddd;border-radius:12px;min-height:150px;margin:8px 0 0;padding:20px;line-height:1.65}.my-recommendation-detail__textarea{resize:none;width:100%;height:150px;font-family:inherit}.my-recommendation-detail__actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:28px;display:grid}.my-recommendation-detail__actions .button,.my-recommendation-detail__back{height:50px;font:inherit;cursor:pointer}.my-recommendation-detail__actions .button:disabled{opacity:.35;cursor:default}.my-recommendation-detail__back{width:100%;margin-top:20px}