.chapter-container{flex-direction:column;gap:1rem;width:100%;max-width:60rem;height:100%;padding:.5rem;display:flex;position:relative;overflow-y:auto}.illustration-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;max-width:40rem;height:auto;box-shadow:0 0 1px #0003,0 1px 2px #0003}.chapter-container #chapter-form .language-display{color:#2c6b38;padding:.5rem}.chapter-grid{border-top:1px solid #e0e0e0;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;max-width:60rem;margin-top:1rem;margin-bottom:1rem;padding:1rem .5rem;display:grid}.voice-model-card,.chapter-card{color:inherit;background-color:#fff;border:1px solid #ddd;border-radius:5px;flex-direction:column;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 8px #0000001a}.voice-model-card:hover,.chapter-card:hover{transform:translateY(-5px)}.voice-model-card .voice-model-img-wrapper,.chapter-card .chapter-img-wrapper{border-top-left-radius:5px;border-top-right-radius:5px;width:100%;height:0;padding-top:100%;position:relative;overflow:hidden}.voice-model-card .voice-model-img,.chapter-card .chapter-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.voice-model-info,.chapter-card-info{background-color:#fff;flex-direction:column;justify-content:space-between;align-items:center;height:100%;margin-top:.75rem;padding:1rem;display:flex}.chapter-card-author img{-o-object-fit:cover;object-fit:cover;border-radius:50%;outline:double silver;width:1rem;height:1rem}.voice-model-info p,.chapter-card-info p{color:#3a5a40;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:400;display:-webkit-box;overflow:hidden}.chapter-img .chapter-card-info p:nth-child(2){padding-top:.5rem}.chapter-card-info p:last-child{margin-top:auto;padding:.5rem 0;font-size:.8rem}#chapter{flex-direction:column;width:100%;max-width:60rem;height:100vh;padding-left:1rem;display:flex;overflow-y:auto}.chapter-illustration-title{display:flex}#chapter img{-o-object-fit:cover;object-fit:cover;background:#c8c8c8;border-radius:1.5rem;width:12rem;height:12rem;margin-right:2rem}#chapter h1{align-items:flex-start;gap:1rem;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;display:flex}#chapter h1+p{margin:0}#chapter h1 form{align-items:center;margin-top:.25rem;display:flex}#chapter h1 form button{box-shadow:none;background-color:#0000;padding:0;font-size:1.5rem;font-weight:400}#chapter h1 form button[value=like]{color:#a4a4a4}#chapter h1 form button[value=like]:hover,#chapter h1 form button[value=unlike]{color:#eeb004}#chapter h1+p+p{white-space:break-spaces}#chapter h1:focus{color:#2b63fd;outline:none}#chapter h1~div{gap:.5rem;margin:1rem 0;display:flex}#chapter p{word-wrap:break-word;white-space:normal}#chapter pre{white-space:pre-wrap;overflow-x:auto}#chapter code{word-wrap:break-word}#chapter table{border-collapse:collapse;width:100%}#chapter th,#chapter td{overflow-wrap:break-word}.chapter-index ul{gap:3rem;font-size:1rem;display:flex}.chapter-index-container{justify-content:space-between;margin:1rem;padding-bottom:2rem;display:flex}.chapter-index-container .buttons-form{margin:0;padding:0}#chapter .summary{gap:.5rem;margin-top:.5rem;padding:0 1rem;display:flex}#chapter .summary span{color:#228b22;align-self:start;padding-top:.8rem;font-size:large;font-weight:500}.query-vector{flex-direction:column;gap:1rem;width:100%;max-width:60rem;margin-top:1rem;display:flex}.query-bar{align-items:baseline;gap:1rem;max-width:40rem;padding-left:.5rem;display:flex}.query-bar #query-form{flex:1}.query-bar #query-form input{width:100%}.query-vector .chapter-grid{background-color:#bcddb7;border-radius:8px;margin-right:.5rem;padding:.5rem;box-shadow:0 0 1px #0003,0 1px 2px #0003}.no-chapter-display{padding-left:1rem}.audio-player-section{flex-direction:column;gap:.75rem;max-width:44rem;margin:1.25rem 0;display:flex}.audio-track-selector{background-color:#f7faf7;border:1px solid #d4e0d4;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.track-selector-header{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.875rem;display:flex}.track-selector-title{color:#2c6b38;align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.track-selector-desc{color:#666;font-size:.8rem}.track-chips-list{flex-wrap:wrap;gap:.5rem;display:flex}.track-chip{color:#333;cursor:pointer;background-color:#fff;border:1px solid #d4e0d4;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.track-chip:hover{background-color:#f2f7f2;border-color:#2c6b38;transform:translateY(-1px)}.track-chip.active{color:#1a4d25;background-color:#eaf3ea;border-color:#2c6b38;font-weight:500;box-shadow:0 0 0 2px #2c6b3826}.track-chip-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid #2c6b38;border-radius:50%;width:1.5rem;height:1.5rem}.track-chip-info{align-items:center;gap:.35rem;display:inline-flex}.track-chip-name{font-weight:600}.track-chip-lang{color:#24582e;background-color:#e0eee0;border-radius:4px;padding:.1rem .35rem;font-size:.75rem}.track-chip-tone{color:#58735c;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.75rem;overflow:hidden}.track-active-badge{color:#2c6b38;font-size:.65rem}.audioPlayer-container{background-color:#fbfcfa;border:1px solid #2c6b38;border-radius:8px;flex-direction:column;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 2px 4px #2c6b380f}.audioPlayer-narrator-card{align-items:center;gap:.85rem;display:flex}.narrator-avatar-wrapper{flex-shrink:0}.narrator-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #2c6b38;border-radius:50%;width:3.25rem;height:3.25rem;box-shadow:0 2px 6px #2c6b3826}.narrator-meta{flex-direction:column;flex:1;gap:.25rem;display:flex}.narrator-header-line{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.narrator-badge{color:#fff;letter-spacing:.5px;background-color:#2c6b38;border-radius:3px;padding:.15rem .4rem;font-size:.7rem}.narrator-name{color:#1a3320;font-size:1rem}.narrator-lang-tag{color:#255c2f;background-color:#e4efe4;border-radius:4px;padding:.1rem .4rem;font-size:.75rem}.narrator-engine-tag{color:#708573;border:1px solid #c9d8c9;border-radius:3px;padding:.05rem .35rem;font-size:.7rem}.narrator-tone-line{color:#3b5a40;align-items:center;gap:.3rem;font-size:.825rem;display:flex}.narrator-time-line{color:#839785;font-size:.75rem}.audioPlayer-controls-row{align-items:center;gap:.75rem;display:flex}.narrator-audio-control{background-color:#eef4ee;border:1px solid #c2d7c2;border-radius:20px;flex:1;height:2.25rem}.narrator-delete-form{align-items:center;margin:0;display:flex}.narrator-delete-btn{box-shadow:none;color:#d32f2f;cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #d32f2f;border-radius:4px;padding:.35rem .65rem;font-size:.8rem;transition:all .2s}.narrator-delete-btn:hover{background-color:#ffebee;border-color:#c62828}.voice-model-info audio{width:8rem;height:2rem;margin:.5rem 0;padding:0}.radio_label{padding:.5rem;line-height:3rem;display:inline-block;position:relative}.radio_type{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top;width:20px;height:20px;box-shadow:none;padding:0;display:inline-block;position:relative}.radio_type:hover{box-shadow:none}.radio_type:before{content:"";border:1px solid #2c6b38;border-radius:50%;width:20px;height:20px;display:inline-block;position:absolute;top:0;left:.5rem}.radio_type:checked{-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:visible}.radio_type:checked:before{content:"";background:#228b22;border:1px solid #228b22;border-radius:50%;width:20px;height:20px;display:inline-block;position:absolute;top:0;left:0}.radio_type:checked:after{content:"";border-top:#0000;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:#0000;width:16px;height:8px;display:inline-block;position:absolute;top:4px;left:4px;transform:rotate(-45deg)}.radio_type:checked+.reflection{transform-origin:top;filter:blur(1px)brightness(.9);background:linear-gradient(#228b2200,#228b2280);border-radius:0 0 50% 50%;width:20px;height:10px;transition:top .2s;animation:.3s ease-in-out reflect;position:absolute;top:38px;left:0;transform:scaleY(-1);-webkit-mask:linear-gradient(#0000,#000);mask:linear-gradient(#0000,#000)}.radio_type:hover+.reflection{top:37px}@keyframes reflect{0%{opacity:0;transform:scaleY(-1)translateY(-5px)}to{opacity:1;transform:scaleY(-1)translateY(0)}}.text-to-speech{isolation:isolate}.text-to-speech h1{text-align:center;text-shadow:1px 1px 2px #575757;color:#fff;background-color:#228b22;max-width:52rem;margin:0 60px 20px;padding:10px 40px;position:relative}.text-to-speech h1:before,.text-to-speech h1:after{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);background-color:green;background-image:linear-gradient(45deg,#0000 50%,#2c6b38 50%);background-position:100% 100%;background-repeat:no-repeat;background-size:20px 20px;width:80px;height:100%;position:absolute;top:20px}.text-to-speech h1:before{left:-60px}.text-to-speech h1:after{right:-60px;transform:scaleX(-1)}.text-to-speech .query-bar{padding:2rem .5rem 1rem}.tts-form{flex-direction:column;gap:1rem;width:40rem;max-width:60rem;margin-bottom:1rem;padding:1rem;display:flex}.skeleton-content-container{flex-direction:column;gap:12px;width:100%;padding:1rem 0;display:flex}.skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;height:18px;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-line.full{width:100%}.skeleton-line.long{width:88%}.skeleton-line.medium{width:65%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}