.app-layout{background-color:var(--bg-deep);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.global-sidebar{background:var(--bg-surface);width:220px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-right:1px solid var(--border-glass);z-index:100;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;height:100vh;display:flex}.brand-header{border-bottom:1px solid var(--border-glass);align-items:center;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));width:36px;height:36px;box-shadow:0 4px 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.brand-title{letter-spacing:-.3px;background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:.2rem;padding:.85rem .65rem;display:flex;overflow-y:auto}.nav-section-group{flex-direction:column;margin-bottom:.45rem;display:flex}.nav-section-header{align-items:center;padding:.4rem .75rem .25rem;display:flex}.nav-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.68rem;font-weight:700}.nav-section-items{flex-direction:column;gap:.2rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.92rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.nav-item.active{background:var(--bg-active);color:var(--primary);border-color:var(--primary-glow);font-weight:600}.nav-item-content{text-align:left;flex-direction:column;line-height:1.25;display:flex;overflow:hidden}.nav-sublabel{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.72rem;overflow:hidden}.nav-divider{background:var(--border-glass);opacity:.9;height:1px;margin:.45rem .5rem .55rem}.sidebar-footer{border-top:1px solid var(--border-glass);flex-direction:column;gap:8px;padding:.85rem 1rem;display:flex}.auth-profile-card{width:100%}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:.75rem .65rem}.side-user-box{-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .45rem;display:flex}.side-user-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.side-user-avatar{width:32px;height:32px;color:var(--primary);border:1px solid var(--border-color);background:#8b5a2b14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.side-user-avatar-img{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;width:32px;height:32px}.side-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.side-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;line-height:1.25;overflow:hidden}.side-user-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;line-height:1.25;overflow:hidden}.side-user-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.side-action-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.side-action-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-color)}.side-action-btn.sync-btn.synced{color:#10b981}.side-action-btn.sync-btn.synced:hover{background:#10b98114;border-color:#10b98140}.side-action-btn.logout-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.side-action-btn.login-btn:hover{color:var(--primary);background:#8b5a2b14;border-color:#8b5a2b33}.synced-check-icon{color:#10b981}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-bright);border-radius:var(--radius-md);color:var(--text-main);pointer-events:auto;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 10px 30px #0006}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.info{border-color:var(--primary)}.toast.action{border-color:var(--primary);background:var(--bg-deep);flex-direction:column;align-items:flex-start;gap:.75rem;max-width:380px;padding:1rem 1.25rem}.toast-actions{align-self:flex-end;gap:.5rem;display:flex}.toast-btn-yes{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.35rem .85rem;font-size:.82rem;font-weight:700}.toast-btn-yes:hover{opacity:.9}.toast-btn-no{background:var(--bg-panel);border:1px solid var(--border-glass);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;padding:.35rem .75rem;font-size:.82rem}.toast-btn-no:hover{background:var(--bg-hover);color:var(--text-main)}.custom-dialog-overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1.25rem;animation:.18s cubic-bezier(.16,1,.3,1) dialogFadeIn;display:flex;position:fixed;inset:0}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.custom-dialog-card{background:var(--bg-surface);border:1px solid var(--border-glass);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:1.25rem;width:100%;max-width:440px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) dialogScaleUp;display:flex;position:relative;box-shadow:0 16px 36px #00000047,0 0 0 1px #ffffff0d}@keyframes dialogScaleUp{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog-close-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.dialog-close-btn:hover{color:var(--text-main);background:#ffffff14}.dialog-header{align-items:flex-start;gap:.9rem;display:flex}.dialog-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dialog-icon-badge.info{background:rgba(var(--primary-rgb,99, 102, 241), .12);color:var(--primary)}.dialog-icon-badge.prompt{background:rgba(var(--primary-rgb,99, 102, 241), .15);color:var(--primary)}.dialog-icon-badge.danger{color:#ef4444;background:#ef444426}.dialog-title-wrap{flex:1;padding-right:1rem}.dialog-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700;line-height:1.4}.dialog-message{color:var(--text-dim);white-space:pre-wrap;margin-top:.35rem;font-size:.86rem;line-height:1.5}.dialog-message p{margin:.2rem 0}.dialog-body{flex-direction:column;gap:.5rem;display:flex}.dialog-input{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;color:var(--text-main);box-sizing:border-box;transition:var(--transition);border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.92rem}.dialog-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb,99, 102, 241), .18)}.dialog-footer{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.25rem;display:flex}.dialog-btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:.55rem 1.05rem;font-size:.86rem;font-weight:600}.btn-cancel{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-dim)}.btn-cancel:hover{color:var(--text-main);background:#ffffff14}.btn-confirm.btn-primary{background:var(--primary);color:#fff}.btn-confirm.btn-primary:hover{filter:brightness(1.1)}.btn-confirm.btn-danger{color:#fff;background:#ef4444}.btn-confirm.btn-danger:hover{background:#dc2626}.library-page{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.library-header{border-bottom:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 2rem;display:flex}.library-header-title-row{flex-wrap:wrap;align-items:baseline;gap:.85rem;display:flex}.library-header-title-row h1{letter-spacing:-.5px;color:var(--text-main);margin:0;font-size:1.6rem;font-weight:700;line-height:1}.library-header-subtitle-inline{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;font-weight:400;display:inline-flex}.library-header-subtitle-inline:before{content:"·";color:var(--border-color);font-weight:700}.library-header-actions{align-items:center;gap:.65rem;display:flex}.library-body{flex-direction:column;flex:1;gap:1.6rem;padding:1.6rem 2rem 3rem;display:flex;overflow-y:auto}.integrated-overview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.overview-quote-row{background:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 1.4rem;display:flex}.quote-inline-text{color:var(--text-main);letter-spacing:-.01em;align-items:center;gap:.65rem;font-size:.88rem;line-height:1.4;display:flex}.quote-lightbulb-icon{color:var(--primary);opacity:.9;flex-shrink:0}.quote-author-tag{color:var(--text-muted);margin-left:.35rem;font-size:.78rem}.overview-stats-row{background:var(--bg-card);grid-template-columns:1fr 1fr;display:grid}.overview-stat-col{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.4rem;display:flex}.overview-stat-col.left-col{border-right:1px solid var(--border-color)}.stat-col-left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.stat-col-level-badge{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;padding:3px 8px;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex}.stat-col-level-badge.author{color:var(--primary);background:#8b5a2b14;border:1px solid #8b5a2b33}.stat-col-level-badge.author:hover{background:#8b5a2b26}.stat-col-level-badge.reader{color:#2a6f55;background:#2a6f5514;border:1px solid #2a6f5533}.stat-col-level-badge.reader:hover{background:#2a6f5526}.stat-items-group{align-items:center;gap:1.15rem;display:flex}.stat-mini-item{flex-direction:column;gap:1px;display:flex}.stat-mini-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:.66rem}.stat-mini-val{color:var(--text-main);white-space:nowrap;font-size:.86rem;font-weight:700}.stat-divider-line{background:var(--border-color);width:1px;height:20px}.highlight-flame{color:#f59e0b}.stat-more-link{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:3px;font-size:.76rem;transition:color .15s;display:inline-flex}.stat-more-link:hover{color:var(--text-main)}.section-block{flex-direction:column;gap:.95rem;display:flex}.section-divider-header{border-bottom:1px solid var(--border-color);align-items:center;padding-bottom:.55rem;display:flex}.section-clean-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.quick-continue-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.continue-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:1.15rem;padding:1.15rem 1.35rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000005}.continue-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000000d}.continue-card.writing:before{content:"";background:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.continue-card.reading:before{content:"";background:#2a6f55;width:4px;position:absolute;top:0;bottom:0;left:0}.book-spine-thumb{border:1px solid #00000014;border-radius:3px 6px 6px 3px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:44px;height:62px;padding:.4rem;display:flex;position:relative;box-shadow:2px 4px 10px #00000026}.book-spine-line{background:#fff3;width:2px;position:absolute;top:0;bottom:0;left:5px}.spine-genre{color:#ffffffd9;letter-spacing:.04em;font-size:.55rem;font-weight:700}.spine-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.continue-content{flex:1;min-width:0}.continue-badge-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.continue-tag{letter-spacing:.03em;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.continue-tag.writing{color:var(--primary);background:#8b5a2b14}.continue-tag.reading{color:#2a6f55;background:#2a6f5514}.continue-timestamp{color:var(--text-muted);font-size:.72rem}.continue-book-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.continue-book-name.empty-text{color:var(--text-dim);font-size:.92rem;font-weight:500}.continue-chapter-txt{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;margin-bottom:0;font-size:.82rem;overflow:hidden}.continue-action-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.continue-card:hover .continue-action-btn{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(2px)}.continue-card.reading:hover .continue-action-btn{color:#fff;background:#2a6f55;border-color:#2a6f55}.shelf-nav-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;padding-bottom:.65rem;display:flex}.shelf-tabs{gap:1.75rem;margin-bottom:-.65rem;display:flex}.shelf-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding-bottom:.65rem;font-size:1.05rem;font-weight:600;transition:color .2s;display:flex;position:relative}.shelf-tab-btn:hover{color:var(--text-main)}.shelf-tab-btn.active{color:var(--text-main);font-weight:700}.shelf-tab-btn.active:after{content:"";background:var(--primary);border-radius:2px;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}.shelf-tab-btn.reading-tab.active:after{background:#2a6f55}.shelf-tab-count{background:var(--bg-hover);color:var(--text-dim);border-radius:10px;padding:1px 7px;font-size:.74rem;font-weight:600}.shelf-tab-btn.active .shelf-tab-count{color:var(--primary);background:#8b5a2b14}.shelf-tab-btn.reading-tab.active .shelf-tab-count{color:#2a6f55;background:#2a6f5514}.shelf-sort-select{border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;outline:none;padding:.28rem .65rem;font-size:.78rem;transition:all .15s}.shelf-sort-select:hover{border-color:var(--primary);color:var(--text-main)}.sample-book-grid-3col{grid-template-columns:repeat(auto-fill,minmax(320px,360px));align-items:start;gap:1.15rem;display:grid}@media (width<=768px){.quick-continue-grid,.overview-stats-row{grid-template-columns:1fr}.overview-stat-col.left-col{border-right:none;border-bottom:1px solid var(--border-color)}}@media (width<=640px){.sample-book-grid-3col{grid-template-columns:1fr}}.book-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:9px;gap:.95rem;width:100%;padding:.85rem 1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #00000005}.book-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 5px 16px #0000000f}.book-cover{cursor:pointer;border:1px solid #00000014;border-radius:3px 6px 6px 3px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:74px;height:108px;padding:.5rem;display:flex;position:relative;box-shadow:2px 4px 10px #00000029}.book-cover-line{background:#ffffff26;width:2px;position:absolute;top:0;bottom:0;left:6px}.book-cover-genre{color:#ffffffd9;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.58rem;font-weight:700;overflow:hidden}.book-cover-title{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.72rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.book-details{flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:108px;display:flex}.card-top-header{justify-content:space-between;align-items:center;gap:.35rem;min-width:0;margin-bottom:.2rem;display:flex}.card-badges-left{flex:1;align-items:center;gap:.35rem;min-width:0;display:flex;overflow:hidden}.status-pill{color:var(--primary);border:1px solid var(--border-color);cursor:pointer;background:#8b5a2b14;border-radius:4px;flex-shrink:0;padding:1.5px 5.5px;font-size:.68rem;font-weight:600;line-height:1.2;transition:all .15s;white-space:nowrap!important;word-break:keep-all!important}.status-pill.completed{color:#10b981;background:#10b98114;border-color:#10b98140}.status-pill.reading-pill{color:#2a6f55;cursor:default;background:#2a6f5514;border-color:#2a6f5533}.genre-label{color:var(--text-muted);text-overflow:ellipsis;flex:1;min-width:0;font-size:.72rem;line-height:1.2;overflow:hidden;white-space:nowrap!important}.card-actions-top-right{flex-shrink:0;align-items:center;gap:3px;display:flex}.action-icon-top{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-icon-top:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-color)}.action-icon-top.edit-btn:hover{color:var(--primary);background:#8b5a2b14;border-color:#8b5a2b33}.action-icon-top.danger-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444433}.book-title-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;margin:0;font-size:.98rem;font-weight:700;line-height:1.25;overflow:hidden}.book-title-text:hover{color:var(--primary)}.book-desc-text{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;margin-bottom:0;font-size:.77rem;line-height:1.35;display:-webkit-box;overflow:hidden}.book-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.4rem;font-size:.72rem;display:flex}.footer-progress-group{align-items:center;gap:.45rem;display:flex}.progress-bar-thin{background:var(--bg-hover);border-radius:2px;width:50px;height:4px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .3s}.progress-bar-fill.completed-fill{background:#10b981}.progress-rate-txt{color:var(--primary);font-size:.72rem;font-weight:600}.progress-rate-txt.completed-txt{color:#10b981}.footer-action-read{color:#2a6f55;align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1rem;display:flex}.empty-state h3{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.empty-state p{color:var(--text-dim);font-size:.88rem;line-height:1.6}.import-manuscript-modal{flex-direction:column;width:95%;max-width:680px;max-height:88vh;display:flex}.import-modal-title-group{align-items:center;gap:.6rem;display:flex}.modal-title-icon{color:var(--primary)}.import-modal-body{flex-direction:column;gap:1.2rem;padding:1.2rem 1.4rem;display:flex;overflow-y:auto}.import-info-banner{color:var(--text-main);background-color:#2563eb0f;border:1px solid #2563eb2e;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;font-size:.83rem;line-height:1.5;display:flex}.info-sparkle-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.import-info-banner strong{color:var(--primary)}.import-tab-switcher{border-bottom:1px solid var(--border-color);gap:.5rem;padding-bottom:.5rem;display:flex}.import-tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.import-tab-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.import-tab-btn.active{color:var(--primary);background-color:#2563eb14;border-color:#2563eb33}.import-dropzone{border:2px dashed var(--border-color);background-color:var(--bg-main);text-align:center;cursor:pointer;border-radius:12px;padding:3rem 1.5rem;transition:all .2s}.import-dropzone:hover,.import-dropzone.dragging{border-color:var(--primary);background-color:#2563eb0a}.import-dropzone.dragging{transform:scale(.99)}.dropzone-inner{flex-direction:column;align-items:center;gap:.6rem;display:flex}.dropzone-icon{color:var(--primary);opacity:.8;margin-bottom:.3rem}.dropzone-inner h4{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.dropzone-inner p{color:var(--text-dim);margin:0;font-size:.84rem}.dropzone-badge{color:#10b981;background-color:#10b9811a;border-radius:12px;margin-top:.4rem;padding:2px 8px;font-size:.72rem;font-weight:600}.import-paste-area{flex-direction:column;gap:.6rem;display:flex}.import-paste-textarea{border:1px solid var(--border-color);background-color:var(--bg-main);width:100%;height:230px;color:var(--text-main);resize:vertical;border-radius:10px;outline:none;padding:1rem;font-family:inherit;font-size:.86rem;line-height:1.6;transition:border-color .15s}.import-paste-textarea:focus{border-color:var(--primary)}.paste-action-bar{justify-content:space-between;align-items:center;display:flex}.paste-char-count{color:var(--text-dim);font-size:.78rem}.import-preview-section{flex-direction:column;gap:1.2rem;display:flex}.import-summary-card{background-color:#10b98114;border:1px solid #10b98140;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.summary-left{align-items:center;gap:.8rem;display:flex}.summary-check-icon{color:#10b981;flex-shrink:0}.summary-left h4{color:var(--text-main);margin:0 0 2px;font-size:.96rem;font-weight:700}.summary-left p{color:var(--text-dim);margin:0;font-size:.82rem}.summary-left strong{color:#059669}.btn-retry-import{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;transition:all .15s}.btn-retry-import:hover{background-color:var(--bg-main);color:var(--text-main)}.import-form-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.import-target-selector{flex-direction:column;gap:.4rem;display:flex}.import-target-selector>label{color:var(--text-main);font-size:.82rem;font-weight:600}.target-radio-group{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.target-radio-card{border:1px solid var(--border-color);background-color:var(--bg-main);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.8rem;transition:all .15s;display:flex}.target-radio-card:hover{border-color:var(--primary)}.target-radio-card.active{border-color:var(--primary);background-color:#2563eb0d}.target-radio-card input{margin-top:3px}.target-radio-card div{flex-direction:column;gap:2px;display:flex}.target-radio-card strong{color:var(--text-main);font-size:.84rem}.target-radio-card span{color:var(--text-dim);font-size:.74rem}.import-chapters-preview-box{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.preview-box-header{border-bottom:1px solid var(--border-color);color:var(--text-main);background-color:#00000005;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.82rem;font-weight:700;display:flex}.preview-box-header .count-badge{color:var(--primary);background-color:#2563eb1a;border-radius:10px;padding:2px 7px;font-size:.72rem}.preview-chapters-list{flex-direction:column;gap:4px;max-height:180px;padding:.5rem;display:flex;overflow-y:auto}.preview-chapter-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .7rem}.preview-chap-header{align-items:center;gap:.6rem;display:flex}.chap-num-badge{background-color:var(--bg-main);width:20px;height:20px;color:var(--text-dim);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;display:flex}.chap-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.84rem;overflow:hidden}.chap-meta-info{color:var(--text-dim);flex-shrink:0;font-size:.74rem}@media (width<=600px){.import-form-grid,.target-radio-group{grid-template-columns:1fr}}.book-info-modal{width:92%;max-width:620px}.book-info-header{justify-content:space-between;align-items:center;display:flex}.book-info-title-group{align-items:center;gap:.5rem;display:flex}.book-info-title-group h2{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.book-info-form{flex-direction:column;gap:1.15rem;display:flex}.book-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=580px){.book-info-grid{grid-template-columns:1fr}}.cover-color-picker-wrap{flex-direction:column;gap:.5rem;display:flex}.cover-color-palette{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.color-swatch-chip{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 2px 6px #00000040}.color-swatch-chip:hover{transform:translateY(-2px)scale(1.06);box-shadow:0 4px 12px #00000059}.color-swatch-chip.active{box-shadow:0 0 0 2px var(--primary), 0 4px 14px #0006;border-color:#fff;transform:scale(1.05)}.color-swatch-check{color:#fff;filter:drop-shadow(0 1px 2px #0009)}.cover-preview-banner{color:#fff;border-radius:8px;justify-content:space-between;align-items:center;height:48px;margin-top:.25rem;padding:0 1rem;font-size:.88rem;font-weight:600;display:flex;box-shadow:inset 0 0 20px #0000004d}.cover-preview-banner span{text-shadow:0 1px 3px #0009;white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden}.studio-container{background:var(--bg-deep,#faf7f2);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.studio-top-bar{background:var(--bg-surface,#f8f5f0);border-bottom:1px solid var(--border-divider,#e8dfd6);z-index:50;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 1.25rem;display:flex}.top-bar-left{flex:1;align-items:center;gap:.65rem;min-width:0;margin-right:1.5rem;display:flex}.top-bar-right{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.preview-back-btn{height:32px;color:var(--text-sub,#6e5e52);background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);cursor:pointer;box-sizing:border-box;border-radius:6px;flex-shrink:0;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.top-divider{background:var(--border-divider,#e8dfd6);flex-shrink:0;width:1px;height:16px;margin:0 .2rem}.top-book-title-wrap{cursor:pointer;border-radius:6px;align-items:center;min-width:0;max-width:100%;padding:.2rem .5rem;transition:background .15s;display:flex}.top-book-title-wrap:hover{background:var(--bg-hover,#8b5a2b0d)}.top-book-title{font-family:var(--font-serif,inherit);color:var(--text-main,#241c15);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.95rem;font-weight:700;overflow:hidden}.top-status-dropdown-wrap{align-items:center;display:inline-flex}.top-status-select{background:var(--bg-card,#fff);height:32px;color:var(--color-primary,#8b5a2b);cursor:pointer;box-sizing:border-box;border:1px solid #8b5a2b2e;border-radius:6px;outline:none;align-items:center;padding:0 .65rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #46321e08}.top-status-select:hover,.top-status-select:focus{border-color:var(--color-primary,#8b5a2b);background:var(--bg-hover,#8b5a2b0a)}.top-icon-btn-group{align-items:center;gap:.35rem;display:inline-flex}.top-icon-btn{background:var(--bg-card,#fff);width:32px;height:32px;color:var(--text-sub,#6e5e52);cursor:pointer;box-sizing:border-box;border:1px solid #8b5a2b29;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #46321e0a}.top-icon-btn:hover{background:var(--bg-hover,#8b5a2b0d);color:var(--color-primary,#8b5a2b);border-color:var(--color-primary,#8b5a2b);transform:translateY(-1px)}.top-deadline-group{align-items:center;display:inline-flex;position:relative}.top-deadline-badge{color:#8b5a2b;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#c48a541f;border:1px solid #c48a54;border-radius:6px;align-items:center;gap:.35rem;height:32px;padding:0 .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.top-deadline-badge:hover{background:#c48a5433;border-color:#8b5a2b}.top-deadline-badge.active{background:#c48a5438;font-weight:700}.top-deadline-hidden-input{opacity:0;pointer-events:none;border:none;width:0;height:0;margin:0;padding:0;position:absolute;bottom:0;left:0}.studio-main-body{box-sizing:border-box;background:var(--bg-deep,#faf7f2);flex:1;gap:1.5rem;height:calc(100vh - 48px);padding:1.25rem 1.5rem 1.5rem;display:flex;overflow:hidden}.v4-main-window{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);border-radius:12px;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 8px 30px #46321e14}.v4-toc-col{background:var(--bg-card,#fff);border-right:1px solid var(--border-divider,#e8dfd6);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow:hidden}.v4-toc-header{border-bottom:1px solid var(--border-divider,#e8dfd6);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.15rem 1.15rem .85rem;display:flex}.v4-toc-header-title{color:var(--text-main,#241c15);font-size:.88rem;font-weight:700}.v4-btn-outline-plan{color:var(--color-primary,#8b5a2b);background:var(--color-primary-soft,#8b5a2b14);border:1px solid var(--border-subtle,#ede4da);cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.32rem .65rem;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.v4-btn-outline-plan:hover{background:var(--color-primary,#8b5a2b);color:#fff}.v4-toc-scroll{flex-direction:column;flex:1;gap:1.15rem;padding:.85rem .75rem;display:flex;overflow-y:auto}.v4-chap-block{flex-direction:column;display:flex}.v4-chap-row{cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;padding:.35rem .3rem;transition:background .15s;display:flex;position:relative}.v4-chap-row:hover{background:#8b5a2b0a}.v4-chap-left{flex:1;align-items:center;gap:.4rem;display:flex;overflow:hidden}.v4-fold-arrow{width:14px;height:14px;color:var(--text-muted,#a09388);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;line-height:1;transition:transform .18s;display:flex}.v4-fold-arrow.open{transform:rotate(90deg)}.v4-chap-name{color:var(--text-main,#241c15);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.v4-chap-input{color:var(--text-main,#241c15);border:1px solid var(--color-primary,#8b5a2b);background:#fff;border-radius:4px;outline:none;width:100%;padding:.15rem .35rem;font-size:.84rem;font-weight:700}.v4-chap-right{justify-content:flex-end;align-items:center;min-width:48px;height:20px;display:flex;position:relative}.v4-status-txt{color:var(--text-muted,#a09388);font-size:.72rem;transition:opacity .15s}.v4-status-txt.writing{color:var(--color-primary,#8b5a2b);font-weight:600}.v4-hover-actions{opacity:0;pointer-events:none;align-items:center;gap:.2rem;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;right:0}.v4-chap-row:hover .v4-status-txt{opacity:0}.v4-chap-row:hover .v4-hover-actions{opacity:1;pointer-events:auto}.v4-mini-btn{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);width:19px;height:19px;color:var(--text-sub,#6e5e52);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.75rem;transition:all .15s;display:flex}.v4-mini-btn:hover{background:var(--color-primary-soft,#8b5a2b1a);color:var(--color-primary,#8b5a2b);border-color:var(--color-primary,#8b5a2b)}.v4-mini-btn.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.v4-sec-list{flex-direction:column;gap:.25rem;margin-top:.25rem;padding-left:.4rem;display:flex}.v4-sec-row{color:var(--text-sub,#6e5e52);cursor:pointer;border-radius:6px;align-items:center;gap:.55rem;padding:.5rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.v4-sec-row:hover{color:var(--text-main,#241c15);background:#8b5a2b0a}.v4-sec-row.active{color:var(--text-main,#241c15);border-left:3px solid var(--color-primary,#8b5a2b);background:#ece5dc;border-radius:0 6px 6px 0;font-weight:700}.v4-sec-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden}.v4-sec-input{color:var(--text-main,#241c15);border:1px solid var(--color-primary,#8b5a2b);background:#fff;border-radius:4px;outline:none;width:100%;padding:.15rem .35rem;font-family:inherit;font-size:.8rem;font-weight:600}.v4-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.v4-dot.empty{border:1.5px solid var(--text-muted,#b8aca0);background:0 0}.v4-dot.filled{border:1.5px solid var(--color-primary,#8b5a2b);background:var(--color-primary,#8b5a2b)}.v4-bottom-add-chap{border-top:1px solid var(--border-divider,#e8dfd6);background:var(--bg-card,#fff);margin-top:auto;padding:.85rem .75rem}.v4-btn-chap-bottom{color:#6e5e52;cursor:pointer;background:#ece5dc;border:1px solid #dfd6cb;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.48rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 2px #46321e05}.v4-btn-chap-bottom:hover{color:#241c15;background:#e3dbd0;border-color:#cbbfb2}.v4-bottom-import-export-row{grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.45rem;display:grid}.v4-btn-import-export{color:var(--text-sub,#6e5e52);background:var(--bg-surface,#f8f5f0);border:1px solid var(--border-subtle,#ede4da);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.42rem .3rem;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.v4-btn-import-export:hover{background:var(--bg-hover,#8b5a2b0d);color:var(--text-main,#241c15);border-color:var(--border-divider,#e8dfd6)}.v4-btn-import-export.primary{background:var(--color-primary-soft,#8b5a2b14);color:var(--color-primary,#8b5a2b);border-color:#8b5a2b33}.v4-btn-import-export.primary:hover{background:var(--color-primary,#8b5a2b);color:#fff;border-color:var(--color-primary,#8b5a2b)}.v4-editor-col{background:var(--bg-card,#fff);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.v4-editor-top-bar{border-bottom:1px solid var(--border-divider,#e8dfd6);background:var(--bg-card,#fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex}.v4-breadcrumb{color:var(--text-muted,#a09388);align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;display:flex}.v4-bread-chap{color:var(--text-sub,#6e5e52)}.v4-bread-sep{color:var(--border-divider,#e8dfd6)}.v4-bread-sec{color:var(--text-main,#241c15);cursor:pointer;border-radius:4px;padding:.1rem .25rem;font-weight:700;transition:background .15s}.v4-bread-sec:hover{background:#8b5a2b14}.v4-bread-sec-input{color:var(--text-main,#241c15);border:1px solid var(--color-primary,#8b5a2b);background:#fff;border-radius:4px;outline:none;min-width:180px;padding:.15rem .45rem;font-family:inherit;font-size:.88rem;font-weight:700}.v4-actions-group{align-items:center;gap:.5rem;display:flex}.v4-btn-action{cursor:pointer;background:var(--bg-surface,#f8f5f0);color:var(--text-sub,#6e5e52);border:1px solid var(--border-subtle,#ede4da);border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.v4-btn-action:hover{background:var(--bg-hover,#8b5a2b0d);color:var(--text-main,#241c15);border-color:var(--border-divider,#e8dfd6)}.v4-btn-action.active{background:var(--color-primary-soft,#8b5a2b1a);color:var(--color-primary,#8b5a2b);border-color:var(--color-primary,#8b5a2b)}.v4-btn-action.primary{background:var(--color-primary,#8b5a2b);color:#fff;border-color:var(--color-primary,#8b5a2b)}.v4-btn-action.primary:hover{background:#734922}.v4-editor-canvas{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.85rem 1.5rem 1.5rem;display:flex;overflow:hidden}.btn-book-status-badge.ongoing{color:#3b82f6;background:#3b82f626;border-color:#3b82f659}.btn-book-status-badge.ongoing:hover{background:#3b82f640;transform:translateY(-1px)}.btn-book-status-badge.completed{color:#10b981;background:#10b98126;border-color:#10b98159}.btn-book-status-badge.completed:hover{background:#10b98140;transform:translateY(-1px)}.toc-book-title-wrapper{cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:.35rem;min-width:0;margin-left:-.35rem;padding:.15rem .35rem;transition:all .15s;display:flex}.toc-book-title-wrapper:hover{background:var(--bg-hover,#ffffff0f)}.toc-book-title-wrapper:hover .toc-title-edit-icon{opacity:1;color:var(--primary)}.toc-book-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.15rem;font-weight:700;overflow:hidden}.toc-title-edit-icon{color:var(--text-dim);opacity:.35;flex-shrink:0;transition:all .15s}.toc-header-icon-group{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.btn-toc-action-icon{border-radius:var(--radius-sm,6px);border:1px solid var(--border-glass,#ffffff1f);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-toc-action-icon:hover{background:var(--bg-hover,#ffffff14);color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6)}.btn-toc-action-icon.active{color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);background:#6366f126}.save-dropdown-wrapper{position:relative}.save-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);z-index:120;flex-direction:column;gap:2px;min-width:145px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #00000040}.save-dropdown-item{border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.8rem;font-weight:500;display:flex}.toc-actions{flex-direction:column;gap:.4rem;margin-top:.25rem;display:flex}.toc-actions button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.25rem;padding:.45rem .5rem;font-size:.78rem;display:flex}.toc-actions .btn-full{width:100%}.btn-editor-chief-banner{cursor:pointer;text-align:left;background:linear-gradient(135deg,#6366f11f 0%,#a855f729 100%);width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-md)!important;border:1px solid #8b5cf659!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;padding:.55rem .65rem!important;display:flex!important}.btn-editor-chief-banner:hover{background:linear-gradient(135deg,#6366f138 0%,#a855f747 100%);transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf626;border-color:#a855f799!important}.chief-banner-icon{flex-shrink:0;font-size:1.15rem}.chief-banner-text{flex-direction:column;flex:1;display:flex;overflow:hidden}.chief-banner-text strong{color:var(--text-main);font-size:.82rem;font-weight:700;line-height:1.2}.chief-banner-text span{color:var(--text-dim);margin-top:2px;font-size:.7rem;line-height:1.2}.chief-badge-pill{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;flex-shrink:0;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.toc-list{flex-direction:column;flex:1;gap:.6rem;padding:.75rem .5rem;display:flex;overflow-y:auto}.chapter-group{flex-direction:column;gap:.2rem;display:flex}.chapter-header{border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-main);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.85rem;font-weight:700;transition:background .15s,opacity .15s;display:flex;position:relative}.chapter-header:active{cursor:grabbing}.btn-add-section{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.btn-add-section:hover{color:var(--primary);background:var(--bg-hover)}.chapter-header-actions{opacity:0;flex-shrink:0;align-items:center;gap:.25rem;transition:opacity .15s;display:flex}.chapter-header:hover .chapter-header-actions{opacity:1}.btn-collapse-toggle{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.btn-collapse-toggle:hover{color:var(--text-main);background:var(--bg-hover)}.collapse-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1)}.collapse-chevron.open{transform:rotate(90deg)}.chapter-header.is-dragging,.section-item.is-dragging{opacity:.35!important;background:#6366f114!important}.chapter-header.drag-over-top:before,.section-item.drag-over-top:before{content:"";z-index:20;pointer-events:none;background:#3b82f6;border-radius:999px;height:3px;position:absolute;top:-2px;left:4px;right:4px;box-shadow:0 0 6px #3b82f699}.chapter-header.drag-over-bottom:after,.section-item.drag-over-bottom:after{content:"";z-index:20;pointer-events:none;background:#3b82f6;border-radius:999px;height:3px;position:absolute;bottom:-2px;left:4px;right:4px;box-shadow:0 0 6px #3b82f699}.chapter-header.drag-target-hover{outline-offset:-1px;background:#3b82f626!important;outline:2px solid #3b82f6!important}.btn-delete-chapter{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.btn-delete-chapter:hover{color:var(--danger);background:#ef44441f}.chapter-inline-edit-input{background:var(--bg-deep);border:1px solid var(--primary);color:var(--text-main);border-radius:4px;outline:none;width:100%;padding:.15rem .4rem;font-size:.85rem;font-weight:700}.section-list{flex-direction:column;gap:.15rem;padding-left:.5rem;display:flex}.section-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;transition:var(--transition);border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.82rem;display:flex;position:relative}.section-item:active{cursor:grabbing}.section-item:hover{background:var(--bg-hover);color:var(--text-main)}.section-item.active{background:var(--bg-active);color:var(--primary);border-left-color:var(--primary);font-weight:600}.section-item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.section-item-meta{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.btn-delete-section{color:var(--text-dim);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:1px;transition:all .15s;display:inline-flex}.section-item:hover .btn-delete-section{opacity:1;pointer-events:auto}.btn-delete-section:hover{color:var(--danger);background:#ef44441f}.status-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.completed{background:var(--success);box-shadow:0 0 6px #10b98166}.editor-workspace{background:var(--bg-deep,#faf7f2);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.editor-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border-glass);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;min-height:62px;padding:.65rem 1.5rem .85rem;display:flex}.section-title-input{color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:1px solid #0000;outline:none;flex:1;padding:.35rem .5rem;font-size:1.15rem;font-weight:700}.section-title-input:focus{background:var(--bg-panel);border-color:var(--primary-glow)}.editor-tools{align-items:center;gap:.5rem;display:flex}.editor-tools>.btn{border-radius:var(--radius-md);box-sizing:border-box;height:40px;padding:0 1rem;font-size:.86rem}.word-count-badge{color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border-glass);white-space:nowrap;box-sizing:border-box;border-radius:20px;align-items:center;height:32px;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.draft-save-wrapper{flex-direction:column;justify-content:center;align-items:flex-end;display:flex;position:relative}.draft-btn-group{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card-sub);box-sizing:border-box;align-items:center;height:40px;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.btn-draft-save{cursor:pointer;transition:var(--transition);box-sizing:border-box;border:none!important;border-right:1px solid var(--border-color)!important;height:100%!important;color:var(--text-main)!important;background:0 0!important;border-radius:0!important;align-items:center!important;gap:.35rem!important;padding:0 1rem!important;font-size:.86rem!important;font-weight:600!important;display:inline-flex!important}.btn-draft-save:hover{background:var(--bg-hover)!important;color:var(--primary)!important}.btn-draft-list-toggle{cursor:pointer;transition:var(--transition);box-sizing:border-box;height:100%!important;color:var(--text-main)!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:.35rem!important;padding:0 .65rem!important;font-size:.82rem!important;display:inline-flex!important}.btn-draft-list-toggle:hover,.btn-draft-list-toggle.active{background:var(--bg-hover)!important;color:var(--primary)!important}.draft-count-badge{color:var(--primary);text-align:center;background:#6366f11f;border-radius:12px;min-width:18px;padding:.12rem .45rem;font-size:.72rem;font-weight:700;line-height:1}.draft-saved-time-caption{color:var(--text-dim);letter-spacing:-.2px;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-top:3px;margin-right:2px;font-size:.68rem;font-weight:500;line-height:1.2}.btn-mode-toggle-single{border-radius:var(--radius-md)!important;height:40px!important;transition:var(--transition)!important;align-items:center!important;gap:.35rem!important;padding:0 .85rem!important;font-size:.84rem!important;font-weight:600!important;display:inline-flex!important}.btn-mode-toggle-single.active-block-mode{border-color:var(--primary)!important;color:var(--primary)!important;background:#6366f11f!important}.draft-popover-menu{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:150;width:320px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 36px #00000040,0 2px 8px #00000014;background:var(--bg-card)!important}.draft-popover-header{border-bottom:1px solid var(--border-color);background:var(--bg-card-sub);flex-direction:column;gap:2px;padding:.7rem .85rem;display:flex}.draft-popover-title{color:var(--text-main);align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:flex}.draft-popover-subtitle{color:var(--text-dim);font-size:.7rem}.draft-popover-list{flex-direction:column;gap:.35rem;max-height:260px;padding:.4rem;display:flex;overflow-y:auto}.draft-popover-empty{text-align:center;color:var(--text-dim);padding:1.5rem .85rem;font-size:.78rem;line-height:1.5}.draft-popover-item{border-radius:var(--radius-sm);background:var(--bg-card-sub);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.draft-popover-item:hover{border-color:var(--primary);background:var(--bg-hover)}.draft-item-info{flex:1;min-width:0}.draft-item-time-row{align-items:center;gap:.45rem;margin-bottom:2px;display:flex}.draft-item-time{color:var(--text-main);font-size:.75rem;font-weight:700}.draft-item-chars{color:var(--primary);background:#6366f114;border-radius:4px;padding:.05rem .3rem;font-size:.68rem}.draft-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.3;overflow:hidden}.draft-item-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.btn-draft-restore{color:#fff;background:var(--primary);cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.btn-draft-restore:hover{opacity:.9;transform:translateY(-1px)}.btn-draft-delete{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-draft-delete:hover{color:var(--danger);background:#ef44441f}.editor-sprint-bar{border-bottom:1px solid var(--border-glass);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;padding:.45rem 1.5rem;font-size:.82rem;display:flex}.sprint-left-group{align-items:center;gap:.75rem;display:flex}.chapter-title-header-wrapper{align-items:center;gap:.35rem;display:flex}.chapter-num-prefix{color:var(--primary);white-space:nowrap;font-size:.88rem;font-weight:800}.chapter-title-header-input{color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:1px solid #0000;outline:none;min-width:140px;padding:.2rem .5rem;font-size:.88rem;font-weight:700}.chapter-title-header-input:hover{border-color:var(--border-glass);background:#ffffff0d}.chapter-title-header-input:focus{background:var(--bg-panel);border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.dday-badge{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.dday-badge.urgent{color:var(--danger);background:#ef444426;border-color:#ef44444d;animation:1.5s infinite pulse}.dday-badge.done{color:var(--success);background:#10b98126;border-color:#10b9814d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.deadline-picker{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;outline:none;padding:.2rem .5rem;font-size:.78rem}.deadline-picker:hover{border-color:var(--primary);color:var(--text-main)}.publish-group{align-items:center;gap:.6rem;display:flex}.btn-publish{cursor:pointer;transition:var(--transition);border:none;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:flex}.btn-publish.draft{color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff14}.btn-publish.draft:hover{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.btn-publish.published{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b9814d}.chapter-badge-mini{letter-spacing:-.2px;border-radius:4px;align-items:center;margin-left:.35rem;padding:.12rem .45rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.chapter-badge-mini.published{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.chapter-badge-mini.draft{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.btn-html-preview-popup:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#ffffff1a}.preview-eye-icon{color:#ff6b81;font-size:.95rem}.rich-toolbar{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .85rem;display:flex;box-shadow:0 2px 8px #0000000a}.toolbar-select{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);outline:none;padding:.3rem .65rem;font-size:.82rem;font-weight:600}.rich-editor-body code{background:#ffffff1a;border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.9em}.rich-editor-body ul,.rich-editor-body ol{margin:.75rem 0;padding-left:1.5rem}.paragraph-workspace{background:0 0;flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow:hidden}.paragraph-workspace-header{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.82rem;display:flex}.paragraph-workspace-title{color:var(--text-main);align-items:center;gap:.5rem;font-weight:700;display:flex}.paragraph-workspace-guide{color:var(--text-dim);font-size:.75rem}.paragraph-cards-container{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.5rem .5rem 3rem;display:flex;overflow:hidden auto}.paragraph-card{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;min-height:80px;transition:all .2s;display:flex;overflow:visible;box-shadow:0 2px 6px #00000005}.paragraph-card:hover{border-color:#6366f159}.paragraph-card.active{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.paragraph-card-header{border-bottom:1px solid var(--border-glass);background:#0000000a;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .85rem;display:flex}.paragraph-meta-info{flex:1;align-items:center;gap:.5rem;display:flex;overflow:hidden}.paragraph-badge{color:var(--primary);background:#6366f11f;border-radius:4px;flex-shrink:0;padding:.15rem .45rem;font-size:.72rem;font-weight:800}.paragraph-tag-badge{color:#10b981;letter-spacing:-.01em;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;flex-shrink:0;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.paragraph-label-input{color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:1px solid #0000;outline:none;width:100%;max-width:260px;padding:.15rem .45rem;font-size:.82rem;font-weight:600}.paragraph-label-input::placeholder{color:var(--text-dim);opacity:.7;font-weight:500}.paragraph-label-input:hover{background:var(--bg-hover);border-color:var(--border-glass)}.paragraph-label-input:focus{background:var(--bg-panel);border-color:var(--primary);box-shadow:0 0 6px var(--primary-glow)}.paragraph-char-count{color:var(--text-dim);flex-shrink:0;font-size:.72rem}.paragraph-actions{align-items:center;gap:.25rem;display:flex}.btn-block-action{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:26px;height:26px;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-block-action:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main);border-color:var(--border-glass)}.btn-block-action:disabled{opacity:.3;cursor:not-allowed}.btn-block-action.btn-polish-block{width:auto;color:var(--primary);background:#6366f114;border-color:#6366f133;gap:.3rem;padding:0 .55rem;font-size:.72rem;font-weight:600}.btn-block-action.btn-polish-block:hover{background:var(--primary);color:#fff}.btn-block-action.btn-delete-block:hover{color:var(--danger);background:#ef44441a;border-color:#ef444433}.paragraph-card-body{flex-direction:column;flex-shrink:0;padding:.75rem .85rem;display:flex}.paragraph-textarea{width:100%;min-height:64px;color:var(--text-main);resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit;font-size:.96rem;line-height:1.8;display:block}.paragraph-textarea::placeholder{color:var(--text-dim)}.paragraph-inserter-row{flex-shrink:0;justify-content:center;align-items:center;height:20px;margin:0;display:flex;position:relative}.paragraph-inserter-row:before{content:"";background:var(--border-glass);opacity:.4;pointer-events:none;height:1px;position:absolute;left:2rem;right:2rem}.btn-insert-between{z-index:1;opacity:0;background:var(--bg-surface);border:1px dashed var(--border-glass);color:var(--text-muted);cursor:pointer;border-radius:12px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.paragraph-inserter-row:hover .btn-insert-between{opacity:1;border-color:var(--primary);color:var(--primary);background:var(--bg-panel)}.btn-insert-between:hover{transform:scale(1.05)}.btn-bottom-add-paragraph{border-radius:var(--radius-md);border:1px dashed var(--border-glass);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;margin-top:.75rem;margin-bottom:2rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.btn-bottom-add-paragraph:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d}.empty-paragraphs-notice{background:var(--bg-panel);border:1px dashed var(--border-glass);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;font-size:.9rem;display:flex}.btn-add-first-paragraph{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-add-first-paragraph:hover{box-shadow:0 2px 10px var(--primary-glow)}body.light-mode .paragraph-card{border-color:#e2e8f0;background:#fff!important}body.light-mode .paragraph-card.active{border-color:var(--primary);box-shadow:0 0 10px #6366f133}body.light-mode .paragraph-card-header{background:#f8fafc}body.light-mode .paragraph-label-input:hover{background:#f1f5f9;border-color:#cbd5e1}body.light-mode .paragraph-label-input:focus{border-color:var(--primary);background:#fff}body.light-mode .paragraph-textarea{color:#1e293b}body.light-mode .paragraph-workspace-header{background:#fff;border-color:#e2e8f0}body.light-mode .btn-bottom-add-paragraph{background:#fff;border-color:#cbd5e1}body.light-mode .chapter-title-header-input:hover{background:#f1f5f9;border-color:#cbd5e1}body.light-mode .chapter-title-header-input:focus{border-color:var(--primary);background:#fff}body.light-mode .chapter-inline-edit-input{border-color:var(--primary);color:#1e293b;background:#fff}body.light-mode .chapter-badge-mini.draft{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.toc-book-title-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.toc-book-title-row .toc-book-title{flex:1;min-width:0;margin-bottom:0}.save-dropdown-wrapper{display:inline-block;position:relative}.btn-save-icon-only{min-width:36px;height:34px;justify-content:center!important;align-items:center!important;padding:.45rem .65rem!important;display:inline-flex!important}.btn-save-icon-only.active{background:var(--bg-active,#3b82f633)!important;border-color:var(--primary,#3b82f6)!important;color:var(--primary,#3b82f6)!important}.save-dropdown-menu{z-index:250;background:var(--bg-surface,#1e212b);border:1px solid var(--border-glass,#ffffff1a);border-radius:8px;flex-direction:column;gap:.2rem;min-width:170px;padding:.35rem;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.save-dropdown-item{width:100%;color:var(--text-main,#e2e8f0);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.84rem;font-weight:500;transition:all .15s;display:flex}.save-dropdown-item:hover{background:var(--bg-hover,#ffffff14);color:var(--primary,#3b82f6)}.editor-find-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-glass);z-index:10;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .85rem;animation:.15s ease-out slideDownFindBar;display:flex;box-shadow:0 4px 12px #00000014}@keyframes slideDownFindBar{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.find-bar-inputs{flex:1;align-items:center;gap:.5rem;display:flex}.find-input-wrap{flex:1;align-items:center;max-width:280px;display:flex;position:relative}.find-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:.6rem}.find-input{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;color:var(--text-main);transition:var(--transition);border-radius:6px;outline:none;padding:.38rem .6rem .38rem 2rem;font-size:.82rem}.find-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f126}.find-count-badge{color:var(--text-dim);background:var(--bg-surface);border-radius:4px;padding:.1rem .35rem;font-size:.72rem;font-weight:600;position:absolute;right:.5rem}.find-bar-actions{align-items:center;gap:.35rem;display:flex}.btn-find-action{border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:5px;justify-content:center;align-items:center;padding:.35rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.btn-find-action:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.btn-find-action:disabled{opacity:.4;cursor:not-allowed}.btn-replace-action{padding:.35rem .65rem;font-size:.75rem}.btn-find-close{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;margin-left:.25rem;padding:.35rem;display:inline-flex}.btn-find-close:hover{color:#ef4444;background:#ef444426}.publish-status-pill{white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.publish-status-pill.sec-pub{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.publish-status-pill.chap-pub{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.publish-status-pill.book-pub{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.publish-status-pill.draft{color:var(--text-dim);border:1px solid var(--border-glass);background:#ffffff0f}.btn-publish-manage{color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #10b98140}.btn-publish-manage:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 10px #10b98159}.section-pub-badge{color:#10b981;background:#10b9812e;border:1px solid #10b9814d;border-radius:4px;flex-shrink:0;margin-right:.2rem;padding:.1rem .35rem;font-size:.64rem;font-weight:600}.tiptap-editor-container{flex-direction:column;flex:1;gap:.75rem;height:100%;min-height:0;display:flex}.rich-toolbar{-webkit-user-select:none;user-select:none;background:#faf8f5;border:1px solid #8b5a2b24;border-radius:10px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .75rem;display:flex;box-shadow:0 2px 8px #46321e0d,0 1px 3px #00000005}[data-theme=dark] .rich-toolbar{border-color:var(--border-divider);background:#241f1a}.toolbar-group{align-items:center;gap:.28rem;display:flex}.toolbar-divider{background:#8b5a2b24;width:1px;height:16px;margin:0 .35rem}[data-theme=dark] .toolbar-divider{background:var(--border-divider)}.toolbar-select{color:var(--text-main);cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #8b5a2b24;border-radius:6px;outline:none;padding:.25rem .6rem;font-size:.8rem;font-weight:600;box-shadow:0 1px 2px #00000005}[data-theme=dark] .toolbar-select{border-color:var(--border-divider);background:#241f1a}.toolbar-select:focus,.toolbar-select:hover{border-color:var(--primary)}.tool-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.88rem;display:inline-flex}.tool-btn:hover{background:var(--bg-hover);color:var(--text-main)}.tool-btn.active{background:var(--bg-active);color:var(--primary);border-color:var(--primary);font-weight:700}.rich-editor-viewport{border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--border-glass);transition:var(--transition);flex:1;padding:2.25rem 3rem;overflow-y:auto;box-shadow:0 4px 20px #00000008}.rich-editor-viewport:focus-within{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow)}.editor-doc-header{-webkit-user-select:none;user-select:none;border-bottom:1px dashed #8b5a2b1f;margin-bottom:2rem;padding-bottom:.5rem}.v4-sec-caption{letter-spacing:.16em;color:var(--color-accent-gold,#c48a54);text-transform:uppercase;margin-bottom:.65rem;font-family:inherit;font-size:.8rem;font-weight:600}.v4-heading-title{font-family:var(--font-serif,inherit);color:var(--text-main,#241c15);letter-spacing:-.02em;cursor:pointer;margin:0;font-size:1.95rem;font-weight:700;line-height:1.35;transition:opacity .15s}.v4-heading-title:hover{opacity:.82;color:var(--color-primary,#8b5a2b)}.v4-heading-input{font-family:var(--font-serif,inherit);color:var(--text-main,#241c15);border:1.5px solid var(--primary,#8b5a2b);box-sizing:border-box;background:#fff;border-radius:6px;outline:none;width:100%;padding:.2rem .6rem;font-size:1.85rem;font-weight:700;box-shadow:0 0 0 3px #8b5a2b1a}.rich-editor-body .tiptap{min-height:100%;color:var(--text-main);word-break:keep-all;outline:none;font-size:1.05rem;line-height:1.85}.rich-editor-body .tiptap p{margin-bottom:1.15rem}.rich-editor-body .tiptap h1,.rich-editor-body .tiptap h2,.rich-editor-body .tiptap h3{color:var(--text-main);margin-top:2rem;margin-bottom:.85rem;font-weight:700;line-height:1.35}.rich-editor-body .tiptap h1{font-size:1.75rem}.rich-editor-body .tiptap h2{border-left:4px solid var(--primary);padding-left:.75rem;font-size:1.45rem}.rich-editor-body .tiptap h3{font-size:1.22rem}.rich-editor-body .tiptap hr{border:none;border-top:1px solid var(--border-glass);margin:1.75rem 0}.rich-editor-body .tiptap blockquote{border-left:4px solid var(--primary);background:var(--bg-hover);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-main);margin:1.5rem 0;padding:.85rem 1.25rem;font-style:normal}.rich-editor-body .tiptap ul,.rich-editor-body .tiptap ol{margin:1.15rem 0;padding-left:1.5rem}.rich-editor-body .tiptap li{margin-bottom:.4rem}.rich-editor-body .tiptap pre{background:var(--bg-deep);color:var(--text-main);border-radius:var(--radius-sm);border:1px solid var(--border-glass);margin:1.25rem 0;padding:1rem 1.25rem;font-family:monospace;overflow-x:auto}.rich-editor-body .tiptap code{background:var(--bg-hover);color:var(--primary);border-radius:var(--radius-sm);padding:.2rem .45rem;font-family:monospace;font-size:.9em}.rich-editor-body .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-dim);pointer-events:none;height:0}.toolbar-popover-wrap{display:inline-flex;position:relative}.toolbar-palette-popover{z-index:100;background:#fff;border:1px solid #8b5a2b33;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 16px #0000001f}[data-theme=dark] .toolbar-palette-popover{background:#2a241f;border-color:#b8967633}.palette-color-btn{cursor:pointer;border:2px solid #fff;border-radius:50%;outline:none;width:20px;height:20px;transition:transform .15s;box-shadow:0 1px 3px #0003}.palette-color-btn:hover{transform:scale(1.2)}.palette-color-btn.active{box-shadow:0 0 0 2px var(--primary)}.editor-status-bar{color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#faf8f5;border:1px solid #8b5a2b1f;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.4rem .85rem;font-size:.78rem;display:flex}[data-theme=dark] .editor-status-bar{border-color:var(--border-divider);background:#241f1a}.status-bar-left{align-items:center;gap:1rem;display:flex}.status-stat-item{align-items:center;gap:.35rem;display:inline-flex}.status-stat-strong{color:var(--text-main);font-weight:700}.status-manuscript-badge{color:var(--primary);background:#8b5a2b14;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.74rem;font-weight:600;display:inline-flex}.status-bar-right{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.74rem;display:flex}.quotas-modal-overlay{z-index:9999}.quotas-modal-box{background:var(--bg-card);border:1px solid var(--border-color);max-width:540px;box-shadow:0 20px 50px #0006}.quotas-modal-header{border-bottom:1px solid var(--border-color);align-items:flex-start;padding:1.25rem 1.5rem 1rem}.quotas-header-info{flex-direction:column;gap:.25rem;display:flex}.quotas-header-title-row{align-items:center;gap:.5rem;display:flex}.quotas-title-icon{color:var(--primary);flex-shrink:0}.quotas-modal-header h2{color:var(--text-main);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.quotas-header-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.quotas-modal-body{gap:1rem;padding:1.25rem 1.5rem}.quotas-model-list{flex-direction:column;gap:.75rem;display:flex}.quota-item-card{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.quota-item-card:hover{background:var(--bg-hover);border-color:var(--border-bright)}.quota-item-card.selected-model{background:var(--bg-active);border-color:var(--primary);box-shadow:0 0 0 1.5px var(--primary-glow)}.smart-cascade-card{background:#f59e0b0a;border-color:#f59e0b40}.smart-cascade-card:hover{background:#f59e0b14;border-color:#f59e0b73}.smart-cascade-card.selected-model{background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 0 1.5px #f59e0b4d}.quotas-group-section{flex-direction:column;gap:.5rem;margin-top:.35rem;display:flex}.quotas-group-title{color:var(--text-main);letter-spacing:-.01em;align-items:center;padding:.2rem .1rem;font-size:.76rem;font-weight:700;display:flex}.quotas-group-title span{align-items:center;gap:4px;display:inline-flex}.quotas-section-divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;align-items:center;margin:.2rem 0;font-size:.72rem;font-weight:600;display:flex}.quotas-section-divider:before,.quotas-section-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.quotas-section-divider span{padding:0 .6rem}.quota-select-radio{flex-shrink:0;justify-content:center;align-items:center;margin-left:.5rem;display:flex}.quota-check-icon.active{color:var(--primary)}.smart-cascade-card.selected-model .quota-check-icon.active{color:#f59e0b}.quota-radio-circle{border:1.5px solid var(--border-color);width:16px;height:16px;transition:var(--transition);border-radius:50%}.quota-item-card:hover .quota-radio-circle{border-color:var(--text-muted)}.quota-item-main{justify-content:space-between;align-items:center;gap:1rem;display:flex}.quota-item-left{flex-direction:column;gap:.3rem;min-width:0;display:flex}.quota-model-badge-row{align-items:center;gap:.5rem;display:flex}.quota-status-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px}.quota-status-dot.active{background:var(--primary);box-shadow:0 0 6px var(--primary)}.quota-model-title{color:var(--text-main);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.quota-active-tag{background:var(--primary);color:#000;letter-spacing:-.02em;border-radius:9999px;flex-shrink:0;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.quota-meta-row{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.quota-tier-tag{background:#ffffff0f;border-radius:4px;padding:.1rem .35rem;font-size:.72rem;display:inline-block}body.light-mode .quota-tier-tag{background:#0000000d}.quota-count-text{color:var(--text-dim);font-size:.75rem}.quota-item-right{flex-shrink:0;align-items:center;display:flex}.quota-gauge-container{align-items:center;gap:.65rem;display:flex}.quota-gauge-bar{background:var(--border-color);border-radius:4px;width:80px;height:7px;overflow:hidden}.quota-gauge-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.quota-gauge-fill.urgent{background:var(--danger)}.quota-pct-number{color:var(--text-main);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:.85rem;font-weight:700}.quota-pct-number.urgent{color:var(--danger)}.quota-item-sub{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.25rem;font-size:.74rem;display:flex}.quota-reset-countdown{color:var(--text-muted);align-items:center;gap:.35rem;display:flex}.quota-exhausted-warn{color:var(--danger);font-weight:600}.quotas-info-callout{border:1px dashed var(--primary-glow);border-radius:var(--radius-md);color:var(--text-muted);background:#00e5ff0f;align-items:center;gap:.55rem;padding:.75rem .9rem;font-size:.78rem;line-height:1.45;display:flex}body.light-mode .quotas-info-callout{background:#0072f50f}.quotas-info-callout svg{color:var(--primary);flex-shrink:0}.quotas-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-card-sub);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.chief-slide-drawer{background:var(--bg-surface);width:380px;max-width:100vw;height:100%;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);z-index:40;border-left:1px solid #8b5cf666;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-4px 0 24px #00000040}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.chief-drawer-header{border-bottom:1px solid var(--border-glass);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.chief-header-title-group{align-items:center;gap:.85rem;display:flex}.chief-header-badge-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f126,#a855f740);border:1px solid #8b5cf666;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.chief-header-tag{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:999px;padding:.12rem .45rem;font-size:.7rem;font-weight:700}.chief-online-dot{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b981}.chief-header-desc{color:var(--text-dim);margin:.2rem 0 0;font-size:.8rem}.chief-header-actions{align-items:center;gap:.35rem;display:flex}.chief-header-btn{background:var(--bg-card-sub);border:1px solid var(--border-glass);color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.chief-header-btn:hover{background:var(--bg-panel);color:var(--text-main);border-color:#8b5cf680;transform:translateY(-1px)}.chief-header-btn.active{color:var(--primary);border-color:var(--primary);background:#8b5cf633}.chief-header-btn.close:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}.chief-history-badge{background:var(--primary);color:#fff;text-align:center;border-radius:999px;min-width:15px;height:15px;padding:0 3px;font-size:.65rem;font-weight:700;line-height:15px;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #0003}.chief-history-view{background:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.chief-history-header{border-bottom:1px solid var(--border-glass);background:var(--bg-surface);padding:1rem 1.1rem}.history-title-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.history-title{color:var(--text-main);font-size:.92rem;font-weight:700}.history-count{color:var(--text-dim);background:var(--bg-panel);border-radius:var(--radius-sm);border:1px solid var(--border-glass);padding:.15rem .45rem;font-size:.75rem}.history-subtitle{color:var(--text-dim);margin:0;font-size:.76rem;line-height:1.4}.chief-history-list{flex-direction:column;flex:1;gap:.6rem;padding:.9rem;display:flex;overflow-y:auto}.chief-history-empty{height:240px;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.chief-history-empty p{color:var(--text-muted);margin:0;font-size:.88rem;font-weight:600}.chief-history-empty span{font-size:.76rem;line-height:1.4}.history-session-card{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .85rem;transition:all .2s;display:flex}.history-session-card:hover{background:var(--bg-card-hover,#ffffff0a);border-color:#8b5cf666;transform:translateY(-1px)}.history-session-card.active{background:#6366f117;border-color:#8b5cf6b3;box-shadow:0 0 12px #8b5cf626}.current-session-badge{color:#fff;letter-spacing:-.02em;vertical-align:middle;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:999px;margin-left:.4rem;padding:.1rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.session-card-main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.session-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;display:flex;overflow:hidden}.session-icon{color:var(--primary);flex-shrink:0}.session-card-meta{color:var(--text-dim);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.session-card-actions{align-items:center;display:flex}.btn-history-delete{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.35rem;transition:all .15s;display:flex}.btn-history-delete:hover{color:#ef4444;background:#ef44441f}.chief-history-footer{border-top:1px solid var(--border-glass);background:var(--bg-surface);padding:.75rem .9rem}.chief-chat-area{background:var(--bg-main);flex-direction:column;flex:1;padding:1.25rem;display:flex;overflow-y:auto}.chief-message-list{flex-direction:column;gap:1.1rem;display:flex}.chief-message-row{gap:.75rem;width:100%;display:flex}.chief-message-row.user{justify-content:flex-end}.chief-avatar{background:linear-gradient(135deg,#6366f133,#a855f74d);border:1px solid #8b5cf680;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.chief-bubble-wrapper{flex-direction:column;gap:.25rem;max-width:85%;display:flex}.chief-message-row.user .chief-bubble-wrapper{align-items:flex-end}.chief-bubble{border-radius:var(--radius-lg);padding:.9rem 1.1rem;font-size:.88rem;line-height:1.6}.chief-message-row.assistant .chief-bubble{background:var(--bg-panel);border:1px solid var(--border-glass);color:var(--text-main);border-top-left-radius:4px;box-shadow:0 2px 10px #0000000d}.chief-message-row.user .chief-bubble{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-top-right-radius:4px;box-shadow:0 4px 14px #6366f140}.chief-bubble-content{overflow-wrap:break-word}.chief-bubble-content p:last-child{margin-bottom:0}.chief-timestamp{color:var(--text-dim);padding:0 .2rem;font-size:.7rem}.chief-restructure-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1.5px solid #8b5cf673;flex-direction:column;gap:.75rem;margin-top:.85rem;padding:1rem;display:flex}.restructure-card-header{justify-content:space-between;align-items:center;display:flex}.restructure-card-badge{color:#a855f7;font-size:.78rem;font-weight:700}.restructure-card-count{color:var(--text-dim);font-size:.75rem}.restructure-card-desc{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.restructure-card-tree{background:var(--bg-card-sub);border-radius:var(--radius-sm);border:1px solid var(--border-glass);flex-direction:column;gap:.45rem;max-height:220px;padding:.65rem;display:flex;overflow-y:auto}.restructure-ch-item{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:.5rem .65rem}.restructure-ch-title{color:var(--text-main);margin-bottom:.3rem;font-size:.82rem;font-weight:600}.restructure-ch-title strong{color:var(--primary);margin-right:.3rem}.restructure-sec-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.restructure-sec-list li{color:var(--text-muted);align-items:center;gap:.35rem;padding-left:.5rem;font-size:.76rem;display:flex}.restructure-sec-list .sec-tag{color:var(--text-dim);background:var(--bg-card-sub);border-radius:3px;padding:.05rem .3rem;font-family:monospace;font-size:.72rem}.restructure-apply-bar{border-top:1px solid var(--border-glass);flex-direction:column;gap:.45rem;padding-top:.65rem;display:flex}.apply-notice{color:var(--text-dim);font-size:.74rem}.btn-apply-outline{cursor:pointer;justify-content:center;align-items:center;gap:.45rem;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b98140;color:#fff!important;border-radius:var(--radius-md)!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;padding:.65rem 1rem!important;font-size:.88rem!important;font-weight:700!important}.btn-apply-outline:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#059669,#047857)!important}.chief-typing-bubble{align-items:center;gap:.3rem;display:flex;padding:.75rem 1rem!important}.typing-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingDot}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.chief-chat-input-container{background:var(--bg-surface);border-top:1px solid var(--border-glass);flex-direction:column;gap:.55rem;padding:.65rem 1rem .85rem;display:flex}.chief-suggestions-bar{align-items:center;gap:.4rem;display:flex;overflow:hidden}.suggestions-label{color:var(--text-dim);white-space:nowrap;font-size:.74rem;font-weight:600}.suggestions-scroll{align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow-x:auto}.suggestions-scroll::-webkit-scrollbar{height:3px}.suggestion-chip{background:var(--bg-card-sub);border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.75rem;transition:all .15s;display:inline-flex}.suggestion-chip:hover{color:var(--primary);background:#6366f11f;border-color:#6366f180;transform:translateY(-1px)}.chief-input-form{align-items:flex-end;gap:.5rem;display:flex}.chief-chat-textarea{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-main);resize:none;max-height:90px;transition:var(--transition);flex:1;padding:.65rem .85rem;font-family:inherit;font-size:.86rem;line-height:1.5}.chief-chat-textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);outline:none}.btn-chief-send{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.btn-chief-send:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.btn-chief-send:disabled{opacity:.45;cursor:not-allowed}body.light-mode .chief-chat-textarea{color:#18191f;background:#fff}.v5-right-col{flex-direction:column;flex-shrink:0;gap:.75rem;width:340px;height:100%;padding-right:2px;display:flex;overflow:hidden}.v5-right-col::-webkit-scrollbar{width:5px}.v5-right-col::-webkit-scrollbar-thumb{background:var(--border-divider,#e8dfd6);border-radius:4px}.v5-unified-card{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);box-shadow:var(--shadow-card,0 2px 8px #46321e0d);border-radius:11px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.v5-card-header{border-bottom:1px solid var(--border-divider,#e8dfd6);background:var(--bg-card,#fff);flex-shrink:0;padding:.85rem 1rem .75rem}.v5-card-title{color:var(--text-main,#241c15);letter-spacing:-.01em;align-items:center;gap:.45rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.v5-folder-tabs-nav{border-bottom:1px solid var(--border-divider,#e8dfd6);background:#faf8f5;flex-shrink:0;gap:4px;padding:.4rem .75rem 0;display:flex}[data-theme=dark] .v5-folder-tabs-nav{border-bottom-color:var(--border-divider,#3d342a);background:#241f1a}.v5-folder-tab{color:var(--text-sub,#6e5e52);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;flex:1;margin-bottom:-1px;padding:.5rem .2rem;font-size:.78rem;font-weight:600;transition:all .15s;position:relative}.v5-folder-tab:hover{color:var(--color-primary,#8b5a2b);background:#8b5a2b0a}.v5-folder-tab.active{color:var(--color-primary,#8b5a2b);background:var(--bg-card,#fff);border:1px solid var(--border-divider,#e8dfd6);border-bottom:1px solid var(--bg-card,#fff);z-index:2;font-weight:700}[data-theme=dark] .v5-folder-tab.active{background:var(--bg-card,#1d1814);border-color:var(--border-divider,#3d342a);border-bottom-color:var(--bg-card,#1d1814)}.v5-card-body{background:var(--bg-card,#fff);flex-direction:column;flex:1;min-height:0;padding:1.15rem 1.15rem 1.25rem;display:flex;overflow:hidden}.v5-tab-pane{flex-direction:column;flex:1;gap:1.15rem;height:100%;padding-right:2px;animation:.18s v5TabFadeIn;display:none;overflow-y:auto}.v5-tab-pane::-webkit-scrollbar{width:4px}.v5-tab-pane::-webkit-scrollbar-thumb{background:var(--border-divider,#e8dfd6);border-radius:4px}.v5-tab-pane.active{display:flex}.v5-picto{vertical-align:middle;stroke:var(--color-primary,#8b5a2b);flex-shrink:0;display:inline-block}@keyframes v5TabFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.v5-btn-vault-full{width:100%;color:var(--text-main,#241c15);background:var(--bg-surface,#f8f5f0);border:1px solid var(--border-divider,#e8dfd6);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;margin-bottom:.15rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.v5-btn-vault-full:hover{background:var(--bg-hover,#8b5a2b14);border-color:var(--color-primary,#8b5a2b);color:var(--color-primary,#8b5a2b)}.v5-field-group{flex-direction:column;gap:.42rem;display:flex}.v5-field-label{color:var(--text-sub,#6e5e52);font-size:.74rem;font-weight:600}.v5-input{border:1px solid var(--border-divider,#e8dfd6);background:var(--bg-card,#fff);width:100%;color:var(--text-main,#241c15);box-sizing:border-box;border-radius:6px;outline:none;padding:.48rem .65rem;font-family:inherit;font-size:.78rem;transition:all .15s}.v5-input:focus{border-color:var(--color-primary,#8b5a2b);box-shadow:0 0 0 1px var(--color-primary-soft,#8b5a2b1a)}.v5-textarea{border:1px solid var(--border-divider,#e8dfd6);background:var(--bg-card,#fff);width:100%;color:var(--text-main,#241c15);resize:vertical;box-sizing:border-box;border-radius:6px;outline:none;min-height:52px;padding:.5rem .65rem;font-family:inherit;font-size:.78rem;line-height:1.5;transition:all .15s}.v5-textarea:focus{border-color:var(--color-primary,#8b5a2b);box-shadow:0 0 0 1px var(--color-primary-soft,#8b5a2b1a)}.v5-chips-wrap{flex-wrap:wrap;gap:.3rem;display:flex}.v5-chip-opt{background:var(--bg-card,#fff);color:var(--text-sub,#6e5e52);border:1px solid var(--border-subtle,#ede4da);cursor:pointer;border-radius:4px;padding:.22rem .55rem;font-size:.69rem;font-weight:500;transition:all .15s}.v5-chip-opt:hover{border-color:var(--color-primary,#8b5a2b);color:var(--color-primary,#8b5a2b)}.v5-chip-opt.active{background:var(--color-primary,#8b5a2b);border-color:var(--color-primary,#8b5a2b);color:#fff;font-weight:600}.v5-chip-hint-box{background:var(--bg-surface,#f8f5f0);border:1px solid var(--border-subtle,#ede4da);border-radius:6px;margin-top:.45rem;padding:.5rem .65rem;font-size:.74rem;transition:all .15s}.v5-hint-title{color:var(--color-primary,#8b5a2b);letter-spacing:.02em;margin-bottom:.2rem;font-size:.69rem;font-weight:700;display:block}.v5-hint-desc{color:var(--text-main,#241c15);margin:0 0 .3rem;font-size:.73rem;line-height:1.45}.v5-hint-quote{color:var(--text-sub,#6e5e52);border-left:2px solid var(--border-divider,#e8dfd6);padding-left:.45rem;font-size:.71rem;font-style:italic;line-height:1.4}.v5-btn-primary{background:var(--color-primary,#8b5a2b);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:.52rem;font-size:.79rem;font-weight:700;transition:background .15s;display:flex}.v5-btn-primary:hover{background:var(--color-primary-hover,#6d4520)}.v5-btn-primary:disabled{opacity:.6;cursor:not-allowed}.v5-btn-secondary{background:var(--color-primary-soft,#8b5a2b1a);width:100%;color:var(--color-primary,#8b5a2b);border:1px solid var(--border-focus,#c48a54);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.52rem;font-size:.79rem;font-weight:700;transition:all .15s;display:flex}.v5-btn-secondary:hover{background:var(--color-primary,#8b5a2b);color:#fff}.v5-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.v5-btn-apply{background:var(--color-primary,#8b5a2b);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:.5rem;font-size:.78rem;font-weight:700;transition:background .15s;display:flex}.v5-btn-apply:hover{background:var(--color-primary-hover,#6d4520)}.v5-btn-text{color:var(--color-primary,#8b5a2b);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600}.v5-btn-text:hover{text-decoration:underline}.v5-result-box{background:var(--bg-card,#fff);border:1px solid var(--border-divider,#e8dfd6);border-radius:8px;flex-direction:column;gap:.5rem;padding:.7rem;animation:.2s v5FadeIn;display:flex;box-shadow:0 1px 3px #00000005}@keyframes v5FadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.v5-result-meta{color:var(--color-primary,#8b5a2b);justify-content:space-between;align-items:center;font-size:.71rem;font-weight:600;display:flex}.v5-btn-mini{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);color:var(--text-sub,#6e5e52);cursor:pointer;border-radius:4px;padding:.18rem .45rem;font-size:.68rem}.v5-btn-mini:hover{color:var(--color-primary,#8b5a2b);border-color:var(--color-primary,#8b5a2b)}.v5-chief-chat-container{background:var(--bg-card,#fff);border:1px solid var(--border-divider,#e8dfd6);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.v5-chief-chat-header{border-bottom:1px solid var(--border-divider,#e8dfd6);background:var(--bg-surface,#f8f5f0);justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.v5-chief-title{color:var(--text-main,#241c15);font-size:.82rem;font-weight:700}.v5-chief-head-actions{align-items:center;gap:.35rem;display:flex}.v5-chief-head-btn{background:var(--bg-surface,#f8f5f0);border:1px solid var(--border-divider,#e8dfd6);width:28px;height:28px;color:var(--text-sub,#6e5e52);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.v5-chief-head-btn:hover{background:var(--bg-hover,#8b5a2b14);color:var(--color-primary,#8b5a2b);border-color:var(--color-primary,#8b5a2b)}.v5-chief-messages-list{background:var(--bg-base,#faf7f2);flex-direction:column;flex:1;gap:.8rem;padding:.85rem;display:flex;overflow-y:auto}.v5-chief-messages-list::-webkit-scrollbar{width:4px}.v5-chief-messages-list::-webkit-scrollbar-thumb{background:var(--border-divider,#e8dfd6);border-radius:4px}.v5-chief-msg-row{gap:.5rem;width:100%;display:flex}.v5-chief-msg-row.user{justify-content:flex-end}.v5-chief-avatar{background:var(--color-primary-soft,#8b5a2b1a);border:1px solid var(--border-subtle,#ede4da);color:var(--color-primary,#8b5a2b);border-radius:4px;flex-shrink:0;height:fit-content;padding:.2rem .45rem;font-size:.68rem;font-weight:700}.v5-chief-bubble-wrap{flex-direction:column;gap:.2rem;max-width:84%;display:flex}.v5-chief-msg-row.user .v5-chief-bubble-wrap{align-items:flex-end}.v5-chief-bubble{word-break:keep-all;border-radius:8px;padding:.65rem .85rem;font-size:.77rem;line-height:1.55}.v5-chief-msg-row.assistant .v5-chief-bubble{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);color:var(--text-main,#241c15);border-top-left-radius:2px;box-shadow:0 1px 3px #00000008}.v5-chief-msg-row.user .v5-chief-bubble{background:var(--color-primary,#8b5a2b);color:#fff;border-top-right-radius:2px;box-shadow:0 1px 4px #8b5a2b33}.v5-chief-time{color:var(--text-muted,#9c8e82);padding:0 .15rem;font-size:.64rem}.v5-chief-suggestions-bar{background:var(--bg-card,#fff);border-top:1px solid var(--border-divider,#e8dfd6);flex-direction:column;gap:.3rem;padding:.45rem .75rem;display:flex}.v5-chief-suggest-label{color:var(--text-muted,#9c8e82);font-size:.68rem;font-weight:700}.v5-chief-suggest-chips{flex-wrap:wrap;gap:.25rem;display:flex}.v5-chief-suggest-chip{background:var(--bg-surface,#f8f5f0);color:var(--text-sub,#6e5e52);border:1px solid var(--border-subtle,#ede4da);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.68rem;font-weight:500;transition:all .15s}.v5-chief-suggest-chip:hover{background:var(--color-primary-soft,#8b5a2b1a);border-color:var(--color-primary,#8b5a2b);color:var(--color-primary,#8b5a2b)}.v5-chief-input-form{background:var(--bg-card,#fff);border-top:1px solid var(--border-divider,#e8dfd6);align-items:flex-end;gap:.4rem;padding:.45rem .75rem .55rem;display:flex}.v5-chief-textarea{border:1px solid var(--border-divider,#e8dfd6);background:var(--bg-card,#fff);color:var(--text-main,#241c15);resize:none;box-sizing:border-box;border-radius:6px;outline:none;flex:1;height:44px;padding:.48rem .65rem;font-family:inherit;font-size:.77rem;transition:all .15s}.v5-chief-textarea:focus{border-color:var(--color-primary,#8b5a2b);box-shadow:0 0 0 1px var(--color-primary-soft,#8b5a2b1a)}.v5-btn-chief-send{background:var(--color-primary,#8b5a2b);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:.45rem .75rem;font-size:.76rem;font-weight:700;transition:background .15s;display:flex}.v5-btn-chief-send:hover{background:var(--color-primary-hover,#6d4520)}.v5-btn-chief-send:disabled{opacity:.5;cursor:not-allowed}.v5-quota-pill-bar{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#ede4da);box-shadow:var(--shadow-card,0 1px 4px #46321e0a);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem .95rem;transition:all .15s;display:flex}.v5-quota-pill-bar:hover{border-color:var(--border-focus,#c48a54);background:var(--bg-hover,#8b5a2b0d)}.v5-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#0000007a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.v5-modal-dialog{background:var(--bg-card,#fff);border:1px solid var(--border-divider,#e8dfd6);border-radius:12px;flex-direction:column;gap:1rem;width:460px;max-width:90vw;padding:1.4rem;animation:.18s ease-out v5ModalPop;display:flex;position:relative;box-shadow:0 16px 40px #00000038}@keyframes v5ModalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.v5-modal-header{justify-content:space-between;align-items:center;padding-bottom:.2rem;display:flex}.v5-modal-title{color:var(--text-main,#241c15);margin:0;font-size:1.02rem;font-weight:700}.v5-modal-close{color:var(--text-muted,#9c8e82);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .45rem;font-size:1.25rem;line-height:1;transition:all .15s}.v5-modal-close:hover{color:#dc2626;background:var(--bg-hover,#0000000d)}.v5-modal-preview{background:var(--bg-surface,#f8f5f0);border:1px solid var(--border-subtle,#ede4da);border-radius:8px;max-height:200px;padding:.85rem;overflow-y:auto}.v5-modal-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.v5-btn-modal-replace{background:var(--color-primary,#8b5a2b);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.65rem;font-size:.82rem;font-weight:700;transition:background .15s}.v5-btn-modal-replace:hover{background:var(--color-primary-hover,#6d4520)}.v5-btn-modal-append{background:var(--bg-card,#fff);color:var(--text-main,#241c15);border:1px solid var(--border-divider,#e8dfd6);cursor:pointer;border-radius:8px;padding:.65rem;font-size:.82rem;font-weight:700;transition:all .15s}.v5-btn-modal-append:hover{border-color:var(--color-primary,#8b5a2b);color:var(--color-primary,#8b5a2b);background:var(--bg-hover,#8b5a2b0d)}.outline-genre-header{justify-content:space-between;align-items:center;display:flex}.outline-genre-badge{color:var(--primary);font-size:.78rem;font-weight:500}.outline-genre-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.45rem;margin-top:.35rem;display:grid}.outline-genre-chip{border-radius:var(--radius-md,8px);border:1px solid var(--border-color);background-color:var(--bg-card-sub);color:var(--text-main);cursor:pointer;text-align:left;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.82rem;font-weight:400;transition:all .15s;display:flex}.outline-genre-chip:hover{border-color:var(--primary);background-color:var(--bg-hover,#0072f50d)}.outline-genre-chip.active{border:1.5px solid var(--primary);background-color:var(--bg-active,#0072f51a);color:var(--primary);font-weight:600}.outline-genre-icon{font-size:1rem}.outline-genre-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.outline-counts-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.outline-custom-input{margin-top:.4rem}.outline-spec-card{background-color:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:var(--radius-md,8px);color:var(--text-muted);margin-bottom:1rem;padding:.85rem 1rem;font-size:.83rem}.outline-spec-main{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.outline-spec-pages-highlight{color:var(--primary);font-size:.94rem}.outline-spec-words{font-size:.8rem}.outline-spec-detail{border-top:1px solid var(--border-color);flex-direction:column;gap:.25rem;margin-top:.45rem;padding-top:.45rem;font-size:.78rem;display:flex}.outline-spec-detail-row{justify-content:space-between;display:flex}.outline-spec-bold{color:var(--text-main)}.outline-spec-dim{color:var(--text-dim)}.outline-prompt-textarea{min-height:80px}.outline-error-banner{border-radius:var(--radius-md,8px);color:var(--text-main);background-color:#ef444414;border:1.5px solid #ef444459;margin-top:.75rem;padding:.85rem 1rem;font-size:.85rem}.outline-error-header{color:#ef4444;align-items:center;gap:.45rem;margin-bottom:.35rem;font-weight:600;display:flex}.outline-error-msg{color:var(--text-muted);margin:0 0 .65rem;font-size:.82rem;line-height:1.45}.outline-error-tip{color:var(--text-dim);margin-top:.35rem;display:block}.outline-error-action-btn{justify-content:center;gap:.4rem;width:100%;padding:.5rem .85rem;font-size:.83rem;font-weight:600}.modal-box-publish{border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-lg);width:94vw;max-width:660px;overflow:hidden;box-shadow:0 20px 40px #0003}.publish-modal-guide{color:var(--text-dim);margin-bottom:1.25rem;font-size:.86rem;line-height:1.5}.publish-options-grid{flex-direction:column;gap:.85rem;display:flex}.publish-card{background:var(--bg-card);border:1px solid var(--border-glass);transition:var(--transition);border-radius:10px;flex-direction:column;gap:.65rem;padding:1.1rem;display:flex}.publish-card:hover{border-color:#ffffff26}.publish-card.is-published{background:#10b98108;border-color:#10b98166}.publish-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.publish-card-title-row{flex:1;align-items:center;gap:.5rem;display:flex}.publish-scope-pill{white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.publish-scope-pill.section-pill{color:#10b981;background:#10b98126}.publish-scope-pill.chapter-pill{color:#3b82f6;background:#3b82f626}.publish-scope-pill.book-pill{color:#a855f7;background:#a855f726}.publish-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.publish-status-tag{white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.publish-status-tag.pub{color:#10b981;background:#10b98126}.publish-status-tag.draft{color:var(--text-dim);background:#ffffff0d}.publish-card-desc{color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.45}.publish-card-footer{border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.publish-card-meta{color:var(--text-dim);font-size:.75rem}.publish-unified-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);padding:1.1rem 1.4rem}.publish-header-left{align-items:center;gap:.75rem;display:flex}.publish-header-icon-box{width:34px;height:34px;color:var(--primary);background:#0072f51a;border-radius:8px;justify-content:center;align-items:center;display:flex}.publish-header-title-wrap{align-items:center;gap:.6rem;display:flex}.publish-header-title-wrap h2{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.publish-book-badge{color:var(--text-muted);font-size:.8rem;font-weight:500}.publish-unified-body{flex-direction:column;gap:1.4rem;max-height:72vh;padding:1.3rem 1.4rem;display:flex;overflow-y:auto}.publish-section-block{flex-direction:column;gap:.65rem;display:flex}.publish-section-label-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.section-step-tag{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:800;display:flex}.publish-section-label{color:var(--text-main);font-size:.95rem;font-weight:700}.publish-section-subguide{color:var(--text-dim);font-size:.78rem}.publish-batch-quick-actions{gap:.35rem;margin-left:auto;display:flex}.btn-quick-select{background:var(--bg-card-sub);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:4px;padding:.25rem .55rem;font-size:.74rem;font-weight:600}.btn-quick-select:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--primary)}.publish-now-card{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.publish-now-card:hover{border-color:var(--border-bright)}.publish-now-card.is-published{background:#10b9810d;border-color:#10b98166}.publish-now-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.publish-now-meta{align-items:center;gap:.5rem;display:flex}.publish-chap-pill{color:var(--primary);background:#0072f51a;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.publish-now-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.publish-now-stats{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.publish-now-stats strong{color:var(--text-main)}.divider-dot{color:var(--text-dim)}.publish-now-btn-wrap{flex-shrink:0}.btn-now-action{border-radius:6px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.publish-batch-tree-wrapper{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.publish-batch-chap-group{border-bottom:1px solid var(--border-color)}.publish-batch-chap-group:last-child{border-bottom:none}.publish-batch-chap-header{background:var(--bg-card);border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:.65rem .95rem;display:flex}.chap-info-left{align-items:center;gap:.45rem;display:flex}.chap-label-badge{color:var(--text-muted);font-size:.72rem;font-weight:700}.chap-title-text{color:var(--text-main);font-size:.85rem}.chap-count-badge{color:var(--primary);background:#0072f514;border-radius:4px;padding:.1rem .35rem;font-size:.72rem;font-weight:600}.btn-chap-toggle-check{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:4px;padding:.2rem .5rem;font-size:.72rem}.btn-chap-toggle-check:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--primary)}.publish-batch-sec-list{flex-direction:column;display:flex}.publish-batch-sec-row{border-bottom:1px solid var(--border-glass);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.75rem;padding:.65rem .95rem;display:flex}.publish-batch-sec-row:last-child{border-bottom:none}.publish-batch-sec-row:hover{background:var(--bg-hover)}.publish-batch-sec-row.is-checked{background:#0072f50d}.publish-batch-sec-checkbox{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.publish-batch-sec-main{flex:1;align-items:center;gap:.4rem;display:flex}.sec-num{color:var(--text-dim);font-size:.75rem;font-weight:600}.sec-title{color:var(--text-main);font-size:.85rem;font-weight:500}.publish-batch-sec-meta{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sec-words{color:var(--text-dim);font-size:.74rem}.sec-status-badge{border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.sec-status-badge.pub{color:#10b981;background:#10b98126}.sec-status-badge.draft{background:var(--bg-hover);color:var(--text-dim)}.batch-empty-row{color:var(--text-dim);text-align:center;padding:.85rem;font-size:.8rem}.publish-unified-footer{border-top:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:.9rem 1.4rem;display:flex}.publish-footer-stat{color:var(--text-muted);font-size:.84rem}.publish-footer-stat strong{color:var(--primary)}.publish-footer-buttons{align-items:center;gap:.5rem;display:flex}.btn-save-batch{align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.modal-box-version{width:92%;max-width:620px}.version-book-title-badge{color:var(--text-dim);margin-left:.4rem;font-size:.82rem;font-weight:400}.version-list-intro{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.version-list-intro p{color:var(--text-dim);margin:0;font-size:.84rem;line-height:1.4}.version-empty-state{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.version-empty-state p{color:var(--text-main);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.version-empty-state span{color:var(--text-muted);font-size:.8rem}.version-card-list{flex-direction:column;gap:.65rem;display:flex}.version-card{background:var(--bg-panel,#181b24);border:1px solid var(--border-glass,#ffffff14);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:border-color .2s;display:flex}.version-card:hover{border-color:#ffffff2e}.version-card.is-autobackup{border-left:3px solid #818cf8}.version-card-main{flex:1;min-width:0}.version-card-title-row{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.version-card-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.badge-autobackup{color:#818cf8;white-space:nowrap;background:#6366f126;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.badge-manual-version{color:#10b981;white-space:nowrap;background:#10b98126;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.version-card-meta{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.76rem;display:flex}.version-card-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.btn-version-restore{align-items:center;gap:.35rem;display:inline-flex;padding:.35rem .65rem!important;font-size:.78rem!important}.btn-version-delete{color:var(--text-dim)!important;padding:.35rem .5rem!important}.btn-version-delete:hover{color:#ef4444!important;border-color:#ef444466!important}.vault-page-wrapper{--bg-base:#f5f0e9;--bg-surface:#ede6dc;--bg-card:#fff;--bg-hover:#f0ebe2;--bg-active:#e6ded3;--border-subtle:#8b5a2b14;--border-focus:#8b5a2b47;--border-divider:#8b5a2b1f;--color-primary:#8b5a2b;--color-primary-hover:#70441d;--color-primary-soft:#8b5a2b14;--color-reading:#2a6f55;--color-reading-soft:#2a6f5514;--color-accent-gold:#c48a54;--color-danger:#c53030;--text-main:#2b231d;--text-sub:#63574c;--text-muted:#9c9186;--shadow-canvas:0 4px 24px #46321e0f, 0 1px 3px #46321e0a;--shadow-card:0 2px 10px #46321e0a;--shadow-md:0 4px 16px #6446280f;--font-serif:"Noto Serif KR", Georgia, serif;--font-sans:"Pretendard", -apple-system, sans-serif;--font-display:"Cinzel", serif;background-color:var(--bg-base);width:100%;height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow:hidden}.preview-header-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-divider);z-index:100;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 1.5rem;display:flex}.preview-left{align-items:center;gap:.85rem;display:flex}.preview-back-btn{height:32px;color:var(--text-sub);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.preview-back-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--bg-hover)}.top-divider{background:var(--border-divider);width:1px;height:18px}.top-book-meta{align-items:center;gap:.5rem;display:flex}.top-book-title{font-family:var(--font-serif);color:var(--text-main);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.top-genre-badge{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.top-progress-pill{color:var(--text-sub);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}.top-progress-pill span{color:var(--color-primary);font-weight:700}.preview-right{align-items:center;gap:.75rem;display:flex}.btn-goto-studio{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#8b5a2b,#a66e38);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;height:32px;padding:0 .95rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #8b5a2b33}.btn-goto-studio:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5a2b4d}.vault-layout-root{box-sizing:border-box;flex:1;gap:1.25rem;height:calc(100vh - 46px);padding:1.25rem 1.5rem 1.5rem;display:flex;overflow:hidden}.vault-window-container{background:var(--bg-card);box-shadow:var(--shadow-canvas);border:1px solid var(--border-subtle);border-radius:12px;flex:1;min-width:0;display:flex;overflow:hidden}.vault-project-col{background:var(--bg-card);border-right:1px solid var(--border-divider);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow:hidden}.vault-col-header{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;padding:1.15rem 1.15rem .85rem;display:flex}.vault-col-title-wrap{flex-direction:column;gap:2px;display:flex}.vault-col-sub{letter-spacing:.08em;color:var(--text-muted);font-size:.65rem;font-weight:700;font-family:var(--font-display)}.vault-col-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700}.btn-new-project{color:var(--color-primary);background:var(--color-primary-soft);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.32rem .6rem;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-new-project:hover{background:var(--color-primary);color:#fff}.vault-project-list{flex-direction:column;flex:1;gap:.4rem;padding:.75rem .65rem;display:flex;overflow-y:auto}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem .85rem;transition:all .15s;display:flex}.project-card:hover{background:var(--bg-hover);border-color:var(--border-focus);transform:translateY(-1px)}.project-card.active{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 2px 8px #8b5a2b14}.project-cover-bar{background:var(--color-primary);border-radius:2px;flex-shrink:0;width:4px;height:38px}.project-meta-wrap{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.project-title{font-family:var(--font-serif);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.project-sub-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.project-genre{font-weight:500}.project-step-badge{background:var(--color-primary-soft);color:var(--color-primary);border-radius:3px;padding:1px 5px;font-size:.66rem;font-weight:600}.vault-main-canvas{background:var(--bg-card);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pipeline-step-bar{background:#ede5da;border-bottom:1px solid #8b5a2b29;border-top-right-radius:12px;flex-shrink:0;align-items:stretch;display:flex;overflow-x:auto}.pipeline-step-item{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:#ede5da;border-top:none;border-bottom:3px solid #0000;border-left:none;border-right:1px solid #8b5a2b26;flex:1;align-items:center;gap:.7rem;min-width:145px;padding:.8rem 1.15rem;transition:all .15s;display:flex}.pipeline-step-item:last-child{border-right:none;border-top-right-radius:12px}.pipeline-step-item:hover{background:#e5dccf}.pipeline-step-item.active{background:#fff;border-bottom:3px solid #8b5a2b}.step-num-pill{color:#78532c;width:26px;height:24px;font-size:.74rem;font-weight:700;font-family:var(--font-display);box-sizing:border-box;background:#ded2c1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pipeline-step-item.active .step-num-pill{color:#fff;background:#8b5a2b}.step-text-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.step-title-row{color:#3b2f25;white-space:nowrap;align-items:center;gap:.4rem;font-size:.83rem;font-weight:600;display:flex}.pipeline-step-item.active .step-title-row{color:#8b5a2b;font-weight:700}.step-desc{color:#827467;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.pipeline-content-viewport{background:var(--bg-card);flex:1;padding:1.5rem 1.75rem 2.5rem;overflow-y:auto}.ideas-container{flex-direction:column;gap:1.5rem;max-width:860px;margin:0 auto;display:flex}.ideas-input-box{background:var(--bg-surface);border:1px solid var(--border-divider);border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.ideas-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.btn-add-idea{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-idea:hover{background:var(--color-primary-hover)}.ideas-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.idea-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem 1.15rem;display:flex}.idea-card-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.idea-badge{background:var(--color-primary-soft);color:var(--color-primary);border-radius:4px;align-items:center;gap:.25rem;padding:2px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.idea-card-body{font-family:var(--font-serif);color:var(--text-main);word-break:break-all;font-size:.88rem;line-height:1.6}.idea-card-actions{border-top:1px dashed var(--border-subtle);justify-content:flex-end;align-items:center;gap:.4rem;padding-top:.5rem;display:flex}.btn-idea-action{color:var(--text-sub);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;transition:all .15s;display:inline-flex}.btn-idea-action:hover{background:var(--bg-hover);color:var(--color-primary);border-color:var(--color-primary)}.btn-idea-action.danger:hover{color:var(--color-danger);border-color:var(--color-danger)}.proposal-container{flex-direction:column;gap:1.5rem;max-width:860px;margin:0 auto;display:flex}.proposal-top-notice{background:var(--color-primary-soft);border:1px solid var(--border-focus);border-radius:8px;justify-content:space-between;align-items:center;padding:.9rem 1.15rem;display:flex}.notice-left{color:var(--color-primary);align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;display:flex}.btn-save-proposal{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-save-proposal:hover{background:var(--color-primary-hover)}.proposal-section-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:10px;flex-direction:column;gap:.65rem;padding:1.25rem 1.4rem;display:flex}.proposal-label-row{justify-content:space-between;align-items:center;display:flex}.proposal-label{color:var(--text-main);align-items:center;gap:.4rem;font-size:.86rem;font-weight:700;display:flex}.proposal-hint{color:var(--text-muted);font-size:.72rem}.proposal-textarea{background:var(--bg-surface);border:1px solid var(--border-divider);width:100%;min-height:80px;color:var(--text-main);font-size:.86rem;font-family:var(--font-serif);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:.75rem .9rem;line-height:1.6}.proposal-textarea:focus{border-color:var(--color-primary);background:var(--bg-card)}.materials-container{flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;display:flex}.materials-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.cat-pill-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cat-pill-btn{color:var(--text-sub);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.cat-pill-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.15rem;display:grid}.material-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:10px;flex-direction:column;gap:.75rem;padding:1.15rem;display:flex}.material-header{justify-content:space-between;align-items:center;display:flex}.material-cat-tag{color:var(--color-primary);background:var(--color-primary-soft);border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.material-title{font-family:var(--font-serif);color:var(--text-main);margin:0;font-size:.92rem;font-weight:700}.material-body{color:var(--text-sub);margin:0;font-size:.83rem;line-height:1.55}.material-source{color:var(--text-muted);font-size:.72rem}.story-container{grid-template-columns:minmax(230px,270px) minmax(0,1fr);gap:1.25rem;width:100%;min-width:0;margin:0 auto;display:grid}.story-left-col,.story-right-col{flex-direction:column;gap:.85rem;min-width:0;display:flex}.story-panel-header{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;min-width:0;padding-bottom:.4rem;display:flex}.story-panel-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;margin:0;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.char-card-list{flex-direction:column;gap:.65rem;display:flex}.char-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;gap:.4rem;min-width:0;padding:.85rem .95rem;display:flex}.char-header{justify-content:space-between;align-items:center;min-width:0;display:flex}.char-name{font-family:var(--font-serif);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.char-role-badge{background:var(--color-primary-soft);color:var(--color-primary);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.68rem;font-weight:600}.char-meta-row{color:var(--text-sub);word-break:keep-all;font-size:.74rem;line-height:1.45}.plot-genre-switcher{gap:.35rem;margin-bottom:.65rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.plot-genre-btn{color:var(--text-sub);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.28rem .65rem;font-size:.74rem;font-weight:600;transition:all .15s}.plot-genre-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.plot-genre-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.plot-stages-tree{flex-direction:column;gap:.85rem;min-width:0;display:flex}.plot-stage-group{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:8px;min-width:0;overflow:hidden}.plot-stage-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;min-width:0;padding:.6rem .95rem;display:flex}.plot-stage-left{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.plot-stage-right-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.plot-stage-name{font-family:var(--font-serif);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.plot-stage-guide{color:var(--text-sub);border-bottom:1px dashed var(--border-divider);background:#8b5a2b0a;justify-content:space-between;align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:.74rem;line-height:1.45;display:flex}.plot-stage-sub-list{flex-direction:column;gap:.2rem;padding:.35rem .65rem .5rem;display:flex}.plot-sub-item-wrap{flex-direction:column;gap:.15rem;display:flex}.plot-sub-item{color:var(--text-sub);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;min-width:0;padding:.45rem .65rem;font-size:.82rem;transition:all .15s;display:flex;position:relative}.plot-sub-item:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-subtle)}.plot-sub-title{white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:.5rem;overflow:hidden}.plot-sub-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.plot-inline-input{border:1px solid var(--color-primary);background:var(--bg-card);color:var(--text-main);border-radius:4px;outline:none;flex:1;padding:.22rem .45rem;font-size:.8rem}.btn-add-sub-pill{color:var(--color-primary);background:var(--color-primary-soft);cursor:pointer;box-sizing:border-box;border:1px dashed #8b5a2b4d;border-radius:5px;justify-content:center;align-items:center;gap:.3rem;width:100%;margin-top:.35rem;padding:.32rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-sub-pill:hover{background:var(--color-primary);color:#fff;border-style:solid}.btn-add-stage-row{color:var(--color-primary);background:var(--bg-card);cursor:pointer;box-sizing:border-box;border:1px dashed #8b5a2b66;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-stage-row:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.plot-standard-banner{color:var(--text-sub);background:#8b5a2b0d;border:1px solid #8b5a2b1f;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .85rem;font-size:.74rem;display:flex}.plot-sub-memo-badge{color:var(--color-primary);background:var(--color-primary-soft);border-left:3px solid var(--color-primary);border-radius:5px;justify-content:space-between;align-items:flex-start;gap:.4rem;margin:.1rem .3rem .35rem .65rem;padding:.3rem .65rem;font-size:.73rem;line-height:1.45;display:flex}.plot-sub-memo-badge .memo-content{word-break:break-all;flex:1}.plot-sub-memo-input-wrap{background:var(--bg-surface);border:1px solid var(--border-focus);border-radius:6px;flex-direction:column;gap:.35rem;margin:.15rem .3rem .35rem .65rem;padding:.45rem .65rem;display:flex}.plot-sub-memo-textarea{resize:vertical;border:1px solid var(--border-divider);background:var(--bg-card);width:100%;height:60px;color:var(--text-main);box-sizing:border-box;border-radius:4px;outline:none;padding:.4rem .5rem;font-family:inherit;font-size:.78rem}.plot-memo-btns{justify-content:flex-end;gap:.3rem;display:flex}.outline-sandbox-container{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;display:flex}.outline-top-actions{background:var(--bg-surface);border:1px solid var(--border-divider);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.btn-plan-outline{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5a2b,#a66e38);border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 4px #8b5a2b33}.outline-chap-block{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:8px;margin-bottom:.85rem;transition:background .15s,opacity .15s;position:relative;overflow:hidden}.outline-chap-header.is-dragging,.outline-sec-row.is-dragging{opacity:.35!important;background:#8b5a2b14!important}.outline-chap-header.drag-over-top:before,.outline-sec-row.drag-over-top:before{content:"";background:var(--color-primary);height:3px;box-shadow:0 0 6px var(--color-primary);z-index:25;pointer-events:none;border-radius:999px;position:absolute;top:-2px;left:4px;right:4px}.outline-chap-header.drag-over-bottom:after,.outline-sec-row.drag-over-bottom:after{content:"";background:var(--color-primary);height:3px;box-shadow:0 0 6px var(--color-primary);z-index:25;pointer-events:none;border-radius:999px;position:absolute;bottom:-2px;left:4px;right:4px}.outline-chap-header.drag-target-hover{outline-offset:-1px;background:var(--color-primary-soft)!important;outline:2px solid var(--color-primary)!important}.outline-chap-header{background:var(--bg-surface);border-bottom:1px solid var(--border-divider);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.75rem 1.15rem;display:flex;position:relative}.outline-chap-header:active{cursor:grabbing}.chap-left-wrap{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.chap-title-inline{font-family:var(--font-serif);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.inline-edit-input{border:1px solid var(--color-primary);background:var(--bg-card);color:var(--text-main);box-sizing:border-box;border-radius:4px;outline:none;width:80%;padding:.2rem .5rem;font-family:inherit;font-size:.86rem;font-weight:600}.chap-hover-actions{opacity:0;pointer-events:none;align-items:center;gap:.25rem;transition:opacity .15s;display:flex}.outline-chap-header:hover .chap-hover-actions{opacity:1;pointer-events:auto}.outline-sec-list{flex-direction:column;gap:.35rem;padding:.5rem 1.15rem;display:flex}.outline-sec-row{background:var(--bg-card);border:1px dashed var(--border-subtle);color:var(--text-sub);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.82rem;transition:background .15s;display:flex;position:relative}.outline-sec-row:hover{background:var(--bg-hover);color:var(--text-main)}.outline-sec-row:active{cursor:grabbing}.sec-hover-actions{opacity:0;pointer-events:none;align-items:center;gap:.2rem;transition:opacity .15s;display:flex}.outline-sec-row:hover .sec-hover-actions{opacity:1;pointer-events:auto}.mini-icon-btn{border:1px solid var(--border-subtle);background:var(--bg-card);width:22px;height:22px;color:var(--text-sub);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mini-icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.mini-icon-btn.danger:hover{color:var(--color-danger);border-color:var(--color-danger);background:#c5303014}.vault-ai-col-wrap{flex-direction:column;flex-shrink:0;gap:.75rem;width:340px;height:100%;display:flex;overflow:hidden}.vault-ai-card{background:var(--bg-card);min-height:0;box-shadow:var(--shadow-canvas);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-col-header{border-bottom:1px solid var(--border-divider);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:.95rem 1.15rem;display:flex}.ai-col-title-wrap{align-items:center;gap:.45rem;display:flex}.ai-col-title{color:var(--text-main);font-size:.88rem;font-weight:700}.ai-chat-body{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex;overflow-y:auto}.ai-msg-bubble{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-subtle);word-break:break-all;border-radius:8px;padding:.8rem .95rem;font-size:.82rem;line-height:1.55}.ai-msg-bubble.assistant{border-left:3px solid var(--color-primary)}.ai-msg-bubble.user{background:var(--color-primary-soft);border-color:var(--border-focus);color:var(--color-primary);align-self:flex-end}.ai-quick-prompts{border-top:1px solid var(--border-divider);background:var(--bg-surface);flex-wrap:wrap;flex-shrink:0;gap:.35rem;padding:.65rem .85rem;display:flex}.prompt-chip{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-sub);cursor:pointer;border-radius:6px;padding:.28rem .55rem;font-size:.72rem;font-weight:600;transition:all .15s}.prompt-chip:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.ai-input-wrap{border-top:1px solid var(--border-divider);background:var(--bg-card);flex-shrink:0;gap:.45rem;padding:.65rem .85rem;display:flex}.ai-input{background:var(--bg-surface);border:1px solid var(--border-divider);color:var(--text-main);border-radius:6px;outline:none;flex:1;padding:.45rem .65rem;font-size:.82rem}.v5-quota-pill-bar{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem .95rem;transition:all .15s;display:flex}.v5-quota-pill-bar:hover{border-color:var(--border-focus);background:var(--bg-hover);transform:translateY(-1px)}.v5-quota-pill-left{color:var(--text-main);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.v5-quota-pill-left .icon{color:var(--color-primary)}.v5-quota-pill-badge{color:var(--color-reading);background:#2a6f551f;border-radius:4px;padding:2px 8px;font-size:.76rem;font-weight:700}.vault-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vault-modal-box{background:var(--bg-card);border:1px solid var(--border-divider);border-radius:12px;flex-direction:column;width:540px;max-width:92vw;animation:.2s vaultModalPop;display:flex;overflow:hidden;box-shadow:0 10px 32px #00000047}@keyframes vaultModalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.vault-modal-header{border-bottom:1px solid var(--border-divider);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.vault-modal-title{color:var(--text-main);align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.vault-modal-body{flex-direction:column;gap:1rem;max-height:72vh;padding:1.25rem;display:flex;overflow-y:auto}.vault-modal-footer{border-top:1px solid var(--border-divider);background:var(--bg-surface);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.vault-form-group{flex-direction:column;gap:.4rem;display:flex}.vault-form-group label{color:var(--text-sub);font-size:.82rem;font-weight:600}.vault-form-control{background:var(--bg-surface);border:1px solid var(--border-divider);color:var(--text-main);box-sizing:border-box;border-radius:6px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.vault-form-control:focus{border-color:var(--color-primary);background:var(--bg-card)}.stats-page{width:100%;max-width:1100px;height:100%;color:var(--text-main);flex:1;margin:0 auto;padding:32px 40px;overflow-y:auto}.stats-header{margin-bottom:20px}.header-title-row{align-items:center;gap:12px;margin-bottom:6px;display:flex}.stats-header h1{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.stats-header p{color:var(--text-muted);margin:0;font-size:14px}.stats-tabs-bar{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:20px;padding-bottom:0;display:flex}.stats-tab-item{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;opacity:.7;border-bottom:none;border-radius:12px 12px 0 0;flex:1;justify-content:center;align-items:center;padding:.7rem 1.4rem;transition:all .15s;display:flex}.stats-tab-item:hover{opacity:.95;background:var(--bg-hover)}.stats-tab-item.active{opacity:1;background:var(--bg-card);border-top:3px solid var(--primary);border-bottom:1px solid var(--bg-card);margin-bottom:-1px;box-shadow:0 -2px 10px #0000000a}.stats-tab-content{align-items:center;gap:.55rem;display:flex}.stats-tab-icon{font-size:1.15rem}.stats-tab-label{color:var(--text-main);font-size:1.02rem;font-weight:700}.stats-tab-count-badge{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border-color);border-radius:9999px;padding:.12rem .5rem;font-size:.72rem;font-weight:700}.stats-tab-item.active .stats-tab-count-badge{background:var(--primary);color:#fff;border-color:#0000}.stats-body{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.level-hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:24px 28px;box-shadow:0 4px 16px #0000001a}.hero-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.author-badge-group{align-items:center;gap:16px;display:flex}.author-tier-icon{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:40px;line-height:1;display:flex}.author-tier-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.author-tier-badge{border:1px solid var(--border-color);background:var(--bg-card-sub);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.author-level-num{color:var(--text-muted);font-size:13px;font-weight:700}.author-title-text{color:var(--text-main);margin:0;font-size:20px;font-weight:700}.xp-summary-box{text-align:right}.xp-summary-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.xp-summary-value{color:var(--text-main);letter-spacing:-.5px;font-size:22px;font-weight:800}.hero-progress-section{flex-direction:column;gap:6px;display:flex}.progress-labels{color:var(--text-muted);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.xp-remaining-text{color:var(--success);font-weight:700}.progress-bar-container{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:6px;height:10px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .4s}.progress-sub-text{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.progress-pct{color:var(--text-main);font-weight:700}.stats-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;box-shadow:0 2px 8px #00000014}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-card-title{color:var(--text-muted);font-size:13px;font-weight:600}.stat-icon{color:var(--text-dim)}.icon-flame{color:#ff7675}.icon-pen{color:var(--primary)}.icon-book{color:var(--success)}.icon-clock{color:var(--warning)}.stat-card-value{color:var(--text-main);letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.stat-unit{color:var(--text-muted);font-size:14px;font-weight:500}.stat-card-sub{color:var(--text-muted);font-size:12px}.text-urgent{color:var(--danger)}.text-normal{color:var(--success);font-size:18px}.weekly-streak-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px}.routine-sub-info{color:var(--text-muted);font-size:12px;font-weight:500}.days-row{justify-content:space-between;gap:10px;display:flex}.day-pill{background:var(--bg-card-sub);border:1px solid var(--border-color);transition:var(--transition);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 6px;font-size:12px;display:flex}.day-pill.completed{background:var(--bg-card-sub);border-color:var(--border-bright);box-shadow:0 1px 3px #0000000f}.day-pill.today{border-color:var(--primary);background:var(--bg-hover);border-width:2px;font-weight:700}.day-name{color:var(--text-muted);font-size:12px;font-weight:600}.day-stamp{font-size:16px}.day-status-txt{color:var(--text-dim);font-size:11px}.expertise-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:22px 24px}.expertise-help-txt{color:var(--text-muted);font-size:12px}.expertise-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.genre-rank-card{background:var(--bg-card-sub);border:1px solid var(--border-color);transition:var(--transition);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.genre-rank-card:hover{background:var(--bg-hover);border-color:var(--border-bright);box-shadow:0 4px 12px #0000001f}.genre-card-top{align-items:center;gap:12px;display:flex}.genre-emoji-box{border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.genre-info{flex:1;min-width:0}.genre-name{color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.genre-rank-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.genre-word-count{text-align:right;flex-shrink:0}.word-num{color:var(--text-main);font-size:14px;font-weight:800}.word-unit{color:var(--text-muted);margin-left:2px;font-size:11px}.genre-rank-gauge{background:var(--bg-hover);border-radius:3px;height:6px;overflow:hidden}.genre-gauge-fill{border-radius:3px;height:100%;transition:width .3s}.genre-next-hint{color:var(--text-dim);text-align:right;font-size:11px}.activity-timeline-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:22px 24px}.activity-count-badge{color:var(--text-muted);background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.timeline-list{flex-direction:column;gap:10px;display:flex}.timeline-item{background:var(--bg-card-sub);border:1px solid var(--border-color);transition:var(--transition);border-radius:8px;align-items:center;gap:14px;padding:12px 16px;display:flex}.timeline-item:hover{background:var(--bg-hover);border-color:var(--border-bright)}.timeline-icon-wrap{flex-shrink:0;font-size:20px;line-height:1}.timeline-content{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-text{color:var(--text-main);font-size:13px;font-weight:600}.timeline-date{color:var(--text-dim);flex-shrink:0;font-size:12px}.empty-activities-box{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.books-progress-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:22px 24px}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header-row h3{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.book-progress-list{flex-direction:column;gap:12px;display:flex}.book-progress-card{background:var(--bg-card-sub);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.book-info-col{flex:2;min-width:0}.book-title-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.book-genre-tag{background:var(--bg-hover);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.book-title-heading{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.book-stat-detail{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.bullet{color:var(--border-bright)}.book-gauge-col{flex:3}.gauge-text-row{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.gauge-pct{color:var(--text-main);font-weight:700}.gauge-track{background:var(--bg-hover);border-radius:4px;height:8px;overflow:hidden}.gauge-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.book-action-col{flex-shrink:0}.btn-studio-shortcut{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-studio-shortcut:hover{background:var(--primary);color:#000;border-color:var(--primary)}.empty-books-box{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:36px 20px;display:flex}.empty-books-box p{margin:0;font-size:14px}.trophies-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:22px 24px}.trophy-count-badge{color:var(--success);background:var(--success-bg);border-radius:10px;padding:3px 8px;font-size:12px;font-weight:700}.trophies-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.trophy-card{border:1px solid var(--border-color);transition:var(--transition);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.trophy-card.unlocked{background:var(--bg-card-sub);border-color:var(--border-bright);box-shadow:0 2px 6px #00000014}.trophy-card.locked{background:var(--bg-card-sub);border-color:var(--border-color);opacity:.45;filter:grayscale(80%)}.trophy-icon{font-size:26px;line-height:1}.trophy-content{flex:1;min-width:0}.trophy-title{color:var(--text-main);align-items:center;gap:5px;margin-bottom:2px;font-size:13px;font-weight:700;display:flex}.trophy-check{color:var(--success)}.trophy-desc{color:var(--text-muted);font-size:11px}@media (width<=860px){.stats-tabs-bar{flex-direction:column;gap:4px}.stats-tab-item{border-bottom:1px solid var(--border-color);border-radius:10px}.stats-tab-item.active{border-top:1px solid var(--border-color);border-left:3.5px solid var(--primary)}.stats-grid-4{grid-template-columns:repeat(2,1fr)}.expertise-grid,.trophies-grid{grid-template-columns:1fr}}.reader-hero-card{border-color:#10b98140}.reader-tier-icon{background:#10b98114;border-color:#10b98140}.settings-page{width:100%;max-width:980px;height:100%;color:var(--text-main);flex:1;margin:0 auto;padding:2.2rem 2.8rem 5rem;overflow-y:auto}.settings-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.2rem;display:flex}.settings-header h1{color:var(--text-main);margin-bottom:.35rem;font-size:1.65rem;font-weight:700}.settings-header p{color:var(--text-dim);margin:0;font-size:.9rem}.settings-body{flex-direction:column;gap:1.8rem;display:flex}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:1.2rem;padding:1.6rem 1.8rem;display:flex;box-shadow:0 2px 10px #00000005}.card-header-flex{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.card-header-title-group{align-items:center;gap:.65rem;display:flex}.card-header-title-group h3{color:var(--text-main);margin:0 0 .2rem;font-size:1.12rem;font-weight:700}.card-sub-desc{color:var(--text-dim);margin:0;font-size:.82rem}.section-header-icon{flex-shrink:0}.text-blue{color:#2563eb}.text-indigo{color:#6366f1}.text-purple{color:#8b5cf6}.text-amber{color:#f59e0b}.settings-account-box{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.2rem}.account-profile-row{justify-content:space-between;align-items:center;display:flex}.profile-user-info{align-items:center;gap:.85rem;display:flex}.profile-avatar-img{border:1px solid var(--border-color);border-radius:50%;width:42px;height:42px}.profile-avatar-placeholder{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex}.profile-name{color:var(--text-main);font-size:.95rem;display:block}.profile-email{color:var(--text-dim);font-size:.8rem}.account-login-prompt{justify-content:space-between;align-items:center;display:flex}.account-login-prompt p{color:var(--text-dim);margin:0;font-size:.88rem}.settings-form-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.form-hint{color:var(--text-dim);margin-top:.3rem;font-size:.74rem;display:block}.save-mode-options-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.save-mode-card{border:1.5px solid var(--border-color);background-color:var(--bg-main);cursor:pointer;border-radius:12px;gap:.85rem;padding:1.1rem 1.2rem;transition:all .18s;display:flex}.save-mode-card:hover{border-color:var(--primary)}.save-mode-card.active{border-color:var(--primary);background-color:#2563eb0a}.save-mode-radio input{cursor:pointer;margin-top:3px}.save-mode-title-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.save-mode-title{color:var(--text-main);font-size:.92rem;font-weight:700}.save-mode-tag{border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:700}.save-mode-tag.local{color:#10b981;background-color:#10b9811a}.save-mode-tag.cloud{color:#2563eb;background-color:#2563eb1a}.save-mode-desc{color:var(--text-dim);margin:0;font-size:.8rem;line-height:1.45}.cloud-action-box{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:.95rem 1.2rem;display:flex}.cloud-action-left{align-items:center;gap:.65rem;display:flex}.cloud-action-left strong{color:var(--text-main);font-size:.88rem;display:block}.cloud-time-label{color:var(--text-dim);font-size:.74rem}.cloud-action-right{align-items:center;gap:.5rem;display:flex}.file-backup-section{background-color:#f59e0b0a;border:1px dashed #f59e0b59;border-radius:10px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.file-backup-info strong{color:var(--text-main);font-size:.9rem}.file-backup-info p{color:var(--text-dim);margin:.25rem 0 0;font-size:.78rem}.file-backup-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.badge-key-status{border-radius:4px;align-items:center;gap:.3rem;padding:2px 7px;font-size:.76rem;font-weight:600;display:inline-flex}.badge-key-status.success{color:#10b981;background-color:#10b9811a}.badge-key-status.warning{color:#f59e0b;background-color:#f59e0b1a}.key-security-note{color:var(--text-dim);align-items:center;gap:.35rem;margin-top:.4rem;font-size:.75rem;display:flex}.advanced-ai-accordion{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:10px;margin-top:.5rem;overflow:hidden}.accordion-toggle-btn{width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.accordion-toggle-btn:hover{color:var(--text-main);background-color:#00000005}.accordion-content-panel{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;padding:1.1rem;animation:.18s ease-out settingsFadeDown;display:flex}@keyframes settingsFadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.accordion-desc{color:var(--text-dim);margin:0;font-size:.78rem}.ollama-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.ollama-box strong{color:var(--text-main);font-size:.85rem;display:block}.cloud-badge-status{color:#10b981;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-icon-green{color:#10b981}.btn-outline-primary{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-outline-primary:hover{background-color:var(--primary);color:#fff}.spin-icon{animation:1s linear infinite spin}.version-pill{color:var(--primary);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:9999px;padding:.25rem .65rem;font-size:.76rem;font-weight:600}.service-info-menu-list{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.service-menu-item{border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.1rem 1.3rem;transition:background-color .15s;display:flex}.service-menu-item:last-child{border-bottom:none}.service-menu-item:hover{background-color:var(--bg-hover)}.menu-item-left{align-items:center;gap:1rem;display:flex}.menu-item-icon{flex-shrink:0}.text-green{color:#10b981}.menu-item-title{color:var(--text-main);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.menu-item-sub{color:var(--text-dim);font-size:.8rem}.menu-item-arrow{color:var(--text-dim);transition:transform .15s}.service-menu-item:hover .menu-item-arrow{color:var(--primary);transform:translate(3px)}.settings-subview-header{border-bottom:1px solid var(--border-color);margin-bottom:1.8rem;padding-bottom:1.4rem}.btn-subview-back{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;margin-bottom:1.2rem;padding:.45rem .85rem;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-subview-back:hover{background-color:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.subview-header-title-box{flex-direction:column;gap:.35rem;display:flex}.subview-title-row{align-items:center;gap:.75rem;display:flex}.subview-title-row h1{color:var(--text-main);margin:0;font-size:1.65rem;font-weight:700}.subview-header-title-box p{color:var(--text-dim);margin:0;font-size:.92rem}.settings-subview-body{flex-direction:column;display:flex}.subview-content-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:2.2rem 2.4rem;box-shadow:0 2px 12px #00000008}.notice-list{flex-direction:column;gap:1.2rem;display:flex}.notice-item{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.2rem}.notice-meta{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.notice-badge{background-color:var(--bg-hover);color:var(--text-dim);border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.notice-badge.badge-new{color:#2563eb;background-color:#2563eb1f}.notice-date{color:var(--text-muted);font-size:.78rem}.notice-item h4{color:var(--text-main);margin:0 0 .35rem;font-size:.98rem;font-weight:700}.notice-item p{color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.55}.terms-content{flex-direction:column;gap:1.2rem;display:flex}.terms-section h4{color:var(--text-main);margin:0 0 .35rem;font-size:.98rem;font-weight:700}.terms-section p{color:var(--text-dim);margin:0;font-size:.86rem;line-height:1.6}.guide-group h4{color:var(--text-main);margin:0 0 .6rem;font-size:.98rem;font-weight:700}.guide-table{border-collapse:collapse;width:100%;margin-bottom:1.2rem;font-size:.85rem}.guide-table td{border-bottom:1px solid var(--border-color);color:var(--text-dim);padding:.55rem .75rem}.guide-table td:first-child{white-space:nowrap;width:140px}kbd{background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;padding:.15rem .4rem;font-family:inherit;font-size:.78rem;font-weight:600;box-shadow:0 1px 1px #0000001a}.guide-tip-text{color:var(--text-dim);background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;margin:0;padding:.85rem 1rem;font-size:.85rem;line-height:1.55}.faq-list{flex-direction:column;gap:.9rem;display:flex}.faq-item{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:.9rem 1.1rem}.faq-q{color:var(--text-main);margin-bottom:.35rem;font-size:.92rem;font-weight:700}.faq-a{color:var(--text-dim);font-size:.84rem;line-height:1.55}.support-contact-box{background-color:var(--bg-surface);border:1px dashed var(--border-color);border-radius:10px;margin-top:1rem;padding:1.1rem}.support-contact-box h4{color:var(--text-main);margin:0 0 .3rem;font-size:.95rem}.support-contact-box p{color:var(--text-dim);margin:0 0 .7rem;font-size:.84rem}.contact-links{flex-wrap:wrap;gap:.6rem;display:flex}.contact-badge{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:.35rem .7rem;font-size:.8rem}@media (width<=768px){.settings-page{padding:1.5rem 1rem 4rem}.settings-form-grid,.save-mode-options-grid{grid-template-columns:1fr}.file-backup-section,.cloud-action-box{flex-direction:column;align-items:flex-start;gap:.8rem}.cloud-action-right{justify-content:flex-end;width:100%}}.settings-appearance-grid{flex-direction:column;gap:1.5rem;margin-top:.5rem;display:flex}.appearance-group{flex-direction:column;gap:.65rem;display:flex}.appearance-label{color:var(--text-main);font-size:.88rem;font-weight:700}.theme-select-cards{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.theme-select-cards{grid-template-columns:1fr}}.theme-option-card{background:var(--bg-surface);border:1.5px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:.95rem;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.theme-option-card:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateY(-1px)}.theme-option-card.active{border-color:var(--primary);background:var(--bg-card);box-shadow:0 3px 12px #0000000d}.theme-card-icon-wrap{background:var(--bg-panel,var(--bg-card));border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.theme-card-info{flex-direction:column;flex:1;gap:2px;display:flex}.theme-card-info strong{color:var(--text-main);font-size:.92rem}.theme-card-info span{color:var(--text-muted);font-size:.76rem}.theme-active-tag{background:var(--primary);color:#fff;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:700}.font-scale-buttons{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}@media (width<=600px){.font-scale-buttons{grid-template-columns:repeat(2,1fr)}}.font-scale-btn{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:.65rem .5rem;transition:all .15s;display:flex}.font-scale-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.font-scale-btn.active{background:var(--bg-card);border-color:var(--primary);box-shadow:0 2px 8px #0000000a}.font-scale-btn .scale-name{color:var(--text-main);font-size:.86rem;font-weight:700}.font-scale-btn.active .scale-name{color:var(--primary)}.font-scale-btn .scale-val{color:var(--text-muted);font-size:.72rem}.font-preview-box{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:8px;align-items:center;gap:.75rem;margin-top:.25rem;padding:.85rem 1.1rem;display:flex}.preview-label{color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:700}.preview-sample{color:var(--text-main);font-size:.88rem;line-height:1.4}.reader-container{flex-direction:column;width:100%;min-height:100vh;transition:background-color .15s,color .15s;display:flex;position:relative;overflow-y:auto}.reader-container.theme-white{--reader-bg:#fff;--reader-header-bg:#fffffff5;--reader-border:#e8e8ec;--reader-text:#1a1a1c;--reader-text-muted:#71717a;--reader-card-bg:#f8f9fa;--reader-card-border:#eaebee;--reader-accent:#2563eb;--reader-hover:#f1f2f6;--reader-popover-bg:#fff;--reader-popover-shadow:0 14px 32px #00000024}.reader-container.theme-sepia{--reader-bg:#f4efe2;--reader-header-bg:#f4efe2f5;--reader-border:#e3dbc7;--reader-text:#2a221a;--reader-text-muted:#7d7062;--reader-card-bg:#eae3d0;--reader-card-border:#ded4be;--reader-accent:#8b5a2b;--reader-hover:#e5ddca;--reader-popover-bg:#faf6ec;--reader-popover-shadow:0 14px 32px #2a221a26}.reader-container.theme-dark{--reader-bg:#141517;--reader-header-bg:#141517f5;--reader-border:#28292e;--reader-text:#e4e5e7;--reader-text-muted:#8c8f95;--reader-card-bg:#1c1d22;--reader-card-border:#2c2e35;--reader-accent:#3b82f6;--reader-hover:#24262d;--reader-popover-bg:#1b1c21;--reader-popover-shadow:0 14px 32px #00000080}.reader-container{background-color:var(--reader-bg)!important;color:var(--reader-text)!important}.reader-container.font-batang,.reader-container.font-batang .reader-body-content,.reader-container.font-batang .reader-body-content *{font-family:Batang,KoPub Batang,AppleMyungjo,Times New Roman,serif!important}.reader-container.font-dotum,.reader-container.font-dotum .reader-body-content,.reader-container.font-dotum .reader-body-content *{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif!important}.reader-container.font-malgun,.reader-container.font-malgun .reader-body-content,.reader-container.font-malgun .reader-body-content *{font-family:맑은 고딕,Malgun Gothic,Dotum,sans-serif!important}.reader-header{z-index:1000;background-color:var(--reader-header-bg);border-bottom:1px solid var(--reader-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;height:54px;padding:0 1.5rem;display:flex;position:sticky;top:0}.reader-header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.reader-icon-btn{border:1px solid var(--reader-border);width:34px;height:34px;color:var(--reader-text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.reader-icon-btn:hover{background-color:var(--reader-hover)}.reader-book-title{color:var(--reader-text);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.95rem;font-weight:600;overflow:hidden}.reader-header-center{flex:2;justify-content:center;align-items:center;display:flex}.reader-toc-trigger-wrap{position:relative}.reader-chapter-dropdown-btn{border:1px solid var(--reader-border);background-color:var(--reader-card-bg);color:var(--reader-text);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;max-width:360px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.reader-chapter-dropdown-btn:hover,.reader-chapter-dropdown-btn.active{border-color:var(--reader-accent);background-color:var(--reader-hover)}.reader-chapter-dropdown-btn .chapter-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chevron-icon{flex-shrink:0;transition:transform .2s}.chevron-icon.rotate{transform:rotate(180deg)}.reader-toc-popover{background-color:var(--reader-popover-bg);border:1px solid var(--reader-border);width:360px;max-height:440px;box-shadow:var(--reader-popover-shadow);z-index:1001;border-radius:12px;flex-direction:column;animation:.18s ease-out readerFadeDown;display:flex;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}.toc-popover-header{border-bottom:1px solid var(--reader-border);color:var(--reader-text-muted);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.82rem;font-weight:600;display:flex}.toc-subinfo{color:var(--reader-accent);font-size:.74rem}.toc-popover-list{max-height:380px;padding:.4rem 0;overflow-y:auto}.toc-chapter-group{border-bottom:1px solid var(--reader-border)}.toc-chapter-group:last-child{border-bottom:none}.toc-item-btn{width:100%;color:var(--reader-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.88rem;transition:background .15s;display:flex}.toc-item-btn:hover{background-color:var(--reader-hover)}.toc-item-btn.current{background-color:var(--reader-hover);color:var(--reader-accent);font-weight:700}.toc-item-num{color:var(--reader-text-muted);flex-shrink:0;width:32px;font-size:.8rem}.toc-item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.toc-item-badge{background-color:var(--reader-accent);color:#fff;border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:.7rem}.toc-subsections-list{background-color:var(--reader-card-bg);padding:.3rem 0}.toc-subitem-btn{width:100%;color:var(--reader-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.45rem 1rem .45rem 2rem;font-size:.82rem;transition:background .15s;display:flex}.toc-subitem-btn:hover{background-color:var(--reader-hover);color:var(--reader-accent)}.toc-subitem-btn.active-section{color:var(--reader-accent);font-weight:700}.toc-sub-num{color:var(--reader-text-muted);flex-shrink:0;width:28px;font-size:.75rem}.toc-sub-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.reader-header-right{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.reader-tool-pill{border:1px solid var(--reader-border);color:var(--reader-text-muted);cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.reader-tool-pill:hover,.reader-tool-pill.active{background-color:var(--reader-hover);color:var(--reader-text);border-color:var(--reader-text-muted)}.reader-tool-btn{border:1px solid var(--reader-border);width:34px;height:34px;color:var(--reader-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.reader-tool-btn:hover,.reader-tool-btn.active{background-color:var(--reader-hover);color:var(--reader-text)}.reader-settings-wrap{position:relative}.reader-settings-btn{border:1px solid var(--reader-border);color:var(--reader-text);cursor:pointer;background-color:#0000;border-radius:18px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.reader-settings-btn:hover,.reader-settings-btn.active{background-color:var(--reader-hover);border-color:var(--reader-accent)}.reader-settings-popover{background-color:var(--reader-popover-bg);border:1px solid var(--reader-border);width:275px;box-shadow:var(--reader-popover-shadow);z-index:1001;border-radius:14px;flex-direction:column;gap:1rem;padding:1.1rem;animation:.18s ease-out readerFadeDown;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes readerFadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings-row{justify-content:space-between;align-items:center;display:flex}.font-tabs-row{background-color:var(--reader-card-bg);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.font-tab-btn{color:var(--reader-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 0;font-size:.78rem;font-weight:500;transition:all .15s}.font-tab-btn:hover{color:var(--reader-text)}.font-tab-btn.active{background-color:var(--reader-popover-bg);color:var(--reader-accent);font-weight:700;box-shadow:0 2px 5px #0000000f}.font-size-row{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex}.size-stepper-btn{border:1px solid var(--reader-border);background:var(--reader-card-bg);width:32px;height:32px;color:var(--reader-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:all .15s;display:flex}.size-stepper-btn:hover{background:var(--reader-hover);border-color:var(--reader-accent)}.size-preview-char{color:var(--reader-text);text-align:center;min-width:40px;font-weight:700;display:inline-block}.size-number-label{color:var(--reader-text-muted);font-size:.78rem;font-weight:600}.theme-palette-row{border-top:1px solid var(--reader-border);border-bottom:1px solid var(--reader-border);justify-content:center;align-items:center;gap:1.2rem;padding:.4rem 0;display:flex}.theme-circle-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s,box-shadow .15s;display:flex}.theme-circle-btn:hover{transform:scale(1.1)}.theme-circle-btn.active{border-color:var(--reader-accent);box-shadow:0 0 0 3px #2563eb33}.theme-btn-white{color:#1a1a1c;background-color:#fff;box-shadow:inset 0 0 0 1px #d1d5db}.theme-btn-sepia{color:#2a221a;background-color:#f4efe2;box-shadow:inset 0 0 0 1px #ded4be}.theme-btn-dark{color:#fff;background-color:#141517;box-shadow:inset 0 0 0 1px #33363f}.layout-controls-row{justify-content:space-between;align-items:center;display:flex}.line-height-group{align-items:center;gap:4px;display:flex}.setting-sublabel{color:var(--reader-text-muted);margin-right:2px;font-size:.72rem}.lh-chip{border:1px solid var(--reader-border);color:var(--reader-text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:3px 6px;font-size:.74rem;transition:all .15s}.lh-chip:hover{color:var(--reader-text)}.lh-chip.active{background-color:var(--reader-accent);color:#fff;border-color:var(--reader-accent);font-weight:600}.align-group{align-items:center;gap:3px;display:flex}.align-btn{border:1px solid var(--reader-border);width:28px;height:28px;color:var(--reader-text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.align-btn:hover{color:var(--reader-text)}.align-btn.active{background-color:var(--reader-hover);color:var(--reader-accent);border-color:var(--reader-accent)}.accent-palette-row{border-top:1px solid var(--reader-border);justify-content:space-between;align-items:center;padding:.35rem .2rem;display:flex}.accent-colors-wrap{align-items:center;gap:8px;display:flex}.accent-chip{border:1px solid var(--reader-border);color:var(--reader-text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600;transition:all .15s}.accent-chip.active{background:var(--reader-text);color:var(--reader-bg);border-color:var(--reader-text)}.accent-dot-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .15s,box-shadow .15s}.accent-dot-btn:hover{transform:scale(1.18)}.accent-dot-btn.active{box-shadow:0 0 0 2px var(--reader-bg), 0 0 0 4px currentColor;transform:scale(1.15)}.reader-viewport{width:100%;margin:0 auto;padding:3rem 1.5rem 6rem;transition:max-width .25s}.mode-normal .reader-viewport{max-width:760px}.mode-wide .reader-viewport{max-width:1080px}.reader-chapter-hero{border-bottom:1px solid var(--reader-border);margin-bottom:2.8rem;padding-bottom:1.2rem}.chapter-hero-title{word-break:keep-all;margin-bottom:.9rem;font-size:1.85rem;font-weight:700;line-height:1.35;color:var(--reader-text)!important}.chapter-meta-band{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.82rem;display:flex;color:var(--reader-text-muted)!important}.meta-item{align-items:center;gap:.3rem;display:inline-flex}.meta-icon{opacity:.85}.text-red{color:#ef4444!important}.meta-divider{color:var(--reader-border);font-size:.75rem}.reader-section-block{margin-bottom:3.5rem}.section-block-title{align-items:center;gap:.5rem;margin-top:1.5rem;margin-bottom:1.2rem;font-size:1.35rem;font-weight:700;display:flex;color:var(--reader-text)!important}.section-num{color:var(--reader-accent-custom,var(--reader-text));font-weight:700;transition:color .15s}.reader-body-content{word-break:keep-all;overflow-wrap:break-word;font-size:var(--reader-font-size,17px)!important;line-height:var(--reader-line-height,180%)!important;text-align:var(--reader-text-align,justify)!important;color:var(--reader-text)!important}.reader-body-content p{letter-spacing:-.015em;margin:0 0 1.25em;color:inherit!important}.reader-body-content h1,.reader-body-content h2,.reader-body-content h3{margin-top:1.8em;margin-bottom:.8em;font-weight:700;line-height:1.35;color:inherit!important}.reader-body-content blockquote{border-left:4px solid var(--reader-accent);background-color:var(--reader-card-bg);border-radius:0 8px 8px 0;margin:1.5em 0;padding:.8em 1.2em;font-style:italic;color:inherit!important}.reader-body-content img{border-radius:8px;max-width:100%;height:auto;margin:1.5em auto;display:block}.reader-body-content hr{border:none;border-top:1px dashed var(--reader-border);margin:2.5em 0}.reader-page-viewport-wrapper{margin-bottom:3rem}.reader-single-page-card{background-color:var(--reader-card-bg);border:1px solid var(--reader-border);border-radius:12px;padding:2.2rem 2.2rem 1.8rem;box-shadow:0 4px 16px #0000000a}.page-header-info{border-bottom:1px solid var(--reader-border);color:var(--reader-text-muted);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.82rem;display:flex}.page-chapter-label{font-weight:600}.page-counter-badge{background-color:var(--reader-hover);border-radius:12px;padding:2px 8px;font-weight:600}.page-navigation-bar{border-top:1px solid var(--reader-border);justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.2rem;display:flex}.page-nav-btn{border:1px solid var(--reader-border);background-color:var(--reader-bg);color:var(--reader-text);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.page-nav-btn:hover:not(:disabled){border-color:var(--reader-accent);background-color:var(--reader-hover)}.page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.page-indicator-text{color:var(--reader-text-muted);font-size:.85rem;font-weight:600}.reader-bottom-section{flex-direction:column;gap:2rem;margin-top:4rem;display:flex}.reader-author-note-card{background-color:var(--reader-card-bg);border:1px solid var(--reader-card-border);border-radius:12px;padding:1.3rem 1.5rem}.author-note-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.author-note-title{color:var(--reader-text);align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:flex}.sparkle-icon{color:#f59e0b}.author-name{color:var(--reader-text-muted);font-size:.8rem}.author-note-body{color:var(--reader-text);white-space:pre-line;font-size:.9rem;line-height:1.65}.reader-action-bar{justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.action-btn-like,.action-btn-share{cursor:pointer;border:1px solid var(--reader-border);background-color:var(--reader-card-bg);color:var(--reader-text);border-radius:24px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.action-btn-like:hover,.action-btn-share:hover{background-color:var(--reader-hover)}.action-btn-like.liked{color:#ef4444;background-color:#ef444414;border-color:#ef4444}.reader-next-chapter-card{border:1px solid var(--reader-border);background-color:var(--reader-card-bg);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;transition:all .2s;display:flex}.reader-next-chapter-card:hover{border-color:var(--reader-accent);background-color:var(--reader-hover);transform:translateY(-2px)}.next-card-info{flex-direction:column;gap:.2rem;display:flex}.next-card-subtitle{color:var(--reader-text-muted);font-size:.75rem;font-weight:500}.next-card-title{color:var(--reader-text);font-size:1rem;font-weight:700}.next-card-arrow{color:var(--reader-accent);align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.reader-comment-section{border-top:1px solid var(--reader-border);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.comment-header h3{color:var(--reader-text);align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;display:flex}.comment-count{color:var(--reader-accent);font-size:.85rem}.comment-input-form{gap:.5rem;display:flex}.comment-input{border:1px solid var(--reader-border);background-color:var(--reader-card-bg);color:var(--reader-text);border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-size:.88rem;transition:border-color .15s}.comment-input:focus{border-color:var(--reader-accent)}.comment-submit-btn{background-color:var(--reader-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:0 1.2rem;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex}.comment-submit-btn:disabled{opacity:.4;cursor:not-allowed}.comment-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.comment-empty{text-align:center;color:var(--reader-text-muted);padding:2rem;font-size:.85rem}.comment-item{background-color:var(--reader-card-bg);border:1px solid var(--reader-card-border);border-radius:8px;padding:.9rem 1.1rem}.comment-item-meta{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.comment-author-group{align-items:center;gap:.5rem;display:flex}.comment-author{color:var(--reader-text);font-size:.82rem;font-weight:700}.comment-date{color:var(--reader-text-muted);font-size:.74rem}.comment-edited-tag{color:var(--reader-accent);margin-left:2px;font-size:.7rem;font-style:italic}.comment-item-actions{align-items:center;gap:4px;display:flex}.comment-action-icon-btn{width:24px;height:24px;color:var(--reader-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.comment-action-icon-btn:hover{background-color:var(--reader-hover);color:var(--reader-text)}.comment-action-icon-btn.btn-del:hover{color:#ef4444}.comment-inline-edit-box{align-items:center;gap:6px;margin-top:4px;display:flex}.comment-edit-input{border:1px solid var(--reader-border);background-color:var(--reader-bg);color:var(--reader-text);border-radius:6px;outline:none;flex:1;padding:5px 8px;font-size:.85rem}.comment-edit-input:focus{border-color:var(--reader-accent)}.comment-edit-actions{align-items:center;gap:4px;display:flex}.btn-edit-save{background-color:var(--reader-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:3px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.btn-edit-cancel{border:1px solid var(--reader-border);background-color:var(--reader-hover);color:var(--reader-text);cursor:pointer;border-radius:6px;align-items:center;gap:3px;padding:4px 8px;font-size:.75rem;display:inline-flex}.comment-text{color:var(--reader-text);word-break:break-word;margin:0;font-size:.88rem;line-height:1.5}.reader-empty-wrapper{justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}.reader-empty-box{text-align:center;flex-direction:column;align-items:center;gap:.8rem;max-width:400px;display:flex}.empty-icon{color:var(--reader-text-muted);opacity:.5}.reader-empty-box h2{color:var(--reader-text);margin:0;font-size:1.3rem}.reader-empty-box p{color:var(--reader-text-muted);margin:0;font-size:.88rem}.reader-btn-back{border:1px solid var(--reader-border);background-color:var(--reader-card-bg);color:var(--reader-text);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=768px){.reader-header{padding:0 .8rem}.reader-book-title{max-width:140px;font-size:.88rem}.reader-chapter-dropdown-btn{max-width:180px;padding:.35rem .6rem;font-size:.82rem}.reader-tool-pill{padding:.3rem .5rem}.tool-pill-txt{display:none}.reader-settings-popover{width:250px}.reader-viewport{padding:1.8rem 1rem 4rem}.chapter-hero-title{font-size:1.5rem}}.explore-serial-container{background-color:var(--bg-main);width:100%;min-height:100vh;color:var(--text-main);display:flex}.explore-serial-main{flex-direction:column;flex:1;gap:1.8rem;min-width:0;padding:1.8rem 2.2rem 4rem;display:flex}.rank-number-badge{text-align:center;flex-shrink:0;width:24px;font-size:1.15rem;font-weight:800}.rank-number-badge.rank-1{color:#f59e0b}.rank-number-badge.rank-2{color:#64748b}.rank-number-badge.rank-3{color:#b45309}.rank-number-badge.rank-4,.rank-number-badge.rank-5{color:var(--text-dim)}.rank-book-genre{color:var(--primary);font-size:.7rem;font-weight:600}.cycle-tabs-bar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;display:flex}.cycle-tabs-left{align-items:center;gap:.75rem;display:flex}.cycle-icon{color:var(--primary)}.cycle-title-label{color:var(--text-main);font-size:.84rem;font-weight:700}.cycle-pills-group{align-items:center;gap:4px;display:flex}.cycle-pill-btn{border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:16px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .15s}.cycle-pill-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.cycle-pill-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.serial-sort-select{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:4px 10px;font-size:.8rem;font-weight:500}.serial-books-list-section{flex-direction:column;gap:1rem;display:flex}.serial-card-list{flex-direction:column;gap:.85rem;display:flex}.serial-book-card{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:12px;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem;transition:all .18s;display:flex}.serial-book-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.serial-cover-thumb{text-align:center;cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:95px;height:125px;padding:.8rem .6rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000029}.serial-cover-thumb:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #00000038}.serial-cover-title-clean{color:#fff;word-break:keep-all;text-align:center;-webkit-line-clamp:4;text-shadow:0 1px 3px #00000080;-webkit-box-orient:vertical;margin:0;font-size:.86rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.serial-card-body{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.serial-card-tags{align-items:center;gap:.4rem;display:flex}.badge-cycle-tag{color:#2563eb;background-color:#2563eb14;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:700}.badge-up-tag{color:#ef4444;background-color:#ef44441a;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:800}.serial-card-title{color:var(--text-main);cursor:pointer;margin:0;font-size:1.12rem;font-weight:700;transition:color .15s}.serial-card-title:hover{color:var(--primary)}.serial-meta-line{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.serial-logline{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.serial-card-actions{flex-direction:column;flex-shrink:0;gap:.45rem;min-width:104px;display:flex}.btn-read-first,.btn-read-latest,.btn-save-shelf{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-read-first{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main)}.btn-read-first:hover{background-color:var(--bg-card);border-color:var(--primary)}.btn-read-latest{background-color:var(--primary);color:#fff;border:none}.btn-read-latest:hover{background-color:#1d4ed8}.serial-empty-card{border:1px dashed var(--border-color);background-color:var(--bg-card);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:4rem 2rem;display:flex}.serial-empty-card h3{color:var(--text-main);margin:0;font-size:1.1rem}.serial-empty-card p{color:var(--text-dim);margin:0;font-size:.85rem}@media (width<=1024px){.ranking-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.explore-serial-container{flex-direction:column}.explore-genre-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding:1rem}.genre-nav-list{flex-direction:row;overflow-x:auto}.genre-nav-item{white-space:nowrap}.explore-serial-main{padding:1rem}.ranking-cards-grid{grid-template-columns:1fr}.serial-book-card{flex-direction:column;align-items:flex-start}.serial-card-actions{flex-direction:row;width:100%}.btn-read-first,.btn-read-latest{flex:1}}.explore-complete-container{background-color:var(--bg-main);width:100%;min-height:100vh;color:var(--text-main);display:flex}.explore-genre-sidebar{border-right:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;flex-shrink:0;gap:1rem;width:220px;padding:1.5rem 1rem;display:flex}.genre-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 .5rem .8rem;display:flex}.genre-sidebar-header h3{color:var(--text-main);margin:0;font-size:1rem;font-weight:700}.genre-count-total{color:var(--primary);background-color:#2563eb14;border-radius:10px;padding:2px 7px;font-size:.76rem;font-weight:600}.genre-nav-list{flex-direction:column;gap:3px;display:flex}.genre-nav-item{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.genre-nav-item:hover{background-color:var(--bg-main);color:var(--text-main)}.genre-nav-item.active{color:var(--primary);background-color:#2563eb14;font-weight:700}.genre-active-dot{background-color:var(--primary);border-radius:50%;width:6px;height:6px}.explore-complete-main{flex-direction:column;flex:1;gap:1.8rem;min-width:0;padding:1.8rem 2.2rem 4rem;display:flex}.explore-ranking-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.2rem 1.4rem;box-shadow:0 2px 8px #00000005}.ranking-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ranking-title-group{align-items:center;gap:.5rem;display:flex}.ranking-icon{color:#ef4444}.ranking-title-group h2{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.ranking-subinfo{color:var(--text-dim);font-size:.75rem}.ranking-cards-grid{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.ranking-mini-card{border:1px solid var(--border-color);background-color:var(--bg-main);cursor:pointer;border-radius:10px;align-items:center;gap:.65rem;min-width:0;padding:.65rem .8rem;transition:all .18s;display:flex}.ranking-mini-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.rank-number-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.82rem;font-weight:800;display:flex}.rank-1{color:#854d0e;background-color:#fef08a}.rank-2{color:#334155;background-color:#e2e8f0}.rank-3{color:#9a3412;background-color:#ffedd5}.rank-4,.rank-5{color:var(--text-dim);background-color:#94a3b826}.rank-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.rank-book-genre{color:var(--text-dim);font-size:.68rem}.rank-book-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.rank-meta-row{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.complete-tabs-bar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.2rem;display:flex}.complete-tabs-left{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.complete-tab-icon{color:var(--primary);flex-shrink:0}.complete-title-label{color:var(--text-main);font-size:.85rem;font-weight:700}.complete-pills-group{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.complete-pill-btn{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.complete-pill-btn:hover{border-color:var(--primary);color:var(--primary);background-color:#2563eb0d}.complete-pill-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.complete-sort-select{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .8rem;font-size:.82rem;font-weight:600}.complete-books-list-section{flex-direction:column;gap:1rem;display:flex}.list-section-summary{color:var(--text-dim);font-size:.85rem}.list-section-summary strong{color:var(--primary)}.complete-card-list{flex-direction:column;gap:.9rem;display:flex}.complete-book-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000005}.complete-book-card:hover{border-color:var(--primary);box-shadow:0 4px 14px #2563eb14}.complete-cover-thumb{text-align:center;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:136px;padding:.8rem .6rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000029}.complete-cover-thumb:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #00000038}.complete-cover-title-clean{color:#fff;word-break:keep-all;text-align:center;-webkit-line-clamp:4;text-shadow:0 1px 3px #00000080;-webkit-box-orient:vertical;margin:0;font-size:.86rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.complete-card-body{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.complete-card-tags{align-items:center;gap:.4rem;display:flex}.badge-complete-tag{color:#10b981;background-color:#10b9811a;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:800}.badge-genre-tag{color:var(--text-dim);background-color:var(--bg-main);border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:600}.badge-volume-tag{color:#6366f1;background-color:#6366f114;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:600}.complete-card-title{color:var(--text-main);cursor:pointer;margin:0;font-size:1.12rem;font-weight:700;transition:color .15s}.complete-card-title:hover{color:var(--primary)}.complete-meta-line{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.author-name{color:var(--text-main);font-weight:600}.meta-sep{color:var(--border-color)}.page-count-badge{color:var(--text-main);font-weight:600}.rating-badge{color:#d97706;align-items:center;gap:2px;font-weight:700;display:inline-flex}.meta-star-icon{fill:#f59e0b;color:#f59e0b}.comment-badge{color:#2563eb;align-items:center;gap:2px;font-weight:600;display:inline-flex}.meta-comment-icon{color:#2563eb}.complete-logline{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.complete-card-actions{flex-direction:column;flex-shrink:0;gap:.45rem;min-width:104px;display:flex}.btn-read-start,.btn-save-shelf{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:.55rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-read-start{background-color:var(--primary);color:#fff;border:none}.btn-read-start:hover{background-color:#1d4ed8}.btn-save-shelf{border:1px dashed var(--border-color);color:var(--text-dim);background-color:#0000}.btn-save-shelf:hover{background-color:var(--bg-main);border-color:var(--primary);color:var(--primary)}.btn-save-shelf.saved{color:var(--primary);background-color:#2563eb14;border:1px solid #2563eb59;font-weight:700}.complete-empty-card{border:1px dashed var(--border-color);background-color:var(--bg-card);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:4rem 2rem;display:flex}.empty-book-icon{color:var(--text-dim);opacity:.4}.complete-empty-card h3{color:var(--text-main);margin:0;font-size:1.1rem}.complete-empty-card p{color:var(--text-dim);margin:0;font-size:.85rem}.btn-go-studio{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=1024px){.ranking-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.explore-complete-container{flex-direction:column}.explore-genre-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding:1rem}.genre-nav-list{flex-direction:row;overflow-x:auto}.genre-nav-item{white-space:nowrap}.explore-complete-main{padding:1rem}.ranking-cards-grid{grid-template-columns:1fr}.complete-book-card{flex-direction:column;align-items:flex-start}.complete-card-actions{flex-direction:row;width:100%}.btn-read-start,.btn-save-shelf{flex:1}}:root{--bg-deep:#1e1916;--bg-surface:#27211c;--bg-panel:#2e2620;--bg-card:#322a24;--bg-card-sub:#27211c;--bg-hover:#3c322b;--bg-active:#c48a542e;--border-color:#b896761f;--border-glass:#b8967614;--border-bright:#b8967640;--primary:#c48a54;--primary-glow:#c48a5440;--secondary:#9c6e43;--secondary-glow:#9c6e4333;--text-main:#f5efe6;--text-muted:#b8aba0;--text-dim:#7d7268;--success:#10b981;--success-bg:#10b98126;--warning:#f59e0b;--warning-bg:#f59e0b26;--danger:#ef4444;--danger-bg:#ef444426;--font-family:"Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-lg:14px;--radius-md:8px;--radius-sm:5px;--blur:blur(20px);--transition:all .2s cubic-bezier(.16, 1, .3, 1)}html{font-size:15px}html[data-font-scale=small]{font-size:13.5px}html[data-font-scale=normal]{font-size:15px}html[data-font-scale=large]{font-size:16.5px}html[data-font-scale=xlarge]{font-size:18px}body.light-mode{--bg-deep:#faf8f5;--bg-surface:#f3ede4;--bg-panel:#fff;--bg-card:#fff;--bg-card-sub:#f7f3ec;--bg-hover:#ede6da;--bg-active:#8b5a2b14;--border-color:#8b5a2b17;--border-glass:#8b5a2b0f;--border-bright:#8b5a2b38;--primary:#8b5a2b;--primary-glow:#8b5a2b2e;--secondary:#6e441f;--secondary-glow:#6e441f26;--text-main:#2b231d;--text-muted:#63574c;--text-dim:#948577;--success:#2b8a3e;--success-bg:#e6fcf5;--warning:#b45309;--warning-bg:#fef3c7;--danger:#b91c1c;--danger-bg:#fee2e2}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);width:100vw;height:100vh;display:flex;overflow:hidden}#root{width:100%;height:100%;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#c48a54,#ab733e);box-shadow:0 4px 14px #c48a5447}.btn-primary:hover{background:linear-gradient(135deg,#d99b64,#be834c);box-shadow:0 6px 18px #c48a5461}body.light-mode .btn-primary{background:linear-gradient(135deg,#96612e,#7c4c1e);box-shadow:0 4px 14px #8b5a2b38}body.light-mode .btn-primary:hover{background:linear-gradient(135deg,#835224,#693d14)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-bright);background:var(--bg-hover);border-color:var(--border-bright)}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.82rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-deep);border:1px solid var(--border-bright);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:560px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{font-size:1.25rem;font-weight:700}.modal-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.modal-close-btn:hover{color:var(--text-main)}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.modal-footer{border-top:1px solid var(--border-glass);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-control{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-main);transition:var(--transition);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}select.form-control optgroup{background:var(--bg-deep);color:var(--primary);font-size:.85rem;font-weight:700}select.form-control option{background:var(--bg-surface);color:var(--text-main);padding:.4rem;font-size:.92rem;font-weight:500}