.bookshelf-page-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 24px}.bookshelf-page-title{font-family:"Klee One", "Georgia", serif;font-size:1.5rem;font-weight:700;color:#2c1a0e}.bookshelf-page-header__actions{display:flex;align-items:center;gap:12px}.shelf-tabs{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px;flex-wrap:wrap}.shelf-tabs__list{display:flex;gap:4px;flex-wrap:wrap}.shelf-tab{padding:8px 18px;border-radius:6px;font-size:0.875rem;font-weight:500;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#7a6652;background:transparent;border:none;cursor:pointer;transition:background 0.15s, color 0.15s;text-decoration:none}.shelf-tab:hover{background:#f3ede3;color:#5c3d1e}.shelf-tab.active{background:#5c3d1e;color:#ffffff;font-weight:700}.btn-new-shelf{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#ffffff;border:1.5px solid #ddd3c3;color:#5c3d1e;font-size:0.875rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.15s;text-decoration:none;white-space:nowrap}.btn-new-shelf:hover{background:#f3ede3;border-color:#5c3d1e}.flash-banner{padding:12px 18px;border-radius:8px;font-size:0.9rem;margin-bottom:20px}.flash-banner--notice{background:#d4edda;color:#155724}.flash-banner--alert{background:#f8d7da;color:#721c24}.wooden-bookcase{position:relative;border-radius:16px;padding:14px 16px 6px;margin-bottom:16px;background:repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0 1px, transparent 1px 7px),repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 46px),linear-gradient(180deg, #82502e 0%, #6b4226 55%, #58361f 100%);box-shadow:inset 0 0 0 6px rgba(0,0,0,0.18),inset 0 3px 14px rgba(0,0,0,0.45),0 12px 30px rgba(0,0,0,0.28)}.shelf-unit{margin-bottom:0}.shelf-board{position:relative}.shelf-books{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:30px 14px;padding:18px 14px 28px;min-height:180px;position:relative;box-shadow:inset 0 8px 14px -8px rgba(0,0,0,0.5)}.book-slot{position:relative;flex:0 0 auto}.book-slot .book-card{width:clamp(76px, 27vw, 92px);height:auto;aspect-ratio:88 / 130;position:relative;z-index:1}.book-slot::after{content:'';position:absolute;left:-8px;right:-8px;bottom:-16px;height:14px;background:repeating-linear-gradient(90deg, rgba(0,0,0,0.06) 0 1px, transparent 1px 9px),linear-gradient(to bottom, #cea669 0%, #c4944a 24%, #8b5e3c 64%, #593c26 100%);box-shadow:0 5px 8px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.3);border-radius:1px;z-index:0}.book-slot--add .book-card{aspect-ratio:88 / 130}.shelf-plank{height:20px;margin:2px -16px 0;position:relative;border-radius:0 0 3px 3px;background:repeating-linear-gradient(90deg, rgba(0,0,0,0.06) 0 1px, transparent 1px 9px),linear-gradient(to bottom, #cea669 0%, #c4944a 22%, #8b5e3c 60%, #593c26 100%);box-shadow:0 6px 10px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.3)}.shelf-plank::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.3)}.shelf-plank::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:5px;background:linear-gradient(to bottom, #523723, #54341e);border-radius:0 0 3px 3px}.book-card{position:relative;width:88px;height:130px;flex-shrink:0;cursor:pointer;border-radius:3px 6px 6px 3px;box-shadow:3px 3px 10px rgba(0,0,0,0.45),inset -3px 0 6px rgba(0,0,0,0.18);transition:transform 0.22s ease, box-shadow 0.22s ease;overflow:hidden}.book-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:rgba(0,0,0,0.25);border-radius:3px 0 0 3px;z-index:2}.book-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:6px 12px 24px rgba(0,0,0,0.55);z-index:10}@media (hover: hover) and (pointer: fine){.book-card:hover .book-card__overlay{opacity:1;pointer-events:all}}.book-card--add{background:rgba(255,255,255,0.08) !important;border:2px dashed rgba(255,255,255,0.25);box-shadow:none;display:flex;align-items:center;justify-content:center;border-radius:6px}.book-card--add::before{display:none}.book-card--add:hover{transform:translateY(-4px);box-shadow:none}.book-card__cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-card__img{width:100%;height:100%;object-fit:cover;display:block}.book-card__fallback{position:absolute;inset:0;display:flex;align-items:stretch}.cover-fb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:10px 8px 8px;box-sizing:border-box;text-align:center;position:relative;overflow:hidden}.cover-fb::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 6px);pointer-events:none}.cover-fb__band{position:absolute;top:0;left:0;right:0;height:6px;background:rgba(255,255,255,0.25)}.cover-fb__title{font-family:"Klee One", "Georgia", serif;font-size:0.62rem;font-weight:700;color:rgba(255,255,255,0.95);line-height:1.4;word-break:break-all;margin-top:10px;margin-bottom:6px;max-height:72px;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,0.4)}.cover-fb__author{font-size:0.52rem;color:rgba(255,255,255,0.65);line-height:1.3;word-break:break-all;margin-bottom:6px}.cover-fb__deco{display:flex;flex-direction:column;gap:2px;width:60%;margin-top:auto}.cover-fb__deco span{display:block;height:1px;background:rgba(255,255,255,0.35);border-radius:1px}.cover-fb__deco span:last-child{width:60%;align-self:center}.book-card__badge{position:absolute;top:6px;right:6px;font-size:0.5rem;font-weight:700;padding:2px 5px;border-radius:3px;z-index:5;line-height:1.4;white-space:nowrap}.book-card__badge.status-reading{background:rgba(76,175,80,0.92);color:#fff}.book-card__badge.status-read{background:rgba(33,150,243,0.92);color:#fff}.book-card__badge.status-want_to_read{background:rgba(255,152,0,0.92);color:#fff}.book-card__badge.status-stacked{background:rgba(120,120,120,0.92);color:#fff}.book-card__overlay{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:170px;background:#ffffff;border-radius:10px;padding:12px 14px 10px;box-shadow:0 8px 24px rgba(0,0,0,0.22);opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:30}.book-card__overlay::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#ffffff}.book-card__overlay-title{font-size:0.8rem;font-weight:700;color:#2c1a0e;line-height:1.4;margin-bottom:3px;word-break:break-all}.book-card__overlay-author{font-size:0.72rem;color:#7a6652;margin-bottom:10px;word-break:break-all}.book-card__overlay-actions{display:flex;justify-content:flex-end}.bc-delete-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:0.72rem;font-weight:700;color:#c94040;background:#fff0f0;border:none;border-radius:5px;cursor:pointer;transition:background 0.15s;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif}.bc-delete-btn:hover{background:#ffd0d0}.add-book-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:rgba(255,255,255,0.5);font-size:0.6rem;text-decoration:none;transition:color 0.15s;width:100%;height:100%}.add-book-btn:hover{color:rgba(255,255,255,0.9)}.shelf-count{font-size:0.85rem;color:#7a6652;text-align:right;padding:4px 0}.shelf-count strong{color:#5c3d1e}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:#ffffff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,0.2)}.modal-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #ddd3c3}.modal-card__title{font-family:"Klee One", "Georgia", serif;font-size:1.1rem;font-weight:700;color:#2c1a0e}.modal-card__close{color:#7a6652}.modal-card__close:hover{color:#5c3d1e}.modal-card__body{padding:20px 24px}.modal-card__body .form-group{margin-bottom:16px}.modal-card__body .form-label{display:block;font-size:0.85rem;font-weight:600;color:#2c1a0e;margin-bottom:6px}.modal-card__body .form-input{width:100%;padding:10px 14px;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.9rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;box-sizing:border-box;outline:none}.modal-card__body .form-input:focus{border-color:#5c3d1e;box-shadow:0 0 0 3px rgba(92,61,30,0.08)}.modal-card__body .form-select{appearance:none;-webkit-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 d='M1 1l5 5 5-5' stroke='%237a6652' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.modal-card__body .form-textarea{resize:vertical;min-height:72px}.modal-card__body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-card__body .form-required{display:inline-block;background:#c94040;color:#ffffff;font-size:0.7rem;padding:1px 6px;border-radius:3px;margin-left:4px}.modal-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #ddd3c3}.btn-modal{padding:10px 22px;border-radius:8px;font-size:0.9rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;border:none;text-decoration:none}.btn-modal--cancel{background:transparent;color:#7a6652;border:1.5px solid #ddd3c3}.btn-modal--cancel:hover{background:#f3ede3}.btn-modal--primary{background:#5c3d1e;color:#ffffff}.btn-modal--primary:hover{background:#7a5230}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{cursor:pointer}.color-swatch__input{display:none}.color-swatch__input:checked+.color-swatch__dot{transform:scale(1.25);box-shadow:0 0 0 3px #ffffff, 0 0 0 5px #5c3d1e}.color-swatch__dot{display:block;width:26px;height:26px;border-radius:50%;transition:transform 0.15s, box-shadow 0.15s;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.color-swatch__dot:hover{transform:scale(1.15)}.add-book-page{padding-bottom:40px}.add-book-header{margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;color:#7a6652;text-decoration:none;margin-bottom:12px;transition:color 0.15s}.back-link:hover{color:#5c3d1e}.add-book-title{font-family:"Klee One", "Georgia", serif;font-size:1.4rem;font-weight:700;color:#2c1a0e}.add-book-layout{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}.search-panel{background:#ffffff;border-radius:16px;border:1px solid #ddd3c3;overflow:hidden;min-height:500px}.search-panel__header{padding:20px 24px 16px;border-bottom:1px solid #ddd3c3}.search-panel__title{font-family:"Klee One", "Georgia", serif;font-size:1rem;font-weight:700;color:#2c1a0e;margin-bottom:4px}.search-panel__desc{font-size:0.8rem;color:#7a6652}.search-bar-wrap{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid #ddd3c3;background:#faf7f2}.search-bar-icon{color:#7a6652;flex-shrink:0}.search-bar-input{flex:1;min-width:0;border:none;background:transparent;font-size:0.95rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;outline:none;text-overflow:ellipsis}.search-bar-input::placeholder{color:#c0b0a0}.search-bar-btn{flex-shrink:0;padding:8px 18px;background:#5c3d1e;color:#ffffff;border:none;border-radius:8px;font-size:0.875rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.15s}.search-bar-btn:hover{background:#7a5230}.search-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#7a6652;font-size:0.9rem}.spinner{width:24px;height:24px;border:3px solid #ddd3c3;border-top-color:#5c3d1e;border-radius:50%;animation:spin 0.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-empty{flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#7a6652;text-align:center;gap:8px}.search-empty p{font-size:0.9rem;font-weight:600}.search-empty small{font-size:0.8rem}.search-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#ddd3c3;text-align:center;gap:16px}.search-hint svg{color:#ddd3c3}.search-hint p{font-size:0.9rem;color:#7a6652;line-height:1.7}.search-results{max-height:520px;overflow-y:auto;padding:8px 0}.result-card{display:flex;align-items:center;gap:14px;padding:12px 20px;cursor:pointer;transition:background 0.15s;border-bottom:1px solid rgba(221,211,195,0.5);position:relative}.result-card:last-child{border-bottom:none}.result-card:hover{background:#faf7f2}.result-card.selected{background:rgba(92,61,30,0.06);border-left:3px solid #5c3d1e;padding-left:17px}.result-card.selected .result-card__add{background:#5c3d1e;color:#ffffff}.result-card__cover{flex-shrink:0;width:52px;height:72px;border-radius:3px;overflow:hidden;box-shadow:2px 2px 6px rgba(0,0,0,0.15)}.result-card__cover img{width:100%;height:100%;object-fit:cover}.result-card__cover-blank{width:100%;height:100%;background:#f3ede3;display:flex;align-items:center;justify-content:center;color:#ddd3c3}.result-card__info{flex:1;min-width:0}.result-card__title{font-size:0.88rem;font-weight:700;color:#2c1a0e;line-height:1.4;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-card__author{font-size:0.78rem;color:#7a6652;margin-bottom:2px}.result-card__date,.result-card__isbn{font-size:0.72rem;color:#a38c76}.result-card__add{flex-shrink:0;padding:5px 12px;border-radius:6px;border:1.5px solid #ddd3c3;font-size:0.75rem;font-weight:700;color:#5c3d1e;transition:background 0.15s, color 0.15s}.register-panel{background:#ffffff;border-radius:16px;border:1px solid #ddd3c3;overflow:hidden;position:sticky;top:80px}.register-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#7a6652;text-align:center;gap:16px}.register-placeholder svg{color:#ddd3c3}.register-placeholder p{font-size:0.88rem;line-height:1.7}.selected-book-preview{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#f3ede3;border-bottom:1px solid #ddd3c3}.selected-book-preview__cover-wrap{flex-shrink:0}.selected-book-preview__cover{width:64px;height:90px;object-fit:cover;border-radius:3px;box-shadow:2px 3px 8px rgba(0,0,0,0.2)}.selected-book-preview__cover-fallback{width:64px;height:90px;border-radius:3px;background:#5c3d1e;color:#ffffff;display:flex;align-items:center;justify-content:center;font-family:"Klee One", "Georgia", serif;font-size:1.5rem;font-weight:700;box-shadow:2px 3px 8px rgba(0,0,0,0.2)}.selected-book-preview__info{flex:1;min-width:0}.selected-book-preview__title{font-family:"Klee One", "Georgia", serif;font-size:0.95rem;font-weight:700;color:#2c1a0e;line-height:1.4;margin-bottom:4px}.selected-book-preview__author{font-size:0.82rem;color:#7a6652;margin-bottom:4px}.selected-book-preview__date,.selected-book-preview__isbn{font-size:0.75rem;color:#998067}.register-form-body{padding:20px 24px}.register-form-body .form-group{margin-bottom:18px}.register-form-body .form-label{display:block;font-size:0.83rem;font-weight:700;color:#2c1a0e;margin-bottom:8px}.register-form-body .form-input{width:100%;padding:10px 14px;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.9rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;box-sizing:border-box;outline:none}.register-form-body .form-input:focus{border-color:#5c3d1e;box-shadow:0 0 0 3px rgba(92,61,30,0.08)}.register-form-body .form-select{appearance:none;-webkit-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 d='M1 1l5 5 5-5' stroke='%237a6652' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.register-form-body .form-textarea{resize:vertical;min-height:90px}.register-form-body .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-form-body .form-required{display:inline-block;background:#c94040;color:#ffffff;font-size:0.65rem;padding:1px 5px;border-radius:3px;margin-left:4px}.status-selector{display:flex;gap:8px;flex-wrap:wrap}.status-option{cursor:pointer}.status-option__input{display:none}.status-option__input:checked+.status-option__label{border-color:transparent;font-weight:700;box-shadow:0 0 0 2px currentColor}.status-option__label{display:inline-block;padding:6px 14px;border-radius:20px;font-size:0.82rem;border:1.5px solid #ddd3c3;color:#7a6652;transition:all 0.15s;cursor:pointer}.status-option__label--reading:hover,.status-option__label--reading:has(~.status-option__input:checked){color:#4CAF50;border-color:#4CAF50}.status-option__label--read{color:#2196F3;border-color:rgba(33,150,243,0.3)}.status-option__label--want_to_read{color:#FF9800;border-color:rgba(255,152,0,0.3)}.status-option__label--stacked{color:#9E9E9E;border-color:rgba(158,158,158,0.5)}.status-option__input:checked+.status-option__label--reading{background:rgba(76,175,80,0.1);border-color:#4CAF50;color:#4CAF50}.status-option__input:checked+.status-option__label--read{background:rgba(33,150,243,0.1);border-color:#2196F3;color:#2196F3}.status-option__input:checked+.status-option__label--want_to_read{background:rgba(255,152,0,0.1);border-color:#FF9800;color:#FF9800}.status-option__input:checked+.status-option__label--stacked{background:rgba(158,158,158,0.1);border-color:#9E9E9E;color:#9E9E9E}.star-rating{display:flex;flex-direction:row-reverse;gap:2px}.star-rating .star{cursor:pointer}.star-rating .star__input{display:none}.star-rating .star__icon{font-size:1.4rem;color:#ddd3c3;transition:color 0.1s;display:block}.star-rating .star:hover .star-rating .star__icon,.star-rating .star:hover~.star .star-rating .star__icon,.star-rating .star__input:checked~.star .star-rating .star__icon{color:#f0c040}.star-rating .star__input:checked+.star-rating .star__icon{color:#f0c040}.star-rating:hover .star__icon{color:#ddd3c3}.star:hover .star-rating,.star-rating .star:hover{color:#f0c040}.register-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #ddd3c3}@media (max-width: 960px){.add-book-layout{grid-template-columns:1fr}.register-panel{position:static}}.book-detail-back{margin-bottom:24px}.bd-hero{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:flex-start;background:#ffffff;border-radius:16px;padding:36px;box-shadow:0 2px 16px rgba(0,0,0,0.07);margin-bottom:32px}.bd-hero__cover-wrap{display:flex;justify-content:center}.bd-cover-book{position:relative;width:150px;height:210px;filter:drop-shadow(6px 12px 20px rgba(0,0,0,0.35))}.bd-cover-book__spine{position:absolute;left:0;top:0;bottom:0;width:10px;background:rgba(0,0,0,0.3);border-radius:3px 0 0 3px;z-index:2}.bd-cover-book__img{width:100%;height:100%;object-fit:cover;border-radius:3px 8px 8px 3px;display:block}.bd-cover-book__fallback{width:100%;height:100%;border-radius:3px 8px 8px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;box-sizing:border-box}.bd-cover-book__fallback span{font-size:3rem;font-weight:900;color:rgba(255,255,255,0.9);font-family:"Klee One", "Georgia", serif}.bd-cover-book__fallback-title{font-family:"Klee One", "Georgia", serif;font-size:0.72rem;font-weight:700;color:rgba(255,255,255,0.95);line-height:1.5;word-break:break-all;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,0.3)}.bd-cover-book__fallback-author{font-size:0.6rem;color:rgba(255,255,255,0.7);word-break:break-all}.bd-hero__info{display:flex;flex-direction:column;gap:16px}.bd-title{font-family:"Klee One", "Georgia", serif;font-size:1.7rem;font-weight:700;color:#2c1a0e;line-height:1.4}.bd-author{font-size:0.95rem;color:#7a6652}.bd-author strong{color:#2c1a0e}.bd-author__pub{font-size:0.85rem;color:#7a6652}.bd-rating{display:flex;align-items:center;gap:10px}.bd-stars{display:flex;gap:2px}.bd-star{font-size:1.3rem;color:#ddd;transition:color 0.1s}.bd-star.filled{color:#f5a623}.bd-rating__score{font-size:1.2rem;font-weight:700;color:#2c1a0e}.bd-rating__label{font-size:0.8rem;color:#7a6652}.bd-rating__label--none{font-style:italic}.bd-meta{display:flex;flex-wrap:wrap;gap:12px 24px}.bd-meta__item{display:flex;align-items:center;gap:8px}.bd-meta__label{font-size:0.78rem;color:#7a6652;font-weight:500}.bd-meta__value{font-size:0.88rem;color:#2c1a0e;font-weight:600}.bd-meta__value--mono{font-family:'Courier New', monospace;font-size:0.82rem}.bd-status-badge{display:inline-block;font-size:0.75rem;font-weight:700;padding:3px 10px;border-radius:20px;color:#ffffff}.bd-status-badge.status-reading{background:#4CAF50}.bd-status-badge.status-read{background:#2196F3}.bd-status-badge.status-want_to_read{background:#FF9800}.bd-status-badge.status-stacked{background:#9E9E9E}.bd-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}.bd-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:0.88rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;border:none;text-decoration:none;transition:background 0.15s, transform 0.1s}.bd-btn:active{transform:scale(0.97)}.bd-btn--primary{background:#5c3d1e;color:#ffffff}.bd-btn--primary:hover{background:#7a5230}.bd-btn--outline{background:#ffffff;color:#5c3d1e;border:1.5px solid #ddd3c3}.bd-btn--outline:hover{background:#f3ede3;border-color:#5c3d1e}.bd-btn--danger{background:#fff0f0;color:#c94040;border:1.5px solid #f5c0c0}.bd-btn--danger:hover{background:#ffd0d0}.bd-action-dropdown{position:relative}.bd-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:#ffffff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.15);border:1px solid #ddd3c3;padding:6px;min-width:150px;z-index:50}.bd-dropdown-item{display:block;width:100%;padding:8px 14px;border-radius:6px;font-size:0.85rem;font-weight:500;color:#2c1a0e;background:transparent;border:none;cursor:pointer;text-align:left;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;transition:background 0.12s}.bd-dropdown-item:hover{background:#f3ede3}.bd-dropdown-item--active{background:rgba(92,61,30,0.1);color:#5c3d1e;font-weight:700}.bd-tabs-wrap{border-bottom:2px solid #ddd3c3;margin-bottom:32px}.bd-tabs{display:flex;gap:0}.bd-tab{padding:12px 24px;font-size:0.9rem;font-weight:600;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#7a6652;background:transparent;border:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color 0.15s, border-color 0.15s}.bd-tab:hover{color:#5c3d1e}.bd-tab.active{color:#5c3d1e;border-bottom-color:#5c3d1e}.bd-tab-content{margin-bottom:60px}.bd-tab-panel{display:none;animation:fadeIn 0.2s ease}.bd-tab-panel--active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bd-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.bd-section-title{font-family:"Klee One", "Georgia", serif;font-size:1.05rem;font-weight:700;color:#2c1a0e;margin-bottom:16px;display:flex;align-items:center;gap:8px;line-height:1.5}.bd-summary-col{background:#ffffff;border-radius:14px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.bd-summary-text{font-size:0.95rem;line-height:1.9;color:#2c1a0e}.bd-summary-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#7a6652;text-align:center}.bd-summary-empty p{font-size:0.9rem}.bd-summary-empty small{font-size:0.78rem}.bd-reco-col{background:#ffffff;border-radius:14px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.bd-reco-list{display:flex;flex-direction:column;gap:14px}.bd-reco-card{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;transition:background 0.15s;cursor:default}.bd-reco-card:hover{background:#f3ede3}.bd-reco-card__cover{position:relative;width:48px;height:68px;flex-shrink:0;border-radius:3px 6px 6px 3px;overflow:hidden;box-shadow:2px 2px 6px rgba(0,0,0,0.25)}.bd-reco-card__img{width:100%;height:100%;object-fit:cover;display:block}.bd-reco-card__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.bd-reco-card__fallback span{font-size:1.3rem;font-weight:900;color:rgba(255,255,255,0.9);font-family:"Klee One", "Georgia", serif}.bd-reco-card__info{flex:1;overflow:hidden}.bd-reco-card__title{font-size:0.82rem;font-weight:700;color:#2c1a0e;line-height:1.4;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-reco-card__author{font-size:0.73rem;color:#7a6652;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-reco-card__genre{display:inline-block;font-size:0.65rem;background:#f3ede3;color:#5c3d1e;padding:2px 7px;border-radius:10px;font-weight:600}.bd-reco-empty{text-align:center;padding:24px 16px;color:#7a6652}.bd-reco-empty p{font-size:0.88rem;margin-bottom:4px}.bd-reco-empty small{font-size:0.76rem}.bd-memo-section{background:#ffffff;border-radius:14px;padding:28px;max-width:720px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.bd-memo-textarea{width:100%;padding:14px 16px;border:1.5px solid #ddd3c3;border-radius:10px;font-size:0.95rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;box-sizing:border-box;resize:vertical;line-height:1.8;outline:none;transition:border-color 0.15s}.bd-memo-textarea:focus{border-color:#5c3d1e;box-shadow:0 0 0 3px rgba(92,61,30,0.08)}.bd-memo-footer{margin-top:14px;display:flex;justify-content:flex-end}@media (max-width: 800px){.bd-hero{grid-template-columns:1fr;text-align:center}.bd-hero__cover-wrap{justify-content:center}.bd-meta{justify-content:center}.bd-actions{justify-content:center}.bd-detail-grid{grid-template-columns:1fr}}.bd-reco-card--link{text-decoration:none;cursor:pointer}.bd-reco-card--link .bd-reco-card__title{color:#2c1a0e}.bd-reco-card--link .bd-reco-card__author{color:#7a6652}.bd-reco-card--link:hover{background:#f3ede3}.bd-reco-card--link:hover .bd-reco-card__title{color:#5c3d1e;text-decoration:underline}.isbn-preview-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg, #fff8e8 0%, #fff3d6 100%);border:1.5px solid #f5d87a;border-radius:10px;padding:12px 18px;font-size:0.9rem;font-weight:600;color:#7a5c00;margin-bottom:24px}.isbn-preview-banner__sub{font-size:0.78rem;font-weight:400;color:#a07c20;margin-left:auto}.isbn-add-section{margin-top:8px;padding:20px;background:#f3ede3;border-radius:12px;border:1.5px solid #ddd3c3}.isbn-add-section__label{font-size:0.85rem;font-weight:700;color:#2c1a0e;margin-bottom:14px}.isbn-add-status{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.isbn-add-form__footer{display:flex;align-items:center;gap:10px}.bd-btn--lg{padding:12px 28px;font-size:0.95rem}@media (max-width: 600px){.shelf-books{justify-content:center}}body.dashboard-body[data-theme="dark"]{background:#16130f;color:#ece4d7}body[data-theme="dark"] .main-content{background:#16130f;color:#ece4d7}body[data-theme="dark"] .sidebar{background:#1b1712;border-right-color:#37312a}body[data-theme="dark"] .sidebar__logo{border-bottom-color:#37312a}body[data-theme="dark"] .sidebar__logo-text,body[data-theme="dark"] .sidebar__logo a{color:#ece4d7}body[data-theme="dark"] .sidebar__nav-item{color:#c4b8a7}body[data-theme="dark"] .sidebar__nav-item:hover{background:rgba(255,255,255,0.05);color:#ece4d7}body[data-theme="dark"] .sidebar__nav-item.active,body[data-theme="dark"] .sidebar__nav-item--active{background:rgba(211,160,90,0.16);color:#d3a05a}body[data-theme="dark"] .sidebar__stats{border-top-color:#37312a}body[data-theme="dark"] .sidebar__stats-title{color:#9a8c7b}body[data-theme="dark"] .sidebar__stat{background:#211c16}body[data-theme="dark"] .sidebar__stat-num{color:#d3a05a}body[data-theme="dark"] .sidebar__stat-label,body[data-theme="dark"] .sidebar__stat-label small{color:#9a8c7b}body[data-theme="dark"] .main-header{background:#16130f;border-bottom-color:#37312a}body[data-theme="dark"] .main-header__title{color:#ece4d7}body[data-theme="dark"] .main-header__subtitle{color:#9a8c7b}body[data-theme="dark"] .main-header__menu{color:#ece4d7}body[data-theme="dark"] .icon-btn{background:#2a241c;color:#ece4d7}body[data-theme="dark"] .icon-btn:hover{background:rgba(255,255,255,0.1);color:#d3a05a}body[data-theme="dark"] .avatar{background:#2a241c;color:#ece4d7}body[data-theme="dark"] .notif-dropdown{background:#211c16;border-color:#37312a}body[data-theme="dark"] .notif-dropdown__header{border-bottom-color:#37312a;color:#ece4d7}body[data-theme="dark"] .notif-dropdown__item{border-bottom-color:#37312a}body[data-theme="dark"] .notif-dropdown__item--unread{background:rgba(211,160,90,0.1)}body[data-theme="dark"] .notif-dropdown__text p{color:#ece4d7}body[data-theme="dark"] .notif-dropdown__time{color:#9a8c7b}body[data-theme="dark"] .notif-dropdown__empty{color:#9a8c7b}body[data-theme="dark"] .mypage-card,body[data-theme="dark"] .mypage-section,body[data-theme="dark"] .mypage-stat,body[data-theme="dark"] .shelf-card,body[data-theme="dark"] .explore-card,body[data-theme="dark"] .shelf-owner-card,body[data-theme="dark"] .shelf-owner-mini-card,body[data-theme="dark"] .shelf-owner-other__list,body[data-theme="dark"] .wooden-bookcase,body[data-theme="dark"] .shelf-unit,body[data-theme="dark"] .wtr-card,body[data-theme="dark"] .wtr-ranking-card,body[data-theme="dark"] .wtr-sidebar-cta,body[data-theme="dark"] .wtr-empty,body[data-theme="dark"] .search-bar,body[data-theme="dark"] .search-book-card,body[data-theme="dark"] .search-user-item,body[data-theme="dark"] .search-shelf-card,body[data-theme="dark"] .search-empty,body[data-theme="dark"] .settings-card,body[data-theme="dark"] .settings-support-card,body[data-theme="dark"] .post-card,body[data-theme="dark"] .comment-row,body[data-theme="dark"] .comment-reply-form,body[data-theme="dark"] .notif-row,body[data-theme="dark"] .notifications-page,body[data-theme="dark"] .reading-card,body[data-theme="dark"] .reading-section,body[data-theme="dark"] .stat-card,body[data-theme="dark"] .memo-card,body[data-theme="dark"] .book-card,body[data-theme="dark"] .book-show-card,body[data-theme="dark"] .search-panel,body[data-theme="dark"] .add-book-result-card,body[data-theme="dark"] .add-book-empty,body[data-theme="dark"] .faq-item{background:#211c16;border-color:#37312a;color:#ece4d7}body[data-theme="dark"] h1,body[data-theme="dark"] h2,body[data-theme="dark"] h3,body[data-theme="dark"] h4{color:#ece4d7}body[data-theme="dark"] .main-content p{color:#cdc2b2}body[data-theme="dark"] .mypage-name,body[data-theme="dark"] .mypage-fullname,body[data-theme="dark"] .shelf-card__name,body[data-theme="dark"] .explore-card__name,body[data-theme="dark"] .explore-card__username,body[data-theme="dark"] .wtr-card__title,body[data-theme="dark"] .wtr-ranking-card__title,body[data-theme="dark"] .wtr-rank-info__title,body[data-theme="dark"] .search-book-card__title,body[data-theme="dark"] .search-user-info__name,body[data-theme="dark"] .settings-section__title,body[data-theme="dark"] .settings-card__current,body[data-theme="dark"] .post-card__name,body[data-theme="dark"] .comment-row__text,body[data-theme="dark"] .notif-row__message,body[data-theme="dark"] .book-card__title,body[data-theme="dark"] .memo-card__title,body[data-theme="dark"] .section-title,body[data-theme="dark"] .page-title,body[data-theme="dark"] .bookshelf-page-title{color:#ece4d7}body[data-theme="dark"] .mypage-username,body[data-theme="dark"] .mypage-bio,body[data-theme="dark"] .shelf-card__desc,body[data-theme="dark"] .explore-card__desc,body[data-theme="dark"] .wtr-card__author,body[data-theme="dark"] .wtr-card__publisher,body[data-theme="dark"] .wtr-card__date,body[data-theme="dark"] .search-book-card__author,body[data-theme="dark"] .search-user-info__meta,body[data-theme="dark"] .settings-card__desc,body[data-theme="dark"] .post-card__username,body[data-theme="dark"] .post-card__time,body[data-theme="dark"] .notif-row__time,body[data-theme="dark"] .book-card__author,body[data-theme="dark"] .stat-card__label,body[data-theme="dark"] .settings-section__sub,body[data-theme="dark"] .search-panel__desc{color:#9a8c7b}body[data-theme="dark"] .mypage-stat__num{color:#d3a05a}body[data-theme="dark"] .mypage-stat__label{color:#9a8c7b}body[data-theme="dark"] .mypage-stat--link:hover{background:rgba(255,255,255,0.05)}body[data-theme="dark"] .settings-tabs,body[data-theme="dark"] .shelf-tabs{border-bottom-color:#37312a}body[data-theme="dark"] .settings-tabs__item,body[data-theme="dark"] .shelf-tab{color:#9a8c7b}body[data-theme="dark"] .settings-tabs__item.active,body[data-theme="dark"] .shelf-tab.active{color:#d3a05a;border-bottom-color:#d3a05a}body[data-theme="dark"] hr,body[data-theme="dark"] .divider{border-color:#37312a}body[data-theme="dark"] .search-hero{background:#211c16;border-color:#37312a}body[data-theme="dark"] .search-hero__title{color:#ece4d7}body[data-theme="dark"] .search-hero__sub,body[data-theme="dark"] .search-hero__desc,body[data-theme="dark"] .search-hero__lead{color:#9a8c7b}body[data-theme="dark"] .search-bar-wrap,body[data-theme="dark"] .comm-search-wrap{background:#2a241c;border-color:#37312a}body[data-theme="dark"] .search-bar{background:#2a241c;border-color:#37312a}body[data-theme="dark"] .search-bar__input,body[data-theme="dark"] .comm-search-input,body[data-theme="dark"] .search-bar-wrap input,body[data-theme="dark"] .comm-search-wrap input{background:transparent;color:#ece4d7}body[data-theme="dark"] .search-bar__input::placeholder,body[data-theme="dark"] .comm-search-input::placeholder,body[data-theme="dark"] .search-bar-wrap input::placeholder,body[data-theme="dark"] .comm-search-wrap input::placeholder{color:#8a7c6b}body[data-theme="dark"] .search-bar-icon,body[data-theme="dark"] .comm-search-icon,body[data-theme="dark"] .search-bar__icon{color:#9a8c7b}body[data-theme="dark"] .search-tabs{border-bottom-color:#37312a}body[data-theme="dark"] .search-tab{color:#9a8c7b}body[data-theme="dark"] .search-tab--active{color:#d3a05a;border-bottom-color:#d3a05a}body[data-theme="dark"] .search-genre-chip,body[data-theme="dark"] .comm-genre-chip{background:#2a241c;border-color:#37312a;color:#ece4d7}body[data-theme="dark"] .search-genre-chip--active,body[data-theme="dark"] .comm-genre-chip.active{background:rgba(211,160,90,0.2);border-color:#d3a05a;color:#d3a05a}body[data-theme="dark"] input[type="text"],body[data-theme="dark"] input[type="email"],body[data-theme="dark"] input[type="password"],body[data-theme="dark"] input[type="search"],body[data-theme="dark"] input[type="number"],body[data-theme="dark"] input[type="url"],body[data-theme="dark"] textarea,body[data-theme="dark"] select,body[data-theme="dark"] .form-input,body[data-theme="dark"] .settings-form__input,body[data-theme="dark"] .settings-form__textarea,body[data-theme="dark"] .mp-input,body[data-theme="dark"] .search-bar__input,body[data-theme="dark"] .add-book-search{background:#2a241c;border-color:#37312a;color:#ece4d7}body[data-theme="dark"] input[type="text"]::placeholder,body[data-theme="dark"] input[type="email"]::placeholder,body[data-theme="dark"] input[type="password"]::placeholder,body[data-theme="dark"] input[type="search"]::placeholder,body[data-theme="dark"] input[type="number"]::placeholder,body[data-theme="dark"] input[type="url"]::placeholder,body[data-theme="dark"] textarea::placeholder,body[data-theme="dark"] select::placeholder,body[data-theme="dark"] .form-input::placeholder,body[data-theme="dark"] .settings-form__input::placeholder,body[data-theme="dark"] .settings-form__textarea::placeholder,body[data-theme="dark"] .mp-input::placeholder,body[data-theme="dark"] .search-bar__input::placeholder,body[data-theme="dark"] .add-book-search::placeholder{color:#8a7c6b}body[data-theme="dark"] .btn-secondary,body[data-theme="dark"] .settings-btn--secondary{background:#2a241c;border-color:#37312a;color:#ece4d7}body[data-theme="dark"] .flash-banner,body[data-theme="dark"] .settings-flash{background:#2a241c;color:#ece4d7;border-color:#37312a}body[data-theme="dark"] .theme-option{background:#211c16;border-color:#37312a}body[data-theme="dark"] .theme-option--active{background:rgba(211,160,90,0.14);border-color:#d3a05a}body[data-theme="dark"] .theme-option__label{color:#ece4d7}body[data-theme="dark"] .theme-option__desc{color:#9a8c7b}body[data-theme="dark"] .follow-modal,body[data-theme="dark"] .add-book-modal__box{background:#211c16;color:#ece4d7}body[data-theme="dark"] .follow-modal__header{border-bottom-color:#37312a}body[data-theme="dark"] .follow-user-row:hover{background:rgba(255,255,255,0.05)}@media (prefers-color-scheme: dark){body.dashboard-body[data-theme="system"]{background:#16130f;color:#ece4d7}body[data-theme="system"] .main-content{background:#16130f;color:#ece4d7}body[data-theme="system"] .sidebar{background:#1b1712;border-right-color:#37312a}body[data-theme="system"] .sidebar__logo{border-bottom-color:#37312a}body[data-theme="system"] .sidebar__logo-text,body[data-theme="system"] .sidebar__logo a{color:#ece4d7}body[data-theme="system"] .sidebar__nav-item{color:#c4b8a7}body[data-theme="system"] .sidebar__nav-item:hover{background:rgba(255,255,255,0.05);color:#ece4d7}body[data-theme="system"] .sidebar__nav-item.active,body[data-theme="system"] .sidebar__nav-item--active{background:rgba(211,160,90,0.16);color:#d3a05a}body[data-theme="system"] .sidebar__stats{border-top-color:#37312a}body[data-theme="system"] .sidebar__stats-title{color:#9a8c7b}body[data-theme="system"] .sidebar__stat{background:#211c16}body[data-theme="system"] .sidebar__stat-num{color:#d3a05a}body[data-theme="system"] .sidebar__stat-label,body[data-theme="system"] .sidebar__stat-label small{color:#9a8c7b}body[data-theme="system"] .main-header{background:#16130f;border-bottom-color:#37312a}body[data-theme="system"] .main-header__title{color:#ece4d7}body[data-theme="system"] .main-header__subtitle{color:#9a8c7b}body[data-theme="system"] .main-header__menu{color:#ece4d7}body[data-theme="system"] .icon-btn{background:#2a241c;color:#ece4d7}body[data-theme="system"] .icon-btn:hover{background:rgba(255,255,255,0.1);color:#d3a05a}body[data-theme="system"] .avatar{background:#2a241c;color:#ece4d7}body[data-theme="system"] .notif-dropdown{background:#211c16;border-color:#37312a}body[data-theme="system"] .notif-dropdown__header{border-bottom-color:#37312a;color:#ece4d7}body[data-theme="system"] .notif-dropdown__item{border-bottom-color:#37312a}body[data-theme="system"] .notif-dropdown__item--unread{background:rgba(211,160,90,0.1)}body[data-theme="system"] .notif-dropdown__text p{color:#ece4d7}body[data-theme="system"] .notif-dropdown__time{color:#9a8c7b}body[data-theme="system"] .notif-dropdown__empty{color:#9a8c7b}body[data-theme="system"] .mypage-card,body[data-theme="system"] .mypage-section,body[data-theme="system"] .mypage-stat,body[data-theme="system"] .shelf-card,body[data-theme="system"] .explore-card,body[data-theme="system"] .shelf-owner-card,body[data-theme="system"] .shelf-owner-mini-card,body[data-theme="system"] .shelf-owner-other__list,body[data-theme="system"] .wooden-bookcase,body[data-theme="system"] .shelf-unit,body[data-theme="system"] .wtr-card,body[data-theme="system"] .wtr-ranking-card,body[data-theme="system"] .wtr-sidebar-cta,body[data-theme="system"] .wtr-empty,body[data-theme="system"] .search-bar,body[data-theme="system"] .search-book-card,body[data-theme="system"] .search-user-item,body[data-theme="system"] .search-shelf-card,body[data-theme="system"] .search-empty,body[data-theme="system"] .settings-card,body[data-theme="system"] .settings-support-card,body[data-theme="system"] .post-card,body[data-theme="system"] .comment-row,body[data-theme="system"] .comment-reply-form,body[data-theme="system"] .notif-row,body[data-theme="system"] .notifications-page,body[data-theme="system"] .reading-card,body[data-theme="system"] .reading-section,body[data-theme="system"] .stat-card,body[data-theme="system"] .memo-card,body[data-theme="system"] .book-card,body[data-theme="system"] .book-show-card,body[data-theme="system"] .search-panel,body[data-theme="system"] .add-book-result-card,body[data-theme="system"] .add-book-empty,body[data-theme="system"] .faq-item{background:#211c16;border-color:#37312a;color:#ece4d7}body[data-theme="system"] h1,body[data-theme="system"] h2,body[data-theme="system"] h3,body[data-theme="system"] h4{color:#ece4d7}body[data-theme="system"] .main-content p{color:#cdc2b2}body[data-theme="system"] .mypage-name,body[data-theme="system"] .mypage-fullname,body[data-theme="system"] .shelf-card__name,body[data-theme="system"] .explore-card__name,body[data-theme="system"] .explore-card__username,body[data-theme="system"] .wtr-card__title,body[data-theme="system"] .wtr-ranking-card__title,body[data-theme="system"] .wtr-rank-info__title,body[data-theme="system"] .search-book-card__title,body[data-theme="system"] .search-user-info__name,body[data-theme="system"] .settings-section__title,body[data-theme="system"] .settings-card__current,body[data-theme="system"] .post-card__name,body[data-theme="system"] .comment-row__text,body[data-theme="system"] .notif-row__message,body[data-theme="system"] .book-card__title,body[data-theme="system"] .memo-card__title,body[data-theme="system"] .section-title,body[data-theme="system"] .page-title,body[data-theme="system"] .bookshelf-page-title{color:#ece4d7}body[data-theme="system"] .mypage-username,body[data-theme="system"] .mypage-bio,body[data-theme="system"] .shelf-card__desc,body[data-theme="system"] .explore-card__desc,body[data-theme="system"] .wtr-card__author,body[data-theme="system"] .wtr-card__publisher,body[data-theme="system"] .wtr-card__date,body[data-theme="system"] .search-book-card__author,body[data-theme="system"] .search-user-info__meta,body[data-theme="system"] .settings-card__desc,body[data-theme="system"] .post-card__username,body[data-theme="system"] .post-card__time,body[data-theme="system"] .notif-row__time,body[data-theme="system"] .book-card__author,body[data-theme="system"] .stat-card__label,body[data-theme="system"] .settings-section__sub,body[data-theme="system"] .search-panel__desc{color:#9a8c7b}body[data-theme="system"] .mypage-stat__num{color:#d3a05a}body[data-theme="system"] .mypage-stat__label{color:#9a8c7b}body[data-theme="system"] .mypage-stat--link:hover{background:rgba(255,255,255,0.05)}body[data-theme="system"] .settings-tabs,body[data-theme="system"] .shelf-tabs{border-bottom-color:#37312a}body[data-theme="system"] .settings-tabs__item,body[data-theme="system"] .shelf-tab{color:#9a8c7b}body[data-theme="system"] .settings-tabs__item.active,body[data-theme="system"] .shelf-tab.active{color:#d3a05a;border-bottom-color:#d3a05a}body[data-theme="system"] hr,body[data-theme="system"] .divider{border-color:#37312a}body[data-theme="system"] .search-hero{background:#211c16;border-color:#37312a}body[data-theme="system"] .search-hero__title{color:#ece4d7}body[data-theme="system"] .search-hero__sub,body[data-theme="system"] .search-hero__desc,body[data-theme="system"] .search-hero__lead{color:#9a8c7b}body[data-theme="system"] .search-bar-wrap,body[data-theme="system"] .comm-search-wrap{background:#2a241c;border-color:#37312a}body[data-theme="system"] .search-bar{background:#2a241c;border-color:#37312a}body[data-theme="system"] .search-bar__input,body[data-theme="system"] .comm-search-input,body[data-theme="system"] .search-bar-wrap input,body[data-theme="system"] .comm-search-wrap input{background:transparent;color:#ece4d7}body[data-theme="system"] .search-bar__input::placeholder,body[data-theme="system"] .comm-search-input::placeholder,body[data-theme="system"] .search-bar-wrap input::placeholder,body[data-theme="system"] .comm-search-wrap input::placeholder{color:#8a7c6b}body[data-theme="system"] .search-bar-icon,body[data-theme="system"] .comm-search-icon,body[data-theme="system"] .search-bar__icon{color:#9a8c7b}body[data-theme="system"] .search-tabs{border-bottom-color:#37312a}body[data-theme="system"] .search-tab{color:#9a8c7b}body[data-theme="system"] .search-tab--active{color:#d3a05a;border-bottom-color:#d3a05a}body[data-theme="system"] .search-genre-chip,body[data-theme="system"] .comm-genre-chip{background:#2a241c;border-color:#37312a;color:#ece4d7}body[data-theme="system"] .search-genre-chip--active,body[data-theme="system"] .comm-genre-chip.active{background:rgba(211,160,90,0.2);border-color:#d3a05a;color:#d3a05a}body[data-theme="system"] input[type="text"],body[data-theme="system"] input[type="email"],body[data-theme="system"] input[type="password"],body[data-theme="system"] input[type="search"],body[data-theme="system"] input[type="number"],body[data-theme="system"] input[type="url"],body[data-theme="system"] textarea,body[data-theme="system"] select,body[data-theme="system"] .form-input,body[data-theme="system"] .settings-form__input,body[data-theme="system"] .settings-form__textarea,body[data-theme="system"] .mp-input,body[data-theme="system"] .search-bar__input,body[data-theme="system"] .add-book-search{background:#2a241c;border-color:#37312a;color:#ece4d7}body[data-theme="system"] input[type="text"]::placeholder,body[data-theme="system"] input[type="email"]::placeholder,body[data-theme="system"] input[type="password"]::placeholder,body[data-theme="system"] input[type="search"]::placeholder,body[data-theme="system"] input[type="number"]::placeholder,body[data-theme="system"] input[type="url"]::placeholder,body[data-theme="system"] textarea::placeholder,body[data-theme="system"] select::placeholder,body[data-theme="system"] .form-input::placeholder,body[data-theme="system"] .settings-form__input::placeholder,body[data-theme="system"] .settings-form__textarea::placeholder,body[data-theme="system"] .mp-input::placeholder,body[data-theme="system"] .search-bar__input::placeholder,body[data-theme="system"] .add-book-search::placeholder{color:#8a7c6b}body[data-theme="system"] .btn-secondary,body[data-theme="system"] .settings-btn--secondary{background:#2a241c;border-color:#37312a;color:#ece4d7}body[data-theme="system"] .flash-banner,body[data-theme="system"] .settings-flash{background:#2a241c;color:#ece4d7;border-color:#37312a}body[data-theme="system"] .theme-option{background:#211c16;border-color:#37312a}body[data-theme="system"] .theme-option--active{background:rgba(211,160,90,0.14);border-color:#d3a05a}body[data-theme="system"] .theme-option__label{color:#ece4d7}body[data-theme="system"] .theme-option__desc{color:#9a8c7b}body[data-theme="system"] .follow-modal,body[data-theme="system"] .add-book-modal__box{background:#211c16;color:#ece4d7}body[data-theme="system"] .follow-modal__header{border-bottom-color:#37312a}body[data-theme="system"] .follow-user-row:hover{background:rgba(255,255,255,0.05)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}.dashboard-body{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;background:#faf7f2;color:#2c1a0e;line-height:1.6}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:#ffffff;border-right:1px solid #ddd3c3;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:10}.sidebar__logo{padding:20px 20px 18px;font-family:"Klee One", "Georgia", serif;font-size:1.25rem;font-weight:600;color:#5c3d1e;border-bottom:1px solid #ddd3c3}.sidebar__logo a{color:#5c3d1e}.sidebar__logo-link{display:flex;align-items:center;gap:8px}.sidebar__logo-img{height:38px;width:auto;flex-shrink:0}.sidebar__logo-text{font-family:"Klee One", "Georgia", serif;font-size:1.25rem;font-weight:600;color:#5c3d1e}.sidebar__nav{flex:1;padding:16px 0;display:flex;flex-direction:column;gap:2px}.sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:0.9rem;font-weight:500;color:#7a6652;border-radius:0;transition:background 0.15s, color 0.15s;cursor:pointer}.sidebar__nav-item:hover{background:#faf7f2;color:#5c3d1e}.sidebar__nav-item.active{background:rgba(92,61,30,0.08);color:#5c3d1e;font-weight:700;border-right:3px solid #5c3d1e}.nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar__stats{margin:auto 0 0;padding:16px;background:#f3ede3;border-top:1px solid #ddd3c3}.sidebar__stats-title{font-size:0.75rem;font-weight:700;color:#7a6652;margin-bottom:10px;letter-spacing:0.04em}.sidebar__stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;text-align:center}.sidebar__stat{display:flex;flex-direction:column;align-items:center}.sidebar__stat-num{font-family:"Klee One", "Georgia", serif;font-size:1.4rem;font-weight:600;color:#5c3d1e;line-height:1}.sidebar__stat-label{font-size:0.65rem;color:#7a6652;line-height:1.4;margin-top:2px}.sidebar__stat-label small{font-size:0.6rem}.main-content{flex:1;min-width:0;margin-left:220px;display:flex;flex-direction:column;min-height:100vh}.main-header{display:flex;align-items:center;justify-content:space-between;padding:24px 36px 20px;background:#ffffff;border-bottom:1px solid #ddd3c3;position:sticky;top:0;z-index:5}.main-header__greeting{flex:1}.main-header__title{font-family:"Klee One", "Georgia", serif;font-size:1.4rem;font-weight:600;color:#2c1a0e}.main-header__subtitle{font-size:0.85rem;color:#7a6652;margin-top:4px}.main-header__actions{display:flex;align-items:center;gap:12px}.icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:#faf7f2;color:#7a6652;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s, color 0.15s}.icon-btn:hover{background:#f3ede3;color:#5c3d1e}.avatar{width:36px;height:36px;border-radius:50%;background:#5c3d1e;color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.95rem;cursor:pointer}.main-body{padding:28px 36px 48px}.home-cta{display:flex;gap:12px;margin-bottom:36px}.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:0.95rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.2s, color 0.2s}.btn-cta--primary{background:#5c3d1e;color:#ffffff}.btn-cta--primary:hover{background:#7a5230}.btn-cta--outline{background:#ffffff;color:#5c3d1e;border:1.5px solid #ddd3c3}.btn-cta--outline:hover{background:#f3ede3;border-color:#5c3d1e}.home-section{margin-bottom:40px}.home-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.home-section__title{font-family:"Klee One", "Georgia", serif;font-size:1.1rem;font-weight:600;color:#2c1a0e;display:flex;align-items:center;gap:7px}.home-section__sub{font-size:0.78rem;color:#7a6652}.home-section__more{font-size:0.83rem;color:#7a6652;text-decoration:underline;transition:color 0.15s}.home-section__more:hover{color:#5c3d1e}.trending-scroll-wrap{overflow-x:auto;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.trending-scroll-wrap::-webkit-scrollbar{display:none}.trending-scroll{display:flex;gap:16px;width:max-content}.trending-book{display:block;width:110px;flex-shrink:0;text-decoration:none;transition:transform 0.2s}.trending-book:hover{transform:translateY(-5px)}.trending-book__cover{width:110px;height:160px;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:3px 5px 14px rgba(0,0,0,0.22);background:#8B4513;margin-bottom:8px;position:relative}.trending-book__cover img{width:100%;height:100%;object-fit:cover;display:block}.trending-book__fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:inherit}.trending-book__fb span{font-size:2.5rem;font-weight:900;color:rgba(255,255,255,0.85);font-family:"Klee One", "Georgia", serif}.trending-book__title{font-size:0.78rem;font-weight:600;color:#2c1a0e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-book__author{font-size:0.68rem;color:#7a6652;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-loading{color:#7a6652;font-size:0.88rem;padding:24px 0}.popular-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:20px}.popular-card{cursor:pointer}.popular-card:hover .popular-card__cover-wrap{transform:translateY(-4px)}.popular-card__cover-wrap{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:3px 4px 12px rgba(0,0,0,0.2);margin-bottom:8px;transition:transform 0.2s, box-shadow 0.2s;background:#8B4513}.popular-card__cover-wrap:hover{box-shadow:5px 8px 20px rgba(0,0,0,0.28)}.popular-card__cover-img{width:100%;height:100%;object-fit:cover;display:block}.popular-card__cover-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:inherit}.popular-card__cover-fb span{font-size:2.5rem;font-weight:900;color:rgba(255,255,255,0.85);font-family:"Klee One", "Georgia", serif}.popular-card__genre{position:absolute;top:7px;left:7px;font-size:0.62rem;font-weight:700;background:rgba(0,0,0,0.6);color:#fff;padding:2px 7px;border-radius:10px}.popular-card__title{font-size:0.8rem;font-weight:600;color:#2c1a0e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-card__author{font-size:0.7rem;color:#7a6652;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-card__rating{display:flex;align-items:center;gap:3px;margin-bottom:5px}.popular-card__rating .star-sm{font-size:0.75rem;color:#f5a623}.popular-card__rating .rating-sm{font-size:0.72rem;color:#7a6652}.popular-card__add-btn{display:block;width:100%;padding:5px;border-radius:6px;border:1.5px solid #ddd3c3;background:#ffffff;color:#5c3d1e;font-size:0.75rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;text-align:center;text-decoration:none;transition:background 0.15s, color 0.15s;cursor:pointer}.popular-card__add-btn:hover{background:#5c3d1e;color:#ffffff;border-color:#5c3d1e}.book-scroll-wrap{position:relative;display:flex;align-items:center;gap:8px}.book-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 16px;-ms-overflow-style:none;scrollbar-width:none}.book-scroll::-webkit-scrollbar{display:none}.scroll-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1.5px solid #ddd3c3;background:#ffffff;color:#7a6652;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s, color 0.15s;z-index:1}.scroll-btn:hover{background:#f3ede3;color:#5c3d1e}.book-card{flex-shrink:0;width:110px;scroll-snap-align:start;cursor:pointer}.book-card:hover .book-card__cover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.2)}.book-card__cover{width:110px;height:155px;border-radius:4px 8px 8px 4px;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 8px;margin-bottom:8px;box-shadow:3px 4px 12px rgba(0,0,0,0.18);transition:transform 0.2s, box-shadow 0.2s;position:relative;overflow:hidden}.book-card__cover::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:rgba(0,0,0,0.15);border-radius:4px 0 0 4px}.book-card__cover-title{font-family:"Klee One", "Georgia", serif;font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.95);line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.book-card__cover-author{font-size:0.6rem;color:rgba(255,255,255,0.7);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card__title{font-size:0.8rem;font-weight:600;color:#2c1a0e;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-card__author{font-size:0.72rem;color:#7a6652;margin-top:2px}.genre-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.genre-filter__btn{padding:6px 16px;border-radius:20px;border:1.5px solid #ddd3c3;background:#ffffff;color:#7a6652;font-size:0.85rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-weight:500;cursor:pointer;transition:background 0.15s, color 0.15s, border-color 0.15s}.genre-filter__btn:hover{border-color:#5c3d1e;color:#5c3d1e}.genre-filter__btn.active{background:#5c3d1e;color:#ffffff;border-color:#5c3d1e;font-weight:700}.book-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:20px}.book-grid-card{cursor:pointer}.book-grid-card:hover .book-grid-card__cover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.2)}.book-grid-card__cover{width:100%;aspect-ratio:2 / 3;border-radius:4px 8px 8px 4px;display:flex;align-items:flex-end;padding:10px 8px;box-shadow:3px 4px 12px rgba(0,0,0,0.15);transition:transform 0.2s, box-shadow 0.2s;position:relative;overflow:hidden;margin-bottom:8px}.book-grid-card__cover::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:rgba(0,0,0,0.15);border-radius:4px 0 0 4px}.book-grid-card__cover-title{font-family:"Klee One", "Georgia", serif;font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.95);line-height:1.3}.book-grid-card__title{font-size:0.8rem;font-weight:600;color:#2c1a0e;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-grid-card__author{font-size:0.72rem;color:#7a6652;margin-top:2px}.book-grid-card__add-btn{margin-top:6px;width:100%;padding:5px;border-radius:6px;border:1.5px solid #ddd3c3;background:#ffffff;color:#5c3d1e;font-size:0.78rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.15s}.book-grid-card__add-btn:hover{background:#5c3d1e;color:#ffffff;border-color:#5c3d1e}.main-header__menu{display:none;width:40px;height:40px;flex-shrink:0;margin-right:4px;border:none;background:none;color:#5c3d1e;align-items:center;justify-content:center;cursor:pointer;border-radius:10px}.main-header__menu:hover{background:#faf7f2}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(44,26,14,0.45);z-index:19}.sidebar-overlay.is-open{display:block}@media (max-width: 900px){html,body{max-width:100%;overflow-x:hidden}.sidebar{transform:translateX(-100%);transition:transform .28s ease;z-index:20;box-shadow:0 0 40px rgba(0,0,0,0.2)}.sidebar.is-open{transform:translateX(0)}body.drawer-open{overflow:hidden}.main-content{margin-left:0}.main-body{padding:18px 14px 56px}.main-header{padding:12px 14px;gap:8px}.main-header__menu{display:flex}.main-header__greeting{min-width:0;flex:1}.main-header__title{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-header__subtitle{display:none}.main-header__actions{gap:8px;flex-shrink:0}}@media (max-width: 480px){.main-header__title{font-size:1rem}}.home-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.home-feed{display:flex;flex-direction:column;gap:0;min-width:0}.home-shelf-summary{display:flex;gap:8px;margin-bottom:20px}.shelf-stat{flex:1;border-radius:14px;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:4px;border:1.5px solid #ddd3c3;background:#ffffff;transition:transform .18s, box-shadow .18s, border-color .18s;min-width:0}.shelf-stat:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(92,61,30,0.12);border-color:#7a5230}.shelf-stat--finished{background:linear-gradient(160deg, #f5f0e8, #ede5d8);border-color:#c8b898}.shelf-stat--finished .shelf-stat__icon{filter:hue-rotate(0deg)}.shelf-stat--finished .shelf-stat__num{color:#3d6b3a}.shelf-stat--finished .shelf-stat__label{color:#5a8a56}.shelf-stat--reading{background:linear-gradient(160deg, #f5ede0, #ede0cc);border-color:#c8a878}.shelf-stat--reading .shelf-stat__num{color:#7a4a1e}.shelf-stat--reading .shelf-stat__label{color:#9a6030}.shelf-stat--want{background:linear-gradient(160deg, #f8f2e4, #f0e8d4);border-color:#d4bc8a}.shelf-stat--want .shelf-stat__num{color:#8b6020}.shelf-stat--want .shelf-stat__label{color:#a8802a}.shelf-stat--stacked{background:linear-gradient(160deg, #ede5d8, #e8dcc8);border-color:#b8a080}.shelf-stat--stacked .shelf-stat__num{color:#5c3d1e}.shelf-stat--stacked .shelf-stat__label{color:#7a5230}.shelf-stat__icon{font-size:1.4rem;line-height:1}.shelf-stat__num{font-size:1.6rem;font-weight:800;line-height:1;font-family:"Klee One", "Georgia", serif}.shelf-stat__label{font-size:.7rem;font-weight:700;letter-spacing:.02em}.home-skeleton{display:flex;gap:12px;overflow:hidden;padding:4px 0}.home-skeleton__book{width:100px;flex-shrink:0;height:150px;background:linear-gradient(90deg, #f0e8de 25%, #faf6f1 50%, #f0e8de 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.home-timeline{display:flex;flex-direction:column;gap:0}.timeline-card{display:flex;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e8ddd0;border-top:none}.timeline-card:first-child{border-top:1px solid #e8ddd0;border-radius:12px 12px 0 0}.timeline-card:last-child{border-radius:0 0 12px 12px}.timeline-card__body{flex:1;min-width:0}.timeline-card__header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px}.timeline-card__name{font-size:.85rem;font-weight:700;color:#2c1e12}.timeline-card__username{font-size:.75rem;color:#a08060}.timeline-card__community{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;background:#f0e8de;color:#6b5544;padding:2px 8px;border-radius:10px;text-decoration:none}.timeline-card__community:hover{background:#e8ddd0}.timeline-card__time{font-size:.7rem;color:#bba990;margin-left:auto}.timeline-card__text{font-size:.85rem;color:#2c1e12;line-height:1.6;margin:0 0 8px;word-break:break-word}.timeline-card__stats{display:flex;gap:12px;margin-bottom:8px}.timeline-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#8b7355}.timeline-comments{display:flex;flex-direction:column;gap:6px;background:#fdfaf7;border-radius:8px;padding:8px 10px}.timeline-comment{display:flex;align-items:flex-start;gap:6px;font-size:.78rem}.timeline-comment__name{font-weight:600;color:#2c1e12;margin-right:4px}.timeline-comment__text{color:#5a4235}.home-empty{background:#fff;border:1px solid #e8ddd0;border-radius:12px;padding:30px;text-align:center;color:#8b7355;font-size:.88rem}.home-empty p{margin:0 0 12px}.home-empty__link{color:#c8a882;text-decoration:none;font-weight:600}.home-empty__link:hover{text-decoration:underline}.trending-book__genre{display:block;font-size:.65rem;background:#f0e8de;color:#8b6550;border-radius:4px;padding:1px 5px;margin-top:3px;text-align:center}.user-link{text-decoration:none;color:inherit}.user-link:hover{opacity:.8}.timeline-card__name.user-link:hover,.post-card__name.user-link:hover{color:#c8a882;text-decoration:underline}.home-status-title{font-family:"Klee One", "Georgia", serif;font-size:1.1rem;font-weight:700;color:#2c1a0e;margin:0 0 12px;display:flex;align-items:center;gap:8px}.home-top-bar{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:1px solid #ddd3c3;border-radius:16px;padding:18px 24px;margin-bottom:22px;gap:20px;flex-wrap:wrap;box-shadow:0 2px 12px rgba(92,61,30,0.06)}.home-top-bar__stats{display:flex;gap:10px;flex:1}.home-top-bar__actions{display:flex;gap:10px;flex-shrink:0}.home-comm-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}.home-comm-card{background:#fff;border:1px solid #e8ddd0;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s, transform .2s}.home-comm-card:hover{box-shadow:0 6px 24px rgba(0,0,0,0.12);transform:translateY(-3px)}.home-comm-card__cover{height:110px;position:relative;overflow:hidden}.home-comm-card__cover img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .2s, transform .3s}.home-comm-card__cover:hover img{opacity:1;transform:scale(1.04)}.home-comm-card__fire{position:absolute;top:6px;right:8px;font-size:1.2rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.4))}.home-comm-card__body{padding:12px 14px 10px}.home-comm-card__name{font-size:.88rem;font-weight:700;color:#2c1e12;margin:0 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-comm-card__meta{display:flex;align-items:center;gap:4px;font-size:.74rem;color:#8b7355;margin:0 0 3px}.home-comm-card__score{font-size:.68rem;color:#c0392b;font-weight:600;margin:0}.home-comm-card__joined{display:block;text-align:center;font-size:.7rem;font-weight:700;color:#2d7a4f;background:linear-gradient(90deg, #e8f4ec, #f0faf4);padding:4px 0 5px;letter-spacing:.02em}.timeline-card__image{margin:8px 0;border-radius:10px;overflow:hidden;max-height:280px}.timeline-card__image img{width:100%;max-height:280px;object-fit:cover;border-radius:10px;cursor:pointer;transition:opacity .15s}.timeline-card__image img:hover{opacity:.9}.timeline-stat--link{margin-left:auto;font-size:.75rem;color:#c8a882;text-decoration:none;font-weight:600}.timeline-stat--link:hover{text-decoration:underline}.home-shelves-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}.home-shelf-card{background:#fff;border:1px solid #e8ddd0;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .18s, transform .18s}.home-shelf-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}.home-shelf-card__preview{background:linear-gradient(135deg, #f0e8de, #e8ddd0);padding:10px;display:flex;gap:4px;align-items:flex-end;min-height:68px}.home-shelf-card__mini{width:32px;height:48px;border-radius:3px;overflow:hidden;flex-shrink:0;box-shadow:1px 2px 4px rgba(0,0,0,0.2)}.home-shelf-card__mini img{width:100%;height:100%;object-fit:cover}.home-shelf-card__body{padding:10px 12px}.home-shelf-card__user{display:flex;align-items:center;gap:6px;margin-bottom:4px}.home-shelf-card__avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.home-shelf-card__avatar--default{background:linear-gradient(135deg, #c8a882, #a0785a);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff}.home-shelf-card__username{font-size:.72rem;color:#8b7355}.home-shelf-card__name{font-size:.85rem;font-weight:700;color:#2c1e12;margin:0 0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-shelf-card__meta{font-size:.72rem;color:#8b7355;margin:0}.home-sidebar__sticky{position:sticky;top:80px}.book-scroll-outer{height:520px;overflow:hidden;border-radius:12px;border:1px solid #e8ddd0;background:#fff;cursor:pointer}.book-scroll-track{display:flex;flex-direction:column;gap:0;will-change:transform}.scroll-book-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f0e8de;text-decoration:none;color:inherit;transition:background .12s}.scroll-book-card:hover{background:#faf6f1}.scroll-book-card__cover{width:42px;height:62px;border-radius:4px;overflow:hidden;flex-shrink:0;box-shadow:1px 2px 6px rgba(0,0,0,0.15)}.scroll-book-card__cover img{width:100%;height:100%;object-fit:cover}.scroll-book-card__info{flex:1;min-width:0}.scroll-book-card__title{font-size:.78rem;font-weight:600;color:#2c1e12;margin:0 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-book-card__author{font-size:.7rem;color:#8b7355;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-book-skeleton{height:82px;background:linear-gradient(90deg, #f0e8de 25%, #faf6f1 50%, #f0e8de 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-bottom:1px solid #e8ddd0}.book-scroll-controls{display:flex;align-items:center;gap:8px;padding:8px 4px 0}.book-scroll-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid #e8ddd0;background:#fff;color:#6b5544;cursor:pointer;transition:all .15s}.book-scroll-btn:hover{border-color:#c8a882;background:#faf6f1}.book-scroll-label{font-size:.72rem;color:#bba990}.post-compose__img-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;color:#8b7355;transition:background .15s, color .15s}.post-compose__img-btn:hover{background:#f0e8de;color:#c8a882}.post-img-preview{margin:8px 0;position:relative;display:inline-block}.post-img-preview img{max-width:100%;max-height:200px;border-radius:10px;object-fit:cover;display:block}.post-img-preview__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;border:none;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.post-card__image{margin:8px 0 4px;border-radius:10px;overflow:hidden;max-height:360px}.post-card__image img{width:100%;max-height:360px;object-fit:cover;border-radius:10px;cursor:zoom-in;transition:opacity .15s}.post-card__image img:hover{opacity:.92}.post-card__img{cursor:zoom-in}.comment-form__inner{display:flex;align-items:center;gap:6px;flex:1}.comment-form__img-btn{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;cursor:pointer;color:#8b7355;flex-shrink:0}.comment-form__img-btn:hover{color:#c8a882}.comment-row__image{margin-top:6px}.comment-row__image img{max-width:100%;max-height:200px;border-radius:8px;object-fit:cover;cursor:zoom-in}.comment-img-preview{display:flex;align-items:flex-start;gap:8px;margin-top:6px}.comment-img-preview__img{max-width:120px;max-height:120px;border-radius:8px;object-fit:cover}.home-sidebar{width:260px;flex-shrink:0}.home-sidebar__sticky{position:sticky;top:80px}.rec-books-widget{background:#1e140d;border:1px solid #3a2a1e;border-radius:14px;padding:16px;color:#e8d5be}.rec-books-widget__header{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#bba990;margin-bottom:14px}.rec-books-widget__header svg{opacity:.8}.rec-books-stage{min-height:180px;position:relative}.rec-book-slide{animation:none}.rec-book-slide.rec-slide--out{animation:recFadeOut .38s forwards}.rec-book-slide.rec-slide--in{animation:recFadeIn .38s forwards}@keyframes recFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes recFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rec-book-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;padding:6px 4px;border-radius:10px;transition:background .18s}.rec-book-card:hover{background:rgba(255,255,255,0.04)}.rec-book-card__cover-wrap{flex-shrink:0}.rec-book-card__cover{width:68px;height:96px;border-radius:4px 8px 8px 4px;position:relative;overflow:hidden;box-shadow:3px 4px 12px rgba(0,0,0,0.5)}.rec-book-card__cover img{width:100%;height:100%;object-fit:cover}.rec-book-card__spine{position:absolute;left:0;top:0;bottom:0;width:5px;background:rgba(0,0,0,0.25);border-radius:4px 0 0 4px}.rec-book-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:4px}.rec-book-card__title{font-size:.82rem;font-weight:700;color:#f0e0cc;line-height:1.35;margin:0}.rec-book-card__author{font-size:.72rem;color:#9a8070;margin:0}.rec-book-card__genre{display:inline-block;font-size:.65rem;background:rgba(160,100,60,0.25);color:#c8a070;border-radius:4px;padding:1px 6px;margin-top:2px}.rec-book-card__cta{font-size:.7rem;color:#c87941;margin-top:auto;padding-top:6px}.rec-books-dots{display:flex;justify-content:center;gap:5px;margin-top:12px}.rec-dot{width:6px;height:6px;border-radius:50%;background:#4a3828;border:none;padding:0;cursor:pointer;transition:background .2s, transform .2s}.rec-dot.active{background:#c87941;transform:scale(1.3)}.rec-books-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.rec-nav-btn{width:26px;height:26px;border-radius:50%;background:#2c1e12;border:1px solid #4a3828;color:#bba990;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s, color .18s}.rec-nav-btn:hover{background:#3e2a18;color:#f0d0a0}.rec-nav-label{font-size:.7rem;color:#7a6050;min-width:32px;text-align:center}.rec-skeleton{display:flex;gap:14px;align-items:flex-start;padding:6px 4px}.rec-skeleton__cover{width:68px;height:96px;border-radius:8px;background:linear-gradient(90deg, #2c1e12 25%, #3e2a18 50%, #2c1e12 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;flex-shrink:0}.rec-skeleton__lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:8px}.rec-skeleton__line{height:10px;border-radius:4px;background:linear-gradient(90deg, #2c1e12 25%, #3e2a18 50%, #2c1e12 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.rec-skeleton__line--long{width:90%}.rec-skeleton__line--short{width:55%;animation-delay:.2s}.ad-zone--home-top,.ad-zone--home-bottom{width:100%;border-radius:14px;overflow:hidden;border:1px solid #ddd3c3;box-shadow:0 2px 12px rgba(92,61,30,0.06);background:#ffffff}.ad-zone--home-top{margin-bottom:22px}.ad-zone--home-bottom{margin-top:28px}.ad-zone--home-top .ad-carousel,.ad-zone--home-bottom .ad-carousel{border-radius:14px}.ad-zone--home-top .ad-carousel--short .ad-carousel__track,.ad-zone--home-bottom .ad-carousel--short .ad-carousel__track{height:150px}@media (max-width: 640px){.ad-zone--home-top .ad-carousel--short .ad-carousel__track,.ad-zone--home-bottom .ad-carousel--short .ad-carousel__track{height:110px}}.comment-row__reply-to{display:flex;align-items:center;gap:4px;font-size:0.72rem;color:#8b7355;margin:0 0 2px}.comment-row__reply-to svg{opacity:0.6}.comment-row__reply-to-link{color:#C9952A;text-decoration:none}.comment-row__reply-to-link:hover{text-decoration:underline}.comment-reply-btn{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:2px 4px;margin-top:4px;font-size:0.72rem;color:#8b7355;cursor:pointer;border-radius:5px;transition:color .15s, background .15s}.comment-reply-btn:hover{color:#C9952A;background:rgba(201,149,42,0.08)}.comment-reply-btn svg{opacity:0.7}.comment-reply-form{margin-top:8px}.comment-form--reply .comment-form__inner{gap:6px}.comment-replies{margin-top:8px;padding-left:14px;border-left:2px solid #efe6da;display:flex;flex-direction:column;gap:10px}.comment-row--reply .post-avatar--sm{width:28px;height:28px}.fab-add-book{position:fixed;right:28px;bottom:28px;z-index:900;display:flex;align-items:center;gap:0;height:56px;padding:0;width:56px;border-radius:28px;background:#c0883f;color:#fff;box-shadow:0 6px 20px rgba(168,117,68,0.45);overflow:hidden;transition:width .25s ease, padding .25s ease, background .2s, transform .15s;white-space:nowrap}.fab-add-book svg{flex-shrink:0;width:56px}.fab-add-book__label{font-size:0.9rem;font-weight:700;opacity:0;max-width:0;transition:opacity .2s ease, max-width .25s ease}.fab-add-book:hover{width:168px;background:#a87544;color:#fff;transform:translateY(-2px)}.fab-add-book:hover svg{width:48px;padding-left:8px}.fab-add-book:hover .fab-add-book__label{opacity:1;max-width:120px;padding-right:18px}@media (max-width: 600px){.fab-add-book{right:18px;bottom:18px}}@media (max-width: 1100px){.home-layout{grid-template-columns:1fr}.home-sidebar{width:100%}.home-sidebar__sticky{position:static}}@media (max-width: 900px){.home-comm-grid{grid-template-columns:repeat(2, 1fr)}.home-shelves-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.home-top-bar{padding:14px 16px}.home-top-bar__stats{flex-wrap:wrap;gap:8px}.home-top-bar__actions{width:100%}.home-top-bar__stats .shelf-stat{flex:1 1 calc(50% - 4px)}.home-top-bar__actions .btn-cta{flex:1;justify-content:center}.home-comm-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width: 420px){.home-comm-grid{grid-template-columns:1fr}}.book-loader{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(250,247,242,0.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s ease}.book-loader.is-on{opacity:1;visibility:visible}.book-loader__inner{display:flex;flex-direction:column;align-items:center;gap:18px}.book-loader__text{font-family:"Klee One", "Georgia", serif;font-size:.92rem;font-weight:600;color:#5c3d1e;letter-spacing:.08em;animation:bookloader-fade 1.4s ease-in-out infinite}@keyframes bookloader-fade{0%,100%{opacity:.45}50%{opacity:1}}.bookflip{--pg:   #fdfaf3;--edge: #e7d6ba;--cv:   #5c3d1e;position:relative;width:120px;height:84px;perspective:700px}.bookflip::after{content:'';position:absolute;top:4px;left:50%;width:2px;height:calc(100% - 8px);transform:translateX(-50%);background:rgba(92,61,30,0.25);z-index:3}.bookflip__back,.bookflip__front{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(135deg, #734c26, #5c3d1e);box-shadow:0 8px 20px rgba(92,61,30,0.25)}.bookflip__back{left:0;border-radius:6px 2px 2px 6px}.bookflip__front{right:0;border-radius:2px 6px 6px 2px}.bookflip__back::before,.bookflip__front::before{content:'';position:absolute;top:3px;bottom:3px;width:calc(100% - 5px);background:var(--pg)}.bookflip__back::before{left:2px;border-radius:3px 1px 1px 3px}.bookflip__front::before{right:2px;border-radius:1px 3px 3px 1px}.bookflip__pages{position:absolute;top:3px;left:50%;width:calc(50% - 4px);height:calc(100% - 6px);list-style:none;margin:0;padding:0;transform-style:preserve-3d;z-index:4}.bookflip__pages li{position:absolute;inset:0;transform-origin:left center;background:var(--pg);border:1px solid var(--edge);border-left:none;border-radius:1px 4px 4px 1px;box-shadow:1px 1px 4px rgba(92,61,30,0.12);backface-visibility:visible;animation:bookflip-turn 2.4s infinite ease-in-out}.bookflip__pages li:nth-child(1){animation-delay:0s}.bookflip__pages li:nth-child(2){animation-delay:.2s}.bookflip__pages li:nth-child(3){animation-delay:.4s}.bookflip__pages li:nth-child(4){animation-delay:.6s}.bookflip__pages li:nth-child(5){animation-delay:.8s}.bookflip__pages li:nth-child(6){animation-delay:1.0s}@keyframes bookflip-turn{0%{transform:rotateY(0deg)}20%{transform:rotateY(-150deg)}35%,100%{transform:rotateY(-180deg)}}.auth-body{margin:0;padding:0;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;background:#faf7f2}.flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200;padding:12px 24px;border-radius:8px;font-size:0.9rem;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,0.12)}.flash--notice{background:#d4edda;color:#155724}.flash--alert{background:#f8d7da;color:#721c24}.auth-layout{display:flex;min-height:100vh}.auth-layout__left{flex:1;position:relative;display:flex;align-items:flex-end;padding:60px 56px;overflow:hidden}.auth-layout__left--dark{background:#f3e7d3 url(/assets/login_hero-18fcbec8bf5d5b6421749dc1682fe56e022671ff2fc8a917d238545c1e710305.jpg) no-repeat 25% center;background-size:cover;position:relative}.auth-layout__left--dark::before{content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(250,244,234,0.94) 0%, rgba(250,244,234,0.6) 28%, rgba(250,244,234,0.12) 58%, transparent 100%);pointer-events:none;z-index:1}.auth-layout__left--dark .auth-left__title{color:#2c1a0e}.auth-layout__left--dark .auth-left__desc{color:#5c4d3e}.auth-layout__left--light{background:#f3e7d3 url(/assets/signup_hero-b83c0f0c95c44efb79a57ba76134653138aeae1fdc7f0a4b83b71eb45dee978a.jpg) no-repeat center center;background-size:cover;position:relative}.auth-layout__left--light::before{content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(250,244,234,0.94) 0%, rgba(250,244,234,0.6) 28%, rgba(250,244,234,0.12) 58%, transparent 100%);pointer-events:none;z-index:1}.auth-layout__left--light .auth-left__title{color:#2c1a0e}.auth-layout__left--light .auth-left__desc{color:#5c4d3e}.auth-layout__left-inner{position:relative;z-index:2}.auth-left__title{font-family:"Klee One", "Georgia", serif;font-size:clamp(1.8rem, 3.5vw, 2.8rem);font-weight:700;line-height:1.35;color:#ffffff;margin-bottom:20px}.auth-left__desc{font-size:1rem;color:rgba(255,255,255,0.8);line-height:1.8}.auth-book-deco{display:flex;align-items:flex-end;gap:5px;margin-bottom:32px;position:relative;z-index:2}.auth-book-deco::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:4px;background:linear-gradient(to right, rgba(107,66,38,0.8), rgba(74,46,26,0.8));border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.auth-book-deco__book{display:block;width:16px;height:var(--h, 72px);background:var(--c, #8b4513);border-radius:2px 2px 0 0;position:relative;box-shadow:1px 0 3px rgba(0,0,0,0.35),inset -2px 0 4px rgba(0,0,0,0.15)}.auth-book-deco__book::before{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background:rgba(255,255,255,0.15);border-radius:2px 0 0 0}.auth-book-deco__book::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.2);border-radius:2px 2px 0 0}.auth-layout__right{width:460px;flex-shrink:0;background:#ffffff;display:flex;align-items:center;justify-content:center;padding:48px 40px;box-shadow:-4px 0 24px rgba(0,0,0,0.06)}.auth-form-wrap{width:100%;max-width:340px}.auth-form__brand{text-align:center;margin-bottom:32px}.auth-form__logo-img{height:64px;width:auto;display:block;margin:0 auto 6px}.auth-form__logo{font-family:"Klee One", "Georgia", serif;font-size:1.8rem;font-weight:700;color:#5c3d1e;text-align:center;margin-bottom:0}.auth-form__lead{text-align:center;font-size:0.95rem;font-weight:600;color:#2c1a0e;margin-bottom:24px}.form-group{margin-bottom:14px}.form-input{width:100%;padding:12px 16px;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.95rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;outline:none;transition:border-color 0.2s, box-shadow 0.2s;box-sizing:border-box}.form-input::placeholder{color:#b0a090}.form-input:focus{border-color:#5c3d1e;box-shadow:0 0 0 3px rgba(92,61,30,0.08)}.form-forgot{text-align:right;margin:-6px 0 16px}.form-section-label{font-size:0.8rem;font-weight:700;color:#7a6652;text-transform:uppercase;letter-spacing:0.08em;border-bottom:1px solid #ddd3c3;padding-bottom:6px;margin:20px 0 12px}.postal-input-wrap{display:flex;align-items:center;gap:8px}.postal-prefix{font-size:1rem;color:#7a6652;flex-shrink:0}.postal-input{flex:1;min-width:0}.btn-postal-search{flex-shrink:0;padding:10px 14px;background:#f3ede3;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.85rem;font-weight:600;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#5c3d1e;cursor:pointer;white-space:nowrap;transition:background 0.15s, border-color 0.15s}.btn-postal-search:hover:not(:disabled){background:#ddd3c3;border-color:#5c3d1e}.btn-postal-search:disabled{opacity:0.6;cursor:not-allowed}.form-select{appearance:none;-webkit-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 d='M1 1l5 5 5-5' stroke='%237a6652' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.btn-auth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;border-radius:8px;font-size:0.95rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;border:none;transition:background 0.2s, border-color 0.2s;text-decoration:none;box-sizing:border-box}.btn-auth--primary{background:#5c3d1e;color:#ffffff}.btn-auth--primary:hover{background:#7a5230}.btn-auth--google{background:#ffffff;color:#2c1a0e;border:1.5px solid #ddd3c3;font-weight:500}.btn-auth--google:hover{background:#f7f4f0}.genre-label{font-size:0.85rem;color:#7a6652;margin-bottom:10px}.genre-tags{display:flex;flex-wrap:wrap;gap:8px}.genre-tag{cursor:pointer}.genre-tag__input{display:none}.genre-tag__input:checked+.genre-tag__label{background:#5c3d1e;color:#ffffff;border-color:#5c3d1e}.genre-tag__label{display:inline-block;padding:6px 14px;border-radius:20px;border:1.5px solid #ddd3c3;font-size:0.85rem;color:#7a6652;background:#ffffff;transition:background 0.15s, color 0.15s, border-color 0.15s;cursor:pointer}.genre-tag__label:hover{border-color:#5c3d1e;color:#5c3d1e}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#c0b0a0;font-size:0.85rem}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:#ddd3c3}.auth-switch{text-align:center;font-size:0.85rem;color:#7a6652;margin-top:20px}.auth-link{color:#7a6652;text-decoration:underline;font-size:0.85rem;transition:color 0.2s}.auth-link:hover{color:#5c3d1e}.auth-link--bold{font-weight:700;color:#5c3d1e;text-decoration:none}.auth-link--bold:hover{text-decoration:underline}#error_explanation{background:#fff0f0;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin-bottom:16px}#error_explanation h2{font-size:0.9rem;color:#c00;margin-bottom:6px}#error_explanation ul{margin:0;padding-left:18px}#error_explanation li{font-size:0.85rem;color:#c00}.auth-layout__right--wide{width:560px;overflow-y:auto;max-height:100vh;padding:40px 48px;align-items:flex-start}.auth-form-wrap--wide{width:100%;max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{display:block;font-size:0.85rem;font-weight:600;color:#2c1a0e;margin-bottom:6px}.form-required{display:inline-block;background:#c94040;color:#ffffff;font-size:0.7rem;font-weight:700;padding:1px 6px;border-radius:3px;margin-left:4px;vertical-align:middle}.form-hint{font-size:0.78rem;color:#7a6652;margin-top:4px}.form-group--terms{padding:12px 0}.terms-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.terms-check__input{display:none}.terms-check__input:checked+.terms-check__box{background:#5c3d1e;border-color:#5c3d1e}.terms-check__input:checked+.terms-check__box::after{opacity:1;transform:rotate(45deg) scale(1)}.terms-check__box{flex-shrink:0;width:20px;height:20px;border:2px solid #ddd3c3;border-radius:4px;background:#ffffff;position:relative;margin-top:1px;transition:background 0.15s, border-color 0.15s}.terms-check__box::after{content:'';position:absolute;top:2px;left:5px;width:6px;height:10px;border:2px solid #ffffff;border-top:none;border-left:none;opacity:0;transform:rotate(45deg) scale(0.5);transition:opacity 0.15s, transform 0.15s}.terms-check__label{font-size:0.88rem;color:#7a6652;line-height:1.6}.btn-auth--disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.verify-header{text-align:center;margin-bottom:28px}.verify-icon{color:#5c3d1e;margin-bottom:16px}.verify-desc{font-size:0.95rem;color:#7a6652;line-height:1.7;margin-bottom:12px}.verify-timer{display:inline-block;background:#f3ede3;color:#5c3d1e;font-size:0.9rem;font-weight:700;padding:6px 16px;border-radius:20px;margin-bottom:12px}.verify-dev-code{margin-top:12px;background:#fffbea;border:1px dashed #e8c840;border-radius:8px;padding:10px 16px;font-size:0.85rem;color:#7a6000}.verify-dev-code strong{display:block;font-size:1.8rem;letter-spacing:0.2em;color:#5c3d1e;margin-top:4px}.code-inputs{display:flex;gap:10px;justify-content:center;margin:8px 0}.code-input{width:48px;height:56px;text-align:center;font-size:1.6rem;font-weight:700;color:#2c1a0e;border:2px solid #ddd3c3;border-radius:10px;background:#faf7f2;outline:none;transition:border-color 0.2s, box-shadow 0.2s;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif}.code-input:focus{border-color:#5c3d1e;box-shadow:0 0 0 3px rgba(92,61,30,0.1)}.code-input:not(:placeholder-shown){border-color:#5c3d1e}.verify-resend{text-align:center;font-size:0.85rem;color:#7a6652;margin-top:16px}.btn-text{background:none;border:none;color:#5c3d1e;font-size:0.85rem;font-weight:700;cursor:pointer;text-decoration:underline;padding:0;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif}.btn-text:hover{color:#7a5230}.flash-inline{padding:10px 14px;border-radius:8px;font-size:0.88rem;margin-bottom:16px}.flash-inline--notice{background:#d4edda;color:#155724}.flash-inline--alert{background:#f8d7da;color:#721c24}@media (max-width: 900px){.auth-layout__right--wide{width:100%}.form-row{grid-template-columns:1fr}}@media (max-width: 768px){.auth-layout{flex-direction:column}.auth-layout__left{min-height:220px;padding:40px 32px;align-items:flex-end}.auth-layout__right{width:100%;padding:40px 24px}.auth-layout__right--wide{padding:32px 20px;max-height:none}}@media (max-width: 400px){.code-input{width:40px;height:48px;font-size:1.3rem}.code-inputs{gap:6px}}.faq-page{min-height:100vh;background:#FAF7F2}.faq-hero{background:linear-gradient(135deg, #1C1712 0%, #3a2e24 100%);padding:4rem 1rem;text-align:center}.faq-hero__inner{max-width:640px;margin:0 auto}.faq-hero__title{font-family:'Klee One', cursive;font-size:2.25rem;font-weight:600;color:#fff;margin-bottom:0.75rem}.faq-hero__subtitle{font-family:'Zen Maru Gothic', sans-serif;font-size:1rem;color:rgba(255,255,255,0.75)}.faq-container{max-width:720px;margin:0 auto;padding:3rem 1.25rem 4rem}.faq-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:3rem}.faq-item{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:12px;overflow:hidden;transition:box-shadow 0.2s}.faq-item[open]{box-shadow:0 4px 20px rgba(0,0,0,0.07)}.faq-item[open] .faq-item__icon{transform:rotate(180deg)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;cursor:pointer;list-style:none;font-family:'Zen Maru Gothic', sans-serif;font-size:0.95rem;font-weight:500;color:#1C1712;gap:0.75rem;user-select:none}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question::marker{display:none}.faq-item__question:hover{background:rgba(201,149,42,0.04)}.faq-item__question span{flex:1}.faq-item__icon{flex-shrink:0;color:#C9952A;transition:transform 0.25s}.faq-item__answer{padding:0 1.25rem 1.25rem;border-top:1px solid rgba(0,0,0,0.1)}.faq-item__answer p{font-family:'Zen Maru Gothic', sans-serif;font-size:0.9rem;color:#555;line-height:1.7;margin-top:1rem;margin-bottom:0}.faq-contact-cta{text-align:center;padding:2.5rem;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,0.1)}.faq-contact-cta p{font-family:'Zen Maru Gothic', sans-serif;color:#666;margin-bottom:1.25rem}.faq-contact-cta__btn{display:inline-flex;align-items:center;padding:0.8rem 2rem;background:#C9952A;color:#fff;text-decoration:none;border-radius:50px;font-family:'Zen Maru Gothic', sans-serif;font-weight:500;font-size:0.95rem;transition:background 0.2s, transform 0.15s}.faq-contact-cta__btn:hover{background:#a77c23;transform:translateY(-1px)}.contact-page{min-height:100vh;background:#FAF7F2}.contact-hero{background:linear-gradient(135deg, #1C1712 0%, #3a2e24 100%);padding:4rem 1rem;text-align:center}.contact-hero__inner{max-width:640px;margin:0 auto}.contact-hero__title{font-family:'Klee One', cursive;font-size:2.25rem;font-weight:600;color:#fff;margin-bottom:0.75rem}.contact-hero__subtitle{font-family:'Zen Maru Gothic', sans-serif;font-size:1rem;color:rgba(255,255,255,0.75)}.contact-container{max-width:720px;margin:0 auto;padding:3rem 1.25rem 4rem}.contact-flash{padding:0.85rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-family:'Zen Maru Gothic', sans-serif;font-size:0.9rem}.contact-flash--notice{background:#E8F5E9;color:#1B5E20;border-left:3px solid #4CAF50}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}@media (max-width: 520px){.contact-info-grid{grid-template-columns:1fr}}.contact-info-card{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:0.4rem}.contact-info-card svg{color:#C9952A}.contact-info-card h3{font-family:'Zen Maru Gothic', sans-serif;font-size:0.9rem;font-weight:600;color:#1C1712;margin:0}.contact-info-card p,.contact-info-card a{font-family:'Zen Maru Gothic', sans-serif;font-size:0.85rem;color:#666;margin:0;text-decoration:none}.contact-info-card a{color:#C9952A}.contact-info-card a:hover{text-decoration:underline}.contact-form-wrap{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:16px;padding:2rem}.contact-form__group{margin-bottom:1.25rem}.contact-form__label{display:block;font-size:0.875rem;font-weight:500;color:#1C1712;margin-bottom:0.4rem;font-family:'Zen Maru Gothic', sans-serif}.contact-form__input,.contact-form__select,.contact-form__textarea{display:block;width:100%;padding:0.7rem 0.9rem;border:1.5px solid #ddd;border-radius:8px;font-size:0.95rem;font-family:'Zen Maru Gothic', sans-serif;color:#1C1712;background:#FAF7F2;transition:border-color 0.2s, box-shadow 0.2s;box-sizing:border-box}.contact-form__input:focus,.contact-form__select:focus,.contact-form__textarea:focus{outline:none;border-color:#C9952A;box-shadow:0 0 0 3px rgba(201,149,42,0.12)}.contact-form__textarea{resize:vertical}.contact-form__submit{margin-top:1.5rem}.contact-form__btn{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 2rem;background:#C9952A;color:#fff;border:none;border-radius:50px;font-family:'Zen Maru Gothic', sans-serif;font-size:0.95rem;font-weight:500;cursor:pointer;transition:background 0.2s, transform 0.15s}.contact-form__btn:hover{background:#a77c23;transform:translateY(-1px)}.legal-page{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#1C1712;background:#FAF7F2;min-height:100vh}.legal-hero{background:linear-gradient(135deg, #1C1712 0%, #3A2A1A 100%);padding:3rem 1.5rem;text-align:center}.legal-hero__title{font-family:"Klee One", "Georgia", serif;font-size:clamp(1.6rem, 4vw, 2.2rem);font-weight:600;color:#fff;margin:0 0 0.5rem}.legal-hero__subtitle{font-size:0.9rem;color:rgba(255,255,255,0.7);margin:0}.legal-container{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.legal-lead{font-size:0.92rem;line-height:1.9;color:#6B4C2A;background:#fff;border:1px solid #E8E0D4;border-radius:12px;padding:1.3rem 1.5rem;margin-bottom:2rem}.legal-section{margin-bottom:2rem}.legal-section__title{font-family:"Klee One", "Georgia", serif;font-size:1.1rem;font-weight:600;color:#1C1712;padding-bottom:0.5rem;margin:0 0 0.9rem;border-bottom:2px solid #C9952A}.legal-section p{font-size:0.9rem;line-height:1.85;color:#3a3027;margin:0 0 0.8rem}.legal-list{counter-reset:item;list-style:none;margin:0;padding:0}.legal-list>li{position:relative;padding-left:2rem;margin-bottom:0.7rem;font-size:0.9rem;line-height:1.8;color:#3a3027;counter-increment:item}.legal-list>li::before{content:counter(item);position:absolute;left:0;top:0.05rem;width:1.4rem;height:1.4rem;background:rgba(201,149,42,0.15);color:#a77c23;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700}.legal-sublist{list-style:disc;margin:0.5rem 0 0.5rem 0;padding-left:1.2rem}.legal-sublist li{font-size:0.86rem;line-height:1.75;color:#8A7A6A;margin-bottom:0.3rem}.legal-link{color:#C9952A;text-decoration:underline;font-weight:600}.legal-link:hover{color:#9f7621}.legal-revised{text-align:right;font-size:0.82rem;color:#8A7A6A;margin-top:2.5rem;padding-top:1rem;border-top:1px solid #E8E0D4}@media (max-width: 600px){.legal-container{padding:1.8rem 1rem 3rem}.legal-list>li{padding-left:1.7rem}}.memo-page{padding-bottom:60px}.memo-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.memo-page-title{font-family:"Klee One", "Georgia", serif;font-size:1.5rem;font-weight:700;color:#2c1a0e}.memo-new-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#5c3d1e;color:#ffffff;border:none;border-radius:8px;font-size:0.875rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.15s}.memo-new-btn:hover{background:#7a5230}.memo-tabs{display:flex;gap:4px;border-bottom:2px solid #ddd3c3;margin-bottom:16px}.memo-tab{display:inline-flex;align-items:center;gap:5px;padding:10px 20px;font-size:0.875rem;font-weight:500;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#7a6652;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;text-decoration:none;transition:color 0.15s, border-color 0.15s}.memo-tab:hover{color:#5c3d1e}.memo-tab.active{color:#5c3d1e;border-bottom-color:#5c3d1e;font-weight:700}.memo-tag-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.memo-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:0.78rem;font-weight:600;background:#f3ede3;color:#5c3d1e;border:1.5px solid #ddd3c3;text-decoration:none;transition:background 0.12s, border-color 0.12s;cursor:pointer}.memo-tag-chip span{font-size:0.7rem;color:#7a6652;font-weight:400}.memo-tag-chip:hover{background:#ede4d5;border-color:#5c3d1e}.memo-tag-chip--active{background:#5c3d1e;color:#ffffff;border-color:#5c3d1e}.memo-tag-chip--active span{color:rgba(255,255,255,0.7)}.memo-tag-chip--clear{background:#ffffff;color:#c94040;border-color:#f5c0c0}.memo-tag-chip--clear:hover{background:#fff0f0}.memo-list{display:flex;flex-direction:column;gap:0}.memo-card{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid #ddd3c3;transition:background 0.12s}.memo-card:first-child{border-top:1px solid #ddd3c3}.memo-card:hover{background:rgba(243,237,227,0.5)}.memo-card__cover{position:relative;width:64px;height:90px;flex-shrink:0;border-radius:3px 6px 6px 3px;overflow:hidden;box-shadow:2px 3px 8px rgba(0,0,0,0.25)}.memo-card__cover-img{width:100%;height:100%;object-fit:cover;display:block}.memo-card__cover-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.memo-card__cover-fb span{font-size:1.8rem;font-weight:900;color:rgba(255,255,255,0.9);font-family:"Klee One", "Georgia", serif;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.memo-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.memo-card__book-info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.memo-card__book-title{font-family:"Klee One", "Georgia", serif;font-size:0.95rem;font-weight:700;color:#2c1a0e;text-decoration:none;transition:color 0.15s}.memo-card__book-title:hover{color:#5c3d1e;text-decoration:underline}.memo-card__book-author{font-size:0.78rem;color:#7a6652}.memo-card__quote{font-size:0.92rem;color:#2c1a0e;line-height:1.75;font-style:italic;font-family:"Klee One", "Georgia", serif;border-left:3px solid #5c3d1e;padding-left:14px;margin:0;cursor:text;transition:border-color 0.15s}.memo-card__quote:hover{border-left-color:#7a5230}.memo-card__no-memo{font-size:0.85rem;color:#a38c76;font-style:italic;cursor:pointer;padding:8px 0;transition:color 0.15s}.memo-card__no-memo:hover{color:#5c3d1e}.memo-card__edit-form{display:flex;flex-direction:column;gap:8px}.memo-edit-textarea{width:100%;padding:12px 14px;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.9rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;resize:vertical;line-height:1.7;box-sizing:border-box;outline:none;transition:border-color 0.15s}.memo-edit-textarea:focus{border-color:#5c3d1e;box-shadow:0 0 0 3px rgba(92,61,30,0.08)}.memo-edit-tag-row{display:flex;align-items:center;gap:6px}.memo-edit-tag-icon{font-size:1rem;font-weight:700;color:#5c3d1e;line-height:1}.memo-edit-tag-input{flex:1;padding:8px 12px;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.85rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;outline:none;transition:border-color 0.15s}.memo-edit-tag-input:focus{border-color:#5c3d1e}.memo-edit-tag-input::placeholder{color:#ad9985}.memo-edit-actions{display:flex;gap:8px;justify-content:flex-end}.memo-save-btn{padding:7px 18px;background:#5c3d1e;color:#ffffff;border:none;border-radius:6px;font-size:0.82rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.15s}.memo-save-btn:hover{background:#7a5230}.memo-cancel-btn{padding:7px 14px;background:transparent;color:#7a6652;border:1.5px solid #ddd3c3;border-radius:6px;font-size:0.82rem;font-weight:600;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:background 0.15s}.memo-cancel-btn:hover{background:#f3ede3}.memo-card__footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.memo-card__date{font-size:0.75rem;color:#7a6652}.memo-card__tags{display:flex;flex-wrap:wrap;gap:5px}.memo-inline-tag{font-size:0.73rem;font-weight:600;color:#5c3d1e;background:rgba(92,61,30,0.08);padding:2px 9px;border-radius:12px;text-decoration:none;transition:background 0.12s}.memo-inline-tag:hover{background:rgba(92,61,30,0.15)}.memo-card__actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;padding-top:2px}.memo-star-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:transform 0.15s, background 0.12s;display:flex;align-items:center;justify-content:center}.memo-star-btn:hover{transform:scale(1.2);background:rgba(245,166,35,0.08)}.memo-star-btn.active{transform:scale(1.1)}.memo-detail-link{color:#7a6652;padding:4px;border-radius:50%;display:flex;transition:color 0.15s, background 0.12s}.memo-detail-link:hover{color:#5c3d1e;background:#f3ede3}.memo-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;color:#7a6652;text-align:center}.memo-empty p{font-size:1rem}.memo-empty__link{font-size:0.9rem;color:#5c3d1e;font-weight:600;text-decoration:none}.memo-empty__link:hover{text-decoration:underline}.flash-banner{padding:12px 18px;border-radius:8px;font-size:0.9rem;margin-bottom:20px}.flash-banner--notice{background:#d4edda;color:#155724}.flash-banner--alert{background:#f8d7da;color:#721c24}.memo-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.memo-modal{background:#ffffff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 16px 48px rgba(0,0,0,0.2);overflow:hidden}.memo-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #ddd3c3}.memo-modal__title{font-family:"Klee One", "Georgia", serif;font-size:1.1rem;font-weight:700;color:#2c1a0e}.memo-modal__close{background:none;border:none;font-size:1.1rem;color:#7a6652;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color 0.15s}.memo-modal__close:hover{color:#5c3d1e}.memo-modal__body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.memo-modal__book-select{width:100%;padding:10px 14px;border:1.5px solid #ddd3c3;border-radius:8px;font-size:0.9rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;color:#2c1a0e;background:#faf7f2;outline:none;appearance:none;-webkit-appearance:none}.memo-modal__book-select:focus{border-color:#5c3d1e}.memo-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #ddd3c3}@media (max-width: 640px){.memo-card{gap:12px}.memo-card__cover{width:52px;height:74px}.memo-tabs{overflow-x:auto}}.ob-overlay{position:fixed;inset:0;z-index:9999;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.ob-overlay.is-open{opacity:1;pointer-events:auto}.ob-spotlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px rgba(20,14,8,0.66);transition:top .25s ease, left .25s ease, width .25s ease, height .25s ease;pointer-events:none}.ob-overlay--center{background:rgba(20,14,8,0.66)}.ob-tooltip{position:fixed;width:320px;max-width:calc(100vw - 32px);background:#fffdf9;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.3);padding:1.2rem 1.3rem 1rem;transition:top .25s ease, left .25s ease}.ob-tooltip__step{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;color:#c0883f;margin:0 0 0.4rem}.ob-tooltip__title{font-family:'Klee One', serif;font-size:1.15rem;font-weight:600;color:#2c1e12;margin:0 0 0.5rem}.ob-tooltip__body{font-size:0.86rem;line-height:1.7;color:#6b5a47;margin:0 0 1rem}.ob-tooltip__actions{display:flex;align-items:center;justify-content:space-between}.ob-skip{background:none;border:none;color:#9a8c7b;font-size:0.8rem;cursor:pointer;padding:6px 4px}.ob-skip:hover{color:#6b5a47;text-decoration:underline}.ob-nav{display:flex;gap:0.5rem}.ob-prev,.ob-next{border-radius:8px;font-size:0.82rem;font-weight:700;padding:0.5rem 1.1rem;cursor:pointer;border:none;transition:background .15s, transform .15s}.ob-prev{background:#f0e7d8;color:#6b5a47}.ob-prev:hover{background:#e7d9c2}.ob-next{background:#c0883f;color:#fff}.ob-next:hover{background:#a87544;transform:translateY(-1px)}[data-tour]{position:relative}@media (max-width: 600px){.ob-tooltip{left:50% !important;transform:translateX(-50%) !important;bottom:16px;top:auto !important}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;background:#faf4ea;color:#4a3c2e;line-height:1.8;overflow-x:hidden}a{text-decoration:none;color:inherit}.lp-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:4px;font-size:0.95rem;font-weight:700;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;cursor:pointer;transition:all 0.25s ease;letter-spacing:0.04em}.lp-btn--primary{background:#a87544;color:#ffffff;border:2px solid #a87544;box-shadow:0 4px 20px rgba(168,117,68,0.4)}.lp-btn--primary:hover{background:#8c5d33;border-color:#8c5d33;transform:translateY(-2px);box-shadow:0 8px 28px rgba(140,93,51,0.45)}.lp-btn--primary svg{transition:transform 0.2s}.lp-btn--primary:hover svg{transform:translateX(4px)}.lp-btn--ghost{background:transparent;color:#a87544;border:1.5px solid rgba(168,117,68,0.5)}.lp-btn--ghost:hover{background:rgba(168,117,68,0.1);border-color:#a87544;color:#8c5d33}.lp-btn--outline{background:transparent;color:#a87544;border:2px solid #a87544}.lp-btn--outline:hover{background:#a87544;color:#ffffff;transform:translateY(-2px)}.lp-btn--lg{padding:16px 40px;font-size:1rem}.lp-header{position:fixed;top:0;left:0;right:0;z-index:200;transition:background 0.4s, box-shadow 0.4s, padding 0.4s}.lp-header__inner{max-width:1200px;margin:0 auto;padding:0 40px;height:80px;display:flex;align-items:center;justify-content:space-between;transition:height 0.4s}.lp-header__logo{font-family:"Klee One", "Georgia", serif;font-size:1.4rem;font-weight:600;color:#4a3c2e;letter-spacing:0.06em;display:flex;align-items:center;gap:8px;transition:color 0.4s}.lp-header__logo-icon{font-size:0.7em;color:#c0883f}.lp-header__logo-img{height:40px;width:auto;flex-shrink:0}.lp-header__nav{display:flex;align-items:center;gap:32px}.lp-header__nav-link{font-size:0.85rem;color:#6d563f;font-weight:500;letter-spacing:0.03em;transition:color 0.2s}.lp-header__nav-link:hover{color:#8c5d33}.lp-header__cta{padding:10px 24px;background:#a87544;color:#ffffff;border-radius:4px;font-size:0.85rem;font-weight:700;letter-spacing:0.04em;transition:background 0.2s, transform 0.2s}.lp-header__cta:hover{background:#8c5d33;transform:translateY(-1px)}.lp-header__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.lp-header__hamburger span{display:block;width:24px;height:2px;background:#4a3c2e;border-radius:2px;transition:all 0.3s}.lp-header__hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.lp-header__hamburger.is-open span:nth-child(2){opacity:0}.lp-header__hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lp-header.is-scrolled{background:rgba(250,244,234,0.96);backdrop-filter:blur(12px);box-shadow:0 1px 20px rgba(140,93,51,0.15)}.lp-header.is-scrolled .lp-header__inner{height:64px}.lp-header.is-scrolled .lp-header__nav-link{color:#6d563f}.lp-header.is-scrolled .lp-header__logo{color:#4a3c2e}.lp-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(250,244,234,0.98);z-index:190;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity 0.3s}.lp-mobile-menu.is-open{opacity:1;pointer-events:auto}.lp-mobile-menu__link{font-family:"Klee One", "Georgia", serif;font-size:1.4rem;color:#6d563f;letter-spacing:0.06em;transition:color 0.2s}.lp-mobile-menu__link:hover{color:#8c5d33}.lp-mobile-menu__link--cta{margin-top:16px;padding:14px 36px;background:#a87544;color:#ffffff;border-radius:4px;font-size:1rem;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-weight:700}@media (max-width: 860px){.lp-header__nav{display:none}.lp-header__hamburger{display:flex}.lp-mobile-menu{display:flex}}.lp-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:#faf4ea}.lp-hero__bg{position:absolute;inset:0;pointer-events:none}.lp-hero__bg-layer{position:absolute;inset:0}.lp-hero__bg-layer--1{background:#faf4ea url(/assets/top_header-71cf963d5398b4d589a4aa208b84c7d926adbd9a105efa74d2f528fd8134b14a.jpg) no-repeat center right;background-size:cover}.lp-hero__bg-layer--2{background:linear-gradient(to right, rgba(250,244,234,0.92) 0%, rgba(250,244,234,0.6) 32%, rgba(250,244,234,0.1) 52%, transparent 66%)}.lp-hero__bg-layer--3{background-image:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(140,93,51,0.012) 3px, rgba(140,93,51,0.012) 4px)}.lp-hero__float-books{position:absolute;inset:0;overflow:hidden}.lp-hero__content{position:relative;z-index:10;flex:1;max-width:680px;padding:140px 0 100px 8%}.lp-hero__tag{font-size:0.75rem;letter-spacing:0.25em;color:#a87544;font-weight:600;margin-bottom:28px;display:block}.lp-hero__title{font-family:"Klee One", "Georgia", serif;font-weight:600;line-height:1.25;letter-spacing:0.02em;margin-bottom:28px}.lp-hero__title em{font-style:normal;color:#a87544;display:block;margin-top:0.1em}.lp-hero__title-line1{display:block;font-size:clamp(1.5rem, 3.2vw, 2.4rem);color:#6d563f;letter-spacing:0.06em;margin-bottom:0.15em}.lp-hero__title-line2{display:block;font-size:clamp(2.6rem, 5.5vw, 4.4rem);letter-spacing:0.04em;white-space:nowrap}.lp-hero__sub{font-size:1rem;color:#4a3c2e;line-height:2.1;margin-bottom:48px}.lp-hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:80px}.lp-hero__scroll{display:flex;flex-direction:column;align-items:center;gap:12px;position:absolute;bottom:40px;left:10%}.lp-hero__scroll-text{font-size:0.65rem;letter-spacing:0.3em;color:rgba(109,86,63,0.55);font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg)}.lp-hero__scroll-line{display:block;width:1px;height:56px;background:linear-gradient(to bottom, rgba(168,117,68,0), rgba(168,117,68,0.7), transparent);animation:scrollPulse 2s ease-in-out infinite}.lp-hero__visual{position:absolute;right:0;top:0;bottom:0;width:45%;display:flex;align-items:center;justify-content:center;z-index:5}@media (max-width: 900px){.lp-hero__visual{display:none}}.lp-hero__illust{width:clamp(280px, 32vw, 420px);height:auto;max-width:100%;filter:drop-shadow(0 12px 28px rgba(140,93,51,0.18));animation:heroIllustFloat 7s ease-in-out infinite}@keyframes heroIllustFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes scrollPulse{0%,100%{opacity:0.4;transform:scaleY(0.8) translateY(-4px)}50%{opacity:1;transform:scaleY(1) translateY(0)}}.fb{position:absolute;border-radius:2px 4px 4px 2px;opacity:0.06;animation:floatBook linear infinite}.fb--1{width:40px;height:60px;background:#c0883f;top:15%;left:55%;animation-duration:18s;animation-delay:0s}.fb--2{width:30px;height:48px;background:#ffffff;top:65%;left:72%;animation-duration:14s;animation-delay:-3s}.fb--3{width:50px;height:72px;background:#e8cd9c;top:40%;left:88%;animation-duration:22s;animation-delay:-7s}.fb--4{width:24px;height:38px;background:#ffffff;top:80%;left:60%;animation-duration:16s;animation-delay:-11s}.fb--5{width:36px;height:55px;background:#c0883f;top:25%;left:80%;animation-duration:20s;animation-delay:-5s}@keyframes floatBook{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(3deg)}100%{transform:translateY(0) rotate(-5deg)}}.lp-book-stack{position:relative;width:280px;height:380px}.lp-book{position:absolute;border-radius:3px 8px 8px 3px;box-shadow:4px 4px 20px rgba(0,0,0,0.6),inset -3px 0 8px rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-book__spine{position:absolute;left:0;top:0;bottom:0;width:8px;background:rgba(0,0,0,0.25);border-right:1px solid rgba(255,255,255,0.08)}.lp-book__title{font-family:"Klee One", "Georgia", serif;font-size:0.65rem;color:rgba(255,255,255,0.7);writing-mode:vertical-rl;letter-spacing:0.1em;padding:0 8px;user-select:none}.lp-book--a{width:56px;height:180px;background:linear-gradient(160deg, #8b4513, #6b3510);bottom:60px;left:30px;transform:rotate(-8deg);animation:bookFloat 6s ease-in-out infinite}.lp-book--b{width:64px;height:160px;background:linear-gradient(160deg, #2a5c4a, #1e4235);bottom:80px;left:90px;transform:rotate(-3deg);animation:bookFloat 7s ease-in-out infinite 0.8s}.lp-book--c{width:48px;height:200px;background:linear-gradient(160deg, #3a3a6c, #28285a);bottom:50px;left:160px;transform:rotate(5deg);animation:bookFloat 5.5s ease-in-out infinite 1.5s}.lp-book--d{width:60px;height:145px;background:linear-gradient(160deg, #c8973e, #a07828);bottom:90px;left:210px;transform:rotate(12deg);animation:bookFloat 8s ease-in-out infinite 0.4s}.lp-book--e{width:52px;height:172px;background:linear-gradient(160deg, #7a2a4a, #5c1e38);bottom:40px;left:260px;transform:rotate(-6deg);animation:bookFloat 6.5s ease-in-out infinite 2s}@keyframes bookFloat{0%,100%{transform-origin:bottom center}0%{translate:0 0}50%{translate:0 -12px}100%{translate:0 0}}.lp-about{padding:120px 40px;background:#faf4ea;position:relative}.lp-about::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:80px;background:linear-gradient(to bottom, #4a3c2e, transparent);opacity:0.15}.lp-about__inner{max-width:800px;margin:0 auto;text-align:center}.lp-about__label{font-size:0.7rem;letter-spacing:0.3em;color:#a89077;font-weight:700;margin-bottom:24px;display:block}.lp-about__title{font-family:"Klee One", "Georgia", serif;font-size:clamp(1.8rem, 3.5vw, 2.8rem);font-weight:600;color:#4a3c2e;line-height:1.4;margin-bottom:32px;letter-spacing:0.02em}.lp-about__body{font-size:1rem;color:#a89077;line-height:2.2;margin-bottom:72px}.lp-about__illust{width:clamp(220px, 28vw, 320px);height:auto;max-width:100%;display:block;margin:8px auto 40px;opacity:0.95}.lp-journey{display:flex;align-items:flex-start;gap:0;justify-content:center}.lp-journey__card{flex:1;max-width:240px;text-align:center;padding:40px 24px;opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease}.lp-journey__card.is-visible{opacity:1;transform:translateY(0)}.lp-journey__card:nth-child(1){transition-delay:0s}.lp-journey__card:nth-child(3){transition-delay:0.15s}.lp-journey__card:nth-child(5){transition-delay:0.3s}.lp-journey__line{flex:0 0 60px;margin-top:70px}.lp-journey__line span{display:block;height:1px;background:linear-gradient(to right, #e7d6ba, #a87544, #e7d6ba);position:relative}.lp-journey__line span::after{content:'▶';position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-size:0.6rem;color:#a87544;opacity:0.6}.lp-journey__num{font-family:"Klee One", "Georgia", serif;font-size:3rem;font-weight:600;color:#e7d6ba;line-height:1;margin-bottom:16px;letter-spacing:-0.02em}.lp-journey__icon{display:flex;justify-content:center;color:#a87544;margin-bottom:16px}.lp-journey__ttl{font-family:"Klee One", "Georgia", serif;font-size:1.05rem;font-weight:600;color:#4a3c2e;margin-bottom:10px}.lp-journey__desc{font-size:0.85rem;color:#a89077;line-height:1.8}.lp-journey__illust{width:110px;height:88px;object-fit:contain;object-position:center bottom;max-width:100%;margin:0 auto 8px;display:block;opacity:0.95}.lp-stats{background:#f3e8d4;padding:0}.lp-stats__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.lp-stats__divider{width:1px;height:80px;background:rgba(140,93,51,0.18)}.lp-stats__item{padding:64px 24px;text-align:center;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease}.lp-stats__item.is-visible{opacity:1;transform:translateY(0)}.lp-stats__item:nth-child(1){transition-delay:0s}.lp-stats__item:nth-child(3){transition-delay:0.1s}.lp-stats__item:nth-child(5){transition-delay:0.2s}.lp-stats__item:nth-child(7){transition-delay:0.3s}.lp-stats__num{font-family:"Klee One", "Georgia", serif;font-size:clamp(2.2rem, 4vw, 3.2rem);font-weight:600;color:#a87544;line-height:1;margin-bottom:10px}.lp-stats__num span{font-size:0.5em;color:#c0883f;font-weight:700;vertical-align:super;margin-left:2px}.lp-stats__label{font-size:0.82rem;color:#6d563f;letter-spacing:0.05em}.lp-features{background:#f3e8d4;padding:120px 40px;border-top:1px solid #e7d6ba}.lp-features__inner{max-width:1200px;margin:0 auto}.lp-section-head{text-align:center;margin-bottom:72px}.lp-section-head__en{font-size:0.7rem;letter-spacing:0.35em;color:#a87544;font-weight:700;margin-bottom:12px;display:block}.lp-section-head__ja{font-family:"Klee One", "Georgia", serif;font-size:clamp(1.7rem, 3vw, 2.4rem);font-weight:600;color:#4a3c2e;margin-bottom:16px;letter-spacing:0.02em}.lp-section-head__sub{font-size:0.92rem;color:#a89077}.lp-section-head--light .lp-section-head__en{color:#a87544}.lp-section-head--light .lp-section-head__ja{color:#4a3c2e}.lp-section-head--light .lp-section-head__sub{color:#6d563f}.lp-feat-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto auto;gap:20px}.lp-feat-grid .lp-feat-card:first-child{grid-column:1;grid-row:1 / 3}.lp-feat-card{background:#ffffff;border-radius:12px;border:1px solid #e7d6ba;padding:40px 32px;position:relative;overflow:hidden;transition:box-shadow 0.3s, transform 0.3s;opacity:0;transform:translateY(24px)}.lp-feat-card.is-visible{opacity:1;transform:translateY(0)}.lp-feat-card:nth-child(1){transition-delay:0s}.lp-feat-card:nth-child(2){transition-delay:0.08s}.lp-feat-card:nth-child(3){transition-delay:0.16s}.lp-feat-card:nth-child(4){transition-delay:0.24s}.lp-feat-card:nth-child(5){transition-delay:0.32s}.lp-feat-card:hover{box-shadow:0 16px 48px rgba(92,61,30,0.14);transform:translateY(-4px) !important}.lp-feat-card--large{padding:48px 40px;background:linear-gradient(160deg, #fff, #faf4ea)}.lp-feat-card--large .lp-feat-card__ttl{font-size:1.4rem;margin-bottom:16px}.lp-feat-card--large .lp-feat-card__desc{font-size:0.95rem;line-height:2}.lp-feat-card--large .lp-feat-card__icon{margin-bottom:24px}.lp-feat-card__icon{color:#a87544;margin-bottom:20px}.lp-feat-card__icon svg{filter:drop-shadow(0 2px 4px rgba(92,61,30,0.15))}.lp-feat-card__ttl{font-family:"Klee One", "Georgia", serif;font-size:1.1rem;font-weight:600;color:#4a3c2e;margin-bottom:12px}.lp-feat-card__desc{font-size:0.875rem;color:#a89077;line-height:1.85}.lp-feat-card__deco{position:absolute;bottom:-8px;right:20px;opacity:0.35}.lp-mini-books{display:flex;align-items:flex-end;gap:3px}.lp-mini-books i{display:block;width:var(--w, 12px);height:var(--h, 40px);background:var(--c, #8b4513);border-radius:2px 2px 0 0;flex-shrink:0;position:relative}.lp-mini-books i::before{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background:rgba(255,255,255,0.15);border-radius:2px 0 0 0}.lp-community{position:relative;padding:120px 40px;overflow:hidden}.lp-community__bg{position:absolute;inset:0;background:linear-gradient(160deg, #f6ead2 0%, #f0dcbe 50%, #fbf3e2 100%);z-index:0}.lp-community__bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 100%, rgba(168,117,68,0.12) 0%, transparent 65%)}.lp-community__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}.lp-community__cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:16px}.lp-community__illust{width:clamp(240px, 34vw, 400px);height:auto;max-width:100%;display:block;margin:0 auto 16px;filter:drop-shadow(0 10px 24px rgba(140,93,51,0.18))}@media (max-width: 600px){.lp-community__illust{width:220px}}.lp-comm-card{background:#ffffff;border:1px solid rgba(168,117,68,0.18);border-radius:12px;padding:40px 32px;text-align:center;box-shadow:0 8px 28px rgba(140,93,51,0.1);transition:background 0.3s, border-color 0.3s, transform 0.3s, box-shadow 0.3s;opacity:0;transform:translateY(24px)}.lp-comm-card.is-visible{opacity:1;transform:translateY(0)}.lp-comm-card:nth-child(1){transition-delay:0s}.lp-comm-card:nth-child(2){transition-delay:0.12s}.lp-comm-card:nth-child(3){transition-delay:0.24s}.lp-comm-card:hover{border-color:rgba(168,117,68,0.4);box-shadow:0 16px 40px rgba(140,93,51,0.18);transform:translateY(-4px) !important}.lp-comm-card__icon{font-size:2.4rem;margin-bottom:20px;display:block;filter:grayscale(0.2)}.lp-comm-card__ttl{font-family:"Klee One", "Georgia", serif;font-size:1.05rem;font-weight:600;color:#4a3c2e;margin-bottom:12px}.lp-comm-card__desc{font-size:0.875rem;color:#6d563f;line-height:1.85}.lp-quote{background:linear-gradient(160deg, #f4e8d2, #fbf3e2);padding:100px 40px;position:relative;overflow:hidden}.lp-quote__inner{max-width:720px;margin:0 auto;text-align:center;position:relative}.lp-quote__illust{position:absolute;right:-40px;bottom:-40px;width:200px;height:auto;opacity:0.85;pointer-events:none}@media (max-width: 860px){.lp-quote__illust{display:none}}.lp-quote__mark{font-family:"Klee One", "Georgia", serif;font-size:10rem;color:#e8cd9c;line-height:0.6;margin-bottom:0;display:block;user-select:none;letter-spacing:-0.05em}.lp-quote__text{font-family:"Klee One", "Georgia", serif;font-size:clamp(1.2rem, 2.5vw, 1.7rem);font-weight:600;color:#4a3c2e;line-height:1.8;letter-spacing:0.04em;margin-bottom:32px;opacity:0;transform:translateY(20px);transition:opacity 0.8s ease, transform 0.8s ease}.lp-quote__text.is-visible{opacity:1;transform:translateY(0)}.lp-quote__author{font-size:0.85rem;color:#a89077;letter-spacing:0.15em}.lp-quote__author::before{content:'';display:inline-block;width:24px;height:1px;background:#a89077;vertical-align:middle;margin-right:12px}.lp-cta{background:linear-gradient(160deg, #a87544 0%, #8c5d33 50%, #a87544 100%);padding:120px 40px;position:relative;overflow:hidden}.lp-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%, rgba(255,255,255,0.18) 0%, transparent 70%)}.lp-cta__inner{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:1}.lp-cta__deco{margin-bottom:40px;display:flex;justify-content:center}.lp-cta__books{display:flex;align-items:flex-end;gap:4px}.lp-cta__tag{font-size:0.72rem;letter-spacing:0.25em;color:rgba(255,255,255,0.92);font-weight:600;margin-bottom:20px;display:block}.lp-cta__illust{width:clamp(140px, 18vw, 220px);height:auto;max-width:100%;margin:0 auto 8px;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.12))}.lp-cta__title{font-family:"Klee One", "Georgia", serif;font-size:clamp(1.8rem, 4vw, 3rem);font-weight:600;color:#ffffff;line-height:1.4;margin-bottom:20px;letter-spacing:0.02em}.lp-cta__desc{font-size:0.95rem;color:rgba(255,255,255,0.6);line-height:2;margin-bottom:48px}.lp-cta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.lp-cta__actions .lp-btn--primary{background:#ffffff;color:#8c5d33;border-color:#ffffff;box-shadow:0 6px 22px rgba(0,0,0,0.18)}.lp-cta__actions .lp-btn--primary:hover{background:#faf4ea;color:#8c5d33;border-color:#faf4ea}.lp-cta__actions .lp-btn--outline{color:#ffffff;border-color:rgba(255,255,255,0.7)}.lp-cta__actions .lp-btn--outline:hover{background:rgba(255,255,255,0.15);color:#ffffff;border-color:#ffffff}.lp-cta-book{display:block;width:var(--w, 16px);height:var(--h, 60px);background:var(--c, #8b4513);border-radius:2px 4px 4px 2px;transform:rotate(var(--r, 0deg));transform-origin:bottom center;box-shadow:2px 2px 8px rgba(0,0,0,0.4);opacity:0.75;position:relative}.lp-cta-book::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:rgba(0,0,0,0.2);border-right:1px solid rgba(255,255,255,0.06)}.lp-footer{background:linear-gradient(135deg, #a87544, #8c5d33);padding:60px 40px 40px;color:rgba(255,255,255,0.8)}.lp-footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:24px 48px;align-items:start}.lp-footer__brand{grid-column:1;grid-row:1}.lp-footer__logo{font-family:"Klee One", "Georgia", serif;font-size:1.4rem;font-weight:600;color:#ffffff;letter-spacing:0.06em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.lp-footer__logo span{color:#e8cd9c;font-size:0.75em}.lp-footer__logo-img{height:36px;width:auto;background:rgba(255,255,255,0.92);border-radius:8px;padding:3px 5px}.lp-footer__tagline{font-size:0.8rem;color:rgba(255,255,255,0.7);letter-spacing:0.08em}.lp-footer__nav{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:10px;text-align:right}.lp-footer__nav a{font-size:0.82rem;color:rgba(255,255,255,0.75);transition:color 0.2s}.lp-footer__nav a:hover{color:#ffffff}.lp-footer__copy{grid-column:1 / -1;grid-row:2;font-size:0.75rem;color:rgba(255,255,255,0.55);padding-top:24px;border-top:1px solid rgba(255,255,255,0.2);letter-spacing:0.05em}.ad-zone{width:100%;background:#f3e8d4;line-height:0}.ad-carousel{position:relative;width:100%;margin:0;padding:0}.ad-carousel--tall .ad-carousel__track{height:280px}.ad-carousel--short .ad-carousel__track{height:120px}.ad-carousel__track{position:relative;width:100%;height:120px}.ad-carousel__slide{position:absolute;inset:0;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.ad-carousel__slide.is-active{opacity:1;pointer-events:auto}.ad-carousel__link{display:block;width:100%;height:100%}.ad-carousel__img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.ad-carousel__placeholder{width:100%;height:100%;background:linear-gradient(135deg, #f3e8d4, #e7d6ba);display:flex;align-items:center;justify-content:center}.ad-carousel__placeholder-text{font-size:0.75rem;color:rgba(109,86,63,0.5);font-weight:600;letter-spacing:0.15em;text-transform:uppercase}.ad-carousel__dots{display:flex;justify-content:center;gap:6px;padding:8px 0 6px;background:#f3e8d4;line-height:1}.ad-carousel__dot{width:6px;height:6px;border-radius:50%;background:rgba(140,93,51,0.3);border:none;padding:0;cursor:pointer;transition:background 0.2s, transform 0.2s}.ad-carousel__dot.is-active{background:#a87544;transform:scale(1.4)}.lp-br{display:block}.lp-br-md{display:block}@media (max-width: 600px){.lp-br{display:none}}@media (max-width: 480px){.lp-br-md{display:none}}@media (max-width: 1024px){.lp-hero__content{padding-left:6%}.lp-feat-grid{grid-template-columns:repeat(2, 1fr)}.lp-feat-grid .lp-feat-card:first-child{grid-column:1 / -1;grid-row:auto}}@media (max-width: 768px){.lp-hero__content{padding:130px 24px 80px;max-width:100%}.lp-hero__bg-layer--1{background-position:78% bottom}.lp-hero__bg-layer--2{background:linear-gradient(to bottom, rgba(250,244,234,0.92) 0%, rgba(250,244,234,0.7) 40%, rgba(250,244,234,0.25) 70%, transparent 100%)}.lp-about,.lp-features,.lp-community,.lp-quote,.lp-cta{padding:80px 24px}.lp-journey{flex-direction:column;align-items:center}.lp-journey__line{display:none}.lp-journey__card{max-width:100%;padding:28px 16px}.lp-stats__inner{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0}.lp-stats__inner .lp-stats__divider:nth-child(4){display:none}.lp-feat-grid{grid-template-columns:1fr}.lp-feat-grid .lp-feat-card:first-child{grid-column:auto}.lp-community__cards{grid-template-columns:1fr}.lp-footer__inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center;justify-items:center}.lp-footer__inner .lp-footer__brand{grid-column:1;grid-row:auto}.lp-footer__inner .lp-footer__nav{grid-column:1;grid-row:auto;text-align:center;flex-direction:row;flex-wrap:wrap;justify-content:center}.lp-footer__inner .lp-footer__copy{grid-column:1;grid-row:auto}.lp-header__inner{padding:0 20px}}@media (max-width: 480px){.lp-stats__inner{grid-template-columns:1fr}.lp-stats__inner .lp-stats__divider{display:none}.lp-hero__title{font-size:2.4rem}}.avatar-wrap{position:relative;cursor:pointer}.avatar--img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #e8ddd0}.avatar-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e8ddd0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);min-width:150px;z-index:200;overflow:hidden}.avatar-dropdown.open{display:block}.avatar-dropdown__form{display:block;width:100%}.avatar-dropdown__item{display:flex;align-items:center;gap:8px;padding:11px 16px;width:100%;font-size:.85rem;font-family:inherit;color:#4a3728;text-decoration:none;text-align:left;background:none;border:none;cursor:pointer;box-sizing:border-box;transition:background .15s}.avatar-dropdown__item:hover{background:#faf6f1}.avatar-dropdown__item--danger{color:#c0392b}.avatar-dropdown__item--danger:hover{background:#fdf2f2}.mypage{display:flex;flex-direction:column;gap:24px;width:100%}.mypage-card{background:#fff;border-radius:16px;border:1px solid #e8ddd0;padding:28px 28px 24px}.mypage-card__hero{display:flex;align-items:flex-start;gap:20px}.mypage-avatar-wrap{position:relative;flex-shrink:0}.mypage-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#c8a882;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;border:3px solid #e8ddd0}.mypage-avatar--default{background:linear-gradient(135deg, #c8a882, #a0785a)}.mypage-avatar-edit{position:absolute;bottom:2px;right:2px;background:#fff;border:1.5px solid #e8ddd0;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b5544;box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:background .15s}.mypage-avatar-edit:hover{background:#faf6f1}.mypage-card__info{flex:1;min-width:0}.mypage-name{font-size:1.25rem;font-weight:700;color:#2c1e12;margin:0 0 2px}.mypage-fullname{font-size:.83rem;color:#8b7355;margin:0 0 2px}.mypage-username{font-size:.8rem;color:#a08060;margin:0 0 6px}.mypage-bio{font-size:.85rem;color:#5a4235;line-height:1.55;margin:0}.mypage-bio--empty{color:#bba990;font-style:italic}.mypage-edit-btn{display:flex;align-items:center;gap:6px;background:none;border:1.5px solid #c8a882;border-radius:8px;padding:7px 14px;font-size:.8rem;color:#6b5544;cursor:pointer;white-space:nowrap;transition:background .15s, border-color .15s}.mypage-edit-btn:hover{background:#faf6f1;border-color:#a07850}.mypage-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #f0e8de}.mypage-stat{display:flex;flex-direction:column;align-items:center;background:#faf6f1;border-radius:10px;padding:10px 18px;min-width:76px;flex:1}.mypage-stat--link{cursor:pointer;transition:background .15s}.mypage-stat--link:hover{background:#f0e8de}.mypage-stat--highlight{background:#fff0f2}.mypage-stat__num{font-size:1.2rem;font-weight:700;color:#2c1e12;line-height:1}.mypage-stat__label{font-size:.7rem;color:#8b7355;margin-top:3px}.mypage-edit-form{margin-top:20px;padding-top:18px;border-top:1px solid #f0e8de}.mp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.mp-form-group{display:flex;flex-direction:column;gap:4px}.mp-form-group--full{grid-column:1 / -1}.mp-label{font-size:.78rem;font-weight:600;color:#6b5544}.mp-input{border:1.5px solid #e8ddd0;border-radius:8px;padding:8px 11px;font-size:.88rem;color:#2c1e12;background:#fdfaf7;transition:border-color .15s}.mp-input:focus{outline:none;border-color:#c8a882;background:#fff}.mp-textarea{resize:vertical;min-height:72px}.mp-input-prefix{display:flex;align-items:center;gap:0;border:1.5px solid #e8ddd0;border-radius:8px;background:#fdfaf7;overflow:hidden}.mp-input-prefix:focus-within{border-color:#c8a882}.mp-input-prefix span{padding:0 8px;color:#a08060;font-size:.88rem;background:#f4ede4;align-self:stretch;display:flex;align-items:center}.mp-input-prefix .mp-input--prefix{border:none;border-radius:0;background:transparent;flex:1}.mp-input-prefix .mp-input--prefix:focus{background:transparent}.mp-form-footer{display:flex;gap:10px;margin-top:14px}.mp-btn{border:none;border-radius:8px;padding:9px 22px;font-size:.85rem;cursor:pointer;font-weight:600;transition:opacity .15s}.mp-btn:hover{opacity:.85}.mp-btn--primary{background:#c8a882;color:#fff}.mp-btn--cancel{background:#f0e8de;color:#6b5544}.mypage-section{background:#fff;border-radius:16px;border:1px solid #e8ddd0;padding:22px 24px}.mypage-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mypage-section-title{font-size:1rem;font-weight:700;color:#2c1e12;margin:0 0 16px}.mypage-section-header .mypage-section-title{margin:0}.mypage-section-more{font-size:.78rem;color:#c8a882;text-decoration:none}.mypage-section-more:hover{text-decoration:underline}.genre-bars{display:flex;flex-direction:column;gap:10px}.genre-bar-row{display:flex;align-items:center;gap:10px}.genre-bar-label{font-size:.8rem;color:#6b5544;width:64px;flex-shrink:0}.genre-bar-track{flex:1;background:#f0e8de;border-radius:4px;height:8px;overflow:hidden}.genre-bar-fill{height:100%;background:linear-gradient(90deg, #c8a882, #a07850);border-radius:4px;transition:width .6s ease}.genre-bar-count{font-size:.75rem;color:#8b7355;width:32px;text-align:right;flex-shrink:0}.mypage-books-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:10px}.mypage-book-thumb{text-decoration:none;display:block}.mypage-book-thumb__cover{border-radius:6px;aspect-ratio:2/3;overflow:hidden;position:relative}.mypage-book-thumb__cover img{width:100%;height:100%;object-fit:cover}.mypage-book-thumb__title{font-size:.68rem;color:#5a4235;margin:4px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.mypage-book-thumb:hover .mypage-book-thumb__cover{opacity:.85}.mypage-memos{display:flex;flex-direction:column;gap:12px}.mypage-memo-card{display:flex;gap:14px;padding:12px;background:#fdfaf7;border-radius:10px;border:1px solid #f0e8de}.mypage-memo-card__cover{width:44px;height:60px;border-radius:5px;flex-shrink:0;overflow:hidden}.mypage-memo-card__cover img{width:100%;height:100%;object-fit:cover}.mypage-memo-card__body{flex:1;min-width:0}.mypage-memo-card__book{font-size:.82rem;font-weight:600;color:#2c1e12;margin:0 0 4px}.mypage-memo-card__text{font-size:.8rem;color:#5a4235;line-height:1.5;margin:0 0 6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mypage-memo-card__tags{display:flex;flex-wrap:wrap;gap:4px}.memo-inline-tag{font-size:.7rem;background:#f0e8de;color:#8b6550;border-radius:4px;padding:1px 6px}.follow-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:500;display:flex;align-items:center;justify-content:center}.follow-modal{background:#fff;border-radius:16px;width:360px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.18)}.follow-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0e8de}.follow-modal__title{font-size:1rem;font-weight:700;color:#2c1e12;margin:0}.follow-modal__close{background:none;border:none;font-size:1rem;color:#8b7355;cursor:pointer}.follow-modal__close:hover{color:#2c1e12}.follow-modal__body{overflow-y:auto;flex:1;padding:8px 0}.follow-modal__empty{text-align:center;color:#bba990;font-size:.85rem;padding:24px}.follow-user-row{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background .15s;text-decoration:none;color:inherit;cursor:pointer}.follow-user-row:hover{background:#faf6f1}.follow-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #c8a882, #a07850);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.follow-user-name{font-size:.88rem;font-weight:600;color:#2c1e12;margin:0 0 1px}.follow-user-username{font-size:.75rem;color:#8b7355;margin:0}.comm-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.comm-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fdfaf7;border-radius:10px;border:1px solid #f0e8de}.comm-card__icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.comm-card__body{flex:1;min-width:0}.comm-card__name{font-size:.88rem;font-weight:600;color:#2c1e12;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-card__meta{display:flex;align-items:center;gap:8px;margin:0;font-size:.75rem;color:#8b7355}.comm-card__badge{padding:1px 7px;border-radius:4px;font-size:.68rem;font-weight:600}.comm-card__badge--owner{background:#fef3cd;color:#856404}.comm-card__actions{display:flex;gap:6px;flex-shrink:0}.comm-btn{display:inline-flex;align-items:center;padding:5px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s}.comm-btn:hover{opacity:.8}.comm-btn--view{background:#f0e8de;color:#6b5544}.comm-btn--leave{background:#fdf2f2;color:#c0392b;border:1px solid #f5c6cb}.comm-btn--danger{background:#fdf2f2;color:#c0392b;border:1px solid #f5c6cb}.comm-empty{font-size:.85rem;color:#bba990;text-align:center;padding:20px 0;margin:0}.comm-footer{margin-top:14px;padding-top:12px;border-top:1px solid #f0e8de;text-align:center}.comm-create-btn{display:inline-flex;align-items:center;gap:6px;background:#c8a882;color:#fff;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .15s}.comm-create-btn:hover{opacity:.85}.communities-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.communities-page__title{font-size:1.3rem;font-weight:700;color:#2c1e12;margin:0}.comm-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px}.comm-grid-card{background:#fff;border:1px solid #e8ddd0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s, transform .2s;color:inherit}.comm-grid-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.12);transform:translateY(-3px)}.comm-grid-card__cover{position:relative;height:180px;overflow:hidden;flex-shrink:0}.comm-grid-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.comm-grid-card__genre-badge{position:absolute;top:10px;left:12px;background:rgba(0,0,0,0.5);color:#fff;font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:20px;backdrop-filter:blur(4px)}.comm-grid-card__joined-badge{position:absolute;top:10px;right:12px;background:rgba(46,125,50,0.85);color:#fff;font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:20px;backdrop-filter:blur(4px)}.comm-grid-card__head{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;border-bottom:1px solid #f0e8de}.comm-grid-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.comm-grid-card__title-wrap{flex:1;min-width:0}.comm-grid-card__name{font-size:1rem;font-weight:700;color:#2c1e12;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-grid-card__members{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#8b7355;margin:0}.comm-grid-card__body{padding:12px 16px 14px;flex:1;display:flex;flex-direction:column;gap:8px}.comm-grid-card__desc{font-size:.82rem;color:#6b5544;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comm-grid-card__tags{display:flex;flex-wrap:wrap;gap:4px}.comm-section{margin-bottom:36px}.comm-section__header{margin-bottom:16px}.comm-section__title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#2c1e12;margin:0 0 4px}.comm-section__count{background:#f0e8de;color:#8b7355;font-size:.75rem;font-weight:600;padding:2px 9px;border-radius:10px}.comm-section__desc{font-size:.82rem;color:#8b7355;margin:4px 0 0 26px}.comm-empty-state{background:#fff;border:1px dashed #e0d4c8;border-radius:14px;padding:36px;text-align:center;color:#bba990;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:8px}.comm-empty-state p{margin:0}.comm-empty-state__sub{font-size:.8rem}.comm-grid-card__hot-badge{position:absolute;bottom:10px;left:12px;background:rgba(200,60,30,0.8);color:#fff;font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:20px;backdrop-filter:blur(4px)}.comm-grid-tag{font-size:.68rem;background:#f0e8de;color:#8b6550;border-radius:4px;padding:1px 6px}.comm-grid-badge{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:10px}.comm-grid-badge--joined{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.cg-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:7px;font-size:.78rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s}.cg-btn:hover{opacity:.8}.cg-btn--join{background:#c8a882;color:#fff}.cg-btn--leave{background:#fdf2f2;color:#c0392b;border:1px solid #f5c6cb}.cg-btn--view{background:#f0e8de;color:#6b5544;margin-left:auto}.community-detail{max-width:700px;background:#fff;border-radius:16px;border:1px solid #e8ddd0;padding:28px}.community-detail__header{display:flex;align-items:center;gap:16px;padding-left:12px;margin-bottom:16px}.community-detail__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}.community-detail__name{font-size:1.2rem;font-weight:700;color:#2c1e12;margin:0 0 3px}.community-detail__meta{font-size:.8rem;color:#8b7355;margin:0}.community-detail__actions{margin-left:auto}.community-detail__desc{font-size:.88rem;color:#5a4235;line-height:1.65;background:#fdfaf7;border-radius:10px;padding:14px 16px;margin-bottom:22px}.community-detail__members-title{font-size:.95rem;font-weight:700;color:#2c1e12;margin:0 0 12px}.community-detail__members{border:1px solid #f0e8de;border-radius:10px;overflow:hidden}.flash-notice{background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:8px;padding:10px 16px;font-size:.85rem;margin-bottom:16px}.form-page{max-width:560px;background:#fff;border:1px solid #e8ddd0;border-radius:16px;padding:28px}.form-page__title{font-size:1.15rem;font-weight:700;color:#2c1e12;margin:0 0 20px}.form-errors{background:#fdf2f2;border:1px solid #f5c6cb;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:.82rem;color:#c0392b}.comm-cover-upload{margin-bottom:20px}.comm-cover-preview{width:100%;height:160px;background:#faf6f1;border:2px dashed #e8ddd0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#bba990;font-size:.82rem;margin-bottom:8px;overflow:hidden}.comm-cover-label{display:inline-block;background:#f0e8de;color:#6b5544;border-radius:7px;padding:6px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.comm-cover-label:hover{background:#e8ddd0}.comm-tag{display:inline-block;background:rgba(255,255,255,0.2);color:#fff;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:500;backdrop-filter:blur(4px)}.community-page{max-width:960px}.community-header{border-radius:16px;overflow:hidden;border:1px solid #e8ddd0;margin-bottom:20px;background:#fff}.community-header__cover{height:160px;overflow:hidden}.community-header__cover img{width:100%;height:100%;object-fit:cover}.community-header__cover--default{height:120px}.community-header__body{display:flex;align-items:flex-start;gap:16px;padding:16px 20px 20px}.community-header__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:-36px;border:3px solid #fff}.community-header__info{flex:1}.community-header__name{font-size:1.2rem;font-weight:700;color:#2c1e12;margin:0 0 3px}.community-header__meta{font-size:.8rem;color:#8b7355;margin:0 0 6px}.community-header__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.community-header__tags .comm-tag{background:#f0e8de;color:#6b5544;backdrop-filter:none}.community-header__desc{font-size:.85rem;color:#5a4235;line-height:1.55;margin:0}.community-header__actions{flex-shrink:0}.community-main{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start}.community-feed{display:flex;flex-direction:column;gap:0}.post-compose{display:flex;gap:12px;background:#fff;border:1px solid #e8ddd0;border-radius:14px 14px 0 0;padding:16px;border-bottom:none}.post-compose__body{flex:1}.post-compose__input{width:100%;border:1.5px solid #e8ddd0;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#2c1e12;resize:none;background:#fdfaf7;box-sizing:border-box}.post-compose__input:focus{outline:none;border-color:#c8a882;background:#fff}.post-compose__footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.post-compose__count{font-size:.75rem;color:#bba990}.post-compose__btn{background:#c8a882;color:#fff;border:none;border-radius:8px;padding:7px 18px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.post-compose__btn:hover{opacity:.85}.post-card{display:flex;gap:12px;background:#fff;border:1px solid #e8ddd0;border-top:none;padding:14px 16px}.post-card:last-child{border-radius:0 0 14px 14px}.post-card:first-child:not(.post-compose+.post-card){border-radius:14px 14px 0 0;border-top:1px solid #e8ddd0}.post-card__body{flex:1;min-width:0}.post-card__header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.post-card__name{font-size:.88rem;font-weight:700;color:#2c1e12}.post-card__username{font-size:.78rem;color:#a08060}.post-card__time{font-size:.72rem;color:#bba990;margin-left:auto}.post-card__delete{color:#e05c6c;opacity:.6;text-decoration:none}.post-card__delete:hover{opacity:1}.post-card__text{font-size:.88rem;color:#2c1e12;line-height:1.6;margin:0 0 10px;word-break:break-word}.post-card__text p{margin:0}.post-card__actions{display:flex;gap:16px}.post-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg, #c8a882, #a07850);object-fit:cover}.post-avatar--sm{width:28px;height:28px;font-size:.72rem}.post-avatar--img{object-fit:cover}.post-action{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#8b7355;font-size:.78rem;padding:4px 6px;border-radius:6px;transition:color .15s, background .15s}.post-action:hover{background:#faf6f1}.post-action--like:hover{color:#e05c6c}.post-action--like.active{color:#e05c6c}.post-action--comment:hover{color:#6b9eb8}.post-action__count{font-size:.8rem}.post-comments{margin-top:10px;padding-top:10px;border-top:1px solid #f0e8de;display:flex;flex-direction:column;gap:10px}.comment-row{display:flex;gap:8px}.comment-row__body{flex:1}.comment-row__header{display:flex;align-items:center;gap:5px;margin-bottom:2px;flex-wrap:wrap}.comment-row__text{font-size:.82rem;color:#2c1e12;line-height:1.5;margin:0;word-break:break-word}.comment-form{display:flex;align-items:center;gap:8px;padding-top:4px}.comment-form__input{flex:1;border:1.5px solid #e8ddd0;border-radius:20px;padding:6px 14px;font-size:.82rem;background:#fdfaf7}.comment-form__input:focus{outline:none;border-color:#c8a882}.comment-form__btn{background:#c8a882;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.post-empty{background:#fff;border:1px solid #e8ddd0;border-radius:14px;padding:40px;text-align:center;color:#bba990;font-size:.9rem}.community-sidebar{background:#fff;border:1px solid #e8ddd0;border-radius:14px;overflow:hidden}.community-sidebar__section{padding:16px}.community-sidebar__title{font-size:.9rem;font-weight:700;color:#2c1e12;margin:0 0 12px}.community-sidebar__members{display:flex;flex-direction:column;gap:10px}.community-member-row{display:flex;align-items:center;gap:10px}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;background:#e05c6c;color:#fff;border-radius:10px;font-size:.62rem;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.notif-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e8ddd0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.14);width:320px;z-index:300;overflow:hidden}.notif-dropdown.open{display:block}.notif-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0e8de;font-size:.88rem;font-weight:700;color:#2c1e12}.notif-dropdown__all{font-size:.75rem;color:#c8a882;text-decoration:none;font-weight:400}.notif-dropdown__all:hover{text-decoration:underline}.notif-dropdown__list{max-height:360px;overflow-y:auto}.notif-dropdown__item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #faf6f1;transition:background .15s}.notif-dropdown__item:hover{background:#faf6f1}.notif-dropdown__item--unread{background:#fef9f5}.notif-dropdown__text{flex:1}.notif-dropdown__text p{margin:0;font-size:.8rem;color:#2c1e12;line-height:1.45}.notif-dropdown__time{font-size:.7rem;color:#bba990;margin-top:2px}.notif-dropdown__empty{text-align:center;color:#bba990;font-size:.82rem;padding:20px}.notif-dot{width:8px;height:8px;border-radius:50%;background:#e05c6c;flex-shrink:0;margin-top:6px}.notifications-page{max-width:600px}.notifications-page__title{font-size:1.2rem;font-weight:700;color:#2c1e12;margin:0 0 20px}.notif-list{background:#fff;border:1px solid #e8ddd0;border-radius:14px;overflow:hidden}.notif-row{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid #f0e8de}.notif-row:last-child{border-bottom:none}.notif-row--unread{background:#fef9f5}.notif-row--link{text-decoration:none;color:inherit;cursor:pointer;transition:background .15s}.notif-row--link:hover{background:#faf3ec}.notif-row__avatar-wrap{position:relative;flex-shrink:0}.notif-row__icon{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.18);display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1}.notif-row__body{flex:1}.notif-row__message{font-size:.85rem;color:#2c1e12;margin:0 0 3px;line-height:1.5}.notif-row__time{font-size:.72rem;color:#bba990;margin:0}.notif-empty{text-align:center;color:#bba990;font-size:.85rem;padding:40px}.comm-role-badge{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:8px}.comm-role-badge--owner{background:#fef3cd;color:#856404}.comm-role-badge--co{background:#e8f4fd;color:#1565c0}.comm-role-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#f0e8de;color:#6b5544;text-decoration:none;flex-shrink:0;transition:background .15s}.comm-role-btn:hover{background:#e8ddd0}.comm-role-btn--demote{background:#fdf2f2;color:#c0392b}.comm-role-btn--demote:hover{background:#f5c6cb}.comm-search-form{margin-bottom:24px}.comm-search-wrap{display:flex;align-items:center;background:#fff;border:1.5px solid #e8ddd0;border-radius:12px;padding:0 4px 0 14px;gap:8px;transition:border-color .15s, box-shadow .15s}.comm-search-wrap:focus-within{border-color:#c8a882;box-shadow:0 0 0 3px rgba(200,168,130,0.15)}.comm-search-icon{color:#bba990;flex-shrink:0}.comm-search-input{flex:1;border:none;background:transparent;padding:13px 0;font-size:.92rem;color:#2c1e12}.comm-search-input:focus{outline:none}.comm-search-input::placeholder{color:#bba990}.comm-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#bba990;text-decoration:none;transition:background .15s}.comm-search-clear:hover{background:#f0e8de;color:#6b5544}.comm-search-btn{background:#c8a882;color:#fff;border:none;border-radius:9px;padding:9px 22px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;margin:5px;transition:opacity .15s}.comm-search-btn:hover{opacity:.85}.comm-genre-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.comm-genre-chip{display:inline-block;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:500;background:#f0e8de;color:#6b5544;text-decoration:none;border:1.5px solid transparent;transition:background .15s, border-color .15s}.comm-genre-chip:hover{background:#e8ddd0}.comm-genre-chip.active{background:#c8a882;color:#fff;border-color:#a07850}.comm-pagination{margin-top:28px;display:flex;justify-content:center}.pagination{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.pagination .page a,.pagination .page span,.pagination .first a,.pagination .first span,.pagination .last a,.pagination .last span,.pagination .prev a,.pagination .prev span,.pagination .next a,.pagination .next span,.pagination .gap a,.pagination .gap span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;font-size:.82rem;font-weight:500;text-decoration:none;color:#6b5544;background:#fff;border:1.5px solid #e8ddd0;transition:background .15s, border-color .15s}.pagination .page a:hover,.pagination .first a:hover,.pagination .last a:hover,.pagination .prev a:hover,.pagination .next a:hover,.pagination .gap a:hover{background:#faf6f1;border-color:#c8a882}.pagination .page.current span{background:#c8a882;color:#fff;border-color:#a07850;font-weight:700}.pagination .gap span{border:none;background:transparent;color:#bba990}.pagination .prev a,.pagination .next a{font-size:.88rem}.uprofile{width:100%;display:flex;flex-direction:column;gap:24px}.uprofile-hero{background:linear-gradient(135deg, #fdfaf7 0%, #f4ede4 100%);border:1px solid #e8ddd0;border-radius:20px;padding:28px 32px;display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.uprofile-hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle, rgba(200,168,130,0.12), transparent 70%);border-radius:50%}.uprofile-hero__avatar-wrap{flex-shrink:0}.uprofile-hero__info{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}.uprofile-hero__name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.uprofile-hero__level{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:120px}.uprofile-hero__actions{margin-top:6px}.uprofile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #e8ddd0;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.uprofile-avatar--img{display:block}.uprofile-avatar--default{background:linear-gradient(135deg, #c8a882, #a0785a);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.uprofile-name{font-size:1.4rem;font-weight:700;color:#2c1e12;margin:0}.uprofile-level-badge{font-size:.75rem;font-weight:700;padding:3px 12px;border-radius:12px;background:#f0e8de;color:#6b5544}.uprofile-level-badge--master{background:linear-gradient(90deg, #e07a82, #c86070);color:#fff}.uprofile-level-badge--super_doctor{background:linear-gradient(90deg, #f6c90e, #e09c14);color:#fff}.uprofile-level-badge--bookworm{background:linear-gradient(90deg, #8882c8, #6660a8);color:#fff}.uprofile-level-badge--reader{background:linear-gradient(90deg, #c8a882, #a07850);color:#fff}.uprofile-username{font-size:.85rem;color:#8b7355;margin:0}.uprofile-bio{font-size:.88rem;color:#4a3728;line-height:1.6;margin:0}.uprofile-follow-stats{display:flex;gap:16px;font-size:.82rem;color:#8b7355}.uprofile-follow-stats strong{color:#2c1e12}.uprofile-follow-btn{display:inline-flex;align-items:center;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;background:#c8a882;color:#fff;border:1.5px solid #a07850;transition:all .15s}.uprofile-follow-btn:hover{background:#a07850}.uprofile-follow-btn--following{background:#fff;color:#6b5544;border-color:#e8ddd0}.uprofile-follow-btn--following:hover{background:#fdf2f2;border-color:#f8d0d0;color:#c0392b}.uprofile-level-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.uprofile-level-icon__emoji{font-size:2.2rem;line-height:1}.uprofile-level-icon__ring{position:absolute;inset:-4px;border-radius:50%;border:3px solid transparent}.uprofile-level-icon--beginner .uprofile-level-icon__ring{border-color:#82b88a}.uprofile-level-icon--novice .uprofile-level-icon__ring{border-color:#6b9eb8}.uprofile-level-icon--reader .uprofile-level-icon__ring{border-color:#c8a882}.uprofile-level-icon--bookworm .uprofile-level-icon__ring{border-color:#8882c8}.uprofile-level-icon--master .uprofile-level-icon__ring{border-color:#e07a82;animation:uprof-spin 3s linear infinite}.uprofile-level-icon--super_doctor .uprofile-level-icon__ring{border-color:#f6c90e;box-shadow:0 0 12px rgba(246,201,14,0.5);animation:uprof-spin 2s linear infinite}.uprofile-level-desc{font-size:.72rem;color:#8b7355;line-height:1.4;max-width:120px;margin:0}@keyframes uprof-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.uprofile-stats-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px}.uprofile-stat-card{background:#fff;border:1px solid #e8ddd0;border-radius:14px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:4px}.uprofile-stat-card--accent{background:linear-gradient(135deg, #c8a882, #a07850);border-color:transparent}.uprofile-stat-card--accent .uprofile-stat-card__num,.uprofile-stat-card--accent .uprofile-stat-card__label{color:#fff}.uprofile-stat-card__num{font-size:2rem;font-weight:700;color:#2c1e12;line-height:1}.uprofile-stat-card__label{font-size:.72rem;color:#8b7355;text-align:center;line-height:1.3}.uprofile-section{background:#fff;border:1px solid #e8ddd0;border-radius:16px;padding:22px 24px}.uprofile-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.uprofile-section__title{font-size:1rem;font-weight:700;color:#2c1e12;margin:0 0 18px}.uprofile-section__header .uprofile-section__title{margin:0}.uprofile-section__count{font-size:.78rem;font-weight:600;color:#8b7355;background:#f0e8de;padding:2px 10px;border-radius:10px}.uprofile-barometer{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.uprofile-barometer__level{display:flex;flex-direction:column;gap:16px}.uprofile-barometer__charts{display:flex;flex-direction:column;gap:16px}.uprofile-level-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.uprofile-level-progress__current{font-size:.88rem;font-weight:700;color:#2c1e12}.uprofile-level-progress__next{font-size:.75rem;color:#8b7355}.uprofile-level-progress__bar{height:10px;background:#e8ddd0;border-radius:5px;overflow:hidden;margin-bottom:4px}.uprofile-level-progress__fill{height:100%;background:linear-gradient(90deg, #c8a882, #a07850);border-radius:5px;transition:width .8s ease}.uprofile-level-progress__pct{font-size:.72rem;color:#c8a882;font-weight:600;margin:0}.uprofile-level-steps{display:flex;flex-direction:column;gap:4px}.uprofile-level-step{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:8px;opacity:.35;font-size:.78rem;color:#2c1e12}.uprofile-level-step.reached{opacity:.65}.uprofile-level-step.current{opacity:1;background:#fdf8f3;border:1px solid #e8ddd0;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.uprofile-level-step__label{flex:1}.uprofile-level-step__range{font-size:.68rem;color:#bba990;white-space:nowrap}.uprofile-chart-card{background:#faf6f1;border:1px solid #e8ddd0;border-radius:12px;padding:16px}.uprofile-chart-card__title{font-size:.88rem;font-weight:700;color:#2c1e12;margin:0 0 12px}.uprofile-pie-wrap{display:flex;align-items:center;gap:16px}.uprofile-pie-legend{flex:1;display:flex;flex-direction:column;gap:6px}.uprofile-legend-row{display:flex;align-items:center;gap:6px}.uprofile-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.uprofile-legend-label{font-size:.75rem;color:#2c1e12;flex:1}.uprofile-legend-count{font-size:.72rem;font-weight:600;color:#6b5544}.uprofile-shelves-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:14px}.uprofile-shelf-card{background:#faf6f1;border:1px solid #e8ddd0;border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .2s, transform .2s}.uprofile-shelf-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}.uprofile-shelf-card__preview{background:linear-gradient(135deg, #f0e8de, #e8ddd0);padding:12px;display:flex;gap:4px;align-items:flex-end;min-height:72px}.uprofile-shelf-card__mini{width:30px;height:44px;border-radius:3px;overflow:hidden;box-shadow:1px 2px 4px rgba(0,0,0,0.2)}.uprofile-shelf-card__mini img{width:100%;height:100%;object-fit:cover}.uprofile-shelf-card__mini--empty{background:#d8cfc4;opacity:.35}.uprofile-shelf-card__body{padding:10px 12px}.uprofile-shelf-card__name{font-size:.85rem;font-weight:700;color:#2c1e12;margin:0 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uprofile-shelf-card__meta{font-size:.72rem;color:#8b7355;margin:0}.uprofile-posts{display:flex;flex-direction:column;gap:0}.uprofile-post-card{display:block;padding:12px 0;border-bottom:1px solid #f0e8de;text-decoration:none;transition:background .12s}.uprofile-post-card:last-child{border-bottom:none}.uprofile-post-card:hover{background:#faf6f1;padding-left:8px;margin:0 -8px;border-radius:8px}.uprofile-post-card__body{font-size:.88rem;color:#2c1e12;line-height:1.6;margin:0 0 6px}.uprofile-post-card__meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:#8b7355}.uprofile-post-card__community{display:flex;align-items:center;gap:3px}.uprofile-post-card__likes{color:#c0607a;font-weight:600;margin-left:auto}.uprofile-communities{display:flex;gap:8px;flex-wrap:wrap}.uprofile-comm-chip{padding:6px 14px;border-radius:16px;background:#f0e8de;color:#6b5544;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s}.uprofile-comm-chip:hover{background:#c8a882;color:#fff}@media (max-width: 1024px){.community-main{grid-template-columns:1fr}.uprofile-barometer{grid-template-columns:1fr}}@media (max-width: 768px){.mp-form-grid{grid-template-columns:1fr}.mypage-books-grid{grid-template-columns:repeat(4, 1fr)}.uprofile-stats-row{grid-template-columns:repeat(2, 1fr)}.mypage-card__hero{flex-wrap:wrap}.mypage-card__info{flex:1 1 auto}.mypage-edit-btn{order:3;width:100%;justify-content:center;margin-top:6px}}@media (max-width: 480px){.mypage-books-grid{grid-template-columns:repeat(3, 1fr)}}.rr-page{display:flex;flex-direction:column;gap:20px;width:100%}.rr-header{display:flex;align-items:center;justify-content:space-between}.rr-header__title{font-size:1.4rem;font-weight:700;color:#2c1e12;margin:0 0 4px}.rr-header__sub{font-size:.85rem;color:#8b7355;margin:0}.rr-period-selector{display:flex;gap:8px;flex-wrap:wrap}.rr-period-btn{padding:7px 18px;border-radius:20px;font-size:.82rem;font-weight:500;text-decoration:none;background:#fff;border:1.5px solid #e8ddd0;color:#6b5544;transition:all .15s}.rr-period-btn:hover{background:#faf6f1;border-color:#c8a882}.rr-period-btn.active{background:#c8a882;color:#fff;border-color:#a07850;font-weight:700}.rr-level-card{background:linear-gradient(135deg, #fdfaf7 0%, #f4ede4 100%);border:1px solid #e8ddd0;border-radius:20px;padding:24px 28px;display:flex;align-items:flex-start;gap:24px;position:relative;overflow:hidden}.rr-level-card::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle, rgba(200,168,130,0.15), transparent 70%);border-radius:50%}.rr-level-card__rank{flex-shrink:0}.rr-level-card__body{flex:1;min-width:0}.rr-level-card__label{font-size:.78rem;color:#8b7355;margin:0 0 2px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rr-level-card__title{font-size:1.6rem;font-weight:700;color:#2c1e12;margin:0 0 6px}.rr-level-card__desc{font-size:.88rem;color:#5a4235;line-height:1.6;margin:0 0 14px}.rr-level-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.rr-level-icon__emoji{font-size:2.2rem;line-height:1}.rr-level-icon__ring{position:absolute;inset:-4px;border-radius:50%;border:3px solid transparent}.rr-level-icon--beginner .rr-level-icon__ring{border-color:#82b88a}.rr-level-icon--novice .rr-level-icon__ring{border-color:#6b9eb8}.rr-level-icon--reader .rr-level-icon__ring{border-color:#c8a882}.rr-level-icon--bookworm .rr-level-icon__ring{border-color:#8882c8}.rr-level-icon--master .rr-level-icon__ring{border-color:#e07a82;animation:spin-ring 3s linear infinite}.rr-level-icon--super_doctor .rr-level-icon__ring{border-color:#f6c90e;box-shadow:0 0 12px rgba(246,201,14,0.5);animation:spin-ring 2s linear infinite}@keyframes spin-ring{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rr-level-progress__bar{height:8px;background:#e8ddd0;border-radius:4px;overflow:hidden;margin-bottom:6px}.rr-level-progress__fill{height:100%;background:linear-gradient(90deg, #c8a882, #a07850);border-radius:4px;transition:width .8s ease}.rr-level-progress__label{font-size:.78rem;color:#8b7355;margin:0}.rr-level-progress__pct{color:#c8a882;font-weight:600}.rr-level-steps{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.rr-level-step{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;opacity:.4;transition:opacity .2s}.rr-level-step.reached{opacity:.7}.rr-level-step.current{opacity:1;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);font-weight:600}.rr-level-step__emoji{font-size:1rem}.rr-level-step__label{font-size:.75rem;color:#2c1e12;white-space:nowrap}.rr-stats-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px}.rr-stat-card{background:#fff;border:1px solid #e8ddd0;border-radius:14px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:4px}.rr-stat-card--accent{background:linear-gradient(135deg, #c8a882, #a07850);border-color:transparent}.rr-stat-card--accent .rr-stat-card__num,.rr-stat-card--accent .rr-stat-card__label{color:#fff}.rr-stat-card__num{font-size:2rem;font-weight:700;color:#2c1e12;line-height:1}.rr-stat-card__label{font-size:.72rem;color:#8b7355;text-align:center;line-height:1.3}.rr-charts{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.rr-chart-card{background:#fff;border:1px solid #e8ddd0;border-radius:16px;padding:22px}.rr-chart-card__title{font-size:.95rem;font-weight:700;color:#2c1e12;margin:0 0 18px}.rr-pie-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rr-pie-legend{flex:1;display:flex;flex-direction:column;gap:8px;min-width:120px}.rr-legend-row{display:flex;align-items:center;gap:6px}.rr-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.rr-legend-label{font-size:.8rem;color:#2c1e12;flex:1}.rr-legend-count{font-size:.78rem;font-weight:600;color:#2c1e12;white-space:nowrap}.rr-legend-pct{font-size:.72rem;color:#8b7355;width:32px;text-align:right}.rr-bar-wrap{height:220px;position:relative}.rr-empty{text-align:center;color:#bba990;font-size:.88rem;padding:40px 0}.rr-book-section{background:#fff;border:1px solid #e8ddd0;border-radius:16px;padding:22px}.rr-section-title{font-size:.95rem;font-weight:700;color:#2c1e12;margin:0 0 16px;display:flex;align-items:center;gap:8px}.rr-section-count{background:#f0e8de;color:#8b7355;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px}.rr-book-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:12px;margin-bottom:16px}.rr-book-card{text-decoration:none;display:flex;flex-direction:column;gap:6px}.rr-book-card__cover{aspect-ratio:2/3;border-radius:8px;overflow:hidden;position:relative}.rr-book-card__cover img{width:100%;height:100%;object-fit:cover}.rr-book-card__info{display:flex;flex-direction:column;gap:2px}.rr-book-card__title{font-size:.72rem;font-weight:600;color:#2c1e12;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.rr-book-card__author{font-size:.65rem;color:#8b7355;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rr-book-card__genre{display:inline-block;font-size:.65rem;padding:2px 8px;border-radius:20px;font-weight:700;margin-top:4px;letter-spacing:.02em}.rr-book-card__rating{font-size:.7rem;margin-top:2px}.rr-book-card:hover .rr-book-card__cover{opacity:.85}.rr-more-btn{display:block;text-align:center;padding:10px;background:#faf6f1;border-radius:10px;color:#6b5544;text-decoration:none;font-size:.82rem;font-weight:600;transition:background .15s}.rr-more-btn:hover{background:#f0e8de}@media (max-width: 900px){.rr-charts{grid-template-columns:1fr}.rr-book-grid{grid-template-columns:repeat(4, 1fr)}}@media (max-width: 760px){.rr-period-selector{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.rr-period-selector::-webkit-scrollbar{display:none}.rr-period-btn{flex:0 0 auto;white-space:nowrap}.rr-level-card{flex-direction:column;align-items:center;text-align:center;padding:22px 18px;gap:16px}.rr-level-card__body{width:100%}.rr-level-card__title{font-size:1.4rem}.rr-level-steps{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 8px;width:100%}}@media (max-width: 600px){.rr-stats-row{grid-template-columns:repeat(2, 1fr)}.rr-book-grid{grid-template-columns:repeat(3, 1fr)}}.search-page{font-family:"Zen Maru Gothic", sans-serif;color:#1C1712;padding-bottom:3rem}.search-hero{background:linear-gradient(135deg, #FAF7F2 0%, #F0E8DB 100%);border-radius:16px;padding:2.5rem 2rem 1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(28,23,18,0.06)}.search-hero__title{font-family:"Klee One", serif;font-size:1.6rem;font-weight:600;color:#6B4C2A;margin:0 0 1.2rem;text-align:center}.search-bar{display:flex;align-items:center;gap:0.5rem;background:#fff;border-radius:50px;padding:0.5rem 0.75rem 0.5rem 1rem;box-shadow:0 2px 12px rgba(28,23,18,0.1);transition:box-shadow 0.25s ease;max-width:680px;margin:0 auto}.search-bar:focus-within{box-shadow:0 4px 24px rgba(201,149,42,0.35)}.search-bar__icon{flex-shrink:0;color:#8A7A6A}.search-bar__input{flex:1;border:none;outline:none;font-family:"Zen Maru Gothic", sans-serif;font-size:1rem;color:#1C1712;background:transparent;min-width:0}.search-bar__input::placeholder{color:#8A7A6A}.search-bar__clear{flex-shrink:0;background:none;border:none;cursor:pointer;color:#8A7A6A;display:flex;align-items:center;padding:0.2rem;border-radius:50%;transition:background 0.15s}.search-bar__clear:hover{background:#f0e8db}.search-bar__btn{flex-shrink:0;background:#C9952A;color:#fff;border:none;border-radius:50px;padding:0.5rem 1.2rem;font-family:"Zen Maru Gothic", sans-serif;font-size:0.9rem;font-weight:700;cursor:pointer;transition:background 0.2s, transform 0.15s}.search-bar__btn:hover{background:#a77c23;transform:translateY(-1px)}.search-tabs{display:flex;justify-content:center;gap:0;margin-top:1.5rem;border-bottom:2px solid #E8E0D4}.search-tab{background:none;border:none;padding:0.6rem 1.4rem;font-family:"Zen Maru Gothic", sans-serif;font-size:0.95rem;color:#8A7A6A;cursor:pointer;position:relative;transition:color 0.2s;border-bottom:3px solid transparent;margin-bottom:-2px}.search-tab:hover{color:#1C1712}.search-tab--active{color:#C9952A;font-weight:700;border-bottom-color:#C9952A}.search-content{padding:0 0.5rem}.search-genre-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.search-genre-chip{display:inline-block;padding:0.3rem 0.9rem;border-radius:50px;background:#fff;border:1.5px solid #E8E0D4;font-size:0.85rem;color:#8A7A6A;text-decoration:none;transition:all 0.2s}.search-genre-chip:hover{border-color:#C9952A;color:#C9952A}.search-genre-chip--active{background:#C9952A;border-color:#C9952A;color:#fff}.search-section-title{font-family:"Klee One", serif;font-size:1.1rem;font-weight:600;color:#6B4C2A;margin:0 0 1.2rem;padding-bottom:0.4rem;border-bottom:2px solid #E8E0D4}.search-books-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.2rem}@media (max-width: 900px){.search-books-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 600px){.search-books-grid{grid-template-columns:repeat(2, 1fr)}}.search-books-grid--compact{grid-template-columns:repeat(6, 1fr);gap:0.9rem}@media (max-width: 900px){.search-books-grid--compact{grid-template-columns:repeat(4, 1fr)}}@media (max-width: 600px){.search-books-grid--compact{grid-template-columns:repeat(3, 1fr)}}.search-book-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(28,23,18,0.07);transition:transform 0.2s, box-shadow 0.2s;display:flex;flex-direction:column;cursor:pointer;color:inherit;text-decoration:none}.search-book-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(28,23,18,0.13)}.search-book-card:hover .search-book-card__img{transform:scale(1.04)}.search-book-card:hover .search-book-card__add{background:#C9952A;color:#fff}.search-book-card__cover{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#f0e8db}.search-book-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease}.search-book-card__no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"Klee One", serif;font-size:0.9rem;color:#fff;text-align:center;padding:0.5rem;background:#D4C5A9}.search-book-card__badge{position:absolute;bottom:6px;right:6px;font-size:0.7rem;border-radius:20px;padding:0.15rem 0.5rem;font-weight:700}.search-book-card__badge--owned{background:rgba(201,149,42,0.92);color:#fff;border:1.5px solid #C9952A}.search-book-card__badge--count{background:rgba(28,23,18,0.65);color:#fff;bottom:auto;top:6px;right:6px}.search-book-card__body{padding:0.7rem 0.75rem 0.75rem;display:flex;flex-direction:column;flex:1}.search-book-card__title{font-size:0.82rem;font-weight:700;color:#1C1712;margin:0 0 0.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.search-book-card__author{font-size:0.75rem;color:#8A7A6A;margin:0 0 0.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-book-card__add{display:block;margin-top:auto;text-align:center;font-size:0.78rem;font-weight:700;color:#C9952A;text-decoration:none;border:1.5px solid #C9952A;border-radius:6px;padding:0.3rem 0.4rem;transition:background 0.2s, color 0.2s}.search-book-card__add:hover{background:#C9952A;color:#fff}.search-users-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.75rem}.search-user-item{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:12px;padding:1rem 1.2rem;box-shadow:0 2px 8px rgba(28,23,18,0.06);transition:transform 0.15s, box-shadow 0.15s}.search-user-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(28,23,18,0.1)}@media (max-width: 600px){.search-user-item{flex-wrap:wrap}}.search-user-avatar{width:52px;height:52px;border-radius:50%;background:#C9952A;color:#fff;font-family:"Klee One", serif;font-size:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}.search-user-avatar--img{object-fit:cover}a .search-user-avatar{display:flex}.search-user-info{flex:1;min-width:0}.search-user-name{font-weight:700;font-size:0.95rem;color:#1C1712;text-decoration:none;display:block;margin-bottom:0.15rem}.search-user-name:hover{color:#C9952A}.search-user-meta{font-size:0.8rem;color:#8A7A6A;margin:0}.search-user-follow-btn{flex-shrink:0;padding:0.45rem 1rem;border-radius:50px;font-family:"Zen Maru Gothic", sans-serif;font-size:0.85rem;font-weight:700;cursor:pointer;border:1.5px solid #C9952A;background:#C9952A;color:#fff;transition:background 0.2s, color 0.2s, transform 0.15s}.search-user-follow-btn:hover:not(:disabled){background:#a77c23;transform:scale(1.04)}.search-user-follow-btn--following{background:transparent;color:#C9952A}.search-user-follow-btn--following:hover{background:#fff0f0;border-color:#c0392b;color:#c0392b}.search-user-follow-btn:disabled{opacity:0.6;cursor:not-allowed}.search-shelves-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.2rem}@media (max-width: 900px){.search-shelves-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.search-shelves-grid{grid-template-columns:1fr}}.search-shelf-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(28,23,18,0.08);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform 0.2s, box-shadow 0.2s}.search-shelf-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(28,23,18,0.14)}.search-shelf-card__covers{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:160px;overflow:hidden}.search-shelf-card__cover-img{width:100%;height:100%;object-fit:cover;display:block}.search-shelf-card__cover-blank{width:100%;height:100%;background:#e8ddd0}.search-shelf-card__cover-blank--empty{background:#f0e8db}.search-shelf-card__body{padding:0.85rem 1rem}.search-shelf-card__name{font-family:"Klee One", serif;font-size:0.95rem;font-weight:600;color:#1C1712;margin:0 0 0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-shelf-card__user{font-size:0.78rem;color:#8A7A6A;margin:0 0 0.3rem}.search-shelf-card__meta{font-size:0.78rem;color:#8A7A6A;margin:0}.search-empty{text-align:center;padding:4rem 2rem}.search-empty__emoji{font-size:3rem;margin:0 0 0.8rem}.search-empty__msg{font-family:"Klee One", serif;font-size:1.05rem;color:#1C1712;margin:0 0 0.8rem}.search-empty__sub{font-size:0.88rem;color:#8A7A6A}.search-empty__sub a{color:#C9952A;text-decoration:none}.search-empty__sub a:hover{text-decoration:underline}.settings-page{max-width:720px;margin:0 auto;padding:0 0 3rem}.settings-header{margin-bottom:1.5rem}.settings-header__title{font-family:'Klee One', cursive;font-size:1.75rem;font-weight:600;color:#1C1712}.settings-flash{padding:0.85rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:0.9rem;font-family:'Zen Maru Gothic', sans-serif}.settings-flash--notice{background:#E8F5E9;color:#1B5E20;border-left:3px solid #4CAF50}.settings-flash--alert{background:#FFEBEE;color:#D32F2F;border-left:3px solid #D32F2F}.settings-tabs{display:flex;gap:0;border-bottom:2px solid rgba(0,0,0,0.1);margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tabs__item{display:flex;align-items:center;gap:0.4rem;padding:0.75rem 1.1rem;font-size:0.875rem;font-family:'Zen Maru Gothic', sans-serif;color:#777;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color 0.2s, border-color 0.2s}.settings-tabs__item svg{opacity:0.6;transition:opacity 0.2s}.settings-tabs__item:hover{color:#C9952A}.settings-tabs__item:hover svg{opacity:1}.settings-tabs__item.active{color:#C9952A;border-bottom-color:#C9952A;font-weight:500}.settings-tabs__item.active svg{opacity:1}.settings-tabs__item--danger:hover{color:#D32F2F}.settings-tabs__item--danger.active{color:#D32F2F;border-bottom-color:#D32F2F}.settings-section{margin-bottom:2rem}.settings-section__title{font-family:'Klee One', cursive;font-size:1rem;font-weight:600;color:#1C1712;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(0,0,0,0.1)}.settings-section__title--danger{color:#D32F2F;border-bottom-color:rgba(211,47,47,0.2)}.settings-card{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:12px;padding:1.5rem}.settings-card--danger{border-color:rgba(211,47,47,0.2);background:#FFEBEE}.settings-card__current{font-size:0.9rem;color:#555;margin-bottom:1rem;font-family:'Zen Maru Gothic', sans-serif}.settings-card__desc{font-size:0.875rem;color:#666;margin-bottom:1rem;font-family:'Zen Maru Gothic', sans-serif}.settings-form__group{margin-bottom:1rem}.settings-form__label{display:block;font-size:0.85rem;font-weight:500;color:#1C1712;margin-bottom:0.4rem;font-family:'Zen Maru Gothic', sans-serif}.settings-form__input,.settings-form__textarea{display:block;width:100%;padding:0.65rem 0.9rem;border:1.5px solid #ddd;border-radius:8px;font-size:0.95rem;font-family:'Zen Maru Gothic', sans-serif;color:#1C1712;background:#FAF7F2;transition:border-color 0.2s, box-shadow 0.2s;box-sizing:border-box}.settings-form__input:focus,.settings-form__textarea:focus{outline:none;border-color:#C9952A;box-shadow:0 0 0 3px rgba(201,149,42,0.12)}.settings-form__textarea{resize:vertical;min-height:100px}.settings-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.65rem 1.4rem;border-radius:8px;font-size:0.9rem;font-family:'Zen Maru Gothic', sans-serif;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:background 0.2s, transform 0.1s}.settings-btn--primary{background:#C9952A;color:#fff}.settings-btn--primary:hover{background:#a77c23}.settings-btn--secondary{background:transparent;color:#1C1712;border:1.5px solid #ccc}.settings-btn--secondary:hover{background:#f5f5f5}.settings-btn--mt{margin-top:1.25rem}.settings-btn--deactivate{background:#ccc;color:#fff;cursor:not-allowed;opacity:0.6}.settings-btn--deactivate-ready{background:#D32F2F !important;cursor:pointer !important;opacity:1 !important}.settings-btn--deactivate-ready:hover{background:#b32626 !important}.settings-btn:disabled{cursor:not-allowed;opacity:0.6}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,0.1)}.settings-toggle-row:last-of-type{border-bottom:none}.settings-toggle-info{display:flex;flex-direction:column;gap:0.2rem}.settings-toggle-label{font-size:0.95rem;font-weight:500;color:#1C1712;font-family:'Zen Maru Gothic', sans-serif}.settings-toggle-desc{font-size:0.8rem;color:#888;font-family:'Zen Maru Gothic', sans-serif}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch__input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:26px;transition:background 0.3s}.toggle-switch__slider::before{content:'';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform 0.3s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.toggle-switch__input:checked+.toggle-switch__slider{background:#C9952A}.toggle-switch__input:checked+.toggle-switch__slider::before{transform:translateX(22px)}.settings-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 560px){.settings-support-grid{grid-template-columns:1fr}}.settings-support-card{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1.5rem;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:12px;text-decoration:none;color:#1C1712;transition:border-color 0.2s, transform 0.15s, box-shadow 0.2s}.settings-support-card:hover{border-color:#C9952A;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.08)}.settings-support-card__icon{color:#C9952A;margin-bottom:0.25rem}.settings-support-card__title{font-family:'Klee One', cursive;font-size:1.05rem;font-weight:600}.settings-support-card__desc{font-size:0.85rem;color:#666;font-family:'Zen Maru Gothic', sans-serif;line-height:1.5}.settings-support-card__link{font-size:0.85rem;color:#C9952A;font-weight:500;margin-top:auto}.deactivate-warnings{display:flex;flex-direction:column;gap:0.75rem}.deactivate-warnings__item{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.9rem;font-family:'Zen Maru Gothic', sans-serif;color:#ab2424;line-height:1.5}.deactivate-warnings__item svg{flex-shrink:0;margin-top:2px;color:#D32F2F}.deactivate-warnings__item strong{font-weight:600}.deactivate-reasons{display:flex;flex-direction:column;gap:0.6rem;margin-top:0.75rem}.deactivate-reason{display:flex;align-items:center;gap:0.6rem;cursor:pointer;padding:0.5rem 0.75rem;border-radius:8px;transition:background 0.15s}.deactivate-reason:hover{background:rgba(211,47,47,0.04)}.deactivate-reason__radio{cursor:pointer;accent-color:#D32F2F}.deactivate-reason__text{font-size:0.9rem;font-family:'Zen Maru Gothic', sans-serif;color:#1C1712}.deactivate-confirm{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:flex-start;gap:0.6rem}.deactivate-confirm__note{font-size:0.8rem;color:#888;font-family:'Zen Maru Gothic', sans-serif}@media (max-width: 600px){.settings-tabs__item{padding:0.65rem 0.75rem;font-size:0.8rem}.settings-card{padding:1rem}}.tfa-steps{margin:0 0 1.2rem;padding-left:1.2rem}.tfa-steps li{margin-bottom:0.7rem;font-size:0.88rem;line-height:1.7;color:#5a4a3a}.tfa-qr{width:200px;height:200px;margin:0 auto 1rem;padding:10px;background:#fff;border:1px solid #e8e0d4;border-radius:10px}.tfa-qr svg{width:100%;height:100%;display:block}.tfa-manual{text-align:center;font-size:0.8rem;color:#8a7a6a;margin-bottom:1.2rem}.tfa-manual__key{display:inline-block;margin-top:4px;padding:4px 10px;background:#f3e8d4;border-radius:6px;font-family:monospace;letter-spacing:0.08em;color:#4a3c2e;word-break:break-all}.tfa-actions{display:flex;gap:0.75rem;flex-wrap:wrap}.tfa-backup-codes{list-style:none;margin:1rem 0;padding:1rem;background:#fff;border:1px dashed #d8b08a;border-radius:10px;display:grid;grid-template-columns:repeat(2, 1fr);gap:0.5rem 1.5rem}.tfa-backup-codes li code{font-family:monospace;font-size:1rem;letter-spacing:0.1em;color:#4a3c2e}.tfa-backup-note{font-size:0.78rem;color:#8a7a6a;margin-bottom:1rem}.form-input--otp{letter-spacing:0.4em;font-size:1.3rem;text-align:center}.auth-2fa__hint{font-size:0.82rem;color:#7a6652;line-height:1.7;margin-bottom:1.2rem;text-align:center}.theme-options{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:0.5rem}.theme-option{display:flex;align-items:center;gap:0.9rem;padding:0.9rem 1rem;border:2px solid #e8e0d4;border-radius:12px;cursor:pointer;transition:border-color .15s, background .15s}.theme-option:hover{border-color:#d8c4a8}.theme-option--active{border-color:#c0883f;background:rgba(192,136,63,0.06)}.theme-option__radio{accent-color:#c0883f;width:18px;height:18px;flex-shrink:0}.theme-option__preview{width:44px;height:32px;border-radius:6px;flex-shrink:0;border:1px solid rgba(0,0,0,0.1)}.theme-option__preview--light{background:linear-gradient(135deg, #faf4ea 60%, #e7d6ba)}.theme-option__preview--dark{background:linear-gradient(135deg, #15120e 60%, #352f26)}.theme-option__preview--system{background:linear-gradient(135deg, #faf4ea 0 50%, #15120e 50% 100%)}.theme-option__body{display:flex;flex-direction:column}.theme-option__label{font-weight:600;color:#2c1e12;font-size:0.92rem}.theme-option__desc{font-size:0.78rem;color:#8a7a6a}.shelf-owner-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#fff;border:1px solid #e8ddd0;border-radius:16px;padding:1.4rem 1.6rem;margin-bottom:1.5rem;flex-wrap:wrap}.shelf-owner-card__profile{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.shelf-owner-card__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e8ddd0}.shelf-owner-card__avatar--default{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #C9952A, #8B6914);color:#fff;font-family:'Klee One', serif;font-size:1.5rem;font-weight:600}.shelf-owner-card__info{min-width:0;display:flex;flex-direction:column;gap:0.3rem}.shelf-owner-card__name{display:inline-flex;align-items:center;gap:0.35rem;font-family:'Klee One', serif;font-size:1.1rem;font-weight:600;color:#1C1712;text-decoration:none}.shelf-owner-card__name:hover{color:#C9952A}.shelf-owner-card__name svg{opacity:0.5}.shelf-owner-card__bio{font-family:'Zen Maru Gothic', sans-serif;font-size:0.82rem;color:#8A7A6A;margin:0;line-height:1.5}.shelf-owner-card__stats{display:flex;gap:1rem;font-family:'Zen Maru Gothic', sans-serif;font-size:0.78rem;color:#8A7A6A}.shelf-owner-card__stats strong{color:#1C1712;font-weight:700;margin-right:2px}.shelf-owner-card__actions{flex-shrink:0}.shelf-owner-follow-btn{display:inline-flex;align-items:center;gap:0.4rem;background:#C9952A;color:#fff;font-family:'Zen Maru Gothic', sans-serif;font-size:0.85rem;font-weight:700;padding:0.55rem 1.3rem;border-radius:50px;border:none;cursor:pointer;transition:background 0.2s, transform 0.15s}.shelf-owner-follow-btn:hover{background:#a77c23;transform:scale(1.03)}.shelf-owner-follow-btn--following{background:transparent;color:#6B4C2A;border:2px solid #e8ddd0}.shelf-owner-follow-btn--following:hover{background:#fdf2f2;border-color:#e05555;color:#e05555;transform:none}.shelf-owner-other{margin-bottom:1.5rem}.shelf-owner-other__title{display:flex;align-items:center;gap:0.4rem;font-family:'Klee One', serif;font-size:0.95rem;font-weight:600;color:#6B4C2A;margin-bottom:0.8rem}.shelf-owner-other__list{display:flex;gap:0.75rem;flex-wrap:wrap}.shelf-owner-mini-card{display:flex;align-items:center;gap:0.6rem;background:#fff;border:1px solid #e8ddd0;border-radius:10px;padding:0.6rem 0.9rem;text-decoration:none;color:inherit;transition:box-shadow 0.2s, transform 0.2s}.shelf-owner-mini-card:hover{box-shadow:0 4px 14px rgba(0,0,0,0.1);transform:translateY(-2px)}.shelf-owner-mini-card__covers{display:flex;gap:3px}.shelf-owner-mini-card__book{width:28px;height:40px;border-radius:3px;overflow:hidden;flex-shrink:0}.shelf-owner-mini-card__book img{width:100%;height:100%;object-fit:cover}.shelf-owner-mini-card__book--empty{background:#f0ebe3;border:1px dashed #d8cfc4}.shelf-owner-mini-card__info{min-width:0}.shelf-owner-mini-card__name{font-family:'Zen Maru Gothic', sans-serif;font-size:0.8rem;font-weight:600;color:#1C1712;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.shelf-owner-mini-card__count{font-family:'Zen Maru Gothic', sans-serif;font-size:0.7rem;color:#8A7A6A;margin:0}@media (max-width: 600px){.shelf-owner-card{flex-direction:column;align-items:flex-start}.shelf-owner-card__actions{align-self:stretch}.shelf-owner-follow-btn{width:100%;justify-content:center}.shelf-owner-other__list{flex-direction:column}}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#c8a882;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}.btn-primary:hover{background:#a07850}.btn-large{padding:12px 28px;font-size:.95rem}.btn-secondary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;padding:8px 16px;background:#fff;color:#6b5544;border:1.5px solid #e8ddd0;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s}.btn-secondary:hover{background:#faf6f1;border-color:#c8a882}.btn-cancel{display:inline-flex;align-items:center;padding:12px 20px;color:#8b7355;font-size:.88rem;text-decoration:none}.btn-cancel:hover{color:#5a3e2b}.back-link{display:inline-flex;align-items:center;gap:4px;color:#8b7355;font-size:.82rem;text-decoration:none;margin-bottom:12px}.back-link:hover{color:#5a3e2b}.shelves-page{width:100%}.shelves-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:0.75rem}.shelves-header__title{font-size:1.4rem;font-weight:700;color:#2c1e12;margin:0 0 4px}.shelves-header__sub{font-size:.85rem;color:#8b7355;margin:0}.shelves-header__actions{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.shelves-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.shelf-card{background:#fff;border:1px solid #e8ddd0;border-radius:16px;overflow:hidden;transition:box-shadow .2s, transform .2s}.shelf-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.1);transform:translateY(-2px)}.shelf-card__preview{background:linear-gradient(135deg, #f0e8de, #e8ddd0);padding:16px;display:flex;gap:6px;flex-wrap:wrap;min-height:100px;align-items:flex-end}.shelf-card__mini-book{width:38px;height:56px;border-radius:4px;overflow:hidden;box-shadow:2px 2px 5px rgba(0,0,0,0.25);flex-shrink:0}.shelf-card__mini-book img{width:100%;height:100%;object-fit:cover}.shelf-card__mini-book--empty{background:#d8cfc4;opacity:.35}.shelf-card__body{padding:16px}.shelf-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.shelf-card__visibility{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:8px}.shelf-card__visibility--open{background:#e8f4ec;color:#2d7a4f}.shelf-card__visibility--limited{background:#fef3e2;color:#a06020}.shelf-card__visibility--closed{background:#f2e8e8;color:#a04040}.shelf-card__layout-icon{font-size:1.1rem}.shelf-card__name{font-size:1.05rem;font-weight:700;color:#2c1e12;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card__desc{font-size:.8rem;color:#8b7355;margin:0 0 12px;line-height:1.5}.shelf-card__footer{display:flex;align-items:center;gap:8px}.shelf-card__count{font-size:.78rem;color:#8b7355;flex:1}.shelf-card__likes{font-size:.78rem;color:#c0607a;font-weight:600}.shelf-card__actions{display:flex;gap:4px;margin-left:auto}.shelf-card__btn{padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-decoration:none;background:#f0e8de;color:#6b5544;border:none;cursor:pointer;transition:background .15s}.shelf-card__btn:hover{background:#e8ddd0}.shelf-card__btn--icon{padding:5px 8px}.shelf-card__btn--danger:hover{background:#fdf2f2;color:#c0392b}.shelves-empty{text-align:center;padding:80px 20px}.shelves-empty__icon{font-size:3rem;margin-bottom:16px}.shelves-empty__text{font-size:1.1rem;font-weight:600;color:#2c1e12;margin:0 0 8px}.shelves-empty__sub{font-size:.88rem;color:#8b7355;margin:0 0 24px}.shelf-form-page{max-width:600px}.shelf-form-header{margin-bottom:24px}.shelf-form-header h1{font-size:1.3rem;font-weight:700;color:#2c1e12;margin:0}.shelf-form{background:#fff;border:1px solid #e8ddd0;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:22px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:#4a3728}.form-input{padding:10px 14px;border:1.5px solid #e8ddd0;border-radius:10px;font-size:.9rem;color:#2c1e12;outline:none;transition:border-color .15s;width:100%}.form-input:focus{border-color:#c8a882}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-errors{background:#fdf2f2;border:1px solid #f8d0d0;border-radius:10px;padding:12px 16px;color:#c0392b;font-size:.85rem}.form-actions{display:flex;align-items:center;gap:12px;padding-top:8px}.layout-selector{display:flex;gap:12px}.layout-option{flex:1;cursor:pointer}.layout-option input[type="radio"]{display:none}.layout-option__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:2px solid #e8ddd0;border-radius:12px;transition:all .15s;text-align:center}.layout-option__icon{font-size:1.4rem}.layout-option__label{font-size:.82rem;font-weight:600;color:#2c1e12}.layout-option__desc{font-size:.72rem;color:#8b7355;line-height:1.3}.layout-option input[type="radio"]:checked+.layout-option__card{border-color:#c8a882;background:#fdf8f3;box-shadow:0 0 0 3px rgba(200,168,130,0.2)}.visibility-selector{display:flex;flex-direction:column;gap:8px}.vis-option{cursor:pointer}.vis-option input[type="radio"]{display:none}.vis-option__card{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e8ddd0;border-radius:12px;transition:all .15s}.vis-option__icon{font-size:1.2rem;flex-shrink:0}.vis-option__label{font-size:.85rem;font-weight:600;color:#2c1e12;display:block}.vis-option__desc{font-size:.75rem;color:#8b7355}.vis-option input[type="radio"]:checked+.vis-option__card{border-color:#c8a882;background:#fdf8f3}.shelf-show-page{width:100%;display:flex;flex-direction:column;gap:24px}.shelf-show-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.shelf-show-header__left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.shelf-show-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.shelf-show-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shelf-show-title h1{font-size:1.4rem;font-weight:700;color:#2c1e12;margin:0}.shelf-visibility-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:10px}.shelf-visibility-badge--open{background:#e8f4ec;color:#2d7a4f}.shelf-visibility-badge--limited{background:#fef3e2;color:#a06020}.shelf-visibility-badge--closed{background:#f2e8e8;color:#a04040}.shelf-show-desc{font-size:.88rem;color:#8b7355;margin:0;line-height:1.6}.like-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px solid #e8ddd0;border-radius:20px;background:#fff;color:#8b7355;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}.like-btn__heart{font-size:1.1rem}.like-btn.liked{background:#fdf0f3;border-color:#e07a82;color:#c0395a}.like-btn:hover{border-color:#e07a82}.shelf-content--grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:16px}.shelf-content--grid .shelf-item{position:relative}.shelf-content--grid .shelf-item .shelf-item__link{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.shelf-content--grid .shelf-item .shelf-item__cover{aspect-ratio:2/3;border-radius:8px;overflow:hidden;box-shadow:2px 4px 10px rgba(0,0,0,0.15);transition:transform .2s, box-shadow .2s}.shelf-content--grid .shelf-item .shelf-item__cover img{width:100%;height:100%;object-fit:cover}.shelf-content--grid .shelf-item:hover .shelf-item__cover{transform:translateY(-4px);box-shadow:4px 8px 20px rgba(0,0,0,0.2)}.shelf-content--grid .shelf-item .shelf-item__title{font-size:.75rem;font-weight:600;color:#2c1e12;line-height:1.35;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shelf-content--grid .shelf-item .shelf-item__author{font-size:.68rem;color:#8b7355;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shelf-content--grid .shelf-item .shelf-item__genre{font-size:.65rem;color:#8b7355;background:#f0e8de;padding:1px 6px;border-radius:4px;display:inline-block;margin-top:2px}.shelf-content--grid .shelf-item .shelf-item__stars{font-size:.7rem;margin-top:2px}.shelf-content--grid .shelf-item .shelf-item__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,0.95);border:none;cursor:pointer;font-size:.7rem;display:none;align-items:center;justify-content:center;color:#c0392b;box-shadow:0 1px 4px rgba(0,0,0,0.2);z-index:2}.shelf-content--grid .shelf-item:hover .shelf-item__remove{display:flex}.shelf-content--grid .shelf-item .shelf-item__drag-handle{position:absolute;bottom:30px;right:4px;font-size:1rem;color:rgba(0,0,0,0.4);cursor:grab;display:none;padding:2px;background:rgba(255,255,255,0.8);border-radius:4px}.shelf-content--grid .shelf-item:hover .shelf-item__drag-handle{display:block}.shelf-content--grid .shelf-item--ghost{opacity:.4}.shelf-content--bookshelf{background:repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 44px),linear-gradient(180deg, #8d5b35, #7a4f2e 60%, #644126);border-radius:12px;padding:18px 16px 26px;min-height:180px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:26px 10px;box-shadow:inset 0 0 0 5px rgba(0,0,0,0.16),inset 0 4px 12px rgba(0,0,0,0.4),0 10px 26px rgba(0,0,0,0.3);position:relative}.shelf-content--bookshelf .shelf-item{position:relative;flex-shrink:0;cursor:pointer}.shelf-content--bookshelf .shelf-item::before{content:'';position:absolute;left:-6px;right:-6px;bottom:-14px;height:14px;background:linear-gradient(180deg, #cca261 0%, #c4944a 30%, #8b5e3c 70%, #5a3820 100%);box-shadow:0 4px 7px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3);border-radius:1px;z-index:0}.shelf-content--bookshelf .shelf-item .shelf-item__link{display:block;text-decoration:none;position:relative;z-index:1}.shelf-content--bookshelf .shelf-item .shelf-item__cover{width:clamp(58px, 20vw, 74px);aspect-ratio:70 / 108;height:auto;border-radius:3px 6px 6px 3px;overflow:hidden;box-shadow:2px 0 8px rgba(0,0,0,0.4),inset -2px 0 4px rgba(0,0,0,0.1);transition:transform .2s}.shelf-content--bookshelf .shelf-item .shelf-item__cover img{width:100%;height:100%;object-fit:cover}.shelf-content--bookshelf .shelf-item:hover .shelf-item__cover{transform:translateY(-16px)}.shelf-content--bookshelf .shelf-item .shelf-item__info{display:none}.shelf-content--bookshelf .shelf-item::after{content:attr(data-title);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);color:#fff;font-size:.72rem;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;max-width:160px;overflow:hidden;text-overflow:ellipsis;z-index:10}.shelf-content--bookshelf .shelf-item:hover::after{opacity:1}.shelf-content--bookshelf .shelf-item .shelf-item__remove{position:absolute;top:-8px;right:-6px;width:20px;height:20px;border-radius:50%;background:#fff;border:none;cursor:pointer;font-size:.65rem;display:none;align-items:center;justify-content:center;color:#c0392b;box-shadow:0 1px 4px rgba(0,0,0,0.3);z-index:3}.shelf-content--bookshelf .shelf-item:hover .shelf-item__remove{display:flex}.shelf-content--bookshelf .shelf-item .shelf-item__drag-handle{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:.8rem;color:rgba(255,255,255,0.7);cursor:grab;display:none}.shelf-content--bookshelf .shelf-item:hover .shelf-item__drag-handle{display:block}.shelf-content--bookshelf .shelf-item--ghost{opacity:.3}.shelf-content--list{display:flex;flex-direction:column;background:#fff;border:1px solid #e8ddd0;border-radius:14px;overflow:hidden}.shelf-content--list .shelf-item{position:relative;border-bottom:1px solid #f0e8de}.shelf-content--list .shelf-item:last-child{border-bottom:none}.shelf-content--list .shelf-item .shelf-item__link{display:flex;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;color:inherit;transition:background .15s}.shelf-content--list .shelf-item .shelf-item__link:hover{background:#faf6f1}.shelf-content--list .shelf-item .shelf-item__cover{width:44px;height:66px;border-radius:4px;overflow:hidden;flex-shrink:0;box-shadow:1px 2px 6px rgba(0,0,0,0.15)}.shelf-content--list .shelf-item .shelf-item__cover img{width:100%;height:100%;object-fit:cover}.shelf-content--list .shelf-item .shelf-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.shelf-content--list .shelf-item .shelf-item__title{font-size:.9rem;font-weight:600;color:#2c1e12;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shelf-content--list .shelf-item .shelf-item__author{font-size:.78rem;color:#8b7355;margin:0}.shelf-content--list .shelf-item .shelf-item__genre{font-size:.7rem;color:#8b7355;background:#f0e8de;padding:2px 8px;border-radius:6px;align-self:flex-start}.shelf-content--list .shelf-item .shelf-item__stars{font-size:.75rem}.shelf-content--list .shelf-item .shelf-item__remove{position:absolute;right:48px;top:50%;transform:translateY(-50%);padding:4px 10px;background:#fdf2f2;border:1px solid #f8d0d0;border-radius:6px;color:#c0392b;font-size:.75rem;cursor:pointer;display:none}.shelf-content--list .shelf-item:hover .shelf-item__remove{display:block}.shelf-content--list .shelf-item .shelf-item__drag-handle{padding:0 8px;font-size:1.2rem;color:#bba990;cursor:grab;flex-shrink:0;display:flex;align-items:center}.shelf-content--list .shelf-item--ghost{opacity:.4;background:#faf6f1}.add-book-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.add-book-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5)}.add-book-modal__box{position:relative;background:#fff;border-radius:16px;width:480px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.2)}.add-book-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f0e8de}.add-book-modal__header h3{font-size:1rem;font-weight:700;color:#2c1e12;margin:0}.modal-close{background:none;border:none;font-size:1.1rem;color:#8b7355;cursor:pointer;padding:4px 8px;border-radius:6px}.modal-close:hover{background:#f0e8de}.add-book-search{margin:14px 20px 0;padding:9px 14px;border:1.5px solid #e8ddd0;border-radius:10px;font-size:.88rem;outline:none}.add-book-search:focus{border-color:#c8a882}.add-book-list{flex:1;overflow-y:auto;padding:10px 0}.add-book-item{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background .12s}.add-book-item:hover{background:#faf6f1}.add-book-item__cover{width:36px;height:54px;border-radius:4px;overflow:hidden;flex-shrink:0}.add-book-item__cover img{width:100%;height:100%;object-fit:cover}.add-book-item__info{flex:1;min-width:0}.add-book-item__title{font-size:.85rem;font-weight:600;color:#2c1e12;margin:0 0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-book-item__author{font-size:.75rem;color:#8b7355;margin:0}.add-book-item__btn{padding:6px 14px;border-radius:8px;font-size:.78rem;font-weight:600;border:1.5px solid #c8a882;background:#fff;color:#6b5544;cursor:pointer;white-space:nowrap;transition:all .15s}.add-book-item__btn:hover:not(:disabled){background:#c8a882;color:#fff}.add-book-item__btn.added{background:#f0e8de;border-color:#e8ddd0;color:#bba990;cursor:default}.shelf-empty{text-align:center;padding:80px 20px;background:#fff;border:1px solid #e8ddd0;border-radius:16px}.shelf-empty__icon{font-size:2.5rem;margin-bottom:12px}.shelf-empty__text{font-size:1rem;font-weight:600;color:#2c1e12;margin:0 0 6px}.shelf-empty__sub{font-size:.85rem;color:#8b7355;margin:0}.explore-page{width:100%}.explore-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.explore-header>div:first-child{min-width:0}.explore-header__title{font-size:1.4rem;font-weight:700;color:#2c1e12;margin:0 0 4px}.explore-header__sub{font-size:.85rem;color:#8b7355;margin:0}.explore-sort{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.explore-sort__label{font-size:.82rem;color:#8b7355}.explore-sort__count{font-size:.78rem;color:#bba990;margin-left:auto}.explore-sort__btn{padding:6px 16px;border-radius:16px;font-size:.8rem;font-weight:500;text-decoration:none;background:#fff;border:1.5px solid #e8ddd0;color:#6b5544;transition:all .15s}.explore-sort__btn:hover{border-color:#c8a882;background:#faf6f1}.explore-sort__btn.active{background:#c8a882;color:#fff;border-color:#a07850;font-weight:700}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:20px}.explore-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e8ddd0;border-radius:16px;overflow:hidden;cursor:pointer;transition:box-shadow .2s, transform .2s}.explore-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.13);transform:translateY(-3px);color:inherit}.explore-card__preview{background:linear-gradient(135deg, #f0e8de, #e8ddd0);padding:16px;display:flex;gap:6px;flex-wrap:wrap;min-height:100px;align-items:flex-end;position:relative}.explore-card__mini{width:38px;height:56px;border-radius:4px;overflow:hidden;box-shadow:2px 2px 5px rgba(0,0,0,0.25);flex-shrink:0}.explore-card__mini img{width:100%;height:100%;object-fit:cover}.explore-card__mini--empty{background:#d8cfc4;opacity:.35}.explore-card__layout-badge{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.9);border-radius:8px;padding:2px 8px;font-size:.8rem}.explore-card__body{padding:14px 16px}.explore-card__user{display:flex;align-items:center;gap:8px;margin-bottom:8px}.explore-card__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.explore-card__avatar--default{background:linear-gradient(135deg, #c8a882, #a0785a);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.explore-card__username{font-size:.78rem;color:#8b7355}.explore-card__name{font-size:1rem;font-weight:700;color:#2c1e12;margin:0 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.explore-card__desc{font-size:.78rem;color:#8b7355;margin:0 0 12px;line-height:1.5}.explore-card__footer{display:flex;align-items:center;gap:10px}.explore-card__count{font-size:.78rem;color:#8b7355;display:flex;align-items:center;gap:4px}.explore-card__likes{font-size:.78rem;color:#c0607a;font-weight:600}.explore-card__btn{margin-left:auto;padding:5px 14px;border-radius:8px;font-size:.78rem;font-weight:600;text-decoration:none;background:#f0e8de;color:#6b5544;transition:background .15s}.explore-card__btn:hover{background:#c8a882;color:#fff}.explore-pagination{display:flex;justify-content:center;gap:6px;margin-top:32px;flex-wrap:wrap}.explore-page-btn{padding:8px 14px;border-radius:8px;font-size:.82rem;font-weight:500;text-decoration:none;background:#fff;border:1.5px solid #e8ddd0;color:#6b5544;transition:all .15s}.explore-page-btn:hover{border-color:#c8a882;background:#faf6f1}.explore-page-btn.active{background:#c8a882;color:#fff;border-color:#a07850;font-weight:700}.home-shelf-list{display:flex;flex-direction:column;gap:8px}.home-shelf-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s}.home-shelf-row:hover{background:#faf6f1}.home-shelf-row__preview{display:flex;gap:2px;flex-shrink:0}.home-shelf-row__mini{width:24px;height:36px;border-radius:3px;overflow:hidden}.home-shelf-row__mini img{width:100%;height:100%;object-fit:cover}.home-shelf-row__mini--empty{background:#d8cfc4;opacity:.4}.home-shelf-row__body{flex:1;min-width:0}.home-shelf-row__name{font-size:.82rem;font-weight:600;color:#2c1e12;margin:0 0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-shelf-row__meta{font-size:.72rem;color:#8b7355;display:flex;align-items:center;gap:4px;margin:0}.home-shelf-row__avatar{width:14px;height:14px;border-radius:50%;object-fit:cover}.home-shelf-row__likes{font-size:.72rem;color:#c0607a;font-weight:600;flex-shrink:0}.home-sidebar__empty{font-size:.8rem;color:#bba990;padding:12px 0;text-align:center}.bd-other-user-badge{display:inline-block;font-size:.78rem;background:#f0e8de;color:#6b5544;padding:3px 10px;border-radius:10px;margin-left:8px;font-weight:500}.bd-memo-readonly{background:#faf6f1;border:1px solid #e8ddd0;border-radius:10px;padding:16px;font-size:.9rem;color:#4a3728;line-height:1.7;white-space:pre-wrap}.wtr-page-header{display:flex;align-items:flex-end;justify-content:space-between;padding:2rem 0 1.5rem;border-bottom:2px solid #E8E0D4;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.wtr-page-header__left{display:flex;flex-direction:column;gap:0.3rem}.wtr-page-header__title{display:flex;align-items:center;gap:0.5rem;font-family:"Klee One", "Georgia", serif;font-size:1.7rem;font-weight:600;color:#1C1712;margin:0}.wtr-page-header__title svg{color:#C9952A;flex-shrink:0}.wtr-page-header__sub{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.85rem;color:#8A7A6A;margin:0;padding-left:0.2rem}.wtr-page-header__stats{display:flex;align-items:flex-end;gap:1.5rem}.wtr-stat{display:flex;align-items:baseline;gap:0.25rem}.wtr-stat__num{font-family:"Klee One", "Georgia", serif;font-size:2rem;font-weight:600;color:#C9952A;line-height:1}.wtr-stat__label{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.8rem;color:#8A7A6A}.wtr-stat--sub .wtr-stat__num{font-size:1.4rem;color:#6B4C2A}.wtr-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}@media (max-width: 900px){.wtr-layout{grid-template-columns:1fr}}.wtr-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:1.5rem}@media (max-width: 600px){.wtr-grid{grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:1rem}}.wtr-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.2s ease, box-shadow 0.2s ease}.wtr-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.13)}.wtr-card__link{display:block;text-decoration:none}.wtr-card__cover-wrap{position:relative;padding-top:148%;overflow:hidden;background:#f0ebe3}.wtr-card__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.wtr-card:hover .wtr-card__img{transform:scale(1.03)}.wtr-card__cover-fb{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0.75rem}.wtr-card__cover-title{font-family:"Klee One", "Georgia", serif;font-size:0.72rem;color:rgba(255,255,255,0.9);text-align:center;line-height:1.4;word-break:break-all}.wtr-card__badge{position:absolute;top:8px;right:8px;background:#C9952A;color:#fff;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.62rem;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:0.04em}.wtr-card__body{padding:0.75rem;display:flex;flex-direction:column;gap:0.2rem}.wtr-card__title-link{text-decoration:none;color:inherit}.wtr-card__title{font-family:"Klee One", "Georgia", serif;font-size:0.82rem;font-weight:600;color:#1C1712;margin:0;line-height:1.35}.wtr-card:hover .wtr-card__title{color:#C9952A}.wtr-card__author{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.73rem;color:#6B4C2A;margin:0}.wtr-card__publisher{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.7rem;color:#8A7A6A;margin:0}.wtr-card__genre{display:inline-block;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.65rem;color:#C9952A;background:rgba(201,149,42,0.1);border:1px solid rgba(201,149,42,0.3);padding:1px 6px;border-radius:10px;margin-top:0.2rem;align-self:flex-start}.wtr-card__date{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.67rem;color:#8A7A6A;margin-top:0.3rem;display:block}.wtr-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #E8E0D4}.wtr-empty__icon{font-size:3.5rem;margin-bottom:1rem}.wtr-empty__title{font-family:"Klee One", "Georgia", serif;font-size:1.2rem;font-weight:600;color:#1C1712;margin-bottom:0.75rem}.wtr-empty__text{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.88rem;color:#8A7A6A;line-height:1.7;margin-bottom:1.5rem}.wtr-empty__btn{display:inline-flex;align-items:center;gap:0.5rem;background:#C9952A;color:#fff;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.85rem;font-weight:600;padding:0.6rem 1.4rem;border-radius:8px;text-decoration:none;transition:background 0.2s}.wtr-empty__btn:hover{background:#9f7621}.wtr-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.wtr-ranking-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden}.wtr-ranking-card__header{background:linear-gradient(135deg, #1C1712 0%, #3A2A1A 100%);padding:1.2rem 1.2rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.wtr-ranking-card__title-wrap{display:flex;align-items:center;gap:0.5rem;color:#fff}.wtr-ranking-card__title-wrap svg{color:#C9952A;flex-shrink:0}.wtr-ranking-card__title{font-family:"Klee One", "Georgia", serif;font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.4}.wtr-ranking-card__period{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.72rem;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:10px;align-self:flex-start}.wtr-ranking-card__footer{padding:0.75rem 1rem;border-top:1px solid #E8E0D4}.wtr-ranking-card__note{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.68rem;color:#8A7A6A;margin:0;line-height:1.5}.wtr-ranking-list{list-style:none;margin:0;padding:0.5rem 0}.wtr-ranking-item{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 1rem;border-bottom:1px solid rgba(232,224,212,0.5);transition:background 0.15s}.wtr-ranking-item:last-child{border-bottom:none}.wtr-ranking-item:hover{background:rgba(201,149,42,0.04)}.wtr-ranking-item--top3{background:rgba(201,149,42,0.03)}.wtr-rank-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:"Klee One", "Georgia", serif;font-size:0.9rem;font-weight:600;color:#8A7A6A;flex-shrink:0}.wtr-rank-num--1,.wtr-rank-num--2,.wtr-rank-num--3{font-size:1.1rem}.wtr-rank-crown,.wtr-rank-medal{font-size:1.1rem}.wtr-rank-cover{width:36px;height:52px;border-radius:4px;overflow:hidden;flex-shrink:0;position:relative;display:block;transition:opacity 0.2s, transform 0.2s}.wtr-rank-cover:hover{opacity:0.85;transform:scale(1.04)}.wtr-rank-cover img{width:100%;height:100%;object-fit:cover}.wtr-rank-cover__fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2px}.wtr-rank-cover__fb span{font-family:"Klee One", "Georgia", serif;font-size:0.5rem;color:rgba(255,255,255,0.9);text-align:center;word-break:break-all}.wtr-rank-info{flex:1;min-width:0;text-decoration:none;color:inherit;display:block;border-radius:4px;transition:background 0.15s}.wtr-rank-info:hover{background:rgba(201,149,42,0.06)}.wtr-rank-info:hover .wtr-rank-info__title{color:#C9952A}.wtr-rank-info__title{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.78rem;font-weight:600;color:#1C1712;margin:0 0 0.15rem;line-height:1.3;word-break:break-all}.wtr-rank-info__author{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.68rem;color:#8A7A6A;margin:0 0 0.2rem}.wtr-rank-info__count{display:flex;align-items:center;gap:3px;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.67rem;color:#C9952A;font-weight:600}.wtr-rank-info__count svg{flex-shrink:0}.wtr-ranking-empty{padding:1.5rem 1rem;text-align:center}.wtr-ranking-empty p{font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.82rem;color:#8A7A6A;margin:0 0 0.5rem}.wtr-ranking-empty__sub{font-size:0.73rem !important;line-height:1.5}.wtr-sidebar-cta{display:flex;flex-direction:column;gap:0.6rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.wtr-sidebar-cta__btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:#C9952A;color:#fff;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.83rem;font-weight:600;padding:0.65rem 1rem;border-radius:8px;text-decoration:none;text-align:center;transition:background 0.2s}.wtr-sidebar-cta__btn:hover{background:#a77c23}.wtr-sidebar-cta__link{display:block;text-align:center;font-family:"Zen Maru Gothic", "Helvetica Neue", sans-serif;font-size:0.78rem;color:#6B4C2A;text-decoration:none}.wtr-sidebar-cta__link:hover{text-decoration:underline}@media (max-width: 900px){.wtr-sidebar{position:static;order:-1}.wtr-layout{grid-template-columns:1fr}}@media (max-width: 600px){.wtr-page-header{flex-direction:column;align-items:flex-start;padding:1.2rem 0 1rem}.wtr-page-header__title{font-size:1.35rem}}