*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1a2035;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f7f5;font-family:Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:.9375rem;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}.layout{background:#f8f7f5;flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.5rem}}@media (width<=480px){.container{padding:0 1rem}}@media (width<=360px){.container{padding:0 .5rem}}.page-content{flex:1;padding:0 0 5rem}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #eceef3;height:68px;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;height:100%;padding-top:10px;display:flex}.header__logo{cursor:pointer;align-items:center;gap:.5rem;display:flex}.header__logo-badge{background:#2d4270;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;box-shadow:4px 6px #2d42702e}.header__logo-text{flex-direction:column;gap:1px;display:flex}.header__logo-title{color:#1a2035;letter-spacing:-.02em;font-size:.9375rem;font-weight:700;line-height:1.2}.header__logo-sub{color:#8e95ad;letter-spacing:.04em;font-size:.6875rem}.header__nav{align-items:center;gap:.5rem;display:flex}.header__btn{cursor:pointer;border-radius:9999px;align-items:center;gap:.25rem;padding:9px 20px;font-size:.8125rem;font-weight:600;transition:all .16s;display:inline-flex}.header__btn--write{color:#fff;background:#2d4270;border:2px solid #2d4270;box-shadow:4px 6px #2d42702e}.header__btn--write:hover{background:#1e3055;border-color:#1e3055;transform:translate(-1px,-2px);box-shadow:6px 9px #2d427040}.header__btn--write:active{transform:translate(1px,1px);box-shadow:2px 3px #2d42702e}.header__btn--ghost{color:#4a5270;background:#fff;border:1.5px solid #dde1e9}.header__btn--ghost:hover{color:#3d5a90;background:#eef1f8;border-color:#3d5a90}.hero{background-image:url(/assets/hero-BVHKuFne.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (width<=768px){.hero{background-image:url(/assets/hero_mobile-CiiRczeR.png);background-position:top}}.hero{padding:5rem 0;position:relative;overflow:hidden}.hero:before{content:"";background:#141e3c73;position:absolute;inset:0}.hero:after{content:none}.hero__inner{z-index:1;align-items:center;gap:3rem;display:flex;position:relative}@media (width<=768px){.hero__inner{text-align:center;flex-direction:column}}.hero__content{flex:1}.hero__eyebrow{color:#ffffffd9;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:5px 14px;font-size:.6875rem;font-weight:600;display:inline-flex}.hero__title{color:#fff;letter-spacing:-.03em;word-break:keep-all;margin-bottom:1.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.15}.hero__desc{color:#ffffffb3;max-width:420px;margin-bottom:2rem;font-size:.9375rem;line-height:1.8}@media (width<=768px){.hero__desc{max-width:none}}.hero__actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=768px){.hero__actions{justify-content:center}}.hero__cta{cursor:pointer;letter-spacing:-.01em;border-radius:9999px;align-items:center;gap:.25rem;padding:13px 28px;font-size:.9375rem;font-weight:700;transition:all .16s;display:inline-flex}.hero__cta--primary{color:#2d4270;background:#fff;border:2px solid #fff;box-shadow:4px 6px #00000026}.hero__cta--primary:hover{transform:translate(-2px,-3px);box-shadow:6px 9px #0000002e}.hero__cta--secondary{color:#ffffffd9;background:0 0;border:1.5px solid #ffffff4d}.hero__cta--secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80}.hero__image{flex-shrink:0;width:280px}@media (width<=768px){.hero__image{width:200px}}.hero__image img{filter:drop-shadow(0 20px 40px #00000040);width:100%;height:auto;animation:4s ease-in-out infinite float}.hero__stats{border-top:1px solid #ffffff1f;gap:2rem;margin-top:2rem;padding-top:1.5rem;display:flex}@media (width<=768px){.hero__stats{justify-content:center}}.hero__stat-num{color:#fff;margin-bottom:4px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:700;line-height:1}.hero__stat-label{color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.section-header__title{color:#1a2035;letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.section-header__count{color:#2d4270;background:#eef1f8;border-radius:9999px;padding:2px 10px;font-size:.6875rem;font-weight:500}.main-sections{padding:3rem 0 0}.this-week{margin-bottom:5rem}.this-week__heading{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.this-week__label-group{align-items:center;gap:1rem;display:flex}.this-week__badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#2d4270;border-radius:9999px;align-items:center;gap:7px;padding:6px 16px;font-size:.6875rem;font-weight:700;display:inline-flex;box-shadow:4px 6px #2d42702e}.this-week__badge-dot{background:#d96b52;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse}.this-week__week-label{color:#8e95ad;font-size:.8125rem}.this-week__empty{text-align:center;color:#8e95ad;background:#eef1f8;border:2px dashed #dde1e9;border-radius:24px;padding:3rem;font-size:.9375rem}.this-week__empty-emoji{margin-bottom:.5rem;font-size:2.5rem;display:block}.this-week__empty-link{color:#3d5a90;cursor:pointer;text-underline-offset:3px;font-weight:600;text-decoration:underline}.this-week__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}@media (width<=480px){.this-week__grid{grid-template-columns:1fr}}.this-week__list{flex-direction:column;gap:1rem;display:flex}.book-card-hero{cursor:pointer;background:#fff;border:1.5px solid #eceef3;border-radius:24px;transition:transform .26s,box-shadow .26s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 12px #2d427012}.book-card-hero:hover{transform:translate(-3px,-4px);box-shadow:0 12px 40px #2d427024}.book-card-hero:active{transform:translate(1px,1px)}.book-card-hero--color-0 .book-card-hero__stripe{background:#d96b52}.book-card-hero--color-0 .book-card-hero__no{color:#d96b52}.book-card-hero--color-1 .book-card-hero__stripe{background:#2d4270}.book-card-hero--color-1 .book-card-hero__no{color:#2d4270}.book-card-hero--color-2 .book-card-hero__stripe{background:#3d5a90}.book-card-hero--color-2 .book-card-hero__no{color:#3d5a90}.book-card-hero--color-3 .book-card-hero__stripe{background:#4a6aaa}.book-card-hero--color-3 .book-card-hero__no{color:#4a6aaa}.book-card-hero--color-4 .book-card-hero__stripe{background:#5a7ab8}.book-card-hero--color-4 .book-card-hero__no{color:#5a7ab8}.book-card-hero__body{flex-direction:column;padding:2rem;display:flex;position:relative}.book-card-hero__stripe{height:3px;position:absolute;top:0;left:0;right:0}.book-card-hero__no{letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.book-card-hero__title{color:#1a2035;letter-spacing:-.02em;word-break:keep-all;margin-bottom:.5rem;font-size:1.375rem;font-weight:700;line-height:1.35}@media (width<=480px){.book-card-hero__title{font-size:1.125rem}}.book-card-hero__topic{color:#4a5270;word-break:keep-all;background:#f8f7f5;border-left:2px solid #d96b52;border-radius:12px;flex:1;margin-bottom:auto;padding:.5rem 1rem;font-size:.8125rem;line-height:1.6}.book-card-hero__topic-label{color:#8e95ad;text-transform:uppercase;letter-spacing:.08em;margin-right:.5rem;font-size:.6875rem;font-weight:700;display:inline-block}.book-card-hero__footer{border-top:1px solid #eceef3;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:1rem;padding-top:1rem;display:flex}.book-card-hero__tag{color:#2d4270;background:#eef1f8;border-radius:9999px;align-items:center;gap:3px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.book-card-hero__tag--date{color:#8e95ad;background:0 0;margin-left:auto}.book-card{cursor:pointer;background:#fff;border:1.5px solid #eceef3;border-radius:24px;flex-direction:column;transition:transform .26s,box-shadow .26s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #2d427012}.book-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #2d427024}.book-card:active{transform:translateY(0)}.book-card:before{content:"";flex-shrink:0;width:100%;height:4px;display:block}.book-card--color-0:before{background:#d96b52}.book-card--color-1:before{background:#2d4270}.book-card--color-2:before{background:#3d5a90}.book-card--color-3:before{background:#4a6aaa}.book-card--color-4:before{background:#5a7ab8}.book-card__cover-wrap{aspect-ratio:2/3;box-sizing:border-box;background:#f2efe9;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;overflow:hidden}.book-card__cover{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 4px 16px #2d42701a}.book-card:hover .book-card__cover{transform:scale(1.06);box-shadow:0 12px 40px #2d427024}.book-card__cover-placeholder{width:100%;height:100%;font-size:2.5rem}.book-card__info{flex-direction:column;flex:1;padding:.5rem 1rem 1rem;display:flex}.book-card__top{align-items:center;gap:.25rem;margin-bottom:4px;display:flex}.book-card__no{letter-spacing:.06em;color:#8e95ad;font-size:.6875rem;font-weight:700}.book-card__emoji{font-size:1rem;line-height:1}.book-card__title{color:#1a2035;letter-spacing:-.01em;word-break:keep-all;margin-bottom:2px;font-size:.9375rem;font-weight:700;line-height:1.35}.book-card__author{color:#8e95ad;margin-bottom:.25rem;font-size:.6875rem}.book-card__date{color:#8e95ad;margin-top:auto;padding-top:.25rem;font-size:.6875rem}.record-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.record-grid .book-card{width:100%}.record-grid .book-card__cover-wrap{aspect-ratio:3/5;width:100%;max-height:320px}.record-section__title{color:#1a2035;letter-spacing:-.02em;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.375rem;font-weight:700;display:flex}.record-section__title-left{align-items:baseline;gap:.5rem;display:flex}.record-section__count{color:#8e95ad;background:#eef1f8;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:400}.view-toggle{background:#f2efe9;border:1px solid #dde1e9;border-radius:12px;gap:2px;padding:3px;display:flex}.view-toggle__btn{cursor:pointer;color:#8e95ad;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:1rem;transition:all .16s}.view-toggle__btn:hover{color:#1a2035}.view-toggle__btn--active{color:#2d4270;background:#fff;box-shadow:0 1px 3px #0000001a}.record-list{flex-direction:column;gap:2px;display:flex}.record-item{cursor:pointer;background:#fff;border:1.5px solid #eceef3;border-radius:18px;grid-template-columns:56px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .16s;display:grid}.record-item:hover{background:#eef1f8;border-color:#3d5a90;transform:translate(4px);box-shadow:0 1px 4px #2d42700f}.record-item:hover .record-item__arrow{color:#3d5a90;transform:translate(4px)}.record-item:hover .record-item__title{color:#2d4270}.record-item__no{color:#3d5a90;text-align:center;background:#eef1f8;border:1px solid #dde1e9;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:.25rem;font-size:.8125rem;font-weight:700;display:flex}.record-item__emoji{font-size:1.1rem;line-height:1}.record-item__body{overflow:hidden}.record-item__title{color:#1a2035;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.9375rem;font-weight:600;transition:color .16s;overflow:hidden}.record-item__sub{color:#8e95ad;flex-wrap:wrap;gap:4px;font-size:.6875rem;display:flex}.record-item__right{align-items:center;gap:.5rem;display:flex}.record-item__date{color:#8e95ad;white-space:nowrap;font-size:.6875rem}.record-item__arrow{color:#8e95ad;font-size:1rem;font-weight:700;transition:all .16s}.this-week-badge-inline{color:#fff;vertical-align:middle;background:#d96b52;border-radius:6px;margin-right:5px;padding:1px 8px;font-size:.65rem;font-weight:700;display:inline-block}.page-header{margin:1.5rem 0}.page-header__back{color:#8e95ad;cursor:pointer;background:#fff;border:1.5px solid #dde1e9;border-radius:9999px;align-items:center;gap:.25rem;margin-bottom:1rem;padding:.25rem 1rem;font-size:.8125rem;transition:all .16s;display:inline-flex}.page-header__back:hover{color:#3d5a90;background:#eef1f8;border-color:#dde1e9}.page-header__title{color:#1a2035;letter-spacing:-.03em;margin-top:.5rem;font-size:1.875rem;font-weight:700}.page-header__sub{color:#8e95ad;margin-top:.25rem;font-size:.8125rem}.form{background:#fff;border:1.5px solid #eceef3;border-radius:32px;padding:3rem;box-shadow:0 2px 12px #2d427012}@media (width<=480px){.form{border-radius:24px;padding:1.5rem}}.form__grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.form__grid{grid-template-columns:1fr}}.form__field{flex-direction:column;gap:.25rem;display:flex}.form__field--full{grid-column:1/-1}.form__label{color:#1a2035;font-size:.8125rem;font-weight:700}.form__label-required{color:#d96b52;margin-left:2px}.form__input,.form__select,.form__textarea{color:#1a2035;background:#fff;border:1.5px solid #dde1e9;border-radius:12px;outline:none;width:100%;padding:.5rem 1rem;font-family:Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:.9375rem;transition:border-color .16s,box-shadow .16s}.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:#3d5a90;box-shadow:0 0 0 4px #2d427014}.form__input::placeholder,.form__select::placeholder,.form__textarea::placeholder{color:#8e95ad}.form__textarea{resize:vertical;min-height:120px;line-height:1.7}.form__input--date{cursor:pointer}.form__input--date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.form__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235b21b6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.form__divider{border:none;border-top:1.5px dashed #eceef3;grid-column:1/-1;margin:.25rem 0}.form__section-title{color:#4a5270;text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;margin-top:.5rem;font-size:.8125rem;font-weight:700}.form__error{color:#e53e3e;font-size:.8rem}.form__actions{border-top:1.5px dashed #eceef3;justify-content:flex-end;gap:.5rem;margin-top:2rem;padding-top:2rem;display:flex}.participant-selector{flex-wrap:wrap;gap:.5rem;display:flex}.participant-selector__chip{color:#4a5270;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #dde1e9;border-radius:9999px;align-items:center;gap:.25rem;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .16s;display:inline-flex}.participant-selector__chip--active{color:#fff;background:#2d4270;border-color:#2d4270;box-shadow:2px 3px #2d42704d}.participant-selector__chip:hover:not(.participant-selector__chip--active){color:#3d5a90;background:#eef1f8;border-color:#3d5a90;transform:translateY(-1px)}.participant-selector__chip-remove{opacity:.8;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;line-height:1;display:inline-flex}.participant-selector__chip-remove:hover{opacity:1;background:#ffffff40}.btn{cursor:pointer;letter-spacing:-.01em;border-radius:12px;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 2rem;font-size:.9375rem;font-weight:700;transition:all .16s;display:inline-flex}.btn--primary{color:#fff;background:#2d4270;border:2px solid #2d4270;box-shadow:4px 6px #2d42702e}.btn--primary:hover{background:#1e3055;border-color:#1e3055;transform:translate(-2px,-2px);box-shadow:7px 9px #2d427038}.btn--primary:active{transform:translate(1px,1px);box-shadow:2px 3px #2d42702e}.btn--secondary{color:#4a5270;background:#fff;border:1.5px solid #dde1e9}.btn--secondary:hover{color:#2d4270;background:#eef1f8;border-color:#dde1e9}.btn--danger{color:#b85540;background:#fff;border:1.5px solid #f0d8d3}.btn--danger:hover{background:#fdf0ed;border-color:#e0b0b0}.btn--sm{border-radius:6px;padding:.25rem 1rem;font-size:.8125rem}.detail{margin-top:30px}.detail__card{background:#fff;border:1.5px solid #eceef3;border-radius:32px;margin-bottom:2rem;overflow:hidden;box-shadow:0 2px 12px #2d427012}.detail__banner{color:#fff;background:linear-gradient(135deg,#2d4270 0%,#213153 100%);padding:3rem;position:relative;overflow:hidden}.detail__banner:before{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.detail__banner-deco{opacity:.1;-webkit-user-select:none;user-select:none;font-size:5rem;position:absolute;bottom:1.5rem;right:2rem}.detail__no{letter-spacing:.08em;text-transform:uppercase;background:#ffffff26;border-radius:9999px;margin-bottom:.5rem;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-block}.detail__title{letter-spacing:-.03em;word-break:keep-all;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.25}.detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.detail__tag{background:#ffffff24;border:1px solid #ffffff38;border-radius:9999px;align-items:center;gap:4px;padding:5px 1rem;font-size:.6875rem;font-weight:600;display:inline-flex}.detail__body{padding:3rem}.detail__topic{background:#fdf0ed;border-left:4px solid #d96b52;border-radius:18px;margin-bottom:2rem;padding:1.5rem}.detail__info-grid{background:#f2efe9;border:1.5px solid #eceef3;border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid}.detail__info-item-label{color:#8e95ad;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.6875rem;font-weight:700}.detail__info-item-value{color:#1a2035;font-size:.8125rem;font-weight:600}.detail__opinions-title{color:#2d4270;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.detail__opinions-title-emoji{font-size:1.2rem}.detail__opinion-item{background:#fff;border:1.5px solid #eceef3;border-radius:18px;margin-bottom:1rem;padding:1.5rem;transition:border-color .16s}.detail__opinion-item:hover{border-color:#dde1e9}.detail__opinion-item-author{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.detail__opinion-item-author-avatar{color:#fff;background:linear-gradient(135deg,#2d4270,#3d5a90);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8125rem;font-weight:700;display:flex;box-shadow:2px 2px #2d427033}.detail__opinion-item-author-name{color:#1a2035;font-size:.8125rem;font-weight:700}.detail__opinion-item-text{color:#4a5270;white-space:pre-wrap;word-break:break-word;font-size:.8125rem;line-height:1.8}.detail__opinion-item-empty{color:#8e95ad;font-style:italic}.detail__actions{border-top:1.5px dashed #eceef3;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.opinion-edit-btn{color:#3d5a90;cursor:pointer;background:#eef1f8;border:1px solid #dde1e9;border-radius:9999px;margin-left:auto;padding:3px 10px;font-size:.6875rem;font-weight:600;transition:all .16s}.opinion-edit-btn:hover{color:#fff;background:#2d4270;border-color:#2d4270}.opinion-editor{margin-top:.5rem}.opinion-editor__textarea{color:#1a2035;resize:vertical;background:#fff;border:1.5px solid #3d5a90;border-radius:12px;outline:none;width:100%;min-height:100px;padding:.5rem 1rem;font-family:Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:.8125rem;line-height:1.75;box-shadow:0 0 0 3px #2d427014}.opinion-editor__textarea::placeholder{color:#8e95ad}.opinion-editor__actions{justify-content:flex-end;gap:.25rem;margin-top:.5rem;display:flex}.empty-state{text-align:center;color:#8e95ad;padding:5rem 2rem}.empty-state__icon{margin-bottom:1rem;font-size:3.5rem;animation:2s ease-in-out infinite bounce;display:block}.empty-state__text{color:#4a5270;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.empty-state__sub{font-size:.8125rem}.section-divider{background:linear-gradient(90deg,#0000,#dde1e9,#0000);height:1.5px;margin:3rem 0}.participants-list{flex-wrap:wrap;gap:.25rem;display:flex}.participants-list__chip{color:#2d4270;background:#eef1f8;border:1px solid #dde1e9;border-radius:9999px;padding:3px .5rem;font-size:.6875rem;font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.book-search,.book-search__input-wrap{width:100%;position:relative}.book-search__input{width:100%}.book-search__spinner{border:2px solid #dde1e9;border-top-color:#2d4270;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.book-search__dropdown{z-index:300;background:#fff;border:1px solid #dde1e9;border-radius:18px;max-height:320px;padding:.25rem;list-style:none;animation:.12s slideUp;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #2d427024}.book-search__item{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background .16s;display:flex}.book-search__item:hover{background:#eef1f8}.book-search__cover{background:#f2efe9;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:54px;font-size:1.2rem;display:flex;overflow:hidden}.book-search__cover img{object-fit:cover;width:100%;height:100%}.book-search__info{flex-direction:column;gap:2px;min-width:0;display:flex}.book-search__title{color:#1a2035;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.book-search__meta{color:#8e95ad;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.book-search__hint{color:#8e95ad;margin-top:.25rem;font-size:.78rem}.book-search__hint code{background:#f2efe9;border-radius:3px;padding:1px 5px;font-size:.75rem}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.book-field__cover-placeholder,.detail__cover-placeholder,.book-card-hero__cover-placeholder,.book-card__cover-placeholder{background:linear-gradient(135deg,#f2efe9 0%,#eceef3 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex}.book-card-hero__cover-wrap{border-radius:6px;width:80px;height:110px;position:absolute;top:50%;right:1.5rem;overflow:hidden;transform:translateY(-50%);box-shadow:4px 4px 16px #0003}.book-card-hero__cover{object-fit:cover;width:100%;height:100%;display:block}.detail__cover-wrap{float:right;aspect-ratio:2/3;border-radius:12px;width:100px;margin:0 0 1rem 1rem;overflow:hidden;box-shadow:0 4px 16px #2d42701a}@media (width>=600px){.detail__cover-wrap{width:130px}}.detail__cover{object-fit:cover;width:100%;height:100%;display:block}.detail__cover-placeholder{min-height:140px;font-size:2rem}.book-field{background:#fafaf9;border:1.5px solid #eceef3;border-radius:18px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.book-field__cover{border:1px solid #eceef3;border-radius:12px;flex-shrink:0;width:160px;height:224px;overflow:hidden;box-shadow:0 4px 16px #2d42701a}.book-field__cover img{object-fit:cover;width:100%;height:100%;display:block}.book-field__cover-placeholder{font-size:1.8rem}.book-field__fields{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.book-field__row{flex-direction:column;gap:3px;display:flex}.book-field__row .form__input,.book-field__row .book-search__input{padding:6px 10px;font-size:.875rem}.book-field__label{color:#4a5270;letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:600}.book-field__optional{color:#8e95ad;text-transform:none;font-weight:400}.topics-list{flex-direction:column;gap:.25rem;display:flex}.topics-list__row{align-items:center;gap:.25rem;display:flex}.topics-list__num{color:#2d4270;background:#eef1f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex}.topics-list__remove{color:#8e95ad;cursor:pointer;background:#eceef3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;transition:all .16s;display:flex}.topics-list__remove:hover{color:#b85540;background:#fdf0ed}.topics-list__add{color:#3d5a90;cursor:pointer;background:0 0;border:1.5px dashed #dde1e9;border-radius:12px;align-self:flex-start;margin-top:4px;padding:7px 1rem;font-size:.8125rem;transition:all .16s}.topics-list__add:hover{background:#eef1f8;border-color:#3d5a90}.detail__topics{margin-bottom:1.5rem}.detail__topic-label{color:#8e95ad;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.detail__topic-item{border-bottom:1px solid #eceef3;align-items:baseline;gap:.5rem;padding:.5rem 0;display:flex}.detail__topic-item:last-child{border-bottom:none}.detail__topic-num{color:#2d4270;background:#eef1f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.detail__topic-text{color:#1a2035;word-break:keep-all;font-size:.9375rem;line-height:1.5}.detail__opinions-topic-num{color:#fff;background:#2d4270;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:.25rem;font-size:.68rem;font-weight:700;display:inline-flex}.emoji-modal-overlay{z-index:1000;background:#141e3c73;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.emoji-modal{animation:.18s cubic-bezier(.34,1.56,.64,1) popIn}.emoji-modal em-emoji-picker{--border-radius:16px;--shadow:0 8px 40px #141e3c2e}.emoji-trigger-row{align-items:center;gap:.25rem;display:flex}.emoji-trigger{cursor:pointer;background:#fafaf9;border:1.5px dashed #dde1e9;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:1.5rem;line-height:1;transition:all .16s;display:inline-flex}.emoji-trigger:hover{background:#eef1f8;border-color:#3d5a90}.emoji-trigger--filled{background:#fff;border-style:solid;border-color:#dde1e9}.emoji-trigger__placeholder{color:#8e95ad;font-size:.9rem}.emoji-trigger__clear{color:#8e95ad;cursor:pointer;background:#eceef3;border:none;border-radius:6px;padding:4px 8px;font-size:.75rem;transition:all .16s}.emoji-trigger__clear:hover{color:#b85540;background:#fdf0ed}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.detail__emoji{margin-bottom:.5rem;font-size:2.5rem;line-height:1;display:block}.book-card-hero__top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.book-card-hero__emoji{font-size:1.5rem;line-height:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#1a20358c;justify-content:center;align-items:center;padding:1.5rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:32px;width:100%;max-width:480px;animation:.22s slideUp;overflow:hidden;box-shadow:0 12px 40px #2d427024}.modal__header{border-bottom:1px solid #eceef3;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;display:flex}.modal__title{color:#1a2035;letter-spacing:-.01em;font-family:Cormorant Garamond,Noto Serif KR,Georgia,serif;font-size:1.375rem;font-weight:600}.modal__close{color:#8e95ad;cursor:pointer;background:0 0;border:1.5px solid #dde1e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .16s;display:flex}.modal__close:hover{color:#1a2035;background:#eceef3}.modal__body{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.modal__item{align-items:flex-start;gap:1rem;display:flex}.modal__item p{color:#4a5270;word-break:keep-all;flex:1;font-size:.9375rem;line-height:1.8}.modal__item p strong{color:#1a2035;font-weight:700}.modal__num{color:#fff;background:#2d4270;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-top:3px;font-size:.6875rem;font-weight:700;display:flex}.modal__notice{color:#8e95ad;margin-bottom:4px;font-size:.8125rem;font-style:italic;display:block}.modal__emphasis{color:#b85540;margin-left:4px;font-weight:700;display:inline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast{color:#fff;opacity:0;z-index:9999;white-space:nowrap;pointer-events:none;background:#1a2035;border-radius:9999px;align-items:center;gap:.5rem;padding:13px 2rem;font-size:.8125rem;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 12px 40px #2d427024}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.toast__icon{background:#d96b52;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:inline-flex}.fade-in-up{animation:.32s both fadeInUp}.like-btn{color:#8e95ad;cursor:pointer;background:0 0;border:1.5px solid #dde1e9;border-radius:9999px;flex-shrink:0;align-items:center;gap:.2em;padding:.2rem .55rem;font-size:.6875rem;transition:all .16s;display:inline-flex}.like-btn:hover:not(:disabled){color:#e07020;background:#fff8f0;border-color:#f4a26a}.like-btn--active{color:#e07020;background:#fff3e0;border-color:#f4a26a;font-weight:600;box-shadow:0 0 0 2px #f4a26a40}.like-btn:active:not(:disabled){transform:scale(.92)}.like-btn:disabled{cursor:default;opacity:.5}.like-btn__count{font-weight:700}.detail__mvp-banner{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #fff6;border-radius:9999px;align-items:center;gap:.25rem;margin-top:.5rem;padding:.3rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.detail__mvp-name{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6875rem;font-weight:700;display:inline-flex}.detail__mvp-count{opacity:.75;font-size:.6875rem}.record-item__mvp{flex-direction:column;align-items:flex-end;gap:2px;margin-bottom:2px;display:flex}.record-item__mvp-badge{color:#fff;white-space:nowrap;border-radius:9999px;align-items:center;gap:.2em;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.book-card__mvp{flex-wrap:wrap;gap:4px;margin-top:.25rem;display:flex}.book-card__mvp-badge{color:#fff;border-radius:9999px;align-items:center;gap:.2em;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.book-card-hero__mvp{flex-wrap:wrap;gap:4px;margin:.2rem 0 .3rem;display:flex}.book-card-hero__mvp-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;align-items:center;gap:.2em;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.hero__mvp-stats{flex-direction:column;gap:.25rem;margin-top:1rem;display:flex}.hero__mvp-stats-label{color:#ffffffa6;letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.hero__mvp-chips{flex-wrap:wrap;gap:.5rem;display:flex}.hero__mvp-chip{background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .6rem .2rem .3rem;display:flex}.hero__mvp-chip-name{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:700;display:inline-flex}.hero__mvp-chip-count{color:#ffffffd9;font-size:.6875rem;font-weight:600}.login-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#141e3c99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-card{text-align:center;background:#fff;border-radius:32px;width:100%;max-width:400px;padding:3rem;box-shadow:0 12px 40px #2d427024}.login-card--shake{animation:.45s shake}.login-card__logo{flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem;display:flex}.login-card__logo-icon{margin-bottom:.25rem;font-size:2.5rem;line-height:1}.login-card__logo-title{color:#2d4270;letter-spacing:.02em;font-family:Cormorant Garamond,Georgia,serif;font-size:1.125rem;font-weight:700}.login-card__logo-sub{color:#8e95ad;letter-spacing:.08em;font-size:.6875rem}.login-card__title{color:#1a2035;margin-bottom:.25rem;font-size:1.375rem;font-weight:700}.login-card__desc{color:#8e95ad;margin-bottom:1.5rem;font-size:.8125rem}.login-card__form{text-align:left;flex-direction:column;gap:1rem;display:flex}.login-card__field{flex-direction:column;gap:.25rem;display:flex}.login-card__label{color:#4a5270;font-size:.8125rem;font-weight:600}.login-card__input{color:#1a2035;background:#fafaf9;border:1.5px solid #dde1e9;border-radius:12px;outline:none;padding:.7rem 1rem;font-size:.9375rem;transition:border-color .16s,box-shadow .16s}.login-card__input:focus{border-color:#3d5a90;box-shadow:0 0 0 3px #2d42701a}.login-card__input--mono{letter-spacing:.15em;font-family:Courier New,monospace;font-size:1rem}.login-card__error{color:#d96b52;text-align:center;margin:0;font-size:.8125rem}.login-card__btn{color:#fff;cursor:pointer;background:#2d4270;border:none;border-radius:12px;margin-top:.25rem;padding:.8rem;font-size:.9375rem;font-weight:600;transition:background .16s,transform .16s}.login-card__btn:hover{background:#1e3055;transform:translateY(-1px)}.login-card__btn:active{transform:translateY(0)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.header__user-badge{color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8125rem;font-weight:700;transition:opacity .16s,transform .16s;display:inline-flex}.header__user-badge:hover{opacity:.82;transform:scale(1.08)}.detail__chapter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:9999px;align-items:center;gap:.25rem;margin-bottom:.5rem;padding:.3rem .9rem;display:inline-flex}.detail__chapter .detail__chapter-label{color:#ffffffbf;letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.detail__chapter .detail__chapter-value{color:#fff;letter-spacing:.01em;font-size:.8125rem;font-weight:600}.record-item__chapter{color:#b85540;white-space:nowrap;text-overflow:ellipsis;background:#fdf0ed;border:1px solid #d96b5233;border-radius:9999px;max-width:100%;margin:.2rem 0 .15rem;padding:.15rem .55rem;font-size:.6875rem;font-weight:600;display:inline-block;overflow:hidden}.book-card__chapter{color:#b85540;background:#fdf0ed;border:1px solid #d96b5233;border-radius:9999px;margin:.25rem 0 .2rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;display:inline-block}.book-card-hero__chapter{color:#b85540;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1px solid #ffffff59;border-radius:9999px;margin:.3rem 0 .4rem;padding:.2rem .7rem;font-size:.6875rem;font-weight:600;display:inline-block}@media (width<=768px){.record-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.header__logo-sub{display:none}.header__logo-title{font-size:.8125rem}.header__btn{padding:7px 13px;font-size:.6875rem}.header__user-badge{width:28px;height:28px;font-size:.7rem}.record-grid{grid-template-columns:1fr}.hero__mvp-stats{align-items:center}.hero__mvp-chips,.hero__stats{justify-content:center}.detail__body,.detail .detail__banner{padding:1.5rem}.detail__cover-wrap{width:100px;float:none!important;margin:0 auto 1rem!important}.detail__info-grid{grid-template-columns:1fr 1fr}.form__grid{grid-template-columns:1fr}.form__field--full{grid-column:1}.book-card-hero__cover-wrap{display:none}.book-card-hero__body{padding-right:1.5rem}}@media (width<=380px){.header__btn-text{display:none}.header__btn{padding:7px 10px}.record-item__date{display:none}.record-item{padding:.5rem 1rem}}