#root{max-width:1400px;margin:0 auto;overflow:hidden;position:relative;z-index:low}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-page{min-height:100vh;background:var(--background, #f9f9f9);display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;gap:4rem;padding-top:64px}.header{position:fixed;top:0;width:100%;background:rgba(var(--background-rgb, 255, 255, 255),.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border, #e5e7eb);z-index:50}.header__container{max-width:1400px;padding:0 1rem;height:64px;display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:.5rem}.header__logo .header__icon{font-size:1.5rem;font-weight:700;color:var(--primary, #d32f2f)}.header__logo .header__title{font-size:1.25rem;font-weight:600;color:var(--foreground, #111)}.header__nav{display:none;gap:2rem;align-items:center}.header__nav a{color:#000!important;font-size:16px;text-decoration:none;transition:color .2s ease;font-weight:inherit;color:#363a42}.header__nav a:hover{color:var(--primary, #d32f2f)}@media (min-width: 768px){.header__nav{display:flex}}.header__actions{display:flex;align-items:center;gap:1rem}.header__actions .signin-btn{color:#111!important;display:none}@media (min-width: 640px){.header__actions .signin-btn{display:flex}}.header__actions .getstarted-btn{background:var(--primary, #d32f2f);color:#fff!important;border-radius:9999px;padding:0 1.5rem;font-weight:600}.header__actions .getstarted-btn:hover{background:#b71c1c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;outline:none}.btn:disabled{pointer-events:none;opacity:.5}.btn svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.btn-default{background:var(--primary, #3b82f6);color:var(--primary-foreground, #fff)}.btn-default:hover{background:#3b82f6e6}.btn-destructive{background:var(--destructive, #ef4444);color:var(--destructive-foreground, #fff)}.btn-destructive:hover{background:#ef4444e6}.btn-outline{border:1px solid var(--input, #ccc);background:var(--background, #fff);color:var(--foreground, #111)}.btn-outline:hover{background:var(--accent, #f5f5f5);color:var(--accent-foreground, #000)}.btn-secondary{background:var(--secondary, #e5e7eb);color:var(--secondary-foreground, #111)}.btn-secondary:hover{background:#e5e7ebcc}.btn-ghost{background:transparent;color:var(--foreground, #111)}.btn-ghost:hover{background:var(--accent, #f5f5f5);color:var(--accent-foreground, #000)}.btn-link{background:transparent;color:var(--primary, #3b82f6);text-decoration:none;text-underline-offset:4px}.btn-link:hover{text-decoration:underline}.btn-default,.btn-sm,.btn-lg,.btn-icon{line-height:1}.btn-default{height:40px;padding:.5rem 1rem}.btn-sm{height:36px;padding:.25rem .75rem;border-radius:4px}.btn-lg{height:44px;padding:.5rem 2rem;border-radius:8px}.btn-icon{height:40px;width:40px;padding:0;border-radius:6px}.hero-section{padding:6rem 1rem 4rem}.hero-section .hero-container{max-width:1400px;margin:0 auto}.hero-section .hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-section .hero-grid{grid-template-columns:1fr 1fr}}.hero-section .hero-content{display:flex;flex-direction:column;gap:2rem}.hero-section .hero-text h1{font-size:3rem;font-weight:700;line-height:1.2}@media (min-width: 1024px){.hero-section .hero-text h1{font-size:3.75rem}}.hero-section .hero-text h1 .highlight{color:var(--primary, #D62430)}.hero-section .hero-text p{font-size:1.25rem;color:var(--muted-foreground, #6b7280);line-height:1.6;max-width:42rem}.hero-section .hero-buttons{display:flex;flex-direction:column;gap:1rem;color:#fff!important}@media (min-width: 640px){.hero-section .hero-buttons{flex-direction:row}}.hero-section .hero-buttons .btn-primary{background:var(--primary, #D62430);border-radius:9999px;padding:1.5rem 2rem;font-size:1.125rem;font-weight:600;box-shadow:0 4px 8px #00000026;border:none}.hero-section .hero-buttons .btn-primary:hover{background:#d62430}.hero-section .hero-buttons .btn-outline{border:2px solid #ccc;border-radius:9999px;padding:1.5rem 2rem;font-size:1.125rem;font-weight:500;background:transparent;transition:background .2s}.hero-section .hero-buttons .btn-outline:hover{background:var(--secondary, #f4f4f4)}.hero-section .hero-stats{display:flex;align-items:center;gap:2rem;padding-top:1rem}.hero-section .hero-stats .stat{text-align:center}.hero-section .hero-stats .stat .stat-number{font-size:1.5rem;font-weight:700;color:var(--primary, #D62430)}.hero-section .hero-stats .stat .stat-label{font-size:.875rem;color:var(--muted-foreground, #6b7280)}.hero-section .hero-image img{width:100%;height:auto;border-radius:1rem;box-shadow:0 8px 16px #0000001a}.features-section{padding:5rem 1rem;background:var(--section-bg, #f9fafb)}.features-section .features-container{max-width:1400px;margin:0 auto;padding:0 1rem}.features-section .features-header{text-align:center;margin-bottom:4rem}.features-section .features-header h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.features-section .features-header p{font-size:1.25rem;color:var(--muted-foreground, #6b7280);max-width:42rem;margin:0 auto}.features-section .features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.features-section .features-grid{grid-template-columns:repeat(3,1fr)}}.features-section .features-grid .feature-card{border:0;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease}.features-section .features-grid .feature-card:hover{box-shadow:0 8px 16px #0000001a}.features-section .features-grid .feature-card .feature-card-content{padding:2rem;text-align:center}.features-section .features-grid .feature-card .feature-card-content .feature-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4f46e51a;color:#d62430}.features-section .features-grid .feature-card .feature-card-content .feature-icon svg{width:2rem;height:2rem}.features-section .features-grid .feature-card .feature-card-content h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.features-section .features-grid .feature-card .feature-card-content p{font-size:1rem;color:var(--muted-foreground, #6b7280);line-height:1.6}.custom-card{border-radius:8px;border:1px solid var(--card-border, #e0e0e0);background-color:var(--card-bg, #fff);color:var(--card-foreground, #222);box-shadow:0 1px 3px #00000014}.custom-card-header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.custom-card-title{font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.015em}.custom-card-description{font-size:.875rem;color:var(--muted-foreground, #666)}.custom-card-content{padding:1.5rem;padding-top:0}.custom-card-footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}.workflow-section{padding:5rem 1rem}.workflow-section .workflow-container{max-width:1400px;margin:0 auto;padding:0 1rem}.workflow-section .workflow-header{text-align:center;margin-bottom:4rem}.workflow-section .workflow-header h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.workflow-section .workflow-header p{font-size:1.25rem;color:var(--muted-foreground, #6b7280);max-width:42rem;margin:0 auto}.workflow-section .workflow-grid{display:grid;grid-template-columns:1fr;gap:3rem;position:relative}@media (min-width: 768px){.workflow-section .workflow-grid{grid-template-columns:repeat(4,1fr)}}.workflow-section .workflow-grid .workflow-line{display:none}@media (min-width: 768px){.workflow-section .workflow-grid .workflow-line{display:block;position:absolute;top:3rem;left:0;right:0;height:.125rem;background-color:var(--border, #d1d5db);z-index:0}}.workflow-section .workflow-grid .workflow-step{position:relative;z-index:10;text-align:center}.workflow-section .workflow-grid .workflow-step .workflow-step-inner{display:flex;flex-direction:column;align-items:center}.workflow-section .workflow-grid .workflow-step .workflow-icon{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--primary, #D62430);box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem}.workflow-section .workflow-grid .workflow-step .workflow-icon svg{width:2.5rem;height:2.5rem;color:var(--primary-foreground, #fff)}.workflow-section .workflow-grid .workflow-step .workflow-step-number{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;border:4px solid var(--primary, #D62430);border-radius:50%;background-color:var(--background, #fff);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--primary, #D62430)}.workflow-section .workflow-grid .workflow-step h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.workflow-section .workflow-grid .workflow-step p{font-size:.875rem;color:var(--muted-foreground, #6b7280);line-height:1.5}.testimonials-section{padding:5rem 1rem;background-color:var(--section-bg, #f9fafb)}.testimonials-section .testimonials-container{max-width:1400px;margin:0 auto;padding:0 1rem}.testimonials-section .testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-section .testimonials-header h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.testimonials-section .testimonials-header p{font-size:1.25rem;color:var(--muted-foreground, #6b7280);max-width:42rem;margin:0 auto}.testimonials-section .testimonials-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.testimonials-section .testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonials-section .testimonials-grid .testimonial-card{border:none;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease}.testimonials-section .testimonials-grid .testimonial-card:hover{box-shadow:0 8px 24px #0000001a}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content{padding:2rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-rating{display:flex;align-items:center;margin-bottom:1rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-rating .testimonial-star{width:1.25rem;height:1.25rem;color:var(--primary, #D62430);margin-right:.25rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-text{color:var(--muted-foreground, #6b7280);margin-bottom:1.5rem;line-height:1.5}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-author{display:flex;align-items:center}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-author .testimonial-avatar{width:3rem;height:3rem;border-radius:50%;margin-right:1rem;object-fit:cover}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-author .testimonial-name{font-weight:600}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-author .testimonial-role{font-size:.875rem;color:var(--muted-foreground, #6b7280)}.cta-banner{padding:5rem 1rem;background:linear-gradient(135deg,#d62430,#c0212b);color:var(--primary-foreground, #ffffff)}.cta-banner a{color:#d62430!important}.cta-banner .cta-container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.cta-banner .cta-container .cta-content{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.cta-banner .cta-container .cta-content h2{font-size:2.25rem;font-weight:700}.cta-banner .cta-container .cta-content p{font-size:1.25rem;line-height:1.75rem;color:#ffffffe6}.cta-banner .cta-container .cta-content .cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.cta-banner .cta-container .cta-content .cta-buttons{flex-direction:row}}.cta-banner .cta-container .cta-content .cta-buttons .cta-join{background-color:var(--background, #ffffff);color:var(--primary, #4f46e5);padding:1.5rem 2rem;font-size:1.125rem;font-weight:600;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;text-decoration:none}.cta-banner .cta-container .cta-content .cta-buttons .cta-join:hover{opacity:.9}.cta-banner .cta-container .cta-content .cta-buttons .cta-join .cta-arrow{margin-left:.5rem;width:1.25rem;height:1.25rem}.cta-banner .cta-container .cta-content .cta-buttons .cta-learn{background-color:transparent;border:2px solid var(--primary-foreground, #ffffff);color:var(--primary-foreground, #ffffff);padding:1.5rem 2rem;font-size:1.125rem;font-weight:600;border-radius:9999px}.cta-banner .cta-container .cta-content .cta-buttons .cta-learn:hover{background-color:var(--primary-foreground, #ffffff);color:var(--primary, #4f46e5)}.cta-banner .cta-container .cta-content .cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:1rem;font-size:.875rem;color:#fffc}.footer{background:#1e1f23;color:#ccc;padding:3rem 0;border-top:4px solid #b71c1c}.footer .container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer .footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.footer .footer-grid{grid-template-columns:repeat(4,1fr)}}.footer .footer-brand .brand-logo{display:flex;align-items:center;gap:.5rem}.footer .footer-brand .brand-logo .icon{font-size:1.5rem}.footer .footer-brand .brand-logo .title{font-size:1.25rem;font-weight:600;color:#fff}.footer .footer-brand .description{margin-top:1rem;color:#bbb;line-height:1.6}.footer .footer-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer .footer-section ul{list-style:none;padding:0}.footer .footer-section ul li{margin-bottom:.5rem}.footer .footer-section ul li a{color:#bbb;text-decoration:none;transition:color .3s ease}.footer .footer-section ul li a:hover{color:#fff}.footer .footer-bottom{border-top:1px solid #444;margin-top:2rem;padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}@media (min-width: 768px){.footer .footer-bottom{flex-direction:row}}.footer .footer-bottom p{color:#bbb;font-size:.9rem}.footer .footer-bottom .social-links{display:flex;gap:1.5rem}.footer .footer-bottom .social-links a{color:#bbb;text-decoration:none;transition:color .3s ease}.footer .footer-bottom .social-links a:hover{color:#fff}.custom-tabs{width:100%}.custom-tabs-list{display:inline-flex;height:40px;align-items:center;justify-content:center;border-radius:6px;background-color:var(--muted, #f5f5f5);padding:4px;color:var(--muted-foreground, #666);gap:4px}.custom-tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;color:var(--muted-foreground, #666);background:transparent;border:none;cursor:pointer}.custom-tabs-trigger:focus{outline:none;box-shadow:0 0 0 2px var(--ring, #2684ff)}.custom-tabs-trigger:disabled{pointer-events:none;opacity:.5}.custom-tabs-trigger.active{background-color:var(--background, #fff);color:var(--foreground, #222);box-shadow:0 1px 3px #00000014}.custom-tabs-content{margin-top:.5rem}.custom-tabs-content:focus{outline:none;box-shadow:0 0 0 2px var(--ring, #2684ff)}.auth-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb}.signup-text,.login-text{justify-self:center}.auth-header{padding:1rem}.auth-header .back-link{display:inline-flex;align-items:center;color:#6b7280;text-decoration:none;transition:.2s}.auth-header .back-link:hover{color:#111827}.auth-header .back-link .icon{margin-right:.5rem}.auth-main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem}.auth-main .auth-wrapper{width:100%;max-width:400px}.auth-main .auth-wrapper .auth-brand{text-align:center;margin-bottom:2rem}.auth-main .auth-wrapper .auth-brand .brand-row{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem}.auth-main .auth-wrapper .auth-brand .brand-row .logo{font-size:2rem}.auth-main .auth-wrapper .auth-brand .brand-row .brand-title{font-size:1.5rem;font-weight:700}.auth-main .auth-wrapper .auth-brand .brand-sub{color:#6b7280}.auth-main .auth-wrapper .auth-card{border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.auth-main .auth-wrapper .tabs-list{display:flex;gap:1rem;margin-bottom:1.5rem}.auth-main .auth-wrapper .auth-form{display:flex;flex-direction:column;gap:1rem}.auth-main .auth-wrapper .auth-form .field{display:flex;flex-direction:column;gap:.25rem}.auth-main .auth-wrapper .auth-form .form-footer{display:flex;justify-content:flex-end}.auth-main .auth-wrapper .auth-form .form-footer .forgot-link{font-size:.875rem;color:#3b82f6;text-decoration:none}.auth-main .auth-wrapper .auth-form .form-footer .forgot-link:hover{text-decoration:underline}.auth-main .auth-wrapper .auth-form .btn-primary{background-color:#3b82f6;color:#fff;border:none;padding:.75rem;border-radius:.375rem;cursor:pointer;font-weight:500}.auth-main .auth-wrapper .auth-form .btn-primary:hover{background-color:#2563eb}.auth-main .auth-wrapper .auth-form .terms{text-align:center;font-size:.75rem;color:#6b7280;margin-top:.5rem}.auth-main .auth-wrapper .auth-form .terms a{color:#3b82f6;text-decoration:none}.auth-main .auth-wrapper .auth-form .terms a:hover{text-decoration:underline}.custom-input{display:flex;height:40px;width:100%;border-radius:6px;border:1px solid var(--input-border, #ccc);background-color:var(--background, #fff);padding:8px 12px;font-size:1rem;line-height:1.5;color:var(--foreground, #222)}.custom-input::placeholder{color:var(--muted-foreground, #888)}.custom-input::file-selector-button{border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--foreground, #222)}.custom-input:focus{outline:none;box-shadow:0 0 0 2px var(--ring, #2684ff)}.custom-input:disabled{cursor:not-allowed;opacity:.5}@media (min-width: 768px){.custom-input{font-size:.875rem}}.custom-label{font-size:.875rem;font-weight:500;line-height:1.5;color:var(--foreground, #222)}.peer:disabled+.custom-label{cursor:not-allowed;opacity:.7}.welcome-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.welcome-section h2{font-size:22px;font-weight:600;margin-bottom:4px}.welcome-section p{color:#666;margin:0}.welcome-section .new-book-btn{background:#e53935;border:none;font-weight:500}.welcome-section .new-book-btn:hover{background:#c62828!important}.stats-section{margin-bottom:32px}.stats-section .stat-card{text-align:center;border-radius:8px}.stats-section .stat-card .stat-title{color:#666;font-size:14px}.stats-section .stat-card .stat-value{font-size:22px;font-weight:600;margin:0}.books-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.books-header h3{font-size:18px;font-weight:600;margin:0}.books-section .book-actions{display:flex;align-items:center;gap:8px}.books-section .menu-icon{font-size:18px;cursor:pointer;color:#555}.books-section .menu-icon:hover{color:#1677ff}.books-section .book-card{border-radius:8px}.books-section .book-card .book-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.books-section .book-card .book-header h4{font-size:16px;margin:0}.books-section .book-card .book-header .genre{font-size:13px;color:#666}.books-section .book-card .book-header .status-tag{border-radius:12px;padding:2px 10px;font-size:12px}.books-section .book-card .book-header .status-tag.completed{background:#e8f5e9;color:#2e7d32}.books-section .book-card .book-header .status-tag.draft{background:#fff3e0;color:#ef6c00}.books-section .book-card .book-header .status-tag.inediting{background:#e3f2fd;color:#1976d2}.books-section .book-card .progress-section{margin-bottom:12px}.books-section .book-card .progress-section p{margin:0 0 4px;font-size:13px;color:#666}.books-section .book-card .progress-section .ant-progress-inner{border-radius:10px}.books-section .book-card .progress-section .book-meta{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-top:4px}.books-section .book-card .open-btn{background:#e53935;border:none;font-weight:500}.books-section .book-card .open-btn:hover{background:#c62828!important}.create-book{font-family:sans-serif;background:#f8f9fa;min-height:100vh}.create-book .header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0}.create-book .header .header-container{display:flex;justify-content:space-between;align-items:center}.create-book .header .header-container .back-link{display:flex;align-items:center;text-decoration:none;color:#6b7280}.create-book .header .header-container .back-link:hover{color:#111827}.create-book .header .header-container .back-link .icon{margin-right:.5rem}.create-book .header .header-container .title{display:flex;align-items:center}.create-book .header .header-container .title .emoji{font-size:1.5rem;margin-right:.5rem}.create-book .header .header-container .title .text{font-size:1.25rem;font-weight:700}.create-book .main-content{padding:2rem 0;max-width:700px;margin:0 auto}.create-book .main-content .page-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.create-book .main-content .progress-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:2rem}.create-book .main-content .progress-bar .progress{height:6px;background:#3b82f6;border-radius:3px;transition:width .3s ease}.create-book .main-content .card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem}.create-book .main-content .card .step-content h2{text-align:center;font-size:1.5rem;margin-bottom:.5rem}.create-book .main-content .card .step-content .description{text-align:center;color:#6b7280;margin-bottom:1.5rem}.create-book .main-content .card .step-content .form-group{margin-bottom:1rem}.create-book .main-content .card .step-content .form-group label{display:block;margin-bottom:.25rem;font-weight:500}.create-book .main-content .card .step-content .form-group input,.create-book .main-content .card .step-content .form-group select,.create-book .main-content .card .step-content .form-group textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem}.create-book .main-content .card .step-content .form-group input:focus,.create-book .main-content .card .step-content .form-group select:focus,.create-book .main-content .card .step-content .form-group textarea:focus{outline:none;border-color:#3b82f6}.create-book .main-content .card .step-content .form-group textarea{min-height:100px}.create-book .main-content .card .step-content .review-section{background:#f3f4f6;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.create-book .main-content .card .step-content .review-section h3{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.5rem}.create-book .main-content .card .step-content .center{text-align:center}.create-book .main-content .card .step-content .center .btn-create{padding:.75rem 2rem;font-size:1rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.create-book .main-content .card .step-content .center .btn-create:hover{background:#2563eb}.create-book .main-content .navigation{display:flex;justify-content:space-between}.create-book .main-content .navigation button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.25rem;border:1px solid #d1d5db;cursor:pointer}.create-book .main-content .navigation button:disabled{cursor:not-allowed;opacity:.5}.create-book .main-content .navigation button:hover:not(:disabled){background:#f3f4f6}.sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;height:100vh;display:flex;flex-direction:column;padding-top:.5rem;transition:width .3s ease;position:relative}.sidebar.collapsed{width:60px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:.75rem;cursor:pointer;color:#374151}.sidebar-toggle:hover{background:#f3f4f6}.toggle-icon{height:20px;width:20px}.sidebar-group{display:flex;flex-direction:column}.sidebar-label{font-size:.85rem;font-weight:600;padding:.5rem 1rem;color:#6b7280;text-transform:uppercase;transition:opacity .2s ease}.sidebar.collapsed .sidebar-label{display:none}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:0}.sidebar-menu-button{display:flex;align-items:center;padding:.6rem 1rem;text-decoration:none;color:#374151;border-left:3px solid transparent;transition:background .2s,color .2s,padding .3s}.sidebar.collapsed .sidebar-menu-button{justify-content:center;padding:.6rem 0}.sidebar-menu-button .icon{height:18px;width:18px;flex-shrink:0}.sidebar-menu-button .title{margin-left:.75rem;font-size:.95rem}.sidebar.collapsed .sidebar-menu-button .title{display:none}.sidebar-menu-button:hover{background:#f3f4f6}.sidebar-menu-button.active{background:#3b82f61a;color:#3b82f6;font-weight:500;border-left:3px solid #3b82f6}:where(.css-dev-only-do-not-override-1ru20fs).ant-layout{flex-direction:row!important;display:block}.dashboard{background:#f9fafb;min-height:100dvh;display:flex;flex-direction:row!important}.dashboard .dashboard-content{padding:20px}.profile-page{font-family:Arial,sans-serif}.profile-page .cover-photo{width:100%;height:300px;background:url(https://5.imimg.com/data5/GQ/GN/GT/ANDROID-41727741/product-jpeg-500x500.jpg);border-radius:6px}.profile-page .profile-header{display:flex;justify-content:space-between;align-items:center;margin-top:-50px;padding:0 20px}.profile-page .profile-header .profile-info{display:flex;align-items:center;gap:16px}.profile-page .profile-header .profile-info .avatar-section{position:relative}.profile-page .profile-header .profile-info .avatar-section .edit-avatar{position:absolute;bottom:0;right:0;background:#fff;border:1px solid #ddd}.profile-page .profile-header .profile-info .username{margin:0;font-size:20px;font-weight:700}.profile-page .profile-header .profile-info .followers{margin:0;font-size:14px;color:#888}.profile-page .profile-header .save-btn{border-radius:20px;font-weight:500}.profile-page .form-section{margin:20px;padding:20px;background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000000d}.profile-page .form-section h3{margin-bottom:16px;font-size:16px;font-weight:600}.profile-page .form-section .profile-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-header{height:64px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f0f0f0;padding:0 24px}.dashboard-header .left-section{display:flex;align-items:center;gap:16px}.dashboard-header .left-section .sidebar-trigger{font-size:18px}.dashboard-header .left-section .logo{display:flex;align-items:center;gap:8px}.dashboard-header .left-section .logo .emoji{font-size:20px}.dashboard-header .left-section .logo .title{font-size:18px;font-weight:600}.dashboard-header .right-section{display:flex;align-items:center;gap:16px}.dashboard-header .right-section .ant-btn{font-size:18px}.dashboard-header .right-section .profile-trigger{display:flex;align-items:center;gap:8px;cursor:pointer}.dashboard-header .right-section .profile-trigger .username{font-weight:500;display:none}@media (min-width: 768px){.dashboard-header .right-section .profile-trigger .username{display:inline}}.dashboard-header .notification-item{display:flex;flex-direction:column}.dashboard-header .notification-item .notification-top{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-header .notification-item .notification-top .message{font-size:14px;margin:0}.dashboard-header .notification-item .notification-top .dot{width:8px;height:8px;background:#1677ff;border-radius:50%;margin-left:8px}.dashboard-header .notification-item .time{font-size:12px;color:#999}.dashboard-header .empty-notification{text-align:center;color:#999;font-size:14px}.dashboard-header .profile-label .name{font-size:14px;font-weight:500}.dashboard-header .profile-label .email{font-size:12px;color:#999}.Addchapterpage{font-family:sans-serif;background:#f8f9fa;min-height:100vh}.Addchapterpage .header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0}.Addchapterpage .header .header-container{display:flex;justify-content:space-between;align-items:center}.Addchapterpage .header .header-container .back-link{display:flex;align-items:center;text-decoration:none;color:#6b7280}.Addchapterpage .header .header-container .back-link:hover{color:#111827}.Addchapterpage .header .header-container .back-link .icon{margin-right:.5rem}.Addchapterpage .header .header-container .title{display:flex;align-items:center}.Addchapterpage .header .header-container .title .emoji{font-size:1.5rem;margin-right:.5rem}.Addchapterpage .header .header-container .title .text{font-size:1.25rem;font-weight:700}.back-to-dashboard{display:inline-flex;align-items:center;cursor:pointer;color:#6b7280;font-size:14px;transition:color .2s ease,transform .2s ease;margin:10px 0}.back-to-dashboard .back-icon{font-size:14px;margin-right:6px;transition:transform .2s ease}.back-to-dashboard .back-text{font-weight:400}.back-to-dashboard:hover{color:#111827}.back-to-dashboard:hover .back-icon{transform:translate(-2px)}.chapter-manager{height:100vh;display:flex;background:#fafafa}.chapter-manager .chapter-list .ant-list-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.chapter-manager .chapter-list .ant-list-item:hover{background:#f5f5f5}.chapter-manager .chapter-list .ant-list-item.active{background:#e6f4ff;border-left:4px solid #1677ff}.chapter-manager .editor-scroll-container{max-height:calc(100vh - 220px);overflow-y:auto;border:1px solid #eee;border-radius:8px;background:#fff;padding:8px;scroll-behavior:smooth}.chapter-manager .editor-scroll-container::-webkit-scrollbar{width:6px}.chapter-manager .editor-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chapter-manager .editor-scroll-container::-webkit-scrollbar-thumb:hover{background:#999}.chapter-manager .editor-wrapper,.chapter-manager .editor-wrapper .ck.ck-editor__editable_inline{min-height:400px}.chapter-manager .chapter-sider{background:#fff;border-right:1px solid #eee;padding:16px;display:flex;flex-direction:column}.chapter-manager .chapter-sider .sider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chapter-manager .chapter-sider .sider-header h3{margin:0;font-weight:600}.chapter-manager .chapter-sider .chapter-list{flex:1;overflow-y:auto}.chapter-manager .chapter-sider .chapter-list .ant-list-item{border-radius:8px;cursor:pointer;transition:all .2s ease;padding:10px 12px;margin-bottom:6px}.chapter-manager .chapter-sider .chapter-list .ant-list-item:hover{background:#f5f5f5}.chapter-manager .chapter-sider .chapter-list .ant-list-item.active{background:#f0f5ff;border:1px solid #91caff}.chapter-manager .chapter-sider .chapter-list .ant-list-item .ant-list-item-meta-title{font-weight:600;color:#333}.chapter-manager .chapter-sider .chapter-list .ant-list-item .ant-list-item-meta-description{font-size:12px;color:#999}.chapter-manager .chapter-content-area{background:#fff}.chapter-manager .chapter-content-area .top-toolbar{background:#fff;padding:12px 24px;border-bottom:1px solid #eee;display:flex;gap:10px}.chapter-manager .chapter-content-area .editor-container{padding:24px 40px;overflow-y:auto;background:#fff}.chapter-manager .chapter-content-area .editor-container .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chapter-manager .chapter-content-area .editor-container .editor-header h2{margin:0;font-weight:600}.chapter-manager .chapter-content-area .editor-container .editor-wrapper{border:1px solid #eee;border-radius:8px;background:#fff;padding:12px;min-height:500px}.chapter-manager .chapter-content-area .editor-container .editor-wrapper .ck.ck-editor__editable_inline{min-height:400px}.chapter-manager .chapter-content-area .editor-container .spin-wrapper{text-align:center;padding-top:80px}.editor-wrapper .ck-content p.dropcap:first-letter{float:left;font-size:3em;line-height:1;padding-right:8px;font-weight:700}.btn-group-preview{display:flex!important;gap:20px}.pagination-measure{position:absolute;visibility:hidden;pointer-events:none;width:720px;padding:70px 80px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.65}.page-measure{visibility:hidden;position:absolute;top:0;left:0}.pages-container{display:flex;flex-direction:column;gap:40px;align-items:center;padding:24px 0 120px}.page{width:720px;height:1050px;background:#fff;position:relative;box-shadow:0 4px 10px #00000014,0 0 0 1px #0000000d;border-radius:2px}.page-content{padding:70px 80px;overflow:hidden;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.65;color:#1f1f1f}.page-content p{margin:0 0 1.1em;page-break-inside:avoid}.page-content h1,.page-content h2,.page-content h3{margin-top:1.6em;margin-bottom:.6em;font-weight:600;page-break-after:avoid}.page-content ul,.page-content ol{margin:0 0 1.2em 1.4em}.page-content blockquote{margin:1.2em 0;padding-left:16px;border-left:3px solid #ddd;color:#555;font-style:italic}.page-number{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:12px;color:#777;letter-spacing:.5px}.grammar-container{border-top:1px solid #eee;padding:10px}.grammar-btn{background:#6c4be3;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600}.grammar-body{display:flex;margin-top:12px;gap:14px}.grammar-preview{flex:1;border:1px solid #ddd;padding:12px;border-radius:8px;background:#fafafa;max-height:400px;overflow-y:auto}.grammar-error{background:#ff646459;padding:2px 4px;border-radius:3px}.grammar-sidebar{width:260px;border-left:1px solid #eee;padding-left:10px}.grammar-item{background:#fff5f5;padding:8px;margin-bottom:10px;border-radius:6px}.apply-btn{background:#2a9d8f;color:#fff;border:none;padding:6px 10px;font-size:13px;border-radius:6px;cursor:pointer;margin-top:6px}.book-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e5e5e5}.book-header .book-title{display:flex;align-items:center;gap:8px}.book-header .book-title h3{margin:0;font-size:20px;font-weight:600;color:#1f1f1f}.book-header .book-title .book-icon{color:#d9534f;font-size:20px}.book-header .actions{display:flex;gap:12px}.book-header .actions .action-btn,.book-header .actions .submit-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:.2s ease}.book-header .actions .action-btn:hover,.book-header .actions .submit-btn:hover{background:#f5f5f5}.book-header .actions .submit-btn{background:#d9534f;color:#fff;border:none}.book-header .actions .submit-btn:hover{background:#c64541}.grammar-container{display:flex;gap:24px;padding:24px;font-family:Inter,system-ui,sans-serif}.editor{flex:2}.editor h3{margin-bottom:10px}.editor textarea{width:100%;min-height:180px;padding:12px;font-size:16px;border-radius:8px;border:1px solid #d1d5db;resize:vertical;outline:none}.editor textarea:focus{border-color:#0b5cff}.editor button{margin-top:12px;padding:10px 18px;background:#0b5cff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.editor button:disabled{opacity:.6;cursor:not-allowed}.editor button:hover:not(:disabled){background:#0847cc}.suggestions{flex:1;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.suggestions h3{margin-bottom:12px}.suggestions .empty{color:#9ca3af;font-size:14px}.suggestions .card{background:#fff;border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 2px 6px #0000000d}.suggestions .card .message{font-size:14px;margin-bottom:8px}.suggestions .card .fix-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.suggestions .card .fix-row .fix-btn{padding:4px 12px;background:#22c55e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px}.suggestions .card .fix-row .fix-btn:hover{background:#16a34a}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}