@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Outfit:wght@400;500;600;700&display=swap";:root{--font-ui:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-editor:"Athelas", "Lora", Georgia, serif;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 10px 30px #00000014;--shadow-lg:0 20px 50px #00000026;--max-width-editor:760px;--bg-app:#0e0709;--bg-gradient:radial-gradient(circle at top right, #240f14 0%, #0e0709 60%);--bg-surface:#170b0eb3;--bg-surface-hover:#241116d9;--bg-sidebar:#0e0709cc;--border-color:#ffe6eb0f;--border-color-focus:#ec487680;--text-main:#fcf6f7;--text-muted:#a6989b;--text-inverse:#0e0709;--primary:#ec4876;--primary-light:#f47296;--primary-dark:#b8254c;--primary-gradient:linear-gradient(135deg, #ec4876 0%, #db2777 100%);--success:#10b981;--danger:#ef4444;--danger-light:#f87171;--danger-hover:#b91c1c;--glass-blur:blur(20px);--scrollbar-thumb:#ffe6eb1a;--scrollbar-thumb-hover:#ffe6eb38;--shadow-primary:#ec48764d;--shadow-focus:#ec487626}[data-theme=light]{--bg-app:#fdfafb;--bg-gradient:radial-gradient(circle at top right, #fff1f3 0%, #fdfafb 60%);--bg-surface:#fffc;--bg-surface-hover:#fffafbf2;--bg-sidebar:#fff0f3d9;--border-color:#ec487614;--border-color-focus:#ec487666;--text-main:#2b1a1d;--text-muted:#755f63;--text-inverse:#fff;--primary:#db2777;--primary-light:#ec4876;--primary-dark:#9d174d;--primary-gradient:linear-gradient(135deg, #db2777 0%, #f47296 100%);--success:#059669;--danger:#dc2626;--danger-light:#ef4444;--danger-hover:#991b1b;--glass-blur:blur(20px);--scrollbar-thumb:#ec48761f;--scrollbar-thumb-hover:#ec487640;--shadow-primary:#db27774d;--shadow-focus:#db277726}html[data-community=pixels]{--bg-app:#050811;--bg-gradient:radial-gradient(circle at top right, #0a1931 0%, #050811 60%);--bg-surface:#0d172ab3;--bg-surface-hover:#172542d9;--bg-sidebar:#050811cc;--border-color:#c8dcff0f;--border-color-focus:#3b82f680;--text-main:#f0f4fc;--text-muted:#8a99ad;--text-inverse:#050811;--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#1d4ed8;--primary-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--scrollbar-thumb:#c8dcff1a;--scrollbar-thumb-hover:#c8dcff38;--shadow-primary:#3b82f64d;--shadow-focus:#3b82f626}html[data-theme=light][data-community=pixels]{--bg-app:#f4f7fc;--bg-gradient:radial-gradient(circle at top right, #e0eafd 0%, #f4f7fc 60%);--bg-surface:#fffc;--bg-surface-hover:#f4f8fff2;--bg-sidebar:#ebf2fdd9;--border-color:#3b82f614;--border-color-focus:#3b82f666;--text-main:#1e293b;--text-muted:#64748b;--text-inverse:#fff;--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);--scrollbar-thumb:#3b82f61f;--scrollbar-thumb-hover:#3b82f640;--shadow-primary:#2563eb4d;--shadow-focus:#2563eb26}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}html,body{width:100%;height:100%;font-family:var(--font-ui);color:var(--text-main);background-color:var(--bg-app);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.btn{border-radius:var(--border-radius-sm);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:0 4px 15px var(--shadow-primary);font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px var(--shadow-primary);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.btn-danger{color:var(--danger-light);background:0 0;border-color:#ef44444d}.btn-danger:hover{border-color:var(--danger-light);background:#ef44441a}.btn-icon{border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{color:var(--text-main);background:#ffffff14}.btn-icon:active{transform:scale(.95)}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85rem;font-weight:600}.form-input,.form-textarea{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-ui);transition:all var(--transition-fast);background:#0003;outline:none;padding:12px 16px;font-size:.95rem}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background:#ffffff80}.form-input:focus,.form-textarea:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--shadow-focus);background:#0000004d}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{background:#fff}.form-textarea{resize:vertical;min-height:100px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--transition-normal);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{border-radius:var(--border-radius-lg);width:90%;max-width:500px;transition:transform var(--transition-normal);padding:30px;transform:translateY(30px)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.navbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);z-index:10;background:#0b0f1966;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}[data-theme=light] .navbar{background:#fff6}.nav-brand{background:var(--primary-gradient);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;align-items:baseline;gap:10px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;display:flex}.nav-brand svg{stroke:url(#brand-gradient);fill:none;align-self:center}.navbar-tagline{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);border-left:1px solid var(--border-color);margin-left:12px;padding-left:12px;font-size:.85rem;font-weight:500;line-height:1.2}@media (width<=768px){.navbar-tagline{display:none}}.nav-controls{align-items:center;gap:16px;display:flex}.dashboard-container{flex-direction:column;flex:1;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px;display:flex;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-title-area h2{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:600}.dashboard-title-area p{color:var(--text-muted);font-size:.95rem}.novel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:30px;display:grid}.novel-card{cursor:pointer;height:380px;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.novel-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-8px)}.novel-cover-gradient{flex-direction:column;justify-content:flex-end;width:100%;height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.novel-cover-overlay{z-index:1;background:linear-gradient(#0000 20%,#0009 100%);width:100%;height:100%;position:absolute;top:0;left:0}.novel-cover-genre{z-index:2;text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;-webkit-backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #ffffff26;border-radius:20px;align-self:flex-start;margin-bottom:auto;padding:4px 10px;font-size:.75rem;font-weight:700}.novel-cover-title{z-index:2;color:#fff;text-shadow:0 2px 4px #00000080;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.2;overflow:hidden}.novel-info-body{background:#00000026;flex-direction:column;flex:1;padding:20px;display:flex}[data-theme=light] .novel-info-body{background:#ffffff4d}.novel-author{color:var(--text-muted);margin-bottom:10px;font-size:.85rem;font-weight:500}.novel-synopsis{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:auto;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.novel-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;display:flex}.novel-stats{color:var(--text-muted);font-size:.8rem;font-weight:500}.novel-card-actions{gap:4px;display:flex}.novel-card-actions .btn-icon{border-radius:6px;padding:6px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;padding:60px 40px;display:flex}.empty-state svg{color:var(--text-muted);opacity:.5;margin-bottom:20px}.empty-state h3{margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600}.empty-state p{color:var(--text-muted);max-width:400px;margin-bottom:24px;font-size:.95rem;line-height:1.5}.editor-container{flex:1;height:calc(100% - 73px);display:flex;position:relative;overflow:hidden}.editor-sidebar{border-right:1px solid var(--border-color);background:var(--bg-sidebar);width:320px;height:100%;-webkit-backdrop-filter:var(--glass-blur);transition:transform var(--transition-normal), width var(--transition-normal);z-index:5;flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:16px;padding:24px;display:flex}.sidebar-back-link{text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;outline:none;align-self:flex-start;align-items:center;gap:8px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.sidebar-back-link:hover{color:var(--primary-light)}.sidebar-book-title{word-break:break-word;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.3}.sidebar-chapters-controls{justify-content:space-between;align-items:center;padding:16px 24px 8px;display:flex}.sidebar-chapters-controls h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:700}.sidebar-chapters-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.chapter-item{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;padding:12px;display:flex}.chapter-item:hover{background:#ffffff0a;border-color:#ffffff0a}[data-theme=light] .chapter-item:hover{background:#00000008;border-color:#00000008}.chapter-item.active{background:color-mix(in srgb, var(--primary) 10%, transparent);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.chapter-item-details{flex:1;min-width:0;margin-right:8px}.chapter-title-wrapper{align-items:center;display:flex}.chapter-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.chapter-item.active .chapter-item-title{color:var(--primary-light)}[data-theme=light] .chapter-item.active .chapter-item-title{color:var(--primary)}.chapter-item-meta{color:var(--text-muted);margin-top:4px;font-size:.75rem}.chapter-item-actions{opacity:0;transition:opacity var(--transition-fast);gap:2px;display:flex}.chapter-item:hover .chapter-item-actions,.chapter-item.active .chapter-item-actions{opacity:1}.chapter-item-actions .btn-icon{color:var(--text-muted);border-radius:4px;padding:4px}.chapter-item-actions .btn-icon:hover{color:var(--text-main);background:#ffffff1a}[data-theme=light] .chapter-item-actions .btn-icon:hover{background:#0000000d}.sidebar-export-area{border-top:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);background:#0e070959;flex-direction:column;gap:10px;padding:20px 24px;display:flex}[data-theme=light] .sidebar-export-area{background:#fff0f359}.sidebar-export-area h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:6px;font-size:.8rem;font-weight:700}.sidebar-export-area .btn{padding:8px 14px;font-size:.85rem}.editor-main-panel{background:0 0;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.editor-panel-header{border-bottom:1px solid var(--border-color);background:#0b0f1933;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.editor-title-input{color:var(--text-main);max-width:500px;transition:border-color var(--transition-fast);background:0 0;border:none;border-bottom:1.5px solid #0000;outline:none;flex:1;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700}.editor-title-input:hover{border-color:var(--border-color);cursor:text}.editor-title-input:focus{border-color:var(--primary-light)}.editor-title-input::placeholder{color:var(--text-muted);opacity:.5}.editor-panel-controls{align-items:center;gap:16px;display:flex}.autosave-status{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.autosave-status-dot{background:var(--text-muted);width:6px;height:6px;transition:background var(--transition-fast);border-radius:50%}.autosave-status.saving .autosave-status-dot{background:var(--primary-light);box-shadow:0 0 8px var(--primary-light);animation:1s infinite alternate pulse-dot}.autosave-status.saved .autosave-status-dot{background:var(--success)}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.editor-text-container{flex:1;justify-content:center;padding:40px 32px;display:flex;overflow-y:auto}.editor-writing-area{width:100%;max-width:var(--max-width-editor);flex-direction:column;gap:24px;display:flex}.chapter-textarea{width:100%;min-height:100%;font-family:var(--font-editor);color:var(--text-main);text-align:justify;transition:font-size var(--transition-fast);background:0 0;border:none;outline:none;flex:1;font-size:1.15rem;line-height:1.8}.chapter-textarea p{text-indent:2.2rem;margin-top:0;margin-bottom:.75em}.chapter-textarea[contenteditable=true]:empty:before{content:attr(placeholder);color:var(--text-muted);opacity:.4;pointer-events:none;font-style:italic}.editor-panel-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:#0b0f1933;justify-content:space-between;align-items:center;padding:12px 32px;font-size:.8rem;display:flex}.editor-stats-group{gap:20px;display:flex}.editor-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.editor-placeholder-icon{color:var(--primary-light);opacity:.6;filter:drop-shadow(0 0 15px var(--shadow-primary));margin-bottom:24px}.editor-placeholder h3{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:600}.editor-placeholder p{color:var(--text-muted);max-width:450px;margin-bottom:30px;font-size:1rem;line-height:1.5}.zen-mode .editor-sidebar,.zen-mode .editor-right-sidebar,.zen-mode .navbar,.zen-mode .editor-panel-header,.zen-mode .editor-panel-footer{opacity:0;pointer-events:none}.zen-mode .editor-sidebar{border-right:none;width:0}.zen-mode .editor-right-sidebar{border-left:none;width:0}.zen-mode .editor-container{height:100vh}.zen-mode .editor-text-container{transition:all var(--transition-slow);padding-top:80px;padding-bottom:80px}.btn-exit-zen{z-index:100;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--border-radius-sm);text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:#0b0f19b3;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;display:none;position:fixed;bottom:30px;right:30px}[data-theme=light] .btn-exit-zen{background:#fffc}.btn-exit-zen:hover{color:var(--text-main);border-color:var(--primary-light);transform:translateY(-2px)}.zen-mode .btn-exit-zen{animation:1s forwards fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-container{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--border-radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-main);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) forwards slide-up-fade;display:flex}.toast.toast-success{border-left:3px solid var(--success)}.toast.toast-danger{border-left:3px solid var(--danger)}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-right-sidebar{border-left:1px solid var(--border-color);background:var(--bg-sidebar);width:300px;height:100%;-webkit-backdrop-filter:var(--glass-blur);transition:transform var(--transition-normal), width var(--transition-normal), opacity var(--transition-normal);z-index:5;flex-direction:column;display:flex}.right-sidebar-header{border-bottom:1px solid var(--border-color);padding:24px}.right-sidebar-header h3{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.right-sidebar-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.stats-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:-10px;font-size:.8rem;font-weight:700}.stats-card{border-radius:var(--border-radius-sm);background:#0000001a;flex-direction:column;gap:16px;padding:16px;display:flex}[data-theme=light] .stats-card{background:#ffffff4d}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.75rem}.stat-value{color:var(--text-main);font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.right-sidebar-actions{flex-direction:column;gap:12px;margin-top:10px;display:flex}.right-sidebar-actions h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:6px;font-size:.8rem;font-weight:700}.btn-full-width{width:100%}.dashboard-actions-area{align-items:center;gap:12px;display:flex}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:16px}.dashboard-title-area{text-align:center}.dashboard-title-area>div{justify-content:center}.dashboard-actions-area{flex-wrap:wrap;justify-content:center;width:100%}.dashboard-actions-area .btn{flex:calc(50% - 6px);padding:8px 12px;font-size:.9rem}#btn-new-book{flex:100%}}@media (width<=1024px){.editor-container{flex-direction:column;height:calc(100% - 73px);overflow-y:auto}.editor-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:450px}.editor-main-panel{height:auto;min-height:500px}.editor-right-sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%;height:auto}.editor-text-container{padding:24px 16px}}.storage-badge{letter-spacing:.03em;border:1px solid var(--border-color);color:var(--text-muted);transition:all var(--transition-fast);vertical-align:middle;text-transform:uppercase;background:#ffffff0a;border-radius:20px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}[data-theme=light] .storage-badge{background:#00000008}